51 lines
1 KiB
JavaScript
51 lines
1 KiB
JavaScript
|
import Vue from 'vue';
|
||
|
|
import { getAvailableAgents } from 'widget/api/agent';
|
||
|
|
|
||
|
|
const state = {
|
||
|
|
records: [],
|
||
|
|
uiFlags: {
|
||
|
|
isError: false,
|
||
|
|
hasFetched: false,
|
||
|
|
},
|
||
|
|
};
|
||
|
|
|
||
|
|
export const getters = {
|
||
|
|
availableAgents: $state =>
|
||
|
|
$state.records.filter(agent => agent.availability_status === 'online'),
|
||
|
|
};
|
||
|
|
|
||
|
|
export const actions = {
|
||
|
|
fetchAvailableAgents: async ({ commit }, websiteToken) => {
|
||
|
|
try {
|
||
|
|
const { data } = await getAvailableAgents(websiteToken);
|
||
|
|
const { payload = [] } = data;
|
||
|
|
commit('setAgents', payload);
|
||
|
|
commit('setError', false);
|
||
|
|
commit('setHasFetched', true);
|
||
|
|
} catch (error) {
|
||
|
|
commit('setError', true);
|
||
|
|
commit('setHasFetched', true);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
};
|
||
|
|
|
||
|
|
export const mutations = {
|
||
|
|
setAgents($state, data) {
|
||
|
|
Vue.set($state, 'records', data);
|
||
|
|
},
|
||
|
|
setError($state, value) {
|
||
|
|
Vue.set($state.uiFlags, 'isError', value);
|
||
|
|
},
|
||
|
|
setHasFetched($state, value) {
|
||
|
|
Vue.set($state.uiFlags, 'hasFetched', value);
|
||
|
|
},
|
||
|
|
};
|
||
|
|
|
||
|
|
export default {
|
||
|
|
namespaced: true,
|
||
|
|
state,
|
||
|
|
getters,
|
||
|
|
actions,
|
||
|
|
mutations,
|
||
|
|
};
|