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

import Vue from 'vue';
import { getCampaigns } from 'widget/api/campaign';
import campaignTimer from 'widget/helpers/campaignTimer';
import {
  formatCampaigns,
  filterCampaigns,
} from 'widget/helpers/campaignHelper';
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, dispatch },
    { websiteToken, currentURL }
  ) => {
    try {
      const { data } = await getCampaigns(websiteToken);
      commit('setCampaigns', data);
      dispatch('startCampaigns', { currentURL, websiteToken });
      commit('setError', false);
      commit('setHasFetched', true);
    } catch (error) {
      commit('setError', true);
      commit('setHasFetched', true);
    }
  },
  startCampaigns: async (
    { getters: { fetchCampaigns: campagins }, dispatch },
    { currentURL, websiteToken }
  ) => {
    if (!campagins.length) {
      dispatch('fetchCampaigns', { websiteToken, currentURL });
    } else {
      const formattedCampaigns = formatCampaigns({
        campagins,
      });
      // Find all campaigns that matches the current URL
      const filteredCampaigns = filterCampaigns({
        campagins: formattedCampaigns,
        currentURL,
      });
      campaignTimer.initTimers({ campagins: filteredCampaigns });
    }
  },
};

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,
};