fix "unread messages" indicator

Author: kwinto

src/webchat/store/ui/ui-middleware.ts

@@ -7,6 +7,7 @@ import {
 	ShowChatScreenAction,
 	SetPageVisibleAction,
 	SetHasAcceptedTermsAction,
+	SetOpenAction,
 } from "./ui-reducer";
 import { getStorage } from "../../helper/storage";
 import { setHasAcceptedTermsInStorage } from "../../helper/privacyPolicy";
@@ -17,6 +18,7 @@ export const uiMiddleware: Middleware<object, StoreState> =
 	(
 		action:
 			| ToggleOpenAction
+			| SetOpenAction
 			| ShowChatScreenAction
 			| SetPageVisibleAction
 			| SetHasAcceptedTermsAction,
@@ -34,6 +36,21 @@ export const uiMiddleware: Middleware<object, StoreState> =
 				break;
 			}
 
+			case "SET_OPEN": {
+				const open = action.open;
+
+				const { showHomeScreen, showPrevConversations, showChatOptionsScreen } =
+					store.getState().ui;
+				const isChatHistoryVisible =
+					!showPrevConversations && !showChatOptionsScreen && !showHomeScreen;
+
+				if (open && isChatHistoryVisible) {
+					store.dispatch(clearUnseenMessages());
+				}
+
+				break;
+			}
+
 			// if the chat screen is opened while the page is active, reset unread messages
 			case "SHOW_CHAT_SCREEN": {
 				if (store.getState().ui.isPageVisible) {