accounts-frontend/packages/app/components/user/actions.ts

import { changeLang as changeLangEndpoint, acceptRules as acceptRulesEndpoint } from 'app/services/api/accounts';
import { setLocale } from 'app/components/i18n/actions';
import { ThunkAction } from 'app/reducers';

import { User } from './reducer';

export const UPDATE = 'USER_UPDATE';
/**
 * Merge data into user's state
 *
 * @param {object} payload
 * @returns {object} - action definition
 */
export function updateUser(payload: Partial<User>) {
    // Temp workaround
    return {
        type: UPDATE,
        payload,
    };
}

export const SET = 'USER_SET';
/**
 * Replace current user's state with a new one
 *
 * @param {User} payload
 * @returns {object} - action definition
 */
export function setUser(payload: Partial<User>) {
    return {
        type: SET,
        payload,
    };
}

export const CHANGE_LANG = 'USER_CHANGE_LANG';
export function changeLang(targetLang: string): ThunkAction<Promise<void>> {
    return async (dispatch, getState) =>
        dispatch(setLocale(targetLang)).then((lang: string) => {
            const { id, isGuest, lang: oldLang } = getState().user;

            if (oldLang === lang) {
                return;
            }

            if (!isGuest && id) {
                changeLangEndpoint(id, lang);
            }

            dispatch({
                type: CHANGE_LANG,
                payload: {
                    lang,
                },
            });
        });
}

export function setGuest(): ThunkAction<Promise<void>> {
    return async (dispatch, getState) => {
        dispatch(
            setUser({
                lang: getState().user.lang,
                isGuest: true,
            }),
        );
    };
}

export function acceptRules(): ThunkAction<Promise<{ success: boolean }>> {
    return (dispatch, getState) => {
        const { id } = getState().user;

        if (!id) {
            throw new Error('user id is should be set at the moment when this action is called');
        }

        return acceptRulesEndpoint(id).then((resp) => {
            dispatch(
                updateUser({
                    shouldAcceptRules: false,
                }),
            );

            return resp;
        });
    };
}