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

118 lines
2.4 KiB
TypeScript

import {
getInfo as getInfoEndpoint,
changeLang as changeLangEndpoint,
acceptRules as acceptRulesEndpoint,
UserResponse,
} 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(lang: string): ThunkAction<Promise<void>> {
return (dispatch, getState) =>
dispatch(setLocale(lang)).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 fetchUserData(): ThunkAction<Promise<UserResponse>> {
return async (dispatch, getState) => {
const { id } = getState().user;
if (!id) {
throw new Error('Can not fetch user data. No user.id available');
}
const resp = await getInfoEndpoint(id);
dispatch(
updateUser({
isGuest: false,
...resp,
}),
);
dispatch(changeLang(resp.lang));
return resp;
};
}
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;
});
};
}