@meetelise/chat 1.20.12 → 1.20.13

package/src/WebComponent/me-chat.ts

@@ -16,6 +16,10 @@ import { installLauncher } from "./Launcher";
 import "./MEChat.css";
 import { getRawAvailabilities } from "../getAvailabilities";
 import { StyleInfo } from "lit/directives/style-map";
+import addMinutes from "date-fns/addMinutes";
+import formatISO from "date-fns/formatISO";
+import parseISO from "date-fns/parseISO";
+import isPast from "date-fns/isPast";
 
 export interface Options {
   building: string;
@@ -221,15 +225,18 @@ export class MEChat extends LitElement {
     }
     (talkjsPopupElement as HTMLElement).style.zIndex = "99999999999";
     this.popup = popup;
-    const hasAutoOpened = sessionStorage.getItem("hasAutoOpened");
-    if (building.autoOpenChatWidget && !hasAutoOpened) {
+    const autoOpenedTimestamp = sessionStorage.getItem("autoOpenedTimestamp");
+    const shouldAutoOpen =
+      !autoOpenedTimestamp ||
+      (autoOpenedTimestamp && isPast(parseISO(autoOpenedTimestamp)));
+    if (building.autoOpenChatWidget && shouldAutoOpen) {
       this.popup.show();
       this.hideLauncher = true;
       this.hasMounted = true;
-      sessionStorage.setItem("hasAutoOpened", "true");
-      window.addEventListener("beforeunload", () => {
-        sessionStorage.removeItem("hasAutoOpened");
-      });
+      sessionStorage.setItem(
+        "autoOpenedTimestamp",
+        formatISO(addMinutes(new Date(), 15))
+      );
     }
   };