50 lines
1.3 KiB
TypeScript
50 lines
1.3 KiB
TypeScript
|
import {
|
||
|
|
ClientWidgetApi,
|
||
|
|
IWidgetApiAcknowledgeResponseData,
|
||
|
|
IWidgetApiRequestData,
|
||
|
|
} from 'matrix-widget-api';
|
||
|
|
import { useCallback, useEffect, useState } from 'react';
|
||
|
|
import { CallControl, CallControlEvent } from './CallControl';
|
||
|
|
import { CallControlState } from './CallControlState';
|
||
|
|
|
||
|
|
export const useClientWidgetApiEvent = <T>(
|
||
|
|
api: ClientWidgetApi | undefined,
|
||
|
|
type: string,
|
||
|
|
callback: (event: CustomEvent<T>) => void
|
||
|
|
) => {
|
||
|
|
useEffect(() => {
|
||
|
|
api?.on(`action:${type}`, callback);
|
||
|
|
return () => {
|
||
|
|
api?.off(`action:${type}`, callback);
|
||
|
|
};
|
||
|
|
}, [api, type, callback]);
|
||
|
|
};
|
||
|
|
|
||
|
|
export const useSendClientWidgetApiAction = (api: ClientWidgetApi) => {
|
||
|
|
const sendWidgetAction = useCallback(
|
||
|
|
async <T extends IWidgetApiRequestData = IWidgetApiRequestData>(
|
||
|
|
action: string,
|
||
|
|
data: T
|
||
|
|
): Promise<IWidgetApiAcknowledgeResponseData> => api.transport.send(action, data),
|
||
|
|
[api]
|
||
|
|
);
|
||
|
|
|
||
|
|
return sendWidgetAction;
|
||
|
|
};
|
||
|
|
|
||
|
|
export const useCallControlState = (control: CallControl): CallControlState => {
|
||
|
|
const [state, setState] = useState(control.getState());
|
||
|
|
|
||
|
|
useEffect(() => {
|
||
|
|
const handleUpdate = () => {
|
||
|
|
setState(control.getState());
|
||
|
|
};
|
||
|
|
control.on(CallControlEvent.StateUpdate, handleUpdate);
|
||
|
|
return () => {
|
||
|
|
control.off(CallControlEvent.StateUpdate, handleUpdate);
|
||
|
|
};
|
||
|
|
}, [control]);
|
||
|
|
|
||
|
|
return state;
|
||
|
|
};
|