@meetelise/chat 1.42.2 → 1.42.4

package/src/MyPubnub.ts

@@ -6,9 +6,10 @@ import { LogType, sendLoggingEvent } from "./analytics";
 import { ChatStorageKey, createChatStorageKey } from "./handleChatId";
 import LeadSourceClient from "./WebComponent/LeadSourceClient";
 import { pushGtmEvent } from "./gtm";
-import { isContainingEmail } from "./utils";
+import { isContainingEmail, snakify } from "./utils";
 import { WidgetType } from "./main/MEChat";
 import { BuildingWebchatView } from "./fetchBuildingWebchatView";
+import { LeadSourceMultitouchClient } from "./WebComponent/LeadSourceMultitouchClient";
 
 interface TokenResponse {
   auth: {
@@ -94,6 +95,8 @@ class MyPubnub {
   private apiHost = "https://app.meetelise.com";
 
   private leadSourceClient: LeadSourceClient | null = null;
+  private leadSourceMultitouchClient: LeadSourceMultitouchClient | null = null;
+
   private buildingWebchatView: BuildingWebchatView | null = null;
   private buildingSlug: string;
   private orgSlug: string;
@@ -188,6 +191,7 @@ class MyPubnub {
     orgSlug: string,
     leadSource: string | null = null,
     leadUserId: string,
+    leadSourceMultitouchClient: LeadSourceMultitouchClient | null,
     leadSourceClient: LeadSourceClient | null = null,
     widgetType: WidgetType = WidgetType.Default
   ) {
@@ -198,6 +202,7 @@ class MyPubnub {
     this.leadUserId = leadUserId;
     this.channel = `webchat_${leadUserId}`;
     this.leadSourceClient = leadSourceClient;
+    this.leadSourceMultitouchClient = leadSourceMultitouchClient;
     this.widgetType = widgetType;
   }
 
@@ -608,8 +613,14 @@ class MyPubnub {
               leadSource: this.leadSource,
               widgetType: this.widgetType,
               isDevState: this.shouldCreateAsDevState(),
+              lead_sources_with_timestamps: (
+                this.leadSourceMultitouchClient?.getSafeLeadSourceTouchpointsWithDefault(
+                  { includedUserSelectedLeadSource: null }
+                ) ?? []
+              ).map((source) => snakify({ ...source })),
             },
           });
+          this.leadSourceMultitouchClient?.resetLeadSourceTouchpoints();
         }
 
         if (!this.isFirstChatMessageSent) {

package/src/WebComponent/FeeCalculator/components/addons/addon-table/table-matrix-qty-selector.ts

@@ -145,16 +145,20 @@ export class TableMatrixQtySelector extends LitElement {
       .join(" ");
   }
 
-  private renderItemType(type: string): TemplateResult {
+  private renderItemType(type: string, isSingleItem: boolean): TemplateResult {
     const quantity = this.quantities[type] ?? 0;
     const maxQty = this.getMaxQuantityForType(type);
     const canIncrement =
       this.isValidCombination(type, quantity + 1) && quantity < maxQty;
     const formattedType = this.formatItemType(type);
 
+    const showTypeLabel = !isSingleItem;
+
     return html`
       <div class="item-type-row">
-        <div class="item-label">${formattedType}:</div>
+        ${showTypeLabel
+          ? html`<div class="item-label">${formattedType}:</div>`
+          : html`<div></div>`}
         <div class="quantity-control ${this.disabled ? "unavailable" : ""}">
           <button
             class="quantity-button"
@@ -188,9 +192,11 @@ export class TableMatrixQtySelector extends LitElement {
     const types = this.itemTypes;
     if (!types.length) return html``;
 
+    const isSingleItem = types.length === 1;
+
     return html`
       <div class="matrix-container">
-        ${types.map((type) => this.renderItemType(type))}
+        ${types.map((type) => this.renderItemType(type, isSingleItem))}
       </div>
     `;
   }

package/src/WebComponent/FeeCalculator/model/building-fee-view.ts

@@ -100,6 +100,6 @@ export class BuildingFeeView {
   }
 
   get hasMatrix(): boolean {
-    return !!(this.pricingType === "custom" && this.customMatrixData);
+    return !!this.customMatrixData;
   }
 }

package/src/WebComponent/LeadSourceMultitouchClient.ts

@@ -0,0 +1,222 @@
+import addDays from "date-fns/addDays";
+import formatISO from "date-fns/formatISO";
+import parseISO from "date-fns/parseISO";
+import { getCampaignSources, LogType, sendLoggingEvent } from "../analytics";
+import { getUrlQueryParameters } from "../postLeadSources";
+import { getDefaultLeadSourceAttribution } from "./LeadSourceClient";
+
+interface LeadSourceParameters {
+  websiteOrigin: string | null;
+  websiteSearch: string | null;
+  queryParameters: {
+    [queryKey: string]: string;
+  } | null;
+  referrer: string | null;
+  parsedUtmSource: string | null;
+  campaignSources: string[] | null;
+}
+
+export interface LeadSourceSubmittedListItem {
+  timestampInitiallyLogged: string;
+  leadSourceValue: string | null;
+  type: "default" | "touchpoint" | "user-selected";
+}
+
+export interface LeadSourceValueWithTimestamp
+  extends LeadSourceSubmittedListItem {
+  parameters: LeadSourceParameters | null;
+}
+
+/*
+Stored in local storage as a json of
+{
+    timestampExpires: string,
+    leadSources: LeadSourceValueWithTimestamp[]
+}
+ */
+
+export class LeadSourceMultitouchClient {
+  constructor(orgSlug: string, buildingSlug: string) {
+    this.orgSlug = orgSlug;
+    this.buildingSlug = buildingSlug;
+  }
+  orgSlug: string;
+  buildingSlug: string;
+
+  private persistLeadSourceTTLDays = 30;
+  private maxSourcesNonPropertyWebsiteCount = 3; // 3 based on vibes from the team
+
+  private _generateLeadSourceLocalStorageKey = (): string => {
+    return `com.eliseai.webchat.leadsources.v2.buildingslug=${this.buildingSlug}`;
+  };
+  private _generateNewExpirationTimestamp = (): string => {
+    return formatISO(addDays(new Date(), this.persistLeadSourceTTLDays));
+  };
+  private _generateLeadSourceParameters = () => {
+    const queryParameters = getUrlQueryParameters();
+    return {
+      websiteOrigin: window.location.origin,
+      websiteSearch: window.location.search,
+      queryParameters: queryParameters,
+      referrer: document.referrer,
+      parsedUtmSource: queryParameters ? queryParameters["utm_source"] : null,
+      campaignSources: Object.values(getCampaignSources()).filter(
+        (source) => source
+      ),
+    };
+  };
+
+  addSafeLeadSourceTouchpoint = (leadSourceValue: string): void => {
+    const leadSourceLocalStorageParsed = this.getLocalStorageMultitouchValue();
+    const leadSourceLocalStorageKey = this._generateLeadSourceLocalStorageKey();
+    if (
+      !leadSourceLocalStorageParsed ||
+      this.isExpiredTimestamp(leadSourceLocalStorageParsed.timestampExpires)
+    ) {
+      const newMultitouchLeadSourceInfo: {
+        timestampExpires: string;
+        leadSources: LeadSourceValueWithTimestamp[];
+      } = {
+        timestampExpires: this._generateNewExpirationTimestamp(),
+        leadSources: [
+          {
+            parameters: this._generateLeadSourceParameters(),
+            leadSourceValue: leadSourceValue,
+            timestampInitiallyLogged: formatISO(new Date()),
+            type: "touchpoint",
+          },
+        ],
+      };
+      localStorage.setItem(
+        leadSourceLocalStorageKey,
+        JSON.stringify(newMultitouchLeadSourceInfo)
+      );
+    } else {
+      // check if source already exists
+      const existingLeadSource = leadSourceLocalStorageParsed.leadSources.find(
+        (source) => source.leadSourceValue === leadSourceValue
+      );
+      if (existingLeadSource) {
+        // if it already exists, we dont need to add again or update timestamp!
+        return;
+      }
+      if (
+        leadSourceLocalStorageParsed.leadSources.length <
+        this.maxSourcesNonPropertyWebsiteCount
+      ) {
+        // if we have enough space, can add
+        leadSourceLocalStorageParsed.leadSources.push({
+          parameters: this._generateLeadSourceParameters(),
+          leadSourceValue: leadSourceValue,
+          timestampInitiallyLogged: formatISO(new Date()),
+          type: "touchpoint",
+        });
+        leadSourceLocalStorageParsed.timestampExpires =
+          this._generateNewExpirationTimestamp();
+        localStorage.setItem(
+          leadSourceLocalStorageKey,
+          JSON.stringify(leadSourceLocalStorageParsed)
+        );
+        return;
+      } else {
+        // eslint-disable-next-line no-console
+        console.warn(
+          `Too many lead sources for ${this.buildingSlug}, max is ${this.maxSourcesNonPropertyWebsiteCount}`
+        );
+        sendLoggingEvent({
+          logType: LogType.warn,
+          buildingSlug: this.buildingSlug,
+          orgSlug: this.orgSlug,
+          logTitle: "TOO_MANY_LEAD_SOURCES",
+          logData: {
+            buildingSlug: this.buildingSlug,
+          },
+        });
+      }
+    }
+  };
+
+  getSafeLeadSourceTouchpointsWithDefault = ({
+    includedUserSelectedLeadSource,
+  }: {
+    includedUserSelectedLeadSource: string | null;
+  }): LeadSourceSubmittedListItem[] => {
+    const leadSourcesParsed = this.getLocalStorageMultitouchValue();
+    const defaultLeadSource = getDefaultLeadSourceAttribution(this.orgSlug);
+    if (!leadSourcesParsed) {
+      const defaultedList: LeadSourceSubmittedListItem[] = [
+        {
+          leadSourceValue: defaultLeadSource,
+          timestampInitiallyLogged: formatISO(new Date()),
+          type: "default",
+        },
+      ];
+      if (includedUserSelectedLeadSource) {
+        defaultedList.push({
+          leadSourceValue: includedUserSelectedLeadSource,
+          timestampInitiallyLogged: formatISO(new Date()),
+          type: "user-selected",
+        });
+      }
+      return defaultedList;
+    }
+    const oldestTimestamp =
+      leadSourcesParsed.leadSources.length > 0
+        ? leadSourcesParsed.leadSources.sort(
+            (a, b) =>
+              parseISO(a.timestampInitiallyLogged).getTime() -
+              parseISO(b.timestampInitiallyLogged).getTime()
+          )[0].timestampInitiallyLogged
+        : formatISO(new Date());
+
+    const parsedList: LeadSourceSubmittedListItem[] = [
+      {
+        timestampInitiallyLogged: oldestTimestamp,
+        leadSourceValue: defaultLeadSource,
+        type: "default",
+      },
+      ...leadSourcesParsed.leadSources.map((source) => ({
+        timestampInitiallyLogged: source.timestampInitiallyLogged,
+        leadSourceValue: source.leadSourceValue,
+        type: source.type,
+      })),
+    ];
+    if (includedUserSelectedLeadSource) {
+      parsedList.push({
+        leadSourceValue: includedUserSelectedLeadSource,
+        timestampInitiallyLogged: formatISO(new Date()),
+        type: "user-selected",
+      });
+    }
+    return parsedList;
+  };
+
+  private getLocalStorageMultitouchValue = (): {
+    timestampExpires: string;
+    leadSources: LeadSourceValueWithTimestamp[];
+  } | null => {
+    const leadSourceKey = this._generateLeadSourceLocalStorageKey();
+    const leadSourceRawValue = localStorage.getItem(leadSourceKey);
+
+    if (!leadSourceRawValue) {
+      return null;
+    }
+    const leadSourcesParsed: {
+      timestampExpires: string;
+      leadSources: LeadSourceValueWithTimestamp[];
+    } = JSON.parse(leadSourceRawValue);
+    return leadSourcesParsed;
+  };
+
+  private isExpiredTimestamp = (timestamp: string) => {
+    const timestampExpires = parseISO(timestamp);
+    const now = new Date();
+    return timestampExpires < now;
+  };
+
+  resetLeadSourceTouchpoints = (): boolean => {
+    const leadSourceKey = this._generateLeadSourceLocalStorageKey();
+    localStorage.removeItem(leadSourceKey);
+    return true;
+  };
+}

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

@@ -28,7 +28,7 @@ import { DatePicker } from "./date-picker";
 import { MESelect } from "../me-select";
 import { TimePicker } from "./time-picker";
 import { LabeledOption } from "../../fetchBuildingInfo";
-import { isMobile, isValidPhoneNumber } from "../../utils";
+import { isMobile, isValidPhoneNumber, snakify } from "../../utils";
 import axios, { AxiosError } from "axios";
 import mapValues from "lodash/mapValues";
 import classnames from "classnames";
@@ -54,6 +54,7 @@ import formatInTimeZone from "date-fns-tz/formatInTimeZone";
 import { getTimezoneAbbreviation } from "../../getTimezoneString";
 import startOfDay from "date-fns/startOfDay";
 import isSameDay from "date-fns/isSameDay";
+import { LeadSourceMultitouchClient } from "../LeadSourceMultitouchClient";
 
 @customElement("tour-scheduler")
 export class TourScheduler extends LitElement {
@@ -87,6 +88,9 @@ export class TourScheduler extends LitElement {
   @property({ attribute: true })
   private leadSourceClient: LeadSourceClient | null = null;
 
+  @property({ attribute: true })
+  private leadSourceMultitouchClient: LeadSourceMultitouchClient | null = null;
+
   @property({ attribute: true })
   buildingName = "";
 
@@ -649,6 +653,17 @@ export class TourScheduler extends LitElement {
       ],
       query_params: Object.fromEntries(queryParams.entries()),
       conversation_tracking_id: this.leadSourceClient?.chatId,
+      lead_sources_with_timestamps: (
+        this.leadSourceMultitouchClient?.getSafeLeadSourceTouchpointsWithDefault(
+          {
+            includedUserSelectedLeadSource:
+              this.selectedLeadSource?.value &&
+              this.selectedLeadSource.value.length > 0
+                ? this.selectedLeadSource.value
+                : null,
+          }
+        ) ?? []
+      ).map((source) => snakify({ ...source })),
     };
 
     const url = `https://app.meetelise.com/platformApi/state/create/v2/scheduleMe`;
@@ -666,6 +681,7 @@ export class TourScheduler extends LitElement {
         webchatAction: "tour-scheduler",
         stateId: null,
       });
+      this.leadSourceMultitouchClient?.resetLeadSourceTouchpoints();
       this.isSubmitting = false;
       this.tourIsBooked = true;
     } catch (e: unknown) {

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

@@ -4,11 +4,15 @@ import { customElement, property, state } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
 import { createRef, ref, Ref } from "lit/directives/ref.js";
 import { pushGtmEvent } from "../../gtm";
-import { isMobile } from "../../utils";
+import { isMobile, snakify } from "../../utils";
 import { PhoneOutlineIcon } from "../icons/PhoneOutlineIcon";
 import LeadSourceClient, {
   getDefaultLeadSourceAttribution,
 } from "../LeadSourceClient";
+import {
+  LeadSourceMultitouchClient,
+  LeadSourceSubmittedListItem,
+} from "../LeadSourceMultitouchClient";
 
 import { getOfficeHourText } from "../OfficeHours";
 import {
@@ -166,6 +170,9 @@ export class CallUsWindow extends LitElement {
   @property({ attribute: true })
   private leadSourceClient: LeadSourceClient | null = null;
 
+  @property({ attribute: true })
+  private leadSourceMultitouchClient: LeadSourceMultitouchClient | null = null;
+
   phoneNumberInputRef: Ref<HTMLInputElement> = createRef();
 
   @state()
@@ -235,12 +242,18 @@ export class CallUsWindow extends LitElement {
               : [getDefaultLeadSourceAttribution(this.orgSlug)]
           ),
         ],
-        this.leadSourceClient?.chatId
+        this.leadSourceClient?.chatId,
+        this.leadSourceMultitouchClient?.getSafeLeadSourceTouchpointsWithDefault(
+          {
+            includedUserSelectedLeadSource: null,
+          }
+        )
       );
       this.leadSourceClient?.checkAndHandleForLogLeadSource({
         webchatAction: "text-us",
         stateId: null,
       });
+      this.leadSourceMultitouchClient?.resetLeadSourceTouchpoints();
       this.hasSubmittedForm = true;
       this.submittingTextUsOption = false;
     } catch (e) {
@@ -428,7 +441,8 @@ const createTextWithUs = async (
   orgSlug: string,
   buildingSlug: string,
   leadSources: string[],
-  chatId?: string | null
+  chatId?: string | null,
+  leadSourcesWithTimestamps?: LeadSourceSubmittedListItem[]
 ) => {
   const formattedPhoneNumber =
     "+1" +
@@ -447,6 +461,9 @@ const createTextWithUs = async (
     // @ts-ignore
     query_params: Object.fromEntries(queryParams.entries()),
     conversation_tracking_id: chatId,
+    lead_sources_with_timestamps: (leadSourcesWithTimestamps ?? []).map(
+      (source) => snakify({ ...source })
+    ),
   };
   pushGtmEvent("textUsSubmitted", {
     phone: formattedPhoneNumber,

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

@@ -16,10 +16,14 @@ import axios from "axios";
 import { FeatureFlagsShowDropdown } from "../../fetchFeatureFlag";
 import { pushGtmEvent } from "../../gtm";
 import formDisclaimer from "../../disclaimers";
-import { isMobile } from "../../utils";
+import { isMobile, snakify } from "../../utils";
 import LeadSourceClient, {
   getDefaultLeadSourceAttribution,
 } from "../LeadSourceClient";
+import {
+  LeadSourceMultitouchClient,
+  LeadSourceSubmittedListItem,
+} from "../LeadSourceMultitouchClient";
 
 @customElement("email-us-window")
 export class EmailUsWindow extends LitElement {
@@ -120,6 +124,9 @@ export class EmailUsWindow extends LitElement {
   @property({ attribute: true })
   private leadSourceClient: LeadSourceClient | null = null;
 
+  @property({ attribute: true })
+  private leadSourceMultitouchClient: LeadSourceMultitouchClient | null = null;
+
   @property({ attribute: true })
   featureFlagShowDropdown = "";
 
@@ -275,12 +282,22 @@ export class EmailUsWindow extends LitElement {
               : [getDefaultLeadSourceAttribution(this.orgSlug)]
           ),
         ],
-        this.leadSourceClient?.chatId
+        this.leadSourceClient?.chatId,
+        this.leadSourceMultitouchClient?.getSafeLeadSourceTouchpointsWithDefault(
+          {
+            includedUserSelectedLeadSource:
+              this.selectedLeadSource?.value &&
+              this.selectedLeadSource.value.length > 0
+                ? this.selectedLeadSource.value
+                : null,
+          }
+        )
       );
       this.leadSourceClient?.checkAndHandleForLogLeadSource({
         webchatAction: "email-us",
         stateId: null,
       });
+      this.leadSourceMultitouchClient?.resetLeadSourceTouchpoints();
       this.hasSubmittedForm = true;
       this.isSubmitting = false;
       // Remove the height of the button when it leaves the loading state
@@ -509,7 +526,8 @@ const createEmail = async (
   orgSlug: string,
   buildingSlug: string,
   leadSources: string[],
-  chatId?: string | null
+  chatId?: string | null,
+  leadSourcesWithTimestamps?: LeadSourceSubmittedListItem[]
 ) => {
   const formattedPhoneNumber =
     "+1" +
@@ -532,6 +550,9 @@ const createEmail = async (
     // @ts-ignore
     query_params: Object.fromEntries(queryParams.entries()),
     conversation_tracking_id: chatId,
+    lead_sources_with_timestamps: (leadSourcesWithTimestamps ?? []).map(
+      (source) => snakify({ ...source })
+    ),
   };
   pushGtmEvent("emailUsSubmitted", {
     firstName,

package/src/WebComponent/health-chat.ts

@@ -151,6 +151,7 @@ export class HealthChat extends LitElement {
       this.currentLeadSource,
       updatedChatStorageKey.leadId,
       null,
+      null,
       WidgetType.Healthcare
     );
 

package/src/WebComponent/launcher/Launcher.ts

@@ -45,6 +45,7 @@ import {
   getRawAvailabilities,
   resetAvailabilitiesCache,
 } from "../../getAvailabilities";
+import { LeadSourceMultitouchClient } from "../LeadSourceMultitouchClient";
 
 @customElement("meetelise-launcher")
 export class Launcher extends LitElement {
@@ -202,6 +203,9 @@ export class Launcher extends LitElement {
   @property({ attribute: true })
   private leadSourceClient: LeadSourceClient | null = null;
 
+  @state()
+  private leadSourceMultitouchClient: LeadSourceMultitouchClient | null = null;
+
   @state()
   isEmailWindowOpen = false;
   @state()
@@ -1184,6 +1188,7 @@ export class Launcher extends LitElement {
                 .buildingId=${this.buildingId}
                 .buildingName=${this.buildingName}
                 .leadSourceClient=${this.leadSourceClient}
+                .leadSourceMultitouchClient=${this.leadSourceMultitouchClient}
                 .orgLegalName=${this.orgLegalName}
               >
               </email-us-window>
@@ -1223,6 +1228,7 @@ export class Launcher extends LitElement {
                   ? this.showTourNextToChat
                   : ""}
                 .leadSourceClient=${this.leadSourceClient}
+                .leadSourceMultitouchClient=${this.leadSourceMultitouchClient}
                 ${ref(this.tourSchedulerRef)}
               ></tour-scheduler>
             </div>`
@@ -1252,6 +1258,7 @@ export class Launcher extends LitElement {
                   buildingName="${this.buildingName}"
                   orgSlug="${this.orgSlug}"
                   .leadSourceClient=${this.leadSourceClient}
+                  .leadSourceMultitouchClient=${this.leadSourceMultitouchClient}
                   .orgLegalName=${this.orgLegalName}
                 ></call-us-window>
               </div>

package/src/WebComponent/me-chat.ts

@@ -65,6 +65,7 @@ import { WidgetType } from "../main/MEChat";
 import { replaceSelectButtonsWithNewLink } from "../replaceSelectButtonsWithNewLink";
 
 import "./chat-additional-actions";
+import { LeadSourceMultitouchClient } from "./LeadSourceMultitouchClient";
 
 @customElement("me-chat")
 export class MEChat extends LitElement {
@@ -179,7 +180,10 @@ export class MEChat extends LitElement {
   private myPubnub: MyPubnub | null = null;
 
   @state()
-  private LeadSourceClient: LeadSourceClient | null = null;
+  private LeadSourceClient: LeadSourceClient | null = null; // DEPRECATED IN FAVOR OF LeadSourceMultitouchClient
+
+  @state()
+  private LeadSourceMultitouchClient: LeadSourceMultitouchClient | null = null;
 
   @state()
   private sampleRateToUse = 0.05;
@@ -547,21 +551,35 @@ export class MEChat extends LitElement {
       throw new Error("Lead ID is null");
     }
     this.LeadSourceClient = new LeadSourceClient();
+
+    this.LeadSourceMultitouchClient = new LeadSourceMultitouchClient(
+      this.orgSlug,
+      this.buildingSlug
+    );
+
     this.myPubnub = new MyPubnub(
       this.buildingSlug,
       this.buildingWebchatView,
       this.orgSlug,
       null, // initialize lead source as null initially
       updatedChatStorageKey.leadId,
+      this.LeadSourceMultitouchClient,
       this.LeadSourceClient,
       this.widgetType
     );
     this.LeadSourceClient.chatId = this.myPubnub.channel;
-    await this.LeadSourceClient?.generateUserLeadSource({
-      leadId: this.myPubnub?.leadUserId ?? "",
-      orgSlug: this.orgSlug,
-      buildingSlug: this.buildingSlug,
-    });
+    const generatedLeadSource =
+      await this.LeadSourceClient?.generateUserLeadSource({
+        leadId: this.myPubnub?.leadUserId ?? "",
+        orgSlug: this.orgSlug,
+        buildingSlug: this.buildingSlug,
+      });
+
+    if (generatedLeadSource) {
+      this.LeadSourceMultitouchClient.addSafeLeadSourceTouchpoint(
+        generatedLeadSource
+      );
+    }
 
     // eslint-disable-next-line no-console
     console.log(
@@ -961,6 +979,7 @@ export class MEChat extends LitElement {
                   .left=${this.left}
                   .right=${this.right}
                   .leadSourceClient=${this.LeadSourceClient}
+                  .leadSourceMultitouchClient=${this.LeadSourceMultitouchClient}
                 >
                 </meetelise-launcher>`
               : ""

package/src/WebComponent/utilities-chat.ts

@@ -150,6 +150,7 @@ export class UtilitiesChat extends LitElement {
       this.currentLeadSource,
       updatedChatStorageKey.leadId,
       null,
+      null,
       WidgetType.Utilities
     );