@planningcenter/topbar 12.2.3-rc.0 → 12.2.4

package/dist/topbar.umd.js

@@ -5690,10 +5690,10 @@ true;
     userId
   }) => {
     const [displayChatIcon, setDisplayChatIcon] = React.useState(false);
-    const [unreadMessages, setUnreadMessages] = React.useState(false);
+    const [hasUnread, setHasUnread] = React.useState(false);
     const fetchChatPerson = async () => {
       const url = `${window.location.origin}/~api/chat/v2/me`;
-      const personFields = ["can_chat_pending_age_check", "unread_messages"].join(",");
+      const personFields = ["can_chat_pending_age_check", "unread_messages", "unread_reactions"].join(",");
       const query = `?fields[Person]=${personFields}`;
       const {
         json
@@ -5705,9 +5705,10 @@ true;
     }) => {
       const {
         can_chat_pending_age_check,
-        unread_messages
+        unread_messages,
+        unread_reactions
       } = data.attributes;
-      setUnreadMessages(unread_messages);
+      setHasUnread(unread_messages || unread_reactions);
       setDisplayChatIcon(can_chat_pending_age_check);
     }).catch(noop);
     const chatJoltChannel = useJoltChannelSubscription({
@@ -5739,7 +5740,7 @@ true;
     }, [isEnabled]);
     return {
       displayChatIcon,
-      unreadIndicator: unreadMessages
+      unreadIndicator: hasUnread
     };
   };