Fix speaker view not auto switching on presenting

ts/components/CallScreen.stories.tsx

@@ -304,6 +304,7 @@ export function GroupCall1(): JSX.Element {
         callMode: CallMode.Group,
         remoteParticipants: [
           {
+            aci: generateAci(),
             demuxId: 0,
             hasRemoteAudio: true,
             hasRemoteVideo: true,
@@ -328,6 +329,7 @@ GroupCall1.story = {
 
 // We generate these upfront so that the list is stable when you move the slider.
 const allRemoteParticipants = times(MAX_PARTICIPANTS).map(index => ({
+  aci: generateAci(),
   demuxId: index,
   hasRemoteAudio: index % 3 !== 0,
   hasRemoteVideo: index % 4 !== 0,
@@ -371,6 +373,7 @@ export function GroupCallReconnecting(): JSX.Element {
         connectionState: GroupCallConnectionState.Reconnecting,
         remoteParticipants: [
           {
+            aci: generateAci(),
             demuxId: 0,
             hasRemoteAudio: true,
             hasRemoteVideo: true,

ts/components/CallingParticipantsList.stories.tsx

@@ -20,6 +20,7 @@ function createParticipant(
   participantProps: Partial<GroupCallRemoteParticipantType>
 ): GroupCallRemoteParticipantType {
   return {
+    aci: generateAci(),
     demuxId: 2,
     hasRemoteAudio: Boolean(participantProps.hasRemoteAudio),
     hasRemoteVideo: Boolean(participantProps.hasRemoteVideo),

ts/components/GroupCallOverflowArea.stories.tsx

@@ -12,12 +12,14 @@ import { getDefaultConversationWithServiceId } from '../test-both/helpers/getDef
 import { fakeGetGroupCallVideoFrameSource } from '../test-both/helpers/fakeGetGroupCallVideoFrameSource';
 import { FRAME_BUFFER_SIZE } from '../calling/constants';
 import enMessages from '../../_locales/en/messages.json';
+import { generateAci } from '../types/ServiceId';
 
 const MAX_PARTICIPANTS = 32;
 
 const i18n = setupI18n('en', enMessages);
 
 const allRemoteParticipants = times(MAX_PARTICIPANTS).map(index => ({
+  aci: generateAci(),
   demuxId: index,
   hasRemoteAudio: index % 3 !== 0,
   hasRemoteVideo: index % 4 !== 0,

ts/components/GroupCallRemoteParticipant.stories.tsx

@@ -51,6 +51,7 @@ const createProps = (
   i18n,
   audioLevel: 0,
   remoteParticipant: {
+    aci: generateAci(),
     demuxId: 123,
     hasRemoteAudio,
     hasRemoteVideo: true,

ts/state/smart/CallManager.tsx

@@ -229,6 +229,7 @@ const mapStateToActiveCallProp = (
 
         remoteParticipants.push({
           ...remoteConversation,
+          aci: remoteParticipant.aci,
           demuxId: remoteParticipant.demuxId,
           hasRemoteAudio: remoteParticipant.hasRemoteAudio,
           hasRemoteVideo: remoteParticipant.hasRemoteVideo,

ts/types/Calling.ts

@@ -3,7 +3,7 @@
 
 import type { AudioDevice } from '@signalapp/ringrtc';
 import type { ConversationType } from '../state/ducks/conversations';
-import type { ServiceIdString } from './ServiceId';
+import type { AciString, ServiceIdString } from './ServiceId';
 
 // These are strings (1) for the database (2) for Storybook.
 export enum CallMode {
@@ -135,6 +135,7 @@ export enum GroupCallJoinState {
 }
 
 export type GroupCallRemoteParticipantType = ConversationType & {
+  aci: AciString;
   demuxId: number;
   hasRemoteAudio: boolean;
   hasRemoteVideo: boolean;