@meetelise/chat 1.49.0 → 1.50.0

package/src/MyPubnub.ts

@@ -7,10 +7,6 @@ import { ChatStorageKey, createChatStorageKey } from "./handleChatId";
 import LeadSourceClient from "./WebComponent/LeadSourceClient";
 import { pushGtmEvent } from "./gtm";
 import { isContainingEmail, snakify } from "./utils";
-import {
-  collectClientContext,
-  WebchatClientContext,
-} from "./collectClientContext";
 import { WidgetType } from "./main/MEChat";
 import { BuildingWebchatView } from "./fetchBuildingWebchatView";
 import { LeadSourceMultitouchClient } from "./WebComponent/LeadSourceMultitouchClient";
@@ -222,15 +218,9 @@ class MyPubnub {
     expires_in_seconds: number;
   } | null> {
     try {
-      const payload: {
-        building_slug: string;
-        org_slug: string;
-        lead_id?: string;
-        client_context?: WebchatClientContext;
-      } = {
+      const payload: Record<string, string> = {
         building_slug: buildingSlug,
         org_slug: orgSlug,
-        client_context: collectClientContext(),
       };
       if (existingLeadId) {
         payload.lead_id = existingLeadId;

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

@@ -187,6 +187,9 @@ export class TourScheduler extends LitElement {
   @property({ attribute: true })
   orgLegalName = "";
 
+  @property({ attribute: false })
+  country: string | null = null;
+
   @property({ attribute: true })
   currentLeadSource = ""; // the default lead source based on referrer and query params.
 
@@ -1771,6 +1774,7 @@ export class TourScheduler extends LitElement {
                       emailInput: this.emailInput?.value,
                       orgLegalName: this.orgLegalName,
                       orgSlug: this.orgSlug,
+                      country: this.country,
                       clickingButtonText: "schedule tour",
                     })}
                   </div>
@@ -1825,6 +1829,7 @@ export class TourScheduler extends LitElement {
                       emailInput: this.emailInput?.value,
                       orgLegalName: this.orgLegalName,
                       orgSlug: this.orgSlug,
+                      country: this.country,
                       clickingButtonText: "schedule tour",
                     })}
                   </div>
@@ -1934,6 +1939,7 @@ export class TourScheduler extends LitElement {
                     emailInput: this.emailInput?.value,
                     orgLegalName: this.orgLegalName,
                     orgSlug: this.orgSlug,
+                    country: this.country,
                     clickingButtonText: "schedule tour",
                   })}
                 `

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

@@ -22,6 +22,10 @@ import {
   isNumericInput,
 } from "./formatPhoneNumber";
 import { InputStyles } from "./InputStyles";
+import {
+  CANADA_PRIVACY_POLICY_URL,
+  isCanadianBuilding,
+} from "../../disclaimers";
 
 @customElement("call-us-window")
 export class CallUsWindow extends LitElement {
@@ -167,6 +171,8 @@ export class CallUsWindow extends LitElement {
 
   @property({ attribute: true })
   orgLegalName = "";
+  @property({ attribute: false })
+  country: string | null = null;
 
   @property({ attribute: true })
   private leadSourceClient: LeadSourceClient | null = null;
@@ -315,7 +321,21 @@ export class CallUsWindow extends LitElement {
       </div>
 
       <div class="text-us-window__description">
-        ${this.buildingId === 196098 // Liss Lawndale Apartments
+        ${isCanadianBuilding(this.country)
+          ? 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
+              <a
+                target="_blank"
+                rel="noopener noreferrer"
+                href=${CANADA_PRIVACY_POLICY_URL}
+                >privacy policy</a
+              >, 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.`
+          : 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
               or on behalf of ${this.orgLegalName} at this number using

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

@@ -123,6 +123,8 @@ export class EmailUsWindow extends LitElement {
   buildingName = "";
   @property({ attribute: true })
   orgLegalName = "";
+  @property({ attribute: false })
+  country: string | null = null;
 
   @property({ attribute: true })
   private leadSourceClient: LeadSourceClient | null = null;
@@ -507,6 +509,7 @@ export class EmailUsWindow extends LitElement {
           emailInput: this.email,
           orgLegalName: this.orgLegalName,
           orgSlug: this.orgSlug,
+          country: this.country,
           clickingButtonText: "send",
         })}
       </details-window>

package/src/WebComponent/launcher/Launcher.ts

@@ -76,6 +76,8 @@ export class Launcher extends LitElement {
   chatId = "";
   @property({ attribute: true })
   orgLegalName = "";
+  @property({ attribute: false })
+  country: string | null = null;
   @property({ attribute: true })
   chatCallUsHeader = "";
   @property({ attribute: false })
@@ -1281,6 +1283,7 @@ export class Launcher extends LitElement {
                 .leadSourceClient=${this.leadSourceClient}
                 .leadSourceMultitouchClient=${this.leadSourceMultitouchClient}
                 .orgLegalName=${this.orgLegalName}
+                .country=${this.country}
               >
               </email-us-window>
             </div>`
@@ -1308,6 +1311,7 @@ export class Launcher extends LitElement {
                 .tourTypeOptions=${this.tourTypeOptions}
                 .layoutOptions=${this.layoutOptions}
                 .orgLegalName=${this.orgLegalName}
+                .country=${this.country}
                 buildingId=${this.buildingId}
                 orgId=${this.orgId}
                 .leadSourceParams=${this.leadSourceParams}
@@ -1354,6 +1358,7 @@ export class Launcher extends LitElement {
                   .leadSourceClient=${this.leadSourceClient}
                   .leadSourceMultitouchClient=${this.leadSourceMultitouchClient}
                   .orgLegalName=${this.orgLegalName}
+                  .country=${this.country}
                 ></call-us-window>
               </div>
             `

package/src/WebComponent/me-chat.ts

@@ -7,6 +7,7 @@ import "./Scheduler/tour-scheduler";
 import fetchBuildingWebchatView, {
   BuildingWebchatView,
   DesignConcepts,
+  fetchOrgCentralWebchatView,
 } from "../fetchBuildingWebchatView";
 import Analytics, { logSignal, LogType, sendLoggingEvent } from "../analytics";
 import {
@@ -126,6 +127,8 @@ export class MEChat extends LitElement {
   private buildingSlug = "";
   @property({ type: String })
   private orgSlug = "";
+  @property({ type: Boolean })
+  private centralConvo = false;
   @property({ type: Object })
   launcherStyles: StyleInfo = {};
   @property()
@@ -265,11 +268,11 @@ export class MEChat extends LitElement {
   firstUpdated = async (): Promise<void> => this.setupWebchat();
 
   private setupWebchat = async (): Promise<void> => {
-    if (!this.buildingSlug || !this.orgSlug) return;
-    const buildingWebchatView = await fetchBuildingWebchatView(
-      this.orgSlug,
-      this.buildingSlug
-    );
+    if (!this.orgSlug) return;
+    if (!this.centralConvo && !this.buildingSlug) return;
+    const buildingWebchatView = this.centralConvo
+      ? await fetchOrgCentralWebchatView(this.orgSlug)
+      : await fetchBuildingWebchatView(this.orgSlug, this.buildingSlug);
 
     if (Math.random() < 0.2) {
       try {
@@ -1009,6 +1012,7 @@ export class MEChat extends LitElement {
                   .hasDynamicSchedulingEnabled=${this.buildingWebchatView
                     ?.usesDynamicScheduling ?? false}
                   .orgLegalName=${this.buildingWebchatView?.orgLegalName ?? ""}
+                  .country=${this.buildingWebchatView?.country ?? null}
                   .tourTypeOptions=${this.buildingWebchatView
                     ?.tourTypeOptions ?? []}
                   .layoutOptions=${this.buildingWebchatView?.layoutOptions ??

package/src/WebComponent/pubnub-chat.ts

@@ -686,6 +686,7 @@ export class PubnubChat extends LitElement {
             ${inChatThreadDisclaimer({
               orgSlug: this.orgSlug ?? "",
               buildingState: this.building?.state ?? null,
+              buildingCountry: this.building?.country ?? null,
               type: "leasing",
               customAdditionalDisclaimer:
                 this.building?.customAdditionalDisclaimer,

package/src/disclaimers.ts

@@ -17,6 +17,12 @@ const disclaimerStyles = {
 // States where we need to say "you are interacting with generative AI".
 const GENERATIVE_AI_DISCLAIMER_STATES = ["UT", "ME"];
 
+export const CANADA_PRIVACY_POLICY_URL = "https://eliseai.com/canada-policy";
+
+export const isCanadianBuilding = (
+  country: string | null | undefined
+): boolean => country === "CA";
+
 export const CURRENT_CONSENT_ID = "currentConsentId";
 
 const formDisclaimer = ({
@@ -24,6 +30,7 @@ const formDisclaimer = ({
   emailInput,
   orgLegalName,
   orgSlug,
+  country,
   clickingButtonText = "send",
 }: {
   buildingName: string;
@@ -31,8 +38,13 @@ const formDisclaimer = ({
   emailInput?: string;
   orgLegalName: string;
   orgSlug: string;
+  country?: string | null;
   clickingButtonText?: string;
 }): TemplateResult => {
+  const policyUrl = isCanadianBuilding(country)
+    ? CANADA_PRIVACY_POLICY_URL
+    : "http://bit.ly/me_privacy_policy";
+
   if (phoneNumberInput && orgSlug === "greystar") {
     return html`<div style=${styleMap(disclaimerStyles.container)}>
       By providing your phone number and clicking ${clickingButtonText}, you
@@ -70,7 +82,7 @@ const formDisclaimer = ({
       consent to this
       <a
         style=${styleMap(disclaimerStyles.link)}
-        href="http://bit.ly/me_privacy_policy"
+        href=${policyUrl}
         target="_blank"
         rel="noopener noreferrer"
         >privacy policy</a
@@ -84,7 +96,7 @@ const formDisclaimer = ({
       this
       <a
         style=${styleMap(disclaimerStyles.link)}
-        href="http://bit.ly/me_privacy_policy"
+        href=${policyUrl}
         target="_blank"
         rel="noopener noreferrer"
         >privacy policy</a
@@ -93,12 +105,12 @@ const formDisclaimer = ({
     </div>`;
   }
   // Default: no email or phone entered yet. Still surface the privacy policy
-  // link so it's discoverable in the tab order before the user types.
+  // link so it’s discoverable in the tab order before the user types.
   return html` <div style=${styleMap(disclaimerStyles.container)}>
     By clicking ${clickingButtonText}, you consent to this
     <a
       style=${styleMap(disclaimerStyles.link)}
-      href="http://bit.ly/me_privacy_policy"
+      href=${policyUrl}
       target="_blank"
       rel="noopener noreferrer"
       >privacy policy</a
@@ -232,15 +244,19 @@ export const getConsentPreChatDisclaimer = (
 export const inChatThreadDisclaimer = ({
   orgSlug,
   buildingState,
+  buildingCountry,
   type,
   customAdditionalDisclaimer,
 }: {
   orgSlug: string;
   buildingState: string | null;
+  buildingCountry?: string | null;
   type: "healthcare" | "utilities" | "leasing";
   customAdditionalDisclaimer?: string | null;
 }): TemplateResult => {
-  const privacyPolicyUrl = getPrivacyPolicyUrl(orgSlug);
+  const privacyPolicyUrl = isCanadianBuilding(buildingCountry)
+    ? CANADA_PRIVACY_POLICY_URL
+    : getPrivacyPolicyUrl(orgSlug);
 
   const safeAdditionalDisclaimer = customAdditionalDisclaimer
     ? html`<br />${unsafeHTML(customAdditionalDisclaimer)}`
@@ -300,6 +316,26 @@ export const inChatThreadDisclaimer = ({
       `;
     }
 
+    if (isCanadianBuilding(buildingCountry)) {
+      return html`
+        <li class="disclaimer-container disclaimer-message">
+          <p class="disclaimer-inner">
+            By interacting with this system, you consent to
+            <a
+              href=${privacyPolicyUrl}
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              this privacy policy</a
+            >, including being contacted by AI or a human & having your
+            conversation recorded and used by a third-party service provider to
+            generate responses and improve their services.
+            ${safeAdditionalDisclaimer}
+          </p>
+        </li>
+      `;
+    }
+
     return html`
       <li class="disclaimer-container disclaimer-message">
         <p class="disclaimer-inner">

package/src/fetchBuildingWebchatView.ts

@@ -131,6 +131,7 @@ export interface BuildingWebchatView {
   featureFlagWebchatReplaceAnyScheduleTourCtaWebsite: boolean;
   customAdditionalDisclaimer: string | null;
   isAip: boolean;
+  country: string | null;
 }
 
 /**
@@ -147,20 +148,40 @@ export default async function fetchBuildingWebchatView(
   const host = "https://app.meetelise.com";
   const buildingUrl = `${host}/api/pub/v1/organization/${orgSlug}/building/${buildingSlug}/v2`;
   const buildingResponse = await axios.get(buildingUrl);
+  return withReplacedWelcomeName(buildingResponse.data);
+}
 
-  const buildingWebchatView: BuildingWebchatView = buildingResponse.data;
+/**
+ * Load the org-anchored webchat config for centralized webchat, where the widget
+ * is scoped to the organization rather than a single building. The building/group
+ * slug on the page is used only for navigation-event tracking, not for config.
+ *
+ * @param orgSlug - The org slug, e.g. "big-prop-co"
+ * @returns The org-level webchat config, in the same shape as a building's.
+ */
+export async function fetchOrgCentralWebchatView(
+  orgSlug: string
+): Promise<BuildingWebchatView> {
+  const host = "https://app.meetelise.com";
+  const orgUrl = `${host}/api/pub/v1/organization/${orgSlug}/webchat/v2`;
+  const orgResponse = await axios.get(orgUrl);
+  return withReplacedWelcomeName(orgResponse.data);
+}
 
+const withReplacedWelcomeName = (
+  view: BuildingWebchatView
+): BuildingWebchatView => {
   try {
-    buildingWebchatView.welcomeMessage = replaceName(
-      buildingWebchatView.welcomeMessage ?? "",
-      buildingWebchatView.userFirstName
+    view.welcomeMessage = replaceName(
+      view.welcomeMessage ?? "",
+      view.userFirstName
     );
   } catch (e) {
     // eslint-disable-next-line no-console
     console.error(e);
   }
-  return buildingWebchatView;
-}
+  return view;
+};
 
 const replaceName = (originalText: string, newName: string) => {
   const regex = /elise/gi;

package/src/main/MEChat.ts

@@ -205,12 +205,18 @@ export default class MEChat {
     }
 
     if (meChatElement instanceof MEChatLitElement) {
-      this.handleBuildingslug(
-        meChatElement as MEChatLitElement,
-        opts.organization,
-        opts.building,
-        opts
-      );
+      if (opts.centralConvo) {
+        // Centralized webchat is org-anchored: config comes from the org, not a
+        // per-building slug or site resolution.
+        meChatElement.setAttribute("centralConvo", "true");
+      } else {
+        this.handleBuildingslug(
+          meChatElement as MEChatLitElement,
+          opts.organization,
+          opts.building,
+          opts
+        );
+      }
       if (opts.launcherStyles) {
         meChatElement.launcherStyles = opts.launcherStyles;
       }
@@ -536,6 +542,7 @@ function coerceStudioSessionScopeKey(
 export interface Options {
   building?: string;
   organization?: string;
+  centralConvo?: boolean;
   studio?: StudioWebchatOptions;
   avatarSrc?: string;
   mini?: boolean;

package/dist/src/collectClientContext.d.ts

@@ -1,12 +0,0 @@
-export interface WebchatClientContext {
-    page_url?: string;
-    referrer?: string;
-    document_title?: string;
-    screen_width?: number;
-    screen_height?: number;
-    device_pixel_ratio?: number;
-    timezone?: string;
-    campaign_sources?: string;
-    ga_client_id?: string;
-}
-export declare const collectClientContext: () => WebchatClientContext;

package/src/collectClientContext.ts

@@ -1,42 +0,0 @@
-import { getCampaignSources } from "./analytics";
-import { getCookieValue } from "./utils";
-
-export interface WebchatClientContext {
-  page_url?: string;
-  referrer?: string;
-  document_title?: string;
-  screen_width?: number;
-  screen_height?: number;
-  device_pixel_ratio?: number;
-  timezone?: string;
-  campaign_sources?: string;
-  ga_client_id?: string;
-}
-
-export const collectClientContext = (): WebchatClientContext => {
-  const context: WebchatClientContext = {};
-  try {
-    context.page_url = window.location.href;
-    if (document.referrer) {
-      context.referrer = document.referrer;
-    }
-    if (document.title) {
-      context.document_title = document.title;
-    }
-    if (window.screen) {
-      context.screen_width = window.screen.width;
-      context.screen_height = window.screen.height;
-    }
-    context.device_pixel_ratio = window.devicePixelRatio;
-    context.timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
-    context.campaign_sources = JSON.stringify(getCampaignSources());
-    const gaClientId = getCookieValue("_ga");
-    if (gaClientId) {
-      context.ga_client_id = gaClientId;
-    }
-  } catch (e) {
-    // eslint-disable-next-line no-console
-    console.warn(`Couldnt collect webchat client context, error: ${e}`);
-  }
-  return context;
-};