122 lines
2.6 KiB
TypeScript
122 lines
2.6 KiB
TypeScript
import ReducerRegistry from '../base/redux/ReducerRegistry';
|
|
|
|
import {
|
|
TOGGLE_REACTIONS_VISIBLE,
|
|
SET_REACTION_QUEUE,
|
|
ADD_REACTION_BUFFER,
|
|
FLUSH_REACTION_BUFFER,
|
|
SHOW_SOUNDS_NOTIFICATION
|
|
} from './actionTypes';
|
|
import { ReactionEmojiProps } from './constants';
|
|
|
|
export interface IReactionsState {
|
|
|
|
/**
|
|
* An array that contains the reactions buffer to be sent.
|
|
*/
|
|
buffer: Array<string>;
|
|
|
|
/**
|
|
* Whether or not the disable reaction sounds notification was shown.
|
|
*/
|
|
notificationDisplayed: boolean;
|
|
|
|
/**
|
|
* The array of reactions to animate.
|
|
*/
|
|
queue: Array<ReactionEmojiProps>;
|
|
|
|
/**
|
|
* A number, non-zero value which identifies the timer created by a call
|
|
* to setTimeout().
|
|
*/
|
|
timeoutID: number | null;
|
|
|
|
/**
|
|
* The indicator that determines whether the reactions menu is visible.
|
|
*/
|
|
visible: boolean;
|
|
}
|
|
|
|
export interface ReactionsAction extends Partial<IReactionsState> {
|
|
|
|
/**
|
|
* The message to be added to the chat.
|
|
*/
|
|
message?: string;
|
|
|
|
/**
|
|
* The reaction to be added to buffer.
|
|
*/
|
|
reaction?: string;
|
|
|
|
/**
|
|
* The reactions to be added to the animation queue.
|
|
*/
|
|
reactions?: Array<string>;
|
|
|
|
/**
|
|
* The action type.
|
|
*/
|
|
type: string;
|
|
}
|
|
|
|
/**
|
|
* Returns initial state for reactions' part of Redux store.
|
|
*
|
|
* @private
|
|
* @returns {IReactionsState}
|
|
*/
|
|
function _getInitialState(): IReactionsState {
|
|
return {
|
|
visible: false,
|
|
buffer: [],
|
|
timeoutID: null,
|
|
queue: [],
|
|
notificationDisplayed: false
|
|
};
|
|
}
|
|
|
|
ReducerRegistry.register<IReactionsState>(
|
|
'features/reactions',
|
|
(state = _getInitialState(), action: ReactionsAction): IReactionsState => {
|
|
switch (action.type) {
|
|
|
|
case TOGGLE_REACTIONS_VISIBLE:
|
|
return {
|
|
...state,
|
|
visible: !state.visible
|
|
};
|
|
|
|
case ADD_REACTION_BUFFER:
|
|
return {
|
|
...state,
|
|
buffer: action.buffer ?? [],
|
|
timeoutID: action.timeoutID ?? null
|
|
};
|
|
|
|
case FLUSH_REACTION_BUFFER:
|
|
return {
|
|
...state,
|
|
buffer: [],
|
|
timeoutID: null
|
|
};
|
|
|
|
case SET_REACTION_QUEUE: {
|
|
return {
|
|
...state,
|
|
queue: action.queue ?? []
|
|
};
|
|
}
|
|
|
|
case SHOW_SOUNDS_NOTIFICATION: {
|
|
return {
|
|
...state,
|
|
notificationDisplayed: true
|
|
};
|
|
}
|
|
}
|
|
|
|
return state;
|
|
});
|