@meetelise/chat 1.48.3 → 1.48.4

package/src/WebComponent/LeadSourceClient.ts

@@ -32,9 +32,13 @@ class LeadSourceClient {
 
   private apiHost = "https://app.meetelise.com";
   public leadSource: string | null = null;
+  // UTM params associated with the resolved lead source (e.g. switch_code=<code>
+  // for AMLI). Forwarded onto external tour-vendor links (e.g. Tour24).
+  public leadSourceParams: { [key: string]: string } | null = null;
   private localStorageTTLDays = 30;
 
   buildingId: number | null = null;
+  orgId: number | null = null;
   orgSlug: string | null = null;
   buildingSlug: string | null = null;
   queryParameters: {
@@ -90,6 +94,7 @@ class LeadSourceClient {
 
     const body = {
       leadSource: leadSource,
+      leadSourceParams: this.leadSourceParams,
       leadId: leadId,
       buildingSlug: buildingSlug,
       timestamp: formatISO(new Date()),
@@ -140,17 +145,33 @@ class LeadSourceClient {
     referrer,
     campaignSources,
   }: LeadSourceInput): Promise<string | null> {
+    const requestBody = {
+      query_params: queryParams,
+      building_slug: buildingSlug,
+      referrer: referrer,
+      campaign_sources: campaignSources,
+    };
     try {
-      const currentParsedLeadSourceResponse = await axios.post(
-        `${this.apiHost}/platformApi/webchat/current-parsed-lead-source`,
-        {
-          query_params: queryParams,
-          building_slug: buildingSlug,
-          referrer: referrer,
-          campaign_sources: campaignSources,
-        }
+      // Only AMLI (org 52) needs the resolved source's params forwarded to its
+      // self-guided tour vendor (Tour24); every other org uses the original
+      // endpoint that returns just the source string.
+      if (this.orgId !== 52) {
+        const response = await axios.post(
+          `${this.apiHost}/platformApi/webchat/current-parsed-lead-source`,
+          requestBody
+        );
+        return response.data;
+      }
+      const response = await axios.post(
+        `${this.apiHost}/platformApi/webchat/current-parsed-lead-source-with-params`,
+        requestBody
       );
-      return currentParsedLeadSourceResponse.data;
+      const data = response.data as {
+        source: string | null;
+        utm_params: { [key: string]: string } | null;
+      };
+      this.leadSourceParams = data?.utm_params ?? null;
+      return data?.source ?? null;
     } catch (_) {
       return null;
     }
@@ -291,10 +312,14 @@ class LeadSourceClient {
             isOverrideFromNewLeadSource = true;
           } else {
             this.leadSource = isCurrentlyStoredLeadSource.leadSource;
+            this.leadSourceParams =
+              isCurrentlyStoredLeadSource.leadSourceParams ?? null;
             return this.leadSource;
           }
         } else {
           this.leadSource = isCurrentlyStoredLeadSource.leadSource;
+          this.leadSourceParams =
+            isCurrentlyStoredLeadSource.leadSourceParams ?? null;
           return this.leadSource;
         }
       }
@@ -314,6 +339,8 @@ class LeadSourceClient {
           this.getLeadSourceBodyIfValid(buildingSlug);
         if (isCurrentlyStoredLeadSource) {
           this.leadSource = isCurrentlyStoredLeadSource.leadSource;
+          this.leadSourceParams =
+            isCurrentlyStoredLeadSource.leadSourceParams ?? null;
           return this.leadSource;
         }
       }

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

@@ -44,6 +44,7 @@ import compareAsc from "date-fns/compareAsc";
 import { InputStyles } from "../actions/InputStyles";
 import { classMap } from "lit/directives/class-map.js";
 import { FeatureFlagsShowDropdown } from "../../fetchFeatureFlag";
+import { appendParamsToUrl } from "../../postLeadSources";
 import { pushGtmEvent } from "../../gtm";
 import formDisclaimer from "../../disclaimers";
 import { tourSchedulerStyles } from "./tourSchedulerStyles";
@@ -85,6 +86,18 @@ export class TourScheduler extends LitElement {
     }
   }
 
+  // Open the configured self-guided tour (e.g. Tour24) link. For org 52 (AMLI)
+  // we forward the resolved lead source's params (e.g. switch_code=<code>) onto
+  // the link so the vendor can attribute the lead; every other org opens the
+  // link unchanged.
+  private openSelfGuidedTour(): void {
+    const url =
+      this.orgId === 52
+        ? appendParamsToUrl(this.sgtUrl, this.leadSourceParams)
+        : this.sgtUrl;
+    window.open(url, "_blank");
+  }
+
   @property({ attribute: false })
   tourTypeOptions: LabeledOption[] = [];
   @property({ attribute: false })
@@ -93,6 +106,10 @@ export class TourScheduler extends LitElement {
   chatId = "";
   @property({ type: Number })
   buildingId = 0;
+  @property({ type: Number })
+  orgId = 0;
+  @property({ attribute: false })
+  leadSourceParams: { [key: string]: string } | null = null;
   @property({ attribute: true })
   buildingSlug = "";
   @property({ attribute: true })
@@ -987,7 +1004,7 @@ export class TourScheduler extends LitElement {
                     this.selfGuidedToursTypeOffered
                   )
                 ) {
-                  window.open(this.sgtUrl, "_blank");
+                  this.openSelfGuidedTour();
                 }
                 this.availabilitiesGroupedByDay =
                   await getAvailabilitiesGroupedByDay(
@@ -1118,7 +1135,7 @@ export class TourScheduler extends LitElement {
         <div id="dateAndTimeMenu">
           <button
             id="self-guided-redirect-bttn"
-            @click=${() => window.open(this.sgtUrl, "_blank")}
+            @click=${() => this.openSelfGuidedTour()}
           >
             View Self Guided Tour Times
           </button>
@@ -1144,7 +1161,7 @@ export class TourScheduler extends LitElement {
                   this.selfGuidedToursTypeOffered
                 )
               ) {
-                window.open(this.sgtUrl, "_blank");
+                this.openSelfGuidedTour();
                 return;
               }
               if (

package/src/WebComponent/launcher/Launcher.ts

@@ -80,6 +80,10 @@ export class Launcher extends LitElement {
   chatCallUsHeader = "";
   @property({ attribute: false })
   buildingId = 0;
+  @property({ type: Number })
+  orgId = 0;
+  @property({ attribute: false })
+  leadSourceParams: { [key: string]: string } | null = null;
   @property({ attribute: true })
   buildingSlug = "";
   @property({ attribute: true })
@@ -1305,6 +1309,8 @@ export class Launcher extends LitElement {
                 .layoutOptions=${this.layoutOptions}
                 .orgLegalName=${this.orgLegalName}
                 buildingId=${this.buildingId}
+                orgId=${this.orgId}
+                .leadSourceParams=${this.leadSourceParams}
                 featureFlagShowDropdown="${this.featureFlagShowDropdown}"
                 .buildingName=${this.buildingName}
                 .primaryColor=${this.primaryColor}

package/src/WebComponent/me-chat.ts

@@ -589,6 +589,7 @@ export class MEChat extends LitElement {
       throw new Error("Lead ID is null");
     }
     this.LeadSourceClient = new LeadSourceClient();
+    this.LeadSourceClient.orgId = this.buildingWebchatView?.orgId ?? 0;
 
     this.LeadSourceMultitouchClient = new LeadSourceMultitouchClient(
       this.orgSlug,
@@ -1002,6 +1003,9 @@ export class MEChat extends LitElement {
                   ${ref(this.launcherRef)}
                   .isFirstMount=${!this.hasMounted}
                   .buildingId=${this.buildingWebchatView?.id ?? 0}
+                  .orgId=${this.buildingWebchatView?.orgId ?? 0}
+                  .leadSourceParams=${this.LeadSourceClient?.leadSourceParams ??
+                  null}
                   .hasDynamicSchedulingEnabled=${this.buildingWebchatView
                     ?.usesDynamicScheduling ?? false}
                   .orgLegalName=${this.buildingWebchatView?.orgLegalName ?? ""}

package/src/postLeadSources.ts

@@ -5,6 +5,31 @@ export function getUrlQueryParameters(): { [queryKey: string]: string } | null {
   return getStandardUrlQueryParameters();
 }
 
+// Append the given query params onto an outbound tour-vendor URL (e.g. Tour24)
+// so the vendor can attribute the lead. The params are the ones associated with
+// the resolved lead source (returned by the backend, e.g. switch_code=<code>
+// for AMLI) and are forwarded exactly as configured. Existing params on the vendor URL
+// are preserved unless overridden. Fails safe (returns the URL unchanged) on a
+// malformed URL.
+export function appendParamsToUrl(
+  baseUrl: string,
+  params: { [key: string]: string } | null
+): string {
+  if (!baseUrl || !params) {
+    return baseUrl;
+  }
+  try {
+    const url = new URL(baseUrl);
+    Object.entries(params).forEach(([key, value]) => {
+      url.searchParams.set(key, value);
+    });
+    return url.toString();
+  } catch (_) {
+    // Malformed sgtUrl - fail safe and open it unmodified
+    return baseUrl;
+  }
+}
+
 function getStandardUrlQueryParameters(): {
   [queryKey: string]: string;
 } | null {