// Copyright 2021 Signal Messenger, LLC // SPDX-License-Identifier: AGPL-3.0-only import type { ThunkAction } from 'redux-thunk'; import * as log from '../../logging/log'; import type { InMemoryAttachmentDraftType } from '../../types/Attachment'; import { SignalService as Proto } from '../../protobuf'; import type { StateType as RootStateType } from '../reducer'; import { fileToBytes } from '../../util/fileToBytes'; import { recorder } from '../../services/audioRecorder'; import { stringToMIMEType } from '../../types/MIME'; import { useBoundActions } from '../../hooks/useBoundActions'; export enum ErrorDialogAudioRecorderType { Blur, ErrorRecording, Timeout, } // State export enum RecordingState { Recording = 'recording', Initializing = 'initializing', Idle = 'idle', } export type AudioPlayerStateType = { readonly recordingState: RecordingState; readonly errorDialogAudioRecorderType?: ErrorDialogAudioRecorderType; }; // Actions const CANCEL_RECORDING = 'audioRecorder/CANCEL_RECORDING'; const COMPLETE_RECORDING = 'audioRecorder/COMPLETE_RECORDING'; const ERROR_RECORDING = 'audioRecorder/ERROR_RECORDING'; const NOW_RECORDING = 'audioRecorder/NOW_RECORDING'; const START_RECORDING = 'audioRecorder/START_RECORDING'; type CancelRecordingAction = { type: typeof CANCEL_RECORDING; payload: undefined; }; type CompleteRecordingAction = { type: typeof COMPLETE_RECORDING; payload: undefined; }; type ErrorRecordingAction = { type: typeof ERROR_RECORDING; payload: ErrorDialogAudioRecorderType; }; type StartRecordingAction = { type: typeof START_RECORDING; payload: undefined; }; type NowRecordingAction = { type: typeof NOW_RECORDING; payload: undefined; }; type AudioPlayerActionType = | CancelRecordingAction | CompleteRecordingAction | ErrorRecordingAction | NowRecordingAction | StartRecordingAction; // Action Creators export const actions = { cancelRecording, completeRecording, errorRecording, startRecording, }; export const useActions = (): typeof actions => useBoundActions(actions); function startRecording(): ThunkAction< void, RootStateType, unknown, StartRecordingAction | NowRecordingAction | ErrorRecordingAction > { return async (dispatch, getState) => { if (getState().composer.attachments.length) { return; } if (getState().audioRecorder.recordingState !== RecordingState.Idle) { return; } dispatch({ type: START_RECORDING, payload: undefined, }); try { const started = await recorder.start(); if (started) { dispatch({ type: NOW_RECORDING, payload: undefined, }); } else { dispatch({ type: ERROR_RECORDING, payload: ErrorDialogAudioRecorderType.ErrorRecording, }); } } catch (err) { dispatch({ type: ERROR_RECORDING, payload: ErrorDialogAudioRecorderType.ErrorRecording, }); } }; } function completeRecordingAction(): CompleteRecordingAction { return { type: COMPLETE_RECORDING, payload: undefined, }; } function completeRecording( conversationId: string, onSendAudioRecording?: (rec: InMemoryAttachmentDraftType) => unknown ): ThunkAction< void, RootStateType, unknown, CancelRecordingAction | CompleteRecordingAction > { return async (dispatch, getState) => { const state = getState(); const isSelectedConversation = state.conversations.selectedConversationId === conversationId; if (!isSelectedConversation) { log.warn( 'completeRecording: Recording started in one conversation and completed in another' ); dispatch(cancelRecording()); return; } const blob = await recorder.stop(); try { if (!blob) { throw new Error('completeRecording: no blob returned'); } const data = await fileToBytes(blob); const voiceNoteAttachment: InMemoryAttachmentDraftType = { pending: false, contentType: stringToMIMEType(blob.type), data, size: data.byteLength, flags: Proto.AttachmentPointer.Flags.VOICE_MESSAGE, }; if (onSendAudioRecording) { onSendAudioRecording(voiceNoteAttachment); } } finally { dispatch(completeRecordingAction()); } }; } function cancelRecording(): ThunkAction< void, RootStateType, unknown, CancelRecordingAction > { return async dispatch => { await recorder.stop(); recorder.clear(); dispatch({ type: CANCEL_RECORDING, payload: undefined, }); }; } function errorRecording( errorDialogAudioRecorderType: ErrorDialogAudioRecorderType ): ErrorRecordingAction { recorder.stop(); return { type: ERROR_RECORDING, payload: errorDialogAudioRecorderType, }; } // Reducer export function getEmptyState(): AudioPlayerStateType { return { recordingState: RecordingState.Idle, }; } export function reducer( state: Readonly = getEmptyState(), action: Readonly ): AudioPlayerStateType { if (action.type === START_RECORDING) { return { ...state, errorDialogAudioRecorderType: undefined, recordingState: RecordingState.Initializing, }; } if (action.type === NOW_RECORDING) { return { ...state, errorDialogAudioRecorderType: undefined, recordingState: RecordingState.Recording, }; } if (action.type === CANCEL_RECORDING || action.type === COMPLETE_RECORDING) { return { ...state, errorDialogAudioRecorderType: undefined, recordingState: RecordingState.Idle, }; } if (action.type === ERROR_RECORDING) { return { ...state, errorDialogAudioRecorderType: action.payload, }; } return state; }