Will Hunt
13ded7db84
* Remove `element_call.participant_limit` * fix disabledTooltip * reducer ftw * Remove unused bits * prettier
70 lines
2.4 KiB
TypeScript
70 lines
2.4 KiB
TypeScript
/*
|
|
Copyright 2024 New Vector Ltd.
|
|
Copyright 2022 The Matrix.org Foundation C.I.C.
|
|
|
|
SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
|
|
Please see LICENSE files in the repository root for full details.
|
|
*/
|
|
|
|
import { useState, useCallback, useMemo, useEffect } from "react";
|
|
|
|
import type { RoomMember } from "matrix-js-sdk/src/matrix";
|
|
import { type Call, ConnectionState, CallEvent } from "../models/Call";
|
|
import { useTypedEventEmitterState, useEventEmitter } from "./useEventEmitter";
|
|
import { CallStore, CallStoreEvent } from "../stores/CallStore";
|
|
|
|
export const useCall = (roomId: string): Call | null => {
|
|
const [call, setCall] = useState(() => CallStore.instance.getCall(roomId));
|
|
useEventEmitter(CallStore.instance, CallStoreEvent.Call, (call: Call | null, forRoomId: string) => {
|
|
if (forRoomId === roomId) setCall(call);
|
|
});
|
|
|
|
// Reset the value when the roomId changes
|
|
useEffect(() => {
|
|
setCall(CallStore.instance.getCall(roomId));
|
|
}, [roomId]);
|
|
|
|
return call;
|
|
};
|
|
|
|
export const useCallForWidget = (widgetId: string, roomId: string): Call | null => {
|
|
const call = useCall(roomId);
|
|
return call?.widget.id === widgetId ? call : null;
|
|
};
|
|
|
|
export const useConnectionState = (call: Call | null): ConnectionState =>
|
|
useTypedEventEmitterState(
|
|
call ?? undefined,
|
|
CallEvent.ConnectionState,
|
|
useCallback((state) => state ?? call?.connectionState ?? ConnectionState.Disconnected, [call]),
|
|
);
|
|
|
|
const useParticipants = (call: Call | null): Map<RoomMember, Set<string>> => {
|
|
return useTypedEventEmitterState(
|
|
call ?? undefined,
|
|
CallEvent.Participants,
|
|
useCallback((state) => state ?? call?.participants ?? [], [call]),
|
|
);
|
|
};
|
|
|
|
export const useParticipantCount = (call: Call | null): number => {
|
|
const participants = useParticipants(call);
|
|
|
|
return useMemo(() => {
|
|
return [...participants.values()].reduce<number>((count, set) => count + set.size, 0);
|
|
}, [participants]);
|
|
};
|
|
|
|
export const useParticipatingMembers = (call: Call): RoomMember[] => {
|
|
const participants = useParticipants(call);
|
|
|
|
return useMemo(() => {
|
|
const members: RoomMember[] = [];
|
|
for (const [member, devices] of participants) {
|
|
// Repeat the member for as many devices as they're using
|
|
for (let i = 0; i < devices.size; i++) members.push(member);
|
|
}
|
|
return members;
|
|
}, [participants]);
|
|
};
|