@meetelise/chat 1.12.8 → 1.12.11

package/src/MEChat.ts

@@ -1,5 +1,6 @@
 import { ThemeIdString } from "./themes";
 import "./WebComponent/me-chat";
+import { MEChat as MEChatLitElement } from "./WebComponent/me-chat";
 
 /**
  * The interface to MeetElise chat.
@@ -14,6 +15,8 @@ import "./WebComponent/me-chat";
  * });
  */
 export default class MEChat {
+  static meChat: MEChatLitElement | null = null;
+
   static start(opts: Options): void {
     installFont();
     const meChat = document.createElement("me-chat");
@@ -29,6 +32,14 @@ export default class MEChat {
       meChat.useMiniWidget = opts.mini;
     }
     document.body.appendChild(meChat);
+    MEChat.meChat = meChat;
+  }
+
+  static async restartConversation(): Promise<void> {
+    if (!this.meChat) {
+      return;
+    }
+    await this.meChat.restartConversation();
   }
 }
 

package/src/WebComponent/Launcher.ts

@@ -1,3 +1,5 @@
+// TODO: remove this when sst fixed
+/* eslint-disable lit/binding-positions */
 import classnames from "classnames";
 import { html, LitElement, TemplateResult } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
@@ -39,7 +41,9 @@ export class Launcher extends LitElement {
   @property({ type: Boolean })
   hasEmailEnabled = true;
   @property({ type: Boolean })
-  hasSSTEnabled = true;
+  // TODO: re-enable
+  // hasSSTEnabled = true;
+  hasSSTEnabled = false;
   @property({ type: Boolean })
   hasTextUsEnabled = false;
   @property({ attribute: false })
@@ -64,7 +68,8 @@ export class Launcher extends LitElement {
     return [
       this.hasEmailEnabled,
       !!this.phoneNumber,
-      this.hasSSTEnabled,
+      // TODO: re-enable
+      // this.hasSSTEnabled,
       this.hasTextUsEnabled,
     ].filter((v) => v).length;
   };
@@ -200,7 +205,8 @@ export class Launcher extends LitElement {
         ${this.hasEmailEnabled ? this.renderEmailOption() : ""}
         ${this.phoneNumber ? this.renderCallUsOption() : ""}
         ${this.hasTextUsEnabled ? this.renderTextUsOption() : ""}
-        ${this.hasSSTEnabled ? this.renderSSTOption() : ""}
+        <!-- TODO: re-enable -->
+        <!-- ${this.hasSSTEnabled ? this.renderSSTOption() : ""} -->
       </div>
     `;
   };
@@ -315,7 +321,8 @@ export class Launcher extends LitElement {
               true
             )
           : ""}
-        ${this.hasSSTEnabled && !this.isCallToActionWindowOpen()
+        <!-- TODO: re-enable -->
+        <!-- ${this.hasSSTEnabled && !this.isCallToActionWindowOpen()
           ? this.renderMiniOption(
               html`
                 <svg
@@ -334,7 +341,7 @@ export class Launcher extends LitElement {
               this.onClickSSTOption,
               true
             )
-          : ""}
+          : ""} -->
         ${this.phoneNumber && !this.isCallToActionWindowOpen()
           ? this.renderMiniOption(
               html`

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

@@ -273,7 +273,9 @@ export class TourScheduler extends LitElement {
       tour_time: tourTimeString,
     };
     const url = `https://app.meetelise.com/platformApi/state/create/scheduleMe`;
-    const response = await axios.post(url, data);
+    const response = await axios.post(url, data, {
+      headers: { ["X-SecurityKey"]: "JRL8jV4VcSCwOSir5gWkpgNLfKghmhBG" },
+    });
     if (response.status === 200) {
       this.tourIsBooked = true;
     }

package/src/WebComponent/me-chat.ts

@@ -3,10 +3,10 @@ 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 Talk from "talkjs";
-import { Launcher } from ".";
+import { Launcher } from "./Launcher";
 import "./Scheduler/tour-scheduler";
 import Analytics from "../analytics";
-import { getChatID } from "../chatID";
+import { createChatID, getChatID } from "../chatID";
 import createConversation from "../createConversation";
 import fetchBuildingInfo, { Building } from "../fetchBuildingInfo";
 import { getTheme, Theme, ThemeIdString } from "../themes";
@@ -145,6 +145,32 @@ export class MEChat extends LitElement {
     }
   }
 
+  public async restartConversation(): Promise<void> {
+    if (
+      !this.analytics ||
+      !this.analytics.chatId ||
+      !this.building ||
+      !this.theme ||
+      !this.popup ||
+      !MEChat.session
+    ) {
+      return;
+    }
+    this.chatId = createChatID(this.orgSlug, this.buildingSlug);
+    const session = await MEChat.session;
+    this.analytics.chatId = this.chatId;
+    this.popup.select(
+      createConversation(
+        session,
+        this.building,
+        this.theme,
+        this.avatarSrc || this.building.avatarSrc,
+        this.chatId,
+        this.isMobile
+      )
+    );
+  }
+
   private configureLauncherElement = () => {
     if (!this.popup || !this.launcherRef.value) {
       return;

package/src/getAvailabilities.ts

@@ -74,7 +74,7 @@ export const getAvailabilitiesGroupedByDay = async (
 // TODO: alternative to this: cache the building id when getRawAvailabilities is called. Then I can call the normal methods.
 export const getAvailabilitiesGroupedByDayCached = async (
   tourType: TourAvailabilityResponseRankOrderedSupportedTourTypesEnum
-): ReturnType<typeof getAvailabilitiesGroupedByDay> =>
+): Promise<{ [day: string]: Date[] }> =>
   getAvailabilitiesGroupedByDay(
     Object.keys(availabilitiesCache).map(Number)[0],
     tourType