import type { DeviceContextValue } from '@rocket.chat/ui-contexts';
import { DeviceContext } from '@rocket.chat/ui-contexts';
import type { ReactNode } from 'react';

const mockPermissionStatus: PermissionStatus = {
	state: 'granted',
	name: 'microphone',
	onchange: () => undefined,
	addEventListener: () => undefined,
	removeEventListener: () => undefined,
	dispatchEvent: () => true,
};

const mockDeviceContextValue: DeviceContextValue = {
	enabled: true,
	selectedAudioOutputDevice: undefined,
	selectedAudioInputDevice: undefined,
	availableAudioOutputDevices: [],
	availableAudioInputDevices: [],
	permissionStatus: mockPermissionStatus,
	setAudioOutputDevice: () => undefined,
	setAudioInputDevice: () => undefined,
};

export type MockedDeviceContextProps = Partial<DeviceContextValue> & {
	children: ReactNode;
};

export const MockedDeviceContext = ({ children, ...props }: MockedDeviceContextProps) => {
	return <DeviceContext.Provider value={{ ...mockDeviceContextValue, ...props }}>{children}</DeviceContext.Provider>;
};