@meetelise/chat 1.20.44 → 1.20.46

package/src/WebComponent/Launcher.ts

@@ -405,6 +405,7 @@ export class Launcher extends LitElement {
                 buildingSlug="${this.buildingSlug}"
                 ${ref(this.textUsWindowRef)}
                 .buildingId=${this.buildingId}
+                currentLeadSource="${this.currentLeadSource}"
               ></text-us-window>
             </div>`
           : ""}
@@ -436,6 +437,7 @@ export class Launcher extends LitElement {
                   .buildingId=${this.buildingId}
                   chatCallUsHeader="${this.chatCallUsHeader}"
                   hasTextUsEnabled=${this.hasTextUsEnabled ? true : ""}
+                  currentLeadSource="${this.currentLeadSource}"
                 ></call-us-window>
               </div>
             `

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

@@ -319,16 +319,13 @@ export class TourScheduler extends LitElement {
         this.phoneNumber.length === 14
       );
     },
-    leadSource: (): boolean =>
-      this.leadSources.length > 0 ? !!this.selectedLeadSource?.value : true,
   };
 
   formIsValidForSubmission = (): boolean => {
     const isValid =
       this.validators.tourType() &&
       this.validators.dateAndTime() &&
-      this.validators.leadInfo() &&
-      this.validators.leadSource();
+      this.validators.leadInfo();
     return isValid;
   };
 

package/src/WebComponent/actions/action-confirm-button.ts

@@ -47,16 +47,15 @@ export class ActionConfirmButton extends LitElement {
       .lds-ring {
         display: inline-block;
         position: relative;
-        width: 48px;
-        height: 48px;
+        width: 28px;
+        height: 28px;
       }
       .lds-ring div {
         box-sizing: border-box;
         display: block;
         position: absolute;
-        width: 32px;
-        height: 32px;
-        margin: 8px;
+        width: 28px;
+        height: 28px;
         border: 8px solid #fff;
         border-radius: 50%;
         animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;

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

@@ -74,6 +74,9 @@ export class CallUsWindow extends LitElement {
   @property({ attribute: true })
   hasTextUsEnabled = "";
 
+  @property({ attribute: true })
+  currentLeadSource = "";
+
   firstUpdated = async (): Promise<void> => {
     if (!this.buildingId) {
       return;
@@ -143,6 +146,7 @@ export class CallUsWindow extends LitElement {
           ? html` <text-us-window
               .buildingId=${this.buildingId}
               inPopup=${!this.hasTextUsEnabled}
+              currentLeadSource="${this.currentLeadSource}"
             ></text-us-window>`
           : ""}
       </details-window>

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

@@ -141,8 +141,6 @@ export class EmailUsWindow extends LitElement {
   @state()
   hasMessageError = false;
   @state()
-  hasLeadSourceError = false;
-  @state()
   hasSubmittedForm = false;
   @state()
   windowHeight = 525;
@@ -208,7 +206,6 @@ export class EmailUsWindow extends LitElement {
     this.hasEmailError = false;
     this.hasPhoneNumberError = false;
     this.hasMessageError = false;
-    this.hasLeadSourceError = false;
     this.hasSubmissionError = false;
     if (!this.firstName || !this.lastName) {
       this.hasNameError = true;
@@ -222,12 +219,6 @@ export class EmailUsWindow extends LitElement {
     if (!this.message) {
       this.hasMessageError = true;
     }
-    if (
-      this.leadSources.length > 0 &&
-      (!this.selectedLeadSource || !this.selectedLeadSource.value)
-    ) {
-      this.hasLeadSourceError = true;
-    }
     this.windowHeight = 525 + 30 * this.getNumErrors();
   };
 
@@ -240,8 +231,7 @@ export class EmailUsWindow extends LitElement {
       this.hasNameError ||
       this.hasEmailError ||
       this.hasPhoneNumberError ||
-      this.hasMessageError ||
-      this.hasLeadSourceError
+      this.hasMessageError
     ) {
       return;
     }
@@ -290,7 +280,6 @@ export class EmailUsWindow extends LitElement {
       this.hasEmailError,
       this.hasPhoneNumberError,
       this.hasMessageError,
-      this.hasLeadSourceError,
       this.hasSubmissionError,
     ].filter((v) => v).length;
   };
@@ -423,11 +412,6 @@ export class EmailUsWindow extends LitElement {
                   }}
                 >
                 </me-select>
-                ${this.hasLeadSourceError
-                  ? html`
-                      <div class="email-us__error-text">Include a source</div>
-                    `
-                  : ""}
               `
             : ""}
           <div class="email-us__vertical-spacer"></div>

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

@@ -91,6 +91,9 @@ export class TextUsWindow extends LitElement {
   @state()
   isSubmitting = false;
 
+  @property({ attribute: true })
+  currentLeadSource = "";
+
   onChangePhoneNumber = (e: Event): void => {
     if (!e.target || !this.phoneNumberInputRef.value) {
       return;
@@ -130,7 +133,10 @@ export class TextUsWindow extends LitElement {
         this.phoneNumber,
         this.buildingId,
         this.orgSlug,
-        this.buildingSlug
+        this.buildingSlug,
+        this.currentLeadSource
+          ? [this.currentLeadSource, "property-website"]
+          : ["property-website"]
       );
       this.hasSubmittedForm = true;
       this.isSubmitting = false;
@@ -245,7 +251,8 @@ const createTextWithUs = async (
   rawPhoneNumber: string,
   buildingId: number,
   orgSlug: string,
-  buildingSlug: string
+  buildingSlug: string,
+  leadSources: string[]
 ) => {
   const formattedPhoneNumber =
     "+1" +
@@ -257,7 +264,7 @@ const createTextWithUs = async (
   const queryParams = new URLSearchParams(window.location.search);
   const requestBody = {
     building_id: buildingId,
-    lead_sources: ["property-website"],
+    lead_sources: leadSources,
     phone_number: formattedPhoneNumber,
     referrer: document.referrer,
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment

package/src/WebComponent/launcherStyles.ts

@@ -194,7 +194,7 @@ export const launcherStyles = css`
   .launcher__mini-launcher-wrapper {
     position: fixed;
     right: 0px;
-    bottom: 40px;
+    bottom: 130px;
     z-index: 100000;
     display: flex;
     align-items: center;