feat: Add user statuses and cards

toju-app/src/app/store/rooms/room-state-sync.effects.ts

@@ -113,7 +113,8 @@ export class RoomStateSyncEffects {
               .map((user) =>
                 buildSignalingUser(user, {
                   ...buildKnownUserExtras(room, user.oderId),
-                  presenceServerIds: [signalingMessage.serverId]
+                  presenceServerIds: [signalingMessage.serverId],
+                  ...(user.status ? { status: user.status } : {})
                 })
               );
             const actions: Action[] = [
@@ -139,7 +140,8 @@ export class RoomStateSyncEffects {
 
             const joinedUser = {
               oderId: signalingMessage.oderId,
-              displayName: signalingMessage.displayName
+              displayName: signalingMessage.displayName,
+              status: signalingMessage.status
             };
             const actions: Action[] = [
               UsersActions.userJoined({
@@ -188,6 +190,34 @@ export class RoomStateSyncEffects {
             return actions;
           }
 
+          case 'status_update': {
+            if (!signalingMessage.oderId || !signalingMessage.status)
+              return EMPTY;
+
+            const validStatuses = [
+              'online',
+              'away',
+              'busy',
+              'offline'
+            ];
+
+            if (!validStatuses.includes(signalingMessage.status))
+              return EMPTY;
+
+            // 'offline' from the server means the user chose Invisible;
+            // display them as disconnected to other users.
+            const mappedStatus = signalingMessage.status === 'offline'
+              ? 'disconnected'
+              : signalingMessage.status as 'online' | 'away' | 'busy';
+
+            return [
+              UsersActions.updateRemoteUserStatus({
+                userId: signalingMessage.oderId,
+                status: mappedStatus
+              })
+            ];
+          }
+
           case 'access_denied': {
             if (isWrongServer(signalingMessage.serverId, viewedServerId))
               return EMPTY;