add onTranscriptionMessage callback to useTranscription

Author: Regaddi

src/hooks/useTranscription.ts

@@ -14,12 +14,17 @@ interface UseTranscriptionArgs {
   onTranscriptionStarted?(ev: DailyEventObject<'transcription-started'>): void;
   onTranscriptionStopped?(ev: DailyEventObject<'transcription-stopped'>): void;
   onTranscriptionError?(ev: DailyEventObject<'transcription-error'>): void;
+  /**
+   * @deprecated Please use onTranscriptionMessage instead.
+   */
   onTranscriptionAppData?(ev: DailyEventObjectAppMessage<Transcription>): void;
+  onTranscriptionMessage?(ev: DailyEventObject<'transcription-message'>): void;
 }
 
 export const useTranscription = ({
   onTranscriptionAppData,
   onTranscriptionError,
+  onTranscriptionMessage,
   onTranscriptionStarted,
   onTranscriptionStopped,
 }: UseTranscriptionArgs = {}) => {
@@ -54,6 +59,15 @@ export const useTranscription = ({
       [onTranscriptionError]
     )
   );
+  useDailyEvent(
+    'transcription-message',
+    useCallback(
+      (ev) => {
+        onTranscriptionMessage?.(ev);
+      },
+      [onTranscriptionMessage]
+    )
+  );
   useDailyEvent(
     'app-message',
     useCallback(

test/hooks/useTranscription.test.tsx

@@ -193,6 +193,31 @@ describe('useTranscription', () => {
       expect(onTranscriptionAppData).toHaveBeenCalledWith(payload);
     });
   });
+  it('transcription-message data calls onTranscriptionMessage', async () => {
+    const onTranscriptionMessage = jest.fn();
+    const daily = Daily.createCallObject();
+    const { waitFor } = renderHook(
+      () => useTranscription({ onTranscriptionMessage }),
+      {
+        wrapper: createWrapper(daily),
+      }
+    );
+    const event: DailyEvent = 'transcription-message';
+    const payload: DailyEventObject<'transcription-message'> = {
+      action: 'transcription-message',
+      participantId: faker.datatype.uuid(),
+      text: 'Transcription text',
+      timestamp: new Date(),
+      rawResponse: {},
+    };
+    act(() => {
+      // @ts-ignore
+      daily.emit(event, payload);
+    });
+    await waitFor(() => {
+      expect(onTranscriptionMessage).toHaveBeenCalledWith(payload);
+    });
+  });
   it('startTranscription calls daily.startTranscription', async () => {
     const daily = Daily.createCallObject();
     const { result, waitFor } = renderHook(() => useTranscription(), {