feat: Add store to manage Articles (#5048)

Co-authored-by: Pranav Raj S <pranav@chatwoot.com>

app/javascript/dashboard/store/modules/helpCenterArticles/mutations.js

@@ -0,0 +1,65 @@
+import types from '../../mutation-types';
+import Vue from 'vue';
+
+export const mutations = {
+  [types.SET_UI_FLAG](_state, uiFlags) {
+    _state.uiFlags = {
+      ..._state.uiFlags,
+      ...uiFlags,
+    };
+  },
+
+  [types.ADD_ARTICLE]: ($state, article) => {
+    if (!article.id) return;
+
+    Vue.set($state.articles.byId, article.id, {
+      ...article,
+    });
+  },
+  [types.ADD_MANY_ARTICLES]($state, articles) {
+    const allArticles = { ...$state.articles.byId };
+    articles.forEach(article => {
+      allArticles[article.id] = article;
+    });
+    Vue.set($state.articles, 'byId', {
+      allArticles,
+    });
+  },
+  [types.ADD_MANY_ARTICLES_ID]($state, articleIds) {
+    $state.articles.allIds.push(...articleIds);
+  },
+
+  [types.ADD_ARTICLE_ID]: ($state, articleId) => {
+    $state.articles.allIds.push(articleId);
+  },
+  [types.ADD_ARTICLE_FLAG]: ($state, { articleId, uiFlags }) => {
+    const flags = $state.articles.uiFlags.byId[articleId];
+    Vue.set($state.articles.uiFlags.byId, articleId, {
+      ...{
+        isFetching: false,
+        isUpdating: false,
+        isDeleting: false,
+      },
+      ...flags,
+      ...uiFlags,
+    });
+  },
+  [types.UPDATE_ARTICLE]($state, article) {
+    const articleId = article.id;
+
+    if (!$state.articles.allIds.includes(articleId)) return;
+
+    Vue.set($state.articles.byId, articleId, {
+      ...article,
+    });
+  },
+  [types.REMOVE_ARTICLE]($state, articleId) {
+    const { [articleId]: toBeRemoved, ...newById } = $state.articles.byId;
+    Vue.set($state.articles, 'byId', newById);
+  },
+  [types.REMOVE_ARTICLE_ID]($state, articleId) {
+    $state.articles.allIds = $state.articles.allIds.filter(
+      id => id !== articleId
+    );
+  },
+};