@meetelise/chat 1.12.5 → 1.12.8

package/src/MEChat.ts

@@ -1,5 +1,5 @@
 import { ThemeIdString } from "./themes";
-import "./WebComponent/MEChat";
+import "./WebComponent/me-chat";
 
 /**
  * The interface to MeetElise chat.

package/src/WebComponent/{InHouseLauncher.ts → Launcher.ts}

@@ -3,19 +3,19 @@ import { html, LitElement, TemplateResult } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
 import { createRef, ref, Ref } from "lit/directives/ref.js";
 import { glowBarMp4, glowBarWebm } from "../assetUrls";
-import { inHouseLauncherStyles } from "./inHouseLauncherStyles";
-import { EmailUsWindow, installEmailUsWindow } from "./actions/EmailUsWindow";
-import { installTextUsWindow, TextUsWindow } from "./actions/TextUsWindow";
+import { launcherStyles } from "./launcherStyles";
+import { EmailUsWindow, installEmailUsWindow } from "./actions/email-us-window";
+import { installTextUsWindow, TextUsWindow } from "./actions/text-us-window";
 import { styleMap } from "lit/directives/style-map.js";
 import { classMap } from "lit/directives/class-map.js";
-import { installCallUsWindow } from "./actions/CallUsWindow";
+import { installCallUsWindow } from "./actions/call-us-window";
 import { getRegisteredPhoneNumbers } from "../getRegisteredPhoneNumbers";
 import { TourScheduler } from "./Scheduler/tour-scheduler";
 import { LabeledOption } from "../fetchBuildingInfo";
 
-@customElement("in-house-launcher")
-export class InHouseLauncher extends LitElement {
-  static styles = inHouseLauncherStyles;
+@customElement("meetelise-launcher")
+export class Launcher extends LitElement {
+  static styles = launcherStyles;
 
   @property({ type: Boolean })
   isMobile = false;
@@ -125,7 +125,7 @@ export class InHouseLauncher extends LitElement {
     return html`
       <div
         @click=${this.onClickEmailOption}
-        class="in-house-launcher__call-to-action-option"
+        class="launcher__call-to-action-option"
       >
         ${text}
       </div>
@@ -144,9 +144,7 @@ export class InHouseLauncher extends LitElement {
 
   renderCallUsOption = (): TemplateResult => {
     const text = this.getNumCallToActions() > 2 ? "Phone" : "Hours/Phone";
-    return html`
-      <div class="in-house-launcher__call-to-action-option">${text}</div>
-    `;
+    return html` <div class="launcher__call-to-action-option">${text}</div> `;
   };
 
   onClickSSTOption = (e: MouseEvent): void => {
@@ -163,7 +161,7 @@ export class InHouseLauncher extends LitElement {
     const text = this.getNumCallToActions() > 2 ? "Book" : "Book a tour";
     return html`
       <div
-        class="in-house-launcher__call-to-action-option"
+        class="launcher__call-to-action-option"
         @click=${this.onClickSSTOption}
       >
         ${text}
@@ -185,7 +183,7 @@ export class InHouseLauncher extends LitElement {
     return html`
       <div
         @click=${this.onClickTextUsOption}
-        class="in-house-launcher__call-to-action-option"
+        class="launcher__call-to-action-option"
       >
         Text us
       </div>
@@ -198,7 +196,7 @@ export class InHouseLauncher extends LitElement {
     }
 
     return html`
-      <div class="in-house-launcher__call-to-actions-wrapper">
+      <div class="launcher__call-to-actions-wrapper">
         ${this.hasEmailEnabled ? this.renderEmailOption() : ""}
         ${this.phoneNumber ? this.renderCallUsOption() : ""}
         ${this.hasTextUsEnabled ? this.renderTextUsOption() : ""}
@@ -224,12 +222,12 @@ export class InHouseLauncher extends LitElement {
     isSecondaryAction?: boolean
   ): TemplateResult => {
     return html`
-      <div class="in-house-launcher__mini-option-wrapper">
+      <div class="launcher__mini-option-wrapper">
         <div
           @click=${onClick}
           class=${classMap({
-            ["in-house-launcher__mini-option"]: true,
-            ["in-house-launcher__secondary-option"]: !!isSecondaryAction,
+            ["launcher__mini-option"]: true,
+            ["launcher__secondary-option"]: !!isSecondaryAction,
           })}
         >
           ${content}
@@ -240,9 +238,9 @@ export class InHouseLauncher extends LitElement {
 
   renderMiniLauncher = (): TemplateResult => {
     return html`
-      <div class="in-house-launcher__mini-launcher-wrapper">
+      <div class="launcher__mini-launcher-wrapper">
         ${this.isEmailWindowOpen
-          ? html`<div class="in-house-launcher__window-wrapper">
+          ? html`<div class="launcher__window-wrapper">
               <email-us-window
                 ${ref(this.emailUsWindowRef)}
                 .buildingId=${this.buildingId}
@@ -251,7 +249,7 @@ export class InHouseLauncher extends LitElement {
             </div>`
           : ""}
         ${this.isTextUsWindowOpen
-          ? html`<div class="in-house-launcher__window-wrapper">
+          ? html`<div class="launcher__window-wrapper">
               <text-us-window
                 ${ref(this.textUsWindowRef)}
                 .buildingId=${this.buildingId}
@@ -259,7 +257,7 @@ export class InHouseLauncher extends LitElement {
             </div>`
           : ""}
         ${this.isSSTWindowOpen
-          ? html`<div class="in-house-launcher__window-wrapper">
+          ? html`<div class="launcher__window-wrapper">
               <tour-scheduler
                 .layoutOptions=${this.layoutOptions}
                 .tourTypeOptions=${this.tourTypeOptions}
@@ -270,7 +268,7 @@ export class InHouseLauncher extends LitElement {
           : ""}
         ${this.isCallUsWindowOpen
           ? html`
-              <div class="in-house-launcher__window-wrapper">
+              <div class="launcher__window-wrapper">
                 <call-us-window
                   .onCloseClicked=${this.onClosePhoneWindow}
                   phoneNumber="${this.phoneNumber}"
@@ -282,14 +280,15 @@ export class InHouseLauncher extends LitElement {
         ${!this.isCallToActionWindowOpen()
           ? this.renderMiniOption(
               html`<svg
-                width="21"
-                height="20"
-                viewBox="0 0 21 20"
+                width="29"
+                height="28"
+                viewBox="0 0 29 28"
                 fill="none"
                 xmlns="http://www.w3.org/2000/svg"
+                style="transform: translate(2px, -1px);"
               >
                 <path
-                  d="M15.0282 7H5.02819C4.76297 7 4.50862 7.10536 4.32108 7.29289C4.13354 7.48043 4.02819 7.73478 4.02819 8C4.02819 8.26522 4.13354 8.51957 4.32108 8.70711C4.50862 8.89464 4.76297 9 5.02819 9H15.0282C15.2934 9 15.5478 8.89464 15.7353 8.70711C15.9228 8.51957 16.0282 8.26522 16.0282 8C16.0282 7.73478 15.9228 7.48043 15.7353 7.29289C15.5478 7.10536 15.2934 7 15.0282 7ZM11.0282 11H5.02819C4.76297 11 4.50862 11.1054 4.32108 11.2929C4.13354 11.4804 4.02819 11.7348 4.02819 12C4.02819 12.2652 4.13354 12.5196 4.32108 12.7071C4.50862 12.8946 4.76297 13 5.02819 13H11.0282C11.2934 13 11.5478 12.8946 11.7353 12.7071C11.9228 12.5196 12.0282 12.2652 12.0282 12C12.0282 11.7348 11.9228 11.4804 11.7353 11.2929C11.5478 11.1054 11.2934 11 11.0282 11ZM10.0282 0C8.71497 0 7.41461 0.258658 6.20135 0.761205C4.9881 1.26375 3.8857 2.00035 2.95712 2.92893C1.08175 4.8043 0.0281864 7.34784 0.0281864 10C0.0194442 12.3091 0.818979 14.5485 2.28819 16.33L0.288186 18.33C0.149429 18.4706 0.0554325 18.6492 0.0180584 18.8432C-0.0193158 19.0372 0.0016069 19.2379 0.0781863 19.42C0.161244 19.5999 0.29589 19.7511 0.465033 19.8544C0.634176 19.9577 0.830187 20.0083 1.02819 20H10.0282C12.6804 20 15.2239 18.9464 17.0993 17.0711C18.9746 15.1957 20.0282 12.6522 20.0282 10C20.0282 7.34784 18.9746 4.8043 17.0993 2.92893C15.2239 1.05357 12.6804 0 10.0282 0ZM10.0282 18H3.43819L4.36819 17.07C4.55444 16.8826 4.65898 16.6292 4.65898 16.365C4.65898 16.1008 4.55444 15.8474 4.36819 15.66C3.05877 14.352 2.24336 12.6305 2.06088 10.7888C1.87839 8.94705 2.34013 7.09901 3.36741 5.55952C4.3947 4.02004 5.92398 2.88436 7.6947 2.34597C9.46543 1.80759 11.368 1.8998 13.0784 2.60691C14.7888 3.31402 16.201 4.59227 17.0746 6.22389C17.9482 7.85551 18.2291 9.73954 17.8693 11.555C17.5096 13.3705 16.5315 15.005 15.1017 16.1802C13.672 17.3554 11.8789 17.9985 10.0282 18Z"
+                  d="M21.0385 9.79957H7.03915C6.66786 9.79957 6.31178 9.94706 6.04924 10.2096C5.7867 10.4721 5.63921 10.8282 5.63921 11.1995C5.63921 11.5708 5.7867 11.9269 6.04924 12.1894C6.31178 12.4519 6.66786 12.5994 7.03915 12.5994H21.0385C21.4098 12.5994 21.7659 12.4519 22.0284 12.1894C22.291 11.9269 22.4385 11.5708 22.4385 11.1995C22.4385 10.8282 22.291 10.4721 22.0284 10.2096C21.7659 9.94706 21.4098 9.79957 21.0385 9.79957ZM15.4388 15.3993H7.03915C6.66786 15.3993 6.31178 15.5468 6.04924 15.8094C5.7867 16.0719 5.63921 16.428 5.63921 16.7993C5.63921 17.1705 5.7867 17.5266 6.04924 17.7892C6.31178 18.0517 6.66786 18.1992 7.03915 18.1992H15.4388C15.8101 18.1992 16.1661 18.0517 16.4287 17.7892C16.6912 17.5266 16.8387 17.1705 16.8387 16.7993C16.8387 16.428 16.6912 16.0719 16.4287 15.8094C16.1661 15.5468 15.8101 15.3993 15.4388 15.3993ZM14.0388 0C12.2004 0 10.38 0.362105 8.68151 1.06564C6.98302 1.76917 5.43975 2.80036 4.13978 4.10032C1.51439 6.72572 0.0394592 10.2865 0.0394592 13.9994C0.0272207 17.232 1.14652 20.3671 3.20332 22.861L0.403443 25.6609C0.209191 25.8577 0.077602 26.1077 0.0252806 26.3793C-0.0270409 26.6509 0.00224956 26.9319 0.109456 27.1868C0.225732 27.4387 0.414228 27.6503 0.651018 27.7949C0.887807 27.9395 1.16221 28.0104 1.4394 27.9988H14.0388C17.7517 27.9988 21.3125 26.5238 23.9379 23.8984C26.5633 21.273 28.0382 17.7122 28.0382 13.9994C28.0382 10.2865 26.5633 6.72572 23.9379 4.10032C21.3125 1.47493 17.7517 0 14.0388 0V0ZM14.0388 25.1989H4.81325L6.11519 23.8969C6.37593 23.6346 6.52228 23.2798 6.52228 22.91C6.52228 22.5401 6.37593 22.1853 6.11519 21.923C4.28209 20.092 3.14057 17.682 2.8851 15.1036C2.62964 12.5253 3.27604 9.93817 4.71417 7.78299C6.1523 5.6278 8.2932 4.03792 10.7721 3.28422C13.251 2.53051 15.9146 2.65961 18.309 3.64952C20.7033 4.63943 22.6805 6.4289 23.9034 8.71306C25.1264 10.9972 25.5195 13.6348 25.0159 16.1763C24.5123 18.7178 23.1431 21.0061 21.1415 22.6513C19.1399 24.2965 16.6298 25.1968 14.0388 25.1989V25.1989Z"
                   fill="#1E1E1E"
                 />
               </svg>`,
@@ -365,6 +364,7 @@ export class InHouseLauncher extends LitElement {
                   viewBox="0 0 19 18"
                   fill="none"
                   xmlns="http://www.w3.org/2000/svg"
+                  style="transform: translateX(2px);"
                 >
                   <path
                     d="M5.42513 8.09964C5.24713 8.09964 5.07313 8.15242 4.92514 8.25131C4.77714 8.3502 4.66179 8.49076 4.59367 8.6552C4.52556 8.81965 4.50773 9.0006 4.54246 9.17517C4.57719 9.34975 4.6629 9.51011 4.78876 9.63597C4.91462 9.76183 5.07498 9.84754 5.24955 9.88227C5.42413 9.91699 5.60508 9.89917 5.76953 9.83106C5.93397 9.76294 6.07453 9.64759 6.17342 9.49959C6.27231 9.35159 6.32509 9.1776 6.32509 8.9996C6.32509 8.76092 6.23027 8.53201 6.0615 8.36323C5.89272 8.19446 5.66381 8.09964 5.42513 8.09964ZM9.02497 8.09964C8.84697 8.09964 8.67297 8.15242 8.52498 8.25131C8.37698 8.3502 8.26163 8.49076 8.19351 8.6552C8.1254 8.81965 8.10758 9.0006 8.1423 9.17517C8.17703 9.34975 8.26274 9.51011 8.3886 9.63597C8.51446 9.76183 8.67482 9.84754 8.84939 9.88227C9.02397 9.91699 9.20492 9.89917 9.36937 9.83106C9.53382 9.76294 9.67437 9.64759 9.77326 9.49959C9.87215 9.35159 9.92493 9.1776 9.92493 8.9996C9.92493 8.76092 9.83011 8.53201 9.66134 8.36323C9.49256 8.19446 9.26365 8.09964 9.02497 8.09964ZM12.6248 8.09964C12.4468 8.09964 12.2728 8.15242 12.1248 8.25131C11.9768 8.3502 11.8615 8.49076 11.7934 8.6552C11.7252 8.81965 11.7074 9.0006 11.7421 9.17517C11.7769 9.34975 11.8626 9.51011 11.9884 9.63597C12.1143 9.76183 12.2747 9.84754 12.4492 9.88227C12.6238 9.91699 12.8048 9.89917 12.9692 9.83106C13.1337 9.76294 13.2742 9.64759 13.3731 9.49959C13.472 9.35159 13.5248 9.1776 13.5248 8.9996C13.5248 8.76092 13.43 8.53201 13.2612 8.36323C13.0924 8.19446 12.8635 8.09964 12.6248 8.09964ZM9.02497 0C7.84312 0 6.67285 0.232782 5.58097 0.685054C4.48909 1.13733 3.49698 1.80023 2.66129 2.63592C0.973536 4.32368 0.0253666 6.61276 0.0253666 8.9996C0.017499 11.0777 0.737048 13.0931 2.05928 14.6963L0.259356 16.4963C0.13448 16.6228 0.049887 16.7835 0.0162518 16.9581C-0.0173834 17.1327 0.00144614 17.3133 0.0703646 17.4772C0.145113 17.6392 0.26629 17.7752 0.418511 17.8682C0.570733 17.9611 0.747135 18.0067 0.925327 17.9992H9.02497C11.4118 17.9992 13.7009 17.051 15.3886 15.3633C17.0764 13.6755 18.0246 11.3864 18.0246 8.9996C18.0246 6.61276 17.0764 4.32368 15.3886 2.63592C13.7009 0.94817 11.4118 0 9.02497 0ZM9.02497 16.1993H3.09423L3.93119 15.3623C4.01623 15.279 4.08388 15.1796 4.13022 15.0699C4.17657 14.9602 4.20069 14.8424 4.20118 14.7233C4.1978 14.486 4.10076 14.2595 3.93119 14.0934C2.75277 12.9163 2.01894 11.367 1.85471 9.70948C1.69048 8.05199 2.10602 6.38882 3.03054 5.00335C3.95505 3.61787 5.33134 2.59581 6.92492 2.11128C8.51851 1.62676 10.2308 1.70975 11.77 2.34612C13.3093 2.98249 14.5803 4.13286 15.3665 5.60125C16.1527 7.06964 16.4054 8.7652 16.0817 10.399C15.7579 12.0329 14.8777 13.5039 13.591 14.5616C12.3042 15.6192 10.6906 16.198 9.02497 16.1993Z"
@@ -391,7 +391,7 @@ export class InHouseLauncher extends LitElement {
     return html`
       <div>
         ${this.isEmailWindowOpen
-          ? html`<div class="in-house-launcher__window-wrapper">
+          ? html`<div class="launcher__window-wrapper">
               <email-us-window
                 ${ref(this.emailUsWindowRef)}
                 .buildingId=${this.buildingId}
@@ -400,7 +400,7 @@ export class InHouseLauncher extends LitElement {
             </div>`
           : ""}
         ${this.isTextUsWindowOpen
-          ? html`<div class="in-house-launcher__window-wrapper">
+          ? html`<div class="launcher__window-wrapper">
               <text-us-window
                 ${ref(this.textUsWindowRef)}
                 .buildingId=${this.buildingId}
@@ -408,7 +408,7 @@ export class InHouseLauncher extends LitElement {
             </div>`
           : ""}
         ${this.isSSTWindowOpen
-          ? html`<div class="in-house-launcher__window-wrapper">
+          ? html`<div class="launcher__window-wrapper">
               <tour-scheduler
                 .layoutOptions=${this.layoutOptions}
                 .tourTypeOptions=${this.tourTypeOptions}
@@ -419,7 +419,7 @@ export class InHouseLauncher extends LitElement {
           : ""}
         ${this.isCallUsWindowOpen && this.phoneNumber
           ? html`
-              <div class="in-house-launcher__window-wrapper">
+              <div class="launcher__window-wrapper">
                 <call-us-window
                   .onCloseClicked=${this.onClosePhoneWindow}
                   phoneNumber="${this.phoneNumber}"
@@ -434,9 +434,7 @@ export class InHouseLauncher extends LitElement {
                 @click=${this.onChatTapped}
                 class="${classnames(
                   "launcher",
-                  this.isMobile
-                    ? "in-house-launcher__mobile"
-                    : "in-house-launcher__desktop",
+                  this.isMobile ? "launcher__mobile" : "launcher__desktop",
                   {
                     firstMount: this.isFirstMount,
                   }
@@ -454,8 +452,8 @@ export class InHouseLauncher extends LitElement {
                   <source src="${glowBarMp4}" type="video/mp4" />
                 </video>
                 <div class="content">
-                  <div class="in-house-launcher__primary-action">
-                    <div class="in-house-launcher__primary-action-text">
+                  <div class="launcher__primary-action">
+                    <div class="launcher__primary-action-text">
                       Ask a question
                       <svg
                         width="21"
@@ -470,11 +468,11 @@ export class InHouseLauncher extends LitElement {
                         />
                       </svg>
                     </div>
-                    <div class="in-house-launcher__ask-underline"></div>
+                    <div class="launcher__ask-underline"></div>
                   </div>
                   ${this.getNumCallToActions() === 0
                     ? html`
-                        <div class="in-house-launcher__filler-text">
+                        <div class="launcher__filler-text">
                           I can also help you schedule a tour
                         </div>
                       `
@@ -488,8 +486,8 @@ export class InHouseLauncher extends LitElement {
   }
 }
 
-export const installInHouseLauncher = (): void => {
-  if (!window.customElements.get("in-house-launcher")) {
-    window.customElements.define("in-house-launcher", InHouseLauncher);
+export const installLauncher = (): void => {
+  if (!window.customElements.get("meetelise-launcher")) {
+    window.customElements.define("meetelise-launcher", Launcher);
   }
 };

package/src/WebComponent/MEChat.css

@@ -1,5 +1,5 @@
 @media screen and (min-width: 767px) {
-  .meetelise-chat.pane.in-house-launcher__desktop {
+  .meetelise-chat.pane.launcher__desktop {
     right: -32px;
   }
 }

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

@@ -1,4 +1,4 @@
-import { css, html, LitElement, TemplateResult } from "lit";
+import { css, html, LitElement, PropertyValueMap, TemplateResult } from "lit";
 import { customElement, property, query, state } from "lit/decorators.js";
 import {
   shortcutKeyIsPressed,
@@ -37,8 +37,6 @@ export class TourScheduler extends LitElement {
   @state()
   private phoneNumber = "";
   @state()
-  private hasPhoneNumberError = false;
-  @state()
   private availabilitiesGroupedByDay: { [day: string]: Date[] } = {};
   @state()
   private selectedDate?: Date;
@@ -64,6 +62,17 @@ export class TourScheduler extends LitElement {
     );
   };
 
+  protected willUpdate = async (
+    _changedProperties:
+      | PropertyValueMap<{ tourType: TourType }>
+      | Map<PropertyKey, unknown>
+  ): Promise<void> => {
+    if (_changedProperties.has("tourType")) {
+      this.availabilitiesGroupedByDay =
+        await getAvailabilitiesGroupedByDayCached(tourTypeMap[this.tourType]);
+    }
+  };
+
   handlePhoneKeydown = (e: Event): void => {
     // these should always be true, this is just here to mollify TypeScript
     if (

package/src/WebComponent/actions/{EmailUsWindow.ts → email-us-window.ts}

@@ -2,8 +2,8 @@ import { css, html, LitElement, TemplateResult } from "lit";
 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 { installActionConfirmButton } from "./ActionConfirmButton";
-import { installDetailsWindow } from "./DetailsWindow";
+import { installActionConfirmButton } from "./action-confirm-button";
+import { installDetailsWindow } from "./details-window";
 import {
   formatToPhone,
   isModifierKey,

package/src/WebComponent/actions/{TextUsWindow.ts → text-us-window.ts}

@@ -2,8 +2,8 @@ import { css, html, LitElement, TemplateResult } from "lit";
 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 { installActionConfirmButton } from "./ActionConfirmButton";
-import { installDetailsWindow } from "./DetailsWindow";
+import { installActionConfirmButton } from "./action-confirm-button";
+import { installDetailsWindow } from "./details-window";
 import {
   formatToPhone,
   isModifierKey,

package/src/WebComponent/index.ts

@@ -1,2 +1,2 @@
-export { InHouseLauncher } from "./InHouseLauncher";
-import "./MEChat";
+export { Launcher } from "./Launcher";
+import "./me-chat";

package/src/WebComponent/{inHouseLauncherStyles.ts → launcherStyles.ts}

@@ -1,6 +1,6 @@
 import { css } from "lit";
 
-export const inHouseLauncherStyles = css`
+export const launcherStyles = css`
   :host {
     --glowBarHeight: 11.2px;
     --enterAnimationDuration: 0.5s;
@@ -29,25 +29,25 @@ export const inHouseLauncherStyles = css`
     backdrop-filter: blur(10px);
     box-shadow: 0px 8px 8px 4px rgba(0, 0, 0, 0.25);
   }
-  .launcher:not(.miniLauncher).in-house-launcher__mobile {
+  .launcher:not(.miniLauncher).launcher__mobile {
     width: 100%;
     bottom: 0px;
     left: 0px;
     padding: 5px;
   }
-  .launcher:not(.miniLauncher).in-house-launcher__desktop {
+  .launcher:not(.miniLauncher).launcher__desktop {
     width: 245px;
     height: 112px;
     padding-left: 10px;
   }
-  .launcher.in-house-launcher__desktop {
+  .launcher.launcher__desktop {
     right: 0px;
     overflow: hidden;
     border-radius: 10px 0px 0px 10px;
     bottom: 40px;
     z-index: 100000;
   }
-  .launcher.in-house-launcher__desktop.firstMount {
+  .launcher.launcher__desktop.firstMount {
     animation: slideInFromRight var(--enterAnimationDuration);
   }
   .launcher .glowBar {
@@ -100,19 +100,19 @@ export const inHouseLauncherStyles = css`
   .miniLauncher.firstMount {
     animation: slideInFromRight 0.5s;
   }
-  .miniLauncher.in-house-launcher__desktop {
+  .miniLauncher.launcher__desktop {
     padding-right: 20px;
     right: 0px;
     overflow: hidden;
     bottom: 40px;
     z-index: var(--desktopZIndex);
   }
-  .miniLauncher.in-house-launcher__mobile {
+  .miniLauncher.launcher__mobile {
     right: 10px;
     bottom: 20px;
   }
 
-  .in-house-launcher__primary-action-text {
+  .launcher__primary-action-text {
     font-family: "Poppins";
     font-weight: 700;
     font-size: 24px;
@@ -120,38 +120,44 @@ export const inHouseLauncherStyles = css`
     cursor: pointer;
   }
 
-  .in-house-launcher__primary-action:hover {
+  .launcher__primary-action:hover {
     color: #350da6;
   }
 
-  .in-house-launcher__primary-action {
+  .launcher__primary-action {
     transition: color 0.5s cubic-bezier(0.2, 0.19, 0.27, 0.98),
       fill 0.5s cubic-bezier(0.2, 0.19, 0.27, 0.98);
     cursor: pointer;
   }
 
-  .in-house-launcher__primary-action:hover path {
+  .launcher__primary-action:hover path {
     fill: #350da6;
   }
 
-  .in-house-launcher__primary-action:hover .in-house-launcher__ask-underline {
+  .launcher__primary-action:hover .launcher__ask-underline {
     background: #350da6;
   }
 
-  .in-house-launcher__ask-underline {
+  .launcher__primary-action svg {
+    height: 28px;
+    width: 28px;
+    transform: translateX(2px);
+  }
+
+  .launcher__ask-underline {
     width: 47px;
     height: 3px;
     background: #1e1e1e;
     transition: background 0.5s cubic-bezier(0.2, 0.19, 0.27, 0.98);
   }
 
-  .in-house-launcher__filler-text {
+  .launcher__filler-text {
     font-size: 10px;
     line-height: 22px;
     color: #1e1e1e;
   }
 
-  .in-house-launcher__call-to-action-option {
+  .launcher__call-to-action-option {
     font-weight: 700;
     font-size: 12px;
     line-height: 22px;
@@ -164,28 +170,28 @@ export const inHouseLauncherStyles = css`
     transition: color 0.2s cubic-bezier(0.2, 0.19, 0.27, 0.98);
   }
 
-  .in-house-launcher__call-to-action-option:hover {
+  .launcher__call-to-action-option:hover {
     color: #350da6;
     border-bottom: 2px solid #350da6;
   }
 
-  .in-house-launcher__call-to-actions-wrapper {
+  .launcher__call-to-actions-wrapper {
     width: 100%;
     display: flex;
   }
 
-  .in-house-launcher__call-to-actions-wrapper
-    > .in-house-launcher__call-to-action-option:not(:last-child) {
+  .launcher__call-to-actions-wrapper
+    > .launcher__call-to-action-option:not(:last-child) {
     margin-right: 15px;
   }
 
-  .in-house-launcher__window-wrapper {
+  .launcher__window-wrapper {
     position: fixed;
     right: 0;
     bottom: 172px;
   }
 
-  .in-house-launcher__mini-launcher-wrapper {
+  .launcher__mini-launcher-wrapper {
     position: fixed;
     right: 0px;
     bottom: 40px;
@@ -194,7 +200,7 @@ export const inHouseLauncherStyles = css`
     align-items: center;
   }
 
-  .in-house-launcher__mini-option {
+  .launcher__mini-option {
     position: relative;
     // This is so that the pseudo elements we created will be visible despite being beneath the element it is a pseudo element for
     border: 4px solid transparent;
@@ -211,11 +217,11 @@ export const inHouseLauncherStyles = css`
     cursor: pointer;
   }
 
-  .in-house-launcher__mini-option-wrapper {
+  .launcher__mini-option-wrapper {
     margin-right: 12px;
   }
 
-  .in-house-launcher__mini-option:not(:hover)::before {
+  .launcher__mini-option:not(:hover)::before {
     position: absolute;
     top: -4px;
     bottom: -4px;
@@ -227,20 +233,20 @@ export const inHouseLauncherStyles = css`
     border-radius: 50%;
   }
 
-  .in-house-launcher__secondary-option {
+  .launcher__secondary-option {
     width: 30px;
     height: 30px;
   }
 
-  .in-house-launcher__mini-option-wrapper {
+  .launcher__mini-option-wrapper {
     background-clip: padding-box;
   }
 
-  .in-house-launcher__mini-option:hover {
+  .launcher__mini-option:hover {
     border: none;
   }
 
-  .in-house-launcher__mini-option:hover::before {
+  .launcher__mini-option:hover::before {
     position: absolute;
     top: -4px;
     bottom: -4px;
@@ -254,15 +260,15 @@ export const inHouseLauncherStyles = css`
   }
 
   @media screen and (max-width: 767px) {
-    .launcher:not(.miniLauncher).in-house-launcher__desktop {
+    .launcher:not(.miniLauncher).launcher__desktop {
       width: 100%;
     }
 
-    .launcher.in-house-launcher__desktop {
+    .launcher.launcher__desktop {
       bottom: 0px;
     }
 
-    .launcher.in-house-launcher__desktop {
+    .launcher.launcher__desktop {
       border-radius: 0px;
     }
 
@@ -278,20 +284,20 @@ export const inHouseLauncherStyles = css`
       padding-bottom: 15px;
     }
 
-    .in-house-launcher__primary-action-text {
+    .launcher__primary-action-text {
       font-size: 18px;
       flex-grow: 1;
     }
 
-    .in-house-launcher__call-to-actions-wrapper {
+    .launcher__call-to-actions-wrapper {
       width: fit-content;
     }
 
-    .in-house-launcher__ask-underline {
+    .launcher__ask-underline {
       width: 35px;
     }
 
-    .in-house-launcher__window-wrapper {
+    .launcher__window-wrapper {
       left: 0;
       bottom: 0;
     }