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

const initialState = {
  pageTitle: 'Channels',
  windowWidth: window.innerWidth,
  errorMessage: null,
  successMessage: null,
  sources: [],
  agents: [],
  channelMeta: [],
  channelMetaLoading: false,
  omniwidgets: [],
  sourcesLoading: false,
  omniWidgetsLoading: [],
  agentsLoading: false,
  addNewSourceLoading: false,
  addNewOmniWidgetLoading: false,
  pageViewMode: 'channel-meta', //PHONE || CHAT || EMAIL (Based on this we show list of selected channel types)
  breadCrumbs: {
    home: {
      label: 'Home',
      isLink: true,
      value: '',
      isVisible: true,
      sort: 1,
    },
    'channel-meta': {
      label: 'Channel Meta',
      isLink: false,
      value: '',
      isVisible: true,
      sort: 2,
    },
    'phone-channel-list': {
      label: 'Phone Channels',
      isLink: false,
      value: '',
      isVisible: false,
      sort: 3,
    },
    'chat-channel-list': {
      label: 'Chat Channels',
      isLink: false,
      value: '',
      isVisible: false,
      sort: 3,
    },
    'email-channel-list': {
      label: 'Email Channels',
      isLink: false,
      value: '',
      isVisible: false,
      sort: 3,
    },
    'phone-channel-edit': {
      label: 'Edit',
      isLink: false,
      value: '',
      isVisible: false,
      sort: 4,
    },
    'chat-channel-edit': {
      label: 'Edit',
      isLink: false,
      value: '',
      isVisible: false,
      sort: 4,
    },
    'email-channel-edit': {
      label: 'Edit',
      isLink: false,
      value: '',
      isVisible: false,
      sort: 4,
    },
  },
  availableBCSourceChannels: [
    {
      name: 'phone-number',
      icon: 'bx-phone',
      heading: 'Manage Phone Number Channels',
      subHeading: 'Hear you can view, create and edit phone number channels.',
      listTriggerKey: 'phone-channel-list',
      editTriggerKey: 'phone-channel-edit',
    },
    {
      name: 'email',
      icon: 'bx-envelope',
      heading: 'Manage Email Channels',
      subHeading: 'View, create and edit email channels.',
      listTriggerKey: 'email-channel-list',
      editTriggerKey: 'email-channel-edit',
    },
    {
      name: 'chat',
      icon: 'bx-chat',
      heading: 'Manage Website Chat Channels',
      subHeading: 'View, create and edit chat channels.',
      listTriggerKey: 'chat-channel-list',
      editTriggerKey: 'chat-channel-edit',
    },
    {
      name: 'web-forms',
      icon: 'bx-book-content',
      heading: 'Manage Web Forms Channels',
      subHeading: 'View, create and edit web forms channels.',
      listTriggerKey: '',
      editTriggerKey: '',
    },
    {
      name: 'chat-facebook',
      icon: 'bx-bxl-messenger',
      heading: 'Manage Facebook Messenger Channels',
      subHeading: 'View, create and edit Facebook messenger chat channels.',
      listTriggerKey: '',
      editTriggerKey: '',
    },
    {
      name: 'chat-google',
      icon: 'bx-bxl-google',
      heading: 'Manage Google Business Chat Channels',
      subHeading: 'View, create and edit Google business chat channels.',
      listTriggerKey: '',
      editTriggerKey: '',
    },
  ],
};

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