middleware.js

// @flow

import { appNavigate } from '../app';
import {
    CONFERENCE_JOINED,
    KICKED_OUT,
    VIDEO_QUALITY_LEVELS,
    conferenceFailed,
    setReceiveVideoQuality
} from '../base/conference';
import { JitsiConferenceEvents } from '../base/lib-jitsi-meet';
import { SET_REDUCED_UI } from '../base/responsive-ui';
import { MiddlewareRegistry } from '../base/redux';
import { setFilmstripEnabled } from '../filmstrip';
import { setToolboxEnabled } from '../toolbox';

MiddlewareRegistry.register(store => next => action => {
    const result = next(action);

    switch (action.type) {
    case CONFERENCE_JOINED:
    case SET_REDUCED_UI: {
        const { dispatch, getState } = store;
        const state = getState();
        const { audioOnly } = state['features/base/conference'];
        const { reducedUI } = state['features/base/responsive-ui'];

        dispatch(setToolboxEnabled(!reducedUI));
        dispatch(setFilmstripEnabled(!reducedUI));

        // XXX: Currently setting the received video quality will disable
        // audio-only mode if engaged, that's why we check for it here.
        audioOnly
            || dispatch(
                setReceiveVideoQuality(
                    reducedUI
                        ? VIDEO_QUALITY_LEVELS.LOW
                        : VIDEO_QUALITY_LEVELS.HIGH));

        break;
    }

    case KICKED_OUT: {
        const { dispatch } = store;

        dispatch(
            conferenceFailed(action.conference, JitsiConferenceEvents.KICKED));
        dispatch(appNavigate(undefined));
        break;
    }
    }

    return result;
});