import mutations from './mutations.js';
import actions from './actions.js';
import getters from './getters.js';

const initialState = {
  channels: [],
  channelsLoading: false,
  selectedId: null, //identify if its add / edit mode
  details: null,
  detailsLoading: false,
  qNumbers: [],
  numberTypes: [],
  areaCodes: [],
  stateOptions: [],
  numberSearchLoading: false,
  phoneChannelEditLoading: false,
  tabSections: [
    {
      label: 'Phone Number Settings',
      description: 'Select a number and give it a friendly display name',
      icon: 'bxs-user-circle',
      tabsToShow: ['NUMBER_SETTINGS'],
    },
    {
      label: 'Recording & Greetings Settings',
      description:
        'Manage the recording and greeting settings for the phone number',
      icon: 'bx-calendar',
      tabsToShow: ['RECORD_GREETING_SETTINGS'],
    },
    {
      label: 'Voicemail Settings',
      description: 'Manage the voice mail settings for the phone number',
      icon: 'bx-bell',
      tabsToShow: ['VOICE_MAIL_SETTINGS'],
    },
  ],
};

export default {
  namespaced: true,
  state: initialState,
  getters,
  actions,
  mutations,
};