@meetelise/chat 1.51.13 → 1.51.15

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

@@ -325,7 +325,8 @@ export class CallUsWindow extends LitElement {
           ? html`By providing your number and clicking send, you consent to
               receive recurring commercial electronic messages from or on behalf
               of ${this.orgLegalName} at this number. Messages may be AI or
-              human generated. Msg & Data rates may apply. You consent to this
+              human generated. Msg freq varies. Msg & Data rates may apply. You
+              consent to this
               <a
                 target="_blank"
                 rel="noopener noreferrer"
@@ -334,28 +335,30 @@ export class CallUsWindow extends LitElement {
               >, including having your number and communications recorded and
               used by our service provider to generate responses and improve
               their services. You may withdraw your consent at any time by
-              unsubscribing or contacting us.`
+              unsubscribing or contacting us. Text STOP to opt-out of messages.
+              Text HELP for assistance.`
           : this.buildingId === 196098 // Liss Lawndale Apartments
           ? html`By providing your number and clicking send, you consent to
-              receive recurring marketing calls and voice and text messages from
+              receive recurring marketing text and voice messages and calls from
               or on behalf of ${this.orgLegalName} at this number using
               artificial voice or an autodialer system. Messages may be AI or
               human generated. This consent is not required to lease at this
-              property. Message frequency varies. Msg & Data rates may apply.
-              Reply STOP to opt-out or HELP for help. You consent to this
+              property. Msg freq varies. Msg & Data rates may apply. Text STOP
+              to opt-out of messages. Text HELP for assistance. You consent to
+              this
               <a target="_blank" href="http://bit.ly/me_privacy_policy"
                 >privacy policy</a
               >, including having your number and communications recorded and
               used by a third party.`
           : this.orgSlug === "greystar"
           ? html`By providing your phone number and clicking send, you consent
-              to receive recurring marketing calls and voice and text messages
+              to receive recurring marketing text and voice messages and calls
               from Greystar or on its behalf at this number using artificial
               voice and/or an autodialer. Messages may be AI or human-generated.
               Your phone number and communications are shared with and recorded
               and used by EliseAI. You are not required to provide your phone
-              number or consent to these terms to lease at this property. Msg &
-              Data rates may apply. You consent to
+              number or consent to these terms to lease at this property. Msg
+              freq varies. Msg & Data rates may apply. You consent to
               <a
                 href="https://www.greystar.com/privacy"
                 target="_blank"
@@ -368,13 +371,14 @@ export class CallUsWindow extends LitElement {
                 target="_blank"
                 rel="noopener noreferrer"
                 >EliseAI's Privacy Policy</a
-              >.`
+              >. Text STOP to opt-out of messages. Text HELP for assistance.`
           : html`By providing your number and clicking send, you consent to
-              receive recurring marketing calls and voice and text messages from
+              receive recurring marketing text and voice messages and calls from
               or on behalf of ${this.orgLegalName} at this number using
               artificial voice or an autodialer system. Messages may be AI or
               human generated. This consent is not required to lease at this
-              property. Msg & Data rates may apply. You consent to this
+              property. Msg freq varies. Msg & Data rates may apply. You consent
+              to this
               <a target="_blank" href="http://bit.ly/me_privacy_policy"
                 >privacy policy</a
               >
@@ -382,7 +386,8 @@ export class CallUsWindow extends LitElement {
               <a target="_blank" href="https://eliseai.com/msgterms"
                 >terms and conditions</a
               >, including having your number and communications recorded and
-              used by a third party.`}
+              used by a third party. Text STOP to opt-out of messages. Text HELP
+              for assistance.`}
       </div>
     </div>`;
   };

package/src/WebComponent/me-chat.ts

@@ -424,7 +424,12 @@ export class MEChat extends LitElement {
       this.enabledChatWidgets.sstMobile ||
       this.orgSlug === "radco"
     ) {
-      replaceSSTLinkWithTourWidgetTrigger(this.handleTourClicked);
+      replaceSSTLinkWithTourWidgetTrigger(
+        this.handleTourClicked,
+        this.orgSlug,
+        this.buildingSlug,
+        () => this.isConnected
+      );
       if (featureFlagReplaceScheduleTourCtaWebsite) {
         replacePageRedirectElementWithTourWidgetTrigger(this.handleTourClicked);
       }

package/src/disclaimers.ts

@@ -63,6 +63,10 @@ const formDisclaimer = ({
         recorded and used by our service provider EliseAI to generate responses
         and improve their services. You may withdraw your consent at any time by
         unsubscribing or contacting us.
+        ${phoneNumberInput
+          ? html`Msg freq varies. Text STOP to opt-out of messages. Text HELP
+            for assistance.`
+          : ""}
       </div>`;
     }
 
@@ -81,19 +85,23 @@ const formDisclaimer = ({
       recorded and used by our service provider EliseAI to generate responses
       and improve their services. You may withdraw your consent at any time by
       unsubscribing or contacting us.
+      ${phoneNumberInput
+        ? html`Msg freq varies. Text STOP to opt-out of messages. Text HELP for
+          assistance.`
+        : ""}
     </div>`;
   }
 
   if (phoneNumberInput && orgSlug === "greystar") {
     return html`<div style=${styleMap(disclaimerStyles.container)}>
       By providing your phone number and clicking ${clickingButtonText}, you
-      consent to receive recurring marketing calls and voice and text messages
+      consent to receive recurring marketing text and voice messages and calls
       from Greystar or on its behalf at this number using artificial voice
       and/or an autodialer. Messages may be AI or human-generated. Your phone
       number and communications are shared with and recorded and used by
       EliseAI. You are not required to provide your phone number or consent to
-      these terms to lease at this property. Msg & Data rates may apply. You
-      consent to
+      these terms to lease at this property. Msg freq varies. Msg & Data rates
+      may apply. You consent to
       <a
         style=${styleMap(disclaimerStyles.link)}
         href="https://www.greystar.com/privacy"
@@ -108,17 +116,17 @@ const formDisclaimer = ({
         target="_blank"
         rel="noopener noreferrer"
         >EliseAI’s Privacy Policy</a
-      >.
+      >. Text STOP to opt-out of messages. Text HELP for assistance.
     </div>`;
   }
   if (phoneNumberInput) {
     return html` <div style=${styleMap(disclaimerStyles.container)}>
       By providing your number and clicking ${clickingButtonText}, you consent
-      to receive recurring marketing calls and voice and text messages from or
+      to receive recurring marketing text and voice messages and calls from or
       on behalf of ${orgLegalName} at this number using artificial voice or an
       autodialer system. Messages may be AI or human generated. This consent is
-      not required to lease at this property. Msg & Data rates may apply. You
-      consent to this
+      not required to lease at this property. Msg freq varies. Msg & Data rates
+      may apply. You consent to this
       <a
         style=${styleMap(disclaimerStyles.link)}
         href=${policyUrl}
@@ -126,7 +134,7 @@ const formDisclaimer = ({
         rel="noopener noreferrer"
         >privacy policy</a
       >, including having your number and communications recorded and used by a
-      third party.
+      third party. Text STOP to opt-out of messages. Text HELP for assistance.
     </div>`;
   }
   if (emailInput) {
@@ -394,6 +402,7 @@ export const inChatThreadDisclaimer = ({
       </li>
     `;
   }
+
   return html``;
 };
 

package/src/insertLeadSourceIntoSchedulerLinks.test.ts

@@ -0,0 +1,216 @@
+import { expect } from "@esm-bundle/chai";
+import {
+  replacePageRedirectElementWithTourWidgetTrigger,
+  replaceSSTLinkWithTourWidgetTrigger,
+  replaceTourTriggerElementWithTourWidgetTrigger,
+} from "./insertLeadSourceIntoSchedulerLinks";
+
+const APP = "https://app.meetelise.com";
+const ORG = "test-org";
+const BUILDING = "test-building";
+
+const render = (hrefs: string[]): HTMLAnchorElement[] => {
+  document.body.innerHTML = hrefs
+    .map((href) => `<a href="${href}">link</a>`)
+    .join("");
+  return Array.from(document.querySelectorAll("a"));
+};
+
+// Returns whether the widget cancelled the click. The document listener runs
+// after the link's own listeners, then cancels navigation so the test page stays.
+const click = (element: Element): boolean => {
+  let defaultPrevented = false;
+  const recordAndCancel = (event: Event) => {
+    defaultPrevented = event.defaultPrevented;
+    event.preventDefault();
+  };
+  document.addEventListener("click", recordAndCancel);
+  element.dispatchEvent(
+    new MouseEvent("click", { bubbles: true, cancelable: true })
+  );
+  document.removeEventListener("click", recordAndCancel);
+  return defaultPrevented;
+};
+
+const clickAll = (links: HTMLAnchorElement[]): Record<string, boolean> =>
+  Object.fromEntries(
+    links.map((link) => [link.getAttribute("href") ?? "", click(link)])
+  );
+
+const allEqual = (hrefs: string[], value: boolean): Record<string, boolean> =>
+  Object.fromEntries(hrefs.map((href) => [href, value]));
+
+describe("replaceSSTLinkWithTourWidgetTrigger", () => {
+  let opened: MouseEvent[];
+  const install = (orgSlug = ORG, buildingSlug = BUILDING): void =>
+    replaceSSTLinkWithTourWidgetTrigger(
+      (event) => opened.push(event),
+      orgSlug,
+      buildingSlug,
+      () => true
+    );
+
+  beforeEach(() => {
+    opened = [];
+  });
+
+  afterEach(() => {
+    document.body.innerHTML = "";
+  });
+
+  it("opens the scheduler only for the current building's tour link on a portfolio page", () => {
+    const [ownTour, otherTour, contactUs] = render([
+      `${APP}/${ORG}/${BUILDING}/tour`,
+      `${APP}/${ORG}/other-building/tour`,
+      `${APP}/${ORG}/${BUILDING}/contactUs`,
+    ]);
+
+    install();
+
+    expect({
+      ownTour: click(ownTour),
+      otherTour: click(otherTour),
+      contactUs: click(contactUs),
+    }).to.deep.equal({ ownTour: true, otherTour: false, contactUs: false });
+    expect(opened).to.have.length(1);
+  });
+
+  it("matches the current building's tour link with query strings, fragments, trailing slashes and any casing", () => {
+    const hrefs = [
+      `${APP}/${ORG}/${BUILDING}/tour/`,
+      `${APP}/${ORG}/${BUILDING}/tour?utm_source=website`,
+      `${APP}/${ORG}/${BUILDING}/tour/?hideScrollBars=true`,
+      `${APP}/${ORG}/${BUILDING}/tour?stateId=abc123`,
+      `${APP}/${ORG}/${BUILDING}/tour#schedule`,
+      `${APP}/${ORG}//${BUILDING}/tour`,
+      `${APP}/Test-Org/Test-Building/Tour`,
+    ];
+    const links = render(hrefs);
+
+    install();
+
+    expect(clickAll(links)).to.deep.equal(allEqual(hrefs, true));
+    expect(opened).to.have.length(hrefs.length);
+  });
+
+  it("matches when the widget was started with differently cased slugs", () => {
+    const [link] = render([`${APP}/${ORG}/${BUILDING}/tour`]);
+
+    install("Test-Org", "TEST-BUILDING");
+
+    expect(click(link)).to.equal(true);
+  });
+
+  it("keeps default navigation for every other app.meetelise.com link", () => {
+    const hrefs = [
+      `${APP}/other-org/${BUILDING}/tour`,
+      `${APP}/${ORG}/${BUILDING}-2/tour`,
+      `${APP}/${ORG}/${BUILDING}/tour-2`,
+      `${APP}/${ORG}/${BUILDING}/tour/extra`,
+      `${APP}/${ORG}/${BUILDING}/contactUs?utm_source=website`,
+      `${APP}/${ORG}/${BUILDING}`,
+      `${APP}/${ORG}/tour`,
+      `${APP}/${BUILDING}/tour`,
+      `${APP}/settings/widgets`,
+      `${APP}/`,
+    ];
+    const links = render(hrefs);
+
+    install();
+
+    expect(clickAll(links)).to.deep.equal(allEqual(hrefs, false));
+    expect(opened).to.have.length(0);
+  });
+
+  it("never intercepts links outside https://app.meetelise.com", () => {
+    const hrefs = [
+      `/${ORG}/${BUILDING}/tour`,
+      `http://app.meetelise.com/${ORG}/${BUILDING}/tour`,
+      `https://www.example.com/${ORG}/${BUILDING}/tour`,
+    ];
+    const links = render(hrefs);
+
+    install();
+
+    expect(clickAll(links)).to.deep.equal(allEqual(hrefs, false));
+  });
+
+  it("lets a removed widget's tour link navigate after the widget switches buildings", () => {
+    const [firstTour, secondTour] = render([
+      `${APP}/${ORG}/${BUILDING}/tour`,
+      `${APP}/${ORG}/other-building/tour`,
+    ]);
+    const openedByFirst: MouseEvent[] = [];
+    const openedBySecond: MouseEvent[] = [];
+    let firstMounted = true;
+    replaceSSTLinkWithTourWidgetTrigger(
+      (event) => openedByFirst.push(event),
+      ORG,
+      BUILDING,
+      () => firstMounted
+    );
+
+    // Studio removes the first widget and starts one for another building.
+    firstMounted = false;
+    replaceSSTLinkWithTourWidgetTrigger(
+      (event) => openedBySecond.push(event),
+      ORG,
+      "other-building",
+      () => true
+    );
+
+    expect({
+      firstTour: click(firstTour),
+      secondTour: click(secondTour),
+    }).to.deep.equal({ firstTour: false, secondTour: true });
+    expect(openedByFirst).to.have.length(0);
+    expect(openedBySecond).to.have.length(1);
+  });
+
+  it("intercepts nothing when the building slug is missing", () => {
+    const hrefs = [`${APP}/${ORG}/${BUILDING}/tour`, `${APP}/${ORG}//tour`];
+    const links = render(hrefs);
+
+    install(ORG, "");
+
+    expect(clickAll(links)).to.deep.equal(allEqual(hrefs, false));
+    expect(opened).to.have.length(0);
+  });
+});
+
+describe("site schedule-a-tour hooks", () => {
+  let opened: MouseEvent[];
+
+  beforeEach(() => {
+    opened = [];
+  });
+
+  afterEach(() => {
+    document.body.innerHTML = "";
+  });
+
+  it("opens the scheduler from links ending in schedule-a-tour", () => {
+    const [link] = render(["/apartments/oh/westerville/schedule-a-tour"]);
+
+    replacePageRedirectElementWithTourWidgetTrigger((event) =>
+      opened.push(event)
+    );
+
+    expect(click(link)).to.equal(true);
+    expect(opened).to.have.length(1);
+  });
+
+  it("replaces #leaseleads-tour-open links with a scheduler trigger", () => {
+    render(["#leaseleads-tour-open"]);
+
+    replaceTourTriggerElementWithTourWidgetTrigger((event) =>
+      opened.push(event)
+    );
+
+    const trigger = document.querySelector("a");
+    expect(trigger?.hasAttribute("href")).to.equal(false);
+    expect(trigger?.textContent).to.equal("link");
+    expect(click(trigger as HTMLAnchorElement)).to.equal(true);
+    expect(opened).to.have.length(1);
+  });
+});

package/src/insertLeadSourceIntoSchedulerLinks.ts

@@ -18,14 +18,43 @@ export const insertLeadSourceIntoSchedulerLinks = (
   });
 };
 
+// Mirrors the web-app's /:organization/:building/tour route, which ignores
+// empty path segments. Case-insensitive so slug casing differences still match.
+const isBuildingTourLink = (
+  href: string,
+  orgSlug: string,
+  buildingSlug: string
+): boolean => {
+  const [org, building, page, ...rest] = new URL(href).pathname
+    .split("/")
+    .filter(Boolean)
+    .map((segment) => segment.toLowerCase());
+  return (
+    rest.length === 0 &&
+    page === "tour" &&
+    org === orgSlug.toLowerCase() &&
+    building === buildingSlug.toLowerCase()
+  );
+};
+
 export const replaceSSTLinkWithTourWidgetTrigger = (
-  handleTourClicked: (e: MouseEvent) => void
+  handleTourClicked: (e: MouseEvent) => void,
+  orgSlug: string,
+  buildingSlug: string,
+  isWidgetMounted: () => boolean
 ): void => {
   const sstRedirectElements = document.querySelectorAll("a");
   sstRedirectElements.forEach(function (element) {
     const href = element.getAttribute("href");
-    if (href && href.startsWith("https://app.meetelise.com/")) {
+    if (
+      href &&
+      href.startsWith("https://app.meetelise.com/") &&
+      isBuildingTourLink(href, orgSlug, buildingSlug)
+    ) {
       element.addEventListener("click", (event) => {
+        // Studio can swap the widget for another building's. A removed
+        // widget's listener must let the link navigate, not swallow the click.
+        if (!isWidgetMounted()) return;
         event.preventDefault(); // Prevents the default href redirect
         handleTourClicked(event as MouseEvent);
       });