From c087e75808ffb6997c45eae3f3b8dafff8536d6f Mon Sep 17 00:00:00 2001 From: Muhsin Keloth Date: Sun, 24 Jan 2021 11:29:44 -0800 Subject: [PATCH] feat: notification center (#1612) Co-authored-by: Pranav --- .../v1/accounts/notifications_controller.rb | 12 +- app/javascript/dashboard/api/notifications.js | 33 ++++ .../dashboard/api/specs/notifications.spec.js | 13 ++ .../assets/scss/widgets/_sidemenu.scss | 24 ++- .../dashboard/components/layout/Sidebar.vue | 23 ++- .../widgets/TableFooter.vue} | 0 .../dashboard/i18n/default-sidebar.js | 9 + .../i18n/locale/en/generalSettings.json | 19 ++ .../dashboard/i18n/locale/en/settings.json | 1 + .../contacts/components/ContactsView.vue | 6 +- .../routes/dashboard/dashboard.routes.js | 8 +- .../components/NotificationTable.vue | 182 ++++++++++++++++++ .../components/NotificationsView.vue | 82 ++++++++ .../routes/dashboard/notifications/routes.js | 24 +++ app/javascript/dashboard/store/index.js | 2 + .../store/modules/notifications/actions.js | 55 ++++++ .../store/modules/notifications/getters.js | 15 ++ .../store/modules/notifications/index.js | 26 +++ .../store/modules/notifications/mutations.js | 48 +++++ .../specs/notifications/actions.spec.js | 93 +++++++++ .../specs/notifications/getters.spec.js | 46 +++++ .../specs/notifications/mutations.spec.js | 90 +++++++++ .../dashboard/store/mutation-types.js | 12 ++ 23 files changed, 811 insertions(+), 12 deletions(-) create mode 100644 app/javascript/dashboard/api/notifications.js create mode 100644 app/javascript/dashboard/api/specs/notifications.spec.js rename app/javascript/dashboard/{routes/dashboard/contacts/components/Footer.vue => components/widgets/TableFooter.vue} (100%) create mode 100644 app/javascript/dashboard/routes/dashboard/notifications/components/NotificationTable.vue create mode 100644 app/javascript/dashboard/routes/dashboard/notifications/components/NotificationsView.vue create mode 100644 app/javascript/dashboard/routes/dashboard/notifications/routes.js create mode 100644 app/javascript/dashboard/store/modules/notifications/actions.js create mode 100644 app/javascript/dashboard/store/modules/notifications/getters.js create mode 100644 app/javascript/dashboard/store/modules/notifications/index.js create mode 100644 app/javascript/dashboard/store/modules/notifications/mutations.js create mode 100644 app/javascript/dashboard/store/modules/specs/notifications/actions.spec.js create mode 100644 app/javascript/dashboard/store/modules/specs/notifications/getters.spec.js create mode 100644 app/javascript/dashboard/store/modules/specs/notifications/mutations.spec.js diff --git a/app/controllers/api/v1/accounts/notifications_controller.rb b/app/controllers/api/v1/accounts/notifications_controller.rb index 49191caad..8f63d79f5 100644 --- a/app/controllers/api/v1/accounts/notifications_controller.rb +++ b/app/controllers/api/v1/accounts/notifications_controller.rb @@ -1,6 +1,7 @@ class Api::V1::Accounts::NotificationsController < Api::V1::Accounts::BaseController - protect_from_forgery with: :null_session + RESULTS_PER_PAGE = 15 + protect_from_forgery with: :null_session before_action :fetch_notification, only: [:update] before_action :set_primary_actor, only: [:read_all] before_action :set_current_page, only: [:index] @@ -8,17 +9,18 @@ class Api::V1::Accounts::NotificationsController < Api::V1::Accounts::BaseContro def index @unread_count = current_user.notifications.where(account_id: current_account.id, read_at: nil).count @count = notifications.count - @notifications = notifications.page @current_page + @notifications = notifications.page(@current_page).per(RESULTS_PER_PAGE) end def read_all + # rubocop:disable Rails/SkipsModelValidations if @primary_actor current_user.notifications.where(account_id: current_account.id, primary_actor: @primary_actor, read_at: nil) - .update(read_at: DateTime.now.utc) + .update_all(read_at: DateTime.now.utc) else - current_user.notifications.where(account_id: current_account.id, read_at: nil).update(read_at: DateTime.now.utc) + current_user.notifications.where(account_id: current_account.id, read_at: nil).update_all(read_at: DateTime.now.utc) end - + # rubocop:enable Rails/SkipsModelValidations head :ok end diff --git a/app/javascript/dashboard/api/notifications.js b/app/javascript/dashboard/api/notifications.js new file mode 100644 index 000000000..e13bc78a6 --- /dev/null +++ b/app/javascript/dashboard/api/notifications.js @@ -0,0 +1,33 @@ +/* global axios */ +import ApiClient from './ApiClient'; + +class NotificationsAPI extends ApiClient { + constructor() { + super('notifications', { accountScoped: true }); + } + + get(page) { + return axios.get(`${this.url}?page=${page}`); + } + + getNotifications(contactId) { + return axios.get(`${this.url}/${contactId}/notifications`); + } + + getUnreadCount() { + return axios.get(`${this.url}/unread_count`); + } + + read(primaryActorType, primaryActorId) { + return axios.post(`${this.url}/read_all`, { + primary_actor_type: primaryActorType, + primary_actor_id: primaryActorId, + }); + } + + readAll() { + return axios.post(`${this.url}/read_all`); + } +} + +export default new NotificationsAPI(); diff --git a/app/javascript/dashboard/api/specs/notifications.spec.js b/app/javascript/dashboard/api/specs/notifications.spec.js new file mode 100644 index 000000000..14f472ce9 --- /dev/null +++ b/app/javascript/dashboard/api/specs/notifications.spec.js @@ -0,0 +1,13 @@ +import notifications from '../notifications'; +import ApiClient from '../ApiClient'; + +describe('#NotificationAPI', () => { + it('creates correct instance', () => { + expect(notifications).toBeInstanceOf(ApiClient); + expect(notifications).toHaveProperty('get'); + expect(notifications).toHaveProperty('getNotifications'); + expect(notifications).toHaveProperty('getUnreadCount'); + expect(notifications).toHaveProperty('read'); + expect(notifications).toHaveProperty('readAll'); + }); +}); diff --git a/app/javascript/dashboard/assets/scss/widgets/_sidemenu.scss b/app/javascript/dashboard/assets/scss/widgets/_sidemenu.scss index 3971ec6fd..e56ef14d5 100644 --- a/app/javascript/dashboard/assets/scss/widgets/_sidemenu.scss +++ b/app/javascript/dashboard/assets/scss/widgets/_sidemenu.scss @@ -106,13 +106,13 @@ font-size: $font-size-medium; margin-top: $space-medium; - >span { + > span { margin-left: $space-one; } } } -.menu-title+ul>li>a { +.menu-title + ul > li > a { @include padding($space-micro null); color: $medium-gray; line-height: $global-lineheight; @@ -152,6 +152,26 @@ margin-left: auto; margin-top: auto; } + + .notifications { + font-size: var(--font-size-big); + margin-bottom: auto; + margin-left: auto; + margin-top: auto; + position: relative; + + .unread-badge { + background: var(--r-300); + border-radius: var(--space-small); + color: var(--white); + font-size: var(--font-size-micro); + font-weight: var(--font-weight-black); + left: var(--space-slab); + padding: 0 var(--space-smaller); + position: absolute; + top: var(--space-smaller); + } + } } .hamburger--menu { diff --git a/app/javascript/dashboard/components/layout/Sidebar.vue b/app/javascript/dashboard/components/layout/Sidebar.vue index 1357ff104..b81515d3e 100644 --- a/app/javascript/dashboard/components/layout/Sidebar.vue +++ b/app/javascript/dashboard/components/layout/Sidebar.vue @@ -73,6 +73,13 @@ {{ $t(`AGENT_MGMT.AGENT_TYPES.${currentRole.toUpperCase()}`) }} + + {{ unreadCount }} + + @@ -134,7 +141,7 @@ /> -
+
- +
+ + + + + + + + + + + + +
+
+ +
+

+ {{ `#${notificationItem.id}` }} +

+

+ {{ notificationItem.push_message_title }} +

+
+
+ 		+ + {{ + $t( + `NOTIFICATIONS_PAGE.TYPE_LABEL.${notificationItem.notification_type}` + ) + }} + + + {{ dynamicTime(notificationItem.created_at) }} + +
+
+ +
+ + {{ $t('NOTIFICATIONS_PAGE.LIST.LOADING_MESSAGE') }} +
+
+ + + + + diff --git a/app/javascript/dashboard/routes/dashboard/notifications/components/NotificationsView.vue b/app/javascript/dashboard/routes/dashboard/notifications/components/NotificationsView.vue new file mode 100644 index 000000000..587a8bb54 --- /dev/null +++ b/app/javascript/dashboard/routes/dashboard/notifications/components/NotificationsView.vue @@ -0,0 +1,82 @@ + + + + + diff --git a/app/javascript/dashboard/routes/dashboard/notifications/routes.js b/app/javascript/dashboard/routes/dashboard/notifications/routes.js new file mode 100644 index 000000000..c4c3ea1ca --- /dev/null +++ b/app/javascript/dashboard/routes/dashboard/notifications/routes.js @@ -0,0 +1,24 @@ +/* eslint arrow-body-style: 0 */ +import NotificationsView from './components/NotificationsView.vue'; +import { frontendURL } from '../../../helper/URLHelper'; +import SettingsWrapper from '../settings/Wrapper'; + +export const routes = [ + { + path: frontendURL('accounts/:accountId/notifications'), + component: SettingsWrapper, + props: { + headerTitle: 'NOTIFICATIONS_PAGE.HEADER', + icon: 'ion-ios-bell', + showNewButton: false, + }, + children: [ + { + path: '', + name: 'notifications_index', + component: NotificationsView, + roles: ['administrator', 'agent'], + }, + ], + }, +]; diff --git a/app/javascript/dashboard/store/index.js b/app/javascript/dashboard/store/index.js index ab6103ab7..bf128e94a 100755 --- a/app/javascript/dashboard/store/index.js +++ b/app/javascript/dashboard/store/index.js @@ -7,6 +7,7 @@ import auth from './modules/auth'; import cannedResponse from './modules/cannedResponse'; import contactConversations from './modules/contactConversations'; import contacts from './modules/contacts'; +import notifications from './modules/notifications'; import conversationLabels from './modules/conversationLabels'; import conversationMetadata from './modules/conversationMetadata'; import conversationPage from './modules/conversationPage'; @@ -32,6 +33,7 @@ export default new Vuex.Store({ cannedResponse, contactConversations, contacts, + notifications, conversationLabels, conversationMetadata, conversationPage, diff --git a/app/javascript/dashboard/store/modules/notifications/actions.js b/app/javascript/dashboard/store/modules/notifications/actions.js new file mode 100644 index 000000000..8bc4fdfcd --- /dev/null +++ b/app/javascript/dashboard/store/modules/notifications/actions.js @@ -0,0 +1,55 @@ +import types from '../../mutation-types'; +import NotificationsAPI from '../../../api/notifications'; + +export const actions = { + get: async ({ commit }, { page = 1 } = {}) => { + commit(types.SET_NOTIFICATIONS_UI_FLAG, { isFetching: true }); + try { + const { + data: { + data: { payload, meta }, + }, + } = await NotificationsAPI.get(page); + commit(types.CLEAR_NOTIFICATIONS); + commit(types.SET_NOTIFICATIONS, payload); + commit(types.SET_NOTIFICATIONS_META, meta); + commit(types.SET_NOTIFICATIONS_UI_FLAG, { isFetching: false }); + } catch (error) { + commit(types.SET_NOTIFICATIONS_UI_FLAG, { isFetching: false }); + } + }, + unReadCount: async ({ commit } = {}) => { + commit(types.SET_NOTIFICATIONS_UI_FLAG, { isUpdatingUnreadCount: true }); + try { + const { data } = await NotificationsAPI.getUnreadCount(); + commit(types.SET_NOTIFICATIONS_UNREAD_COUNT, data); + commit(types.SET_NOTIFICATIONS_UI_FLAG, { isUpdatingUnreadCount: false }); + } catch (error) { + commit(types.SET_NOTIFICATIONS_UI_FLAG, { isUpdatingUnreadCount: false }); + } + }, + read: async ( + { commit }, + { primaryActorType, primaryActorId, unreadCount } + ) => { + try { + await NotificationsAPI.read(primaryActorType, primaryActorId); + commit(types.SET_NOTIFICATIONS_UNREAD_COUNT, unreadCount - 1); + commit(types.UPDATE_NOTIFICATION, primaryActorId); + } catch (error) { + throw new Error(error); + } + }, + readAll: async ({ commit }) => { + commit(types.SET_NOTIFICATIONS_UI_FLAG, { isUpdating: true }); + try { + await NotificationsAPI.readAll(); + commit(types.SET_NOTIFICATIONS_UNREAD_COUNT, 0); + commit(types.UPDATE_ALL_NOTIFICATIONS); + commit(types.SET_NOTIFICATIONS_UI_FLAG, { isUpdating: false }); + } catch (error) { + commit(types.SET_NOTIFICATIONS_UI_FLAG, { isUpdating: false }); + throw new Error(error); + } + }, +}; diff --git a/app/javascript/dashboard/store/modules/notifications/getters.js b/app/javascript/dashboard/store/modules/notifications/getters.js new file mode 100644 index 000000000..6e9464697 --- /dev/null +++ b/app/javascript/dashboard/store/modules/notifications/getters.js @@ -0,0 +1,15 @@ +export const getters = { + getNotifications($state) { + return Object.values($state.records).sort((n1, n2) => n2.id - n1.id); + }, + getUIFlags($state) { + return $state.uiFlags; + }, + getNotification: $state => id => { + const notification = $state.records[id]; + return notification || {}; + }, + getMeta: $state => { + return $state.meta; + }, +}; diff --git a/app/javascript/dashboard/store/modules/notifications/index.js b/app/javascript/dashboard/store/modules/notifications/index.js new file mode 100644 index 000000000..149ac51c4 --- /dev/null +++ b/app/javascript/dashboard/store/modules/notifications/index.js @@ -0,0 +1,26 @@ +import { getters } from './getters'; +import { actions } from './actions'; +import { mutations } from './mutations'; + +const state = { + meta: { + count: 0, + currentPage: 1, + unReadCount: 0, + }, + records: {}, + uiFlags: { + isFetching: false, + isFetchingItem: false, + isUpdating: false, + isUpdatingUnreadCount: false, + }, +}; + +export default { + namespaced: true, + state, + getters, + actions, + mutations, +}; diff --git a/app/javascript/dashboard/store/modules/notifications/mutations.js b/app/javascript/dashboard/store/modules/notifications/mutations.js new file mode 100644 index 000000000..3f14fd8ee --- /dev/null +++ b/app/javascript/dashboard/store/modules/notifications/mutations.js @@ -0,0 +1,48 @@ +import Vue from 'vue'; +import types from '../../mutation-types'; + +export const mutations = { + [types.SET_NOTIFICATIONS_UI_FLAG]($state, data) { + $state.uiFlags = { + ...$state.uiFlags, + ...data, + }; + }, + [types.CLEAR_NOTIFICATIONS]: $state => { + Vue.set($state, 'records', {}); + }, + [types.SET_NOTIFICATIONS_META]: ($state, data) => { + const { + count, + current_page: currentPage, + unread_count: unreadCount, + } = data; + + Vue.set($state.meta, 'count', count); + Vue.set($state.meta, 'currentPage', currentPage); + Vue.set($state.meta, 'unreadCount', unreadCount); + }, + [types.SET_NOTIFICATIONS_UNREAD_COUNT]: ($state, count) => { + Vue.set($state.meta, 'unreadCount', count); + }, + [types.SET_NOTIFICATIONS]: ($state, data) => { + data.forEach(notification => { + Vue.set($state.records, notification.id, { + ...($state.records[notification.id] || {}), + ...notification, + }); + }); + }, + [types.UPDATE_NOTIFICATION]: ($state, primaryActorId) => { + Object.values($state.records).forEach(item => { + if (item.primary_actor_id === primaryActorId) { + Vue.set($state.records[item.id], 'read_at', true); + } + }); + }, + [types.UPDATE_ALL_NOTIFICATIONS]: $state => { + Object.values($state.records).forEach(item => { + Vue.set($state.records[item.id], 'read_at', true); + }); + }, +}; diff --git a/app/javascript/dashboard/store/modules/specs/notifications/actions.spec.js b/app/javascript/dashboard/store/modules/specs/notifications/actions.spec.js new file mode 100644 index 000000000..fd94d9a67 --- /dev/null +++ b/app/javascript/dashboard/store/modules/specs/notifications/actions.spec.js @@ -0,0 +1,93 @@ +import axios from 'axios'; +import { actions } from '../../notifications/actions'; +import types from '../../../mutation-types'; + +const commit = jest.fn(); +global.axios = axios; +jest.mock('axios'); + +describe('#actions', () => { + describe('#get', () => { + it('sends correct actions if API is success', async () => { + axios.get.mockResolvedValue({ + data: { + data: { + payload: [{ id: 1 }], + meta: { count: 3, current_page: 1, unread_count: 2 }, + }, + }, + }); + await actions.get({ commit }); + expect(commit.mock.calls).toEqual([ + [types.SET_NOTIFICATIONS_UI_FLAG, { isFetching: true }], + [types.CLEAR_NOTIFICATIONS], + [types.SET_NOTIFICATIONS, [{ id: 1 }]], + [ + types.SET_NOTIFICATIONS_META, + { count: 3, current_page: 1, unread_count: 2 }, + ], + [types.SET_NOTIFICATIONS_UI_FLAG, { isFetching: false }], + ]); + }); + it('sends correct actions if API is error', async () => { + axios.get.mockRejectedValue({ message: 'Incorrect header' }); + await actions.get({ commit }); + expect(commit.mock.calls).toEqual([ + [types.SET_NOTIFICATIONS_UI_FLAG, { isFetching: true }], + [types.SET_NOTIFICATIONS_UI_FLAG, { isFetching: false }], + ]); + }); + }); + + describe('#unReadCount', () => { + it('sends correct actions if API is success', async () => { + axios.get.mockResolvedValue({ data: 1 }); + await actions.unReadCount({ commit }); + expect(commit.mock.calls).toEqual([ + [types.SET_NOTIFICATIONS_UI_FLAG, { isUpdatingUnreadCount: true }], + [types.SET_NOTIFICATIONS_UNREAD_COUNT, 1], + [types.SET_NOTIFICATIONS_UI_FLAG, { isUpdatingUnreadCount: false }], + ]); + }); + it('sends correct actions if API is error', async () => { + axios.get.mockRejectedValue({ message: 'Incorrect header' }); + await actions.unReadCount({ commit }); + expect(commit.mock.calls).toEqual([ + [types.SET_NOTIFICATIONS_UI_FLAG, { isUpdatingUnreadCount: true }], + [types.SET_NOTIFICATIONS_UI_FLAG, { isUpdatingUnreadCount: false }], + ]); + }); + }); + + describe('#read', () => { + it('sends correct actions if API is success', async () => { + axios.post.mockResolvedValue({}); + await actions.read({ commit }, { unreadCount: 2, primaryActorId: 1 }); + expect(commit.mock.calls).toEqual([ + [types.SET_NOTIFICATIONS_UNREAD_COUNT, 1], + [types.UPDATE_NOTIFICATION, 1], + ]); + }); + it('sends correct actions if API is error', async () => { + axios.post.mockRejectedValue({ message: 'Incorrect header' }); + await expect(actions.read({ commit })).rejects.toThrow(Error); + }); + }); + + describe('#readAll', () => { + it('sends correct actions if API is success', async () => { + axios.post.mockResolvedValue({ data: 1 }); + await actions.readAll({ commit }); + expect(commit.mock.calls).toEqual([ + [types.SET_NOTIFICATIONS_UI_FLAG, { isUpdating: true }], + [types.SET_NOTIFICATIONS_UNREAD_COUNT, 0], + [types.UPDATE_ALL_NOTIFICATIONS], + [types.SET_NOTIFICATIONS_UI_FLAG, { isUpdating: false }], + ]); + }); + it('sends correct actions if API is error', async () => { + axios.post.mockRejectedValue({ message: 'Incorrect header' }); + await expect(actions.readAll({ commit })).rejects.toThrow(Error); + }); + }); +}); diff --git a/app/javascript/dashboard/store/modules/specs/notifications/getters.spec.js b/app/javascript/dashboard/store/modules/specs/notifications/getters.spec.js new file mode 100644 index 000000000..35e2f1275 --- /dev/null +++ b/app/javascript/dashboard/store/modules/specs/notifications/getters.spec.js @@ -0,0 +1,46 @@ +import { getters } from '../../notifications/getters'; + +describe('#getters', () => { + it('getNotifications', () => { + const state = { + records: { + 1: { id: 1 }, + 2: { id: 2 }, + 3: { id: 3 }, + }, + }; + expect(getters.getNotifications(state)).toEqual([ + { id: 3 }, + { id: 2 }, + { id: 1 }, + ]); + }); + + it('getUIFlags', () => { + const state = { + uiFlags: { + isFetching: true, + }, + }; + expect(getters.getUIFlags(state)).toEqual({ + isFetching: true, + }); + }); + + it('getNotification', () => { + const state = { + records: { + 1: { id: 1 }, + }, + }; + expect(getters.getNotification(state)(1)).toEqual({ id: 1 }); + expect(getters.getNotification(state)(2)).toEqual({}); + }); + + it('getMeta', () => { + const state = { + meta: { unreadCount: 1 }, + }; + expect(getters.getMeta(state)).toEqual({ unreadCount: 1 }); + }); +}); diff --git a/app/javascript/dashboard/store/modules/specs/notifications/mutations.spec.js b/app/javascript/dashboard/store/modules/specs/notifications/mutations.spec.js new file mode 100644 index 000000000..4590b7f2f --- /dev/null +++ b/app/javascript/dashboard/store/modules/specs/notifications/mutations.spec.js @@ -0,0 +1,90 @@ +import types from '../../../mutation-types'; +import { mutations } from '../../notifications/mutations'; + +describe('#mutations', () => { + describe('#SET_NOTIFICATIONS_UI_FLAG', () => { + it('set notification ui flag', () => { + const state = { uiFlags: { isFetching: true } }; + mutations[types.SET_NOTIFICATIONS_UI_FLAG](state, { isFetching: false }); + expect(state.uiFlags).toEqual({ isFetching: false }); + }); + }); + + describe('#CLEAR_NOTIFICATIONS', () => { + it('clear notifications', () => { + const state = { records: { 1: { id: 1 } } }; + mutations[types.CLEAR_NOTIFICATIONS](state); + expect(state.records).toEqual({}); + }); + }); + + describe('#SET_NOTIFICATIONS_META', () => { + it('set notifications meta data', () => { + const state = { meta: {} }; + mutations[types.SET_NOTIFICATIONS_META](state, { + count: 3, + current_page: 1, + unread_count: 2, + }); + expect(state.meta).toEqual({ + count: 3, + currentPage: 1, + unreadCount: 2, + }); + }); + }); + + describe('#SET_NOTIFICATIONS_UNREAD_COUNT', () => { + it('set notifications unread count', () => { + const state = { meta: { unreadCount: 4 } }; + mutations[types.SET_NOTIFICATIONS_UNREAD_COUNT](state, 3); + expect(state.meta).toEqual({ unreadCount: 3 }); + }); + }); + + describe('#SET_NOTIFICATIONS', () => { + it('set notifications ', () => { + const state = { records: {} }; + mutations[types.SET_NOTIFICATIONS](state, [ + { id: 1 }, + { id: 2 }, + { id: 3 }, + { id: 4 }, + ]); + expect(state.records).toEqual({ + 1: { id: 1 }, + 2: { id: 2 }, + 3: { id: 3 }, + 4: { id: 4 }, + }); + }); + }); + describe('#UPDATE_NOTIFICATION', () => { + it('update notifications ', () => { + const state = { + records: { + 1: { id: 1, primary_actor_id: 1 }, + }, + }; + mutations[types.UPDATE_NOTIFICATION](state, 1); + expect(state.records).toEqual({ + 1: { id: 1, primary_actor_id: 1, read_at: true }, + }); + }); + }); + describe('#UPDATE_ALL_NOTIFICATIONS', () => { + it('update all notifications ', () => { + const state = { + records: { + 1: { id: 1, primary_actor_id: 1 }, + 2: { id: 2, primary_actor_id: 2 }, + }, + }; + mutations[types.UPDATE_ALL_NOTIFICATIONS](state); + expect(state.records).toEqual({ + 1: { id: 1, primary_actor_id: 1, read_at: true }, + 2: { id: 2, primary_actor_id: 2, read_at: true }, + }); + }); + }); +}); diff --git a/app/javascript/dashboard/store/mutation-types.js b/app/javascript/dashboard/store/mutation-types.js index 4dc8a32b7..433c4c6b0 100755 --- a/app/javascript/dashboard/store/mutation-types.js +++ b/app/javascript/dashboard/store/mutation-types.js @@ -98,6 +98,18 @@ export default { EDIT_CONTACT: 'EDIT_CONTACT', UPDATE_CONTACTS_PRESENCE: 'UPDATE_CONTACTS_PRESENCE', + // Notifications + SET_NOTIFICATIONS_META: 'SET_NOTIFICATIONS_META', + SET_NOTIFICATIONS_UNREAD_COUNT: 'SET_NOTIFICATIONS_UNREAD_COUNT', + SET_NOTIFICATIONS_UI_FLAG: 'SET_NOTIFICATIONS_UI_FLAG', + UPDATE_NOTIFICATION: 'UPDATE_NOTIFICATION', + UPDATE_ALL_NOTIFICATIONS: 'UPDATE_ALL_NOTIFICATIONS', + SET_NOTIFICATIONS_ITEM: 'SET_NOTIFICATIONS_ITEM', + SET_NOTIFICATIONS: 'SET_NOTIFICATIONS', + CLEAR_NOTIFICATIONS: 'CLEAR_NOTIFICATIONS', + EDIT_NOTIFICATIONS: 'EDIT_NOTIFICATIONS', + UPDATE_NOTIFICATIONS_PRESENCE: 'UPDATE_NOTIFICATIONS_PRESENCE', + // Contact Conversation SET_CONTACT_CONVERSATIONS_UI_FLAG: 'SET_CONTACT_CONVERSATIONS_UI_FLAG', SET_CONTACT_CONVERSATIONS: 'SET_CONTACT_CONVERSATIONS',