Remove dependency on matrix-react-sdk

src/video-grid/VideoTileContainer.jsx

@@ -0,0 +1,49 @@
+import { SDPStreamMetadataPurpose } from "matrix-js-sdk/src/webrtc/callEventTypes";
+import React from "react";
+import { useCallFeed } from "./useCallFeed";
+import { useMediaStream } from "./useMediaStream";
+import { useRoomMemberName } from "./useRoomMemberName";
+import { VideoTile } from "./VideoTile";
+
+export function VideoTileContainer({
+  item,
+  width,
+  height,
+  getAvatar,
+  showName,
+  audioOutputDevice,
+  disableSpeakingIndicator,
+  ...rest
+}) {
+  const {
+    isLocal,
+    audioMuted,
+    videoMuted,
+    noVideo,
+    speaking,
+    stream,
+    purpose,
+    member,
+  } = useCallFeed(item.callFeed);
+  const { rawDisplayName } = useRoomMemberName(member);
+  const mediaRef = useMediaStream(stream, audioOutputDevice, isLocal);
+
+  // Firefox doesn't respect the disablePictureInPicture attribute
+  // https://bugzilla.mozilla.org/show_bug.cgi?id=1611831
+
+  return (
+    <VideoTile
+      isLocal={isLocal}
+      speaking={speaking && !disableSpeakingIndicator}
+      audioMuted={audioMuted}
+      noVideo={noVideo}
+      videoMuted={videoMuted}
+      screenshare={purpose === SDPStreamMetadataPurpose.Screenshare}
+      name={rawDisplayName}
+      showName={showName}
+      mediaRef={mediaRef}
+      avatar={getAvatar && getAvatar(member, width, height)}
+      {...rest}
+    />
+  );
+}