feat: Add campaigns in web widget (#2227)

* add campaign store(getter, actions and mutations)

* add campaign store module

* add get campaigns api

* add fetch campaign action widget load

* add specs

* code cleanup

* trigger campaig api fixes

* integrate campaign trigger action

* code cleanup

* revert changes

* trigger api fixes

* review fixes

* code beautification

* chore: Fix multiple campaigns being send because of race condition

* chore: rubocop

* chore: Fix specs

* disable campaigns

Co-authored-by: Nithin David Thomas <webofnithin@gmail.com>
Co-authored-by: Sojan <sojan@pepalo.com>

app/javascript/widget/store/modules/campaign.js

@@ -0,0 +1,51 @@
+import Vue from 'vue';
+import { getCampaigns } from 'widget/api/campaign';
+import { startTimer } from 'widget/helpers/campaignTimer';
+
+const state = {
+  records: [],
+  uiFlags: {
+    isError: false,
+    hasFetched: false,
+  },
+};
+
+export const getters = {
+  getHasFetched: $state => $state.uiFlags.hasFetched,
+  fetchCampaigns: $state => $state.records,
+};
+
+export const actions = {
+  fetchCampaigns: async ({ commit }, websiteToken) => {
+    try {
+      const { data } = await getCampaigns(websiteToken);
+      startTimer({ allCampaigns: data });
+      commit('setCampaigns', data);
+      commit('setError', false);
+      commit('setHasFetched', true);
+    } catch (error) {
+      commit('setError', true);
+      commit('setHasFetched', true);
+    }
+  },
+};
+
+export const mutations = {
+  setCampaigns($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,
+};