iachat/app/javascript/dashboard/store/modules/scheduledMessages.js

import types from '../mutation-types';
import ScheduledMessagesAPI from '../../api/scheduledMessages';

export const state = {
  records: {},
  uiFlags: {
    isFetching: false,
    isCreating: false,
    isUpdating: false,
    isDeleting: false,
  },
};

export const getters = {
  getAllByConversation: _state => conversationId => {
    return _state.records[Number(conversationId)] || [];
  },
  getUIFlags(_state) {
    return _state.uiFlags;
  },
};

export const actions = {
  async get({ commit }, { conversationId }) {
    commit(types.SET_SCHEDULED_MESSAGES_UI_FLAG, { isFetching: true });
    try {
      const normalizedConversationId = Number(conversationId);
      const { data } = await ScheduledMessagesAPI.get(normalizedConversationId);
      commit(types.SET_SCHEDULED_MESSAGES, {
        conversationId: normalizedConversationId,
        data: data.payload,
      });
    } catch (error) {
      throw new Error(error);
    } finally {
      commit(types.SET_SCHEDULED_MESSAGES_UI_FLAG, { isFetching: false });
    }
  },

  async create({ commit }, { conversationId, payload }) {
    commit(types.SET_SCHEDULED_MESSAGES_UI_FLAG, { isCreating: true });
    try {
      const normalizedConversationId = Number(conversationId);
      const { data } = await ScheduledMessagesAPI.create(
        normalizedConversationId,
        payload
      );
      commit(types.ADD_SCHEDULED_MESSAGE, {
        conversationId: normalizedConversationId,
        data,
      });
      return data;
    } catch (error) {
      throw new Error(error);
    } finally {
      commit(types.SET_SCHEDULED_MESSAGES_UI_FLAG, { isCreating: false });
    }
  },

  async update({ commit }, { conversationId, scheduledMessageId, payload }) {
    commit(types.SET_SCHEDULED_MESSAGES_UI_FLAG, { isUpdating: true });
    try {
      const normalizedConversationId = Number(conversationId);
      const { data } = await ScheduledMessagesAPI.update(
        normalizedConversationId,
        scheduledMessageId,
        payload
      );
      commit(types.UPDATE_SCHEDULED_MESSAGE, {
        conversationId: normalizedConversationId,
        data,
      });
      return data;
    } catch (error) {
      throw new Error(error);
    } finally {
      commit(types.SET_SCHEDULED_MESSAGES_UI_FLAG, { isUpdating: false });
    }
  },

  async delete({ commit }, { conversationId, scheduledMessageId }) {
    commit(types.SET_SCHEDULED_MESSAGES_UI_FLAG, { isDeleting: true });
    try {
      const normalizedConversationId = Number(conversationId);
      await ScheduledMessagesAPI.delete(
        normalizedConversationId,
        scheduledMessageId
      );
      commit(types.DELETE_SCHEDULED_MESSAGE, {
        conversationId: normalizedConversationId,
        scheduledMessageId,
      });
    } catch (error) {
      throw new Error(error);
    } finally {
      commit(types.SET_SCHEDULED_MESSAGES_UI_FLAG, { isDeleting: false });
    }
  },

  upsertFromEvent({ commit, state: localState }, scheduledMessage) {
    const conversationId = Number(scheduledMessage.conversation_id);
    const records = localState.records[conversationId] || [];
    const exists = records.some(record => record.id === scheduledMessage.id);

    commit(
      exists ? types.UPDATE_SCHEDULED_MESSAGE : types.ADD_SCHEDULED_MESSAGE,
      { conversationId, data: scheduledMessage }
    );
  },

  removeFromEvent({ commit }, scheduledMessage) {
    commit(types.DELETE_SCHEDULED_MESSAGE, {
      conversationId: Number(scheduledMessage.conversation_id),
      scheduledMessageId: scheduledMessage.id,
    });
  },
};

export const mutations = {
  [types.SET_SCHEDULED_MESSAGES_UI_FLAG]($state, data) {
    $state.uiFlags = {
      ...$state.uiFlags,
      ...data,
    };
  },

  [types.SET_SCHEDULED_MESSAGES]($state, { conversationId, data }) {
    $state.records = {
      ...$state.records,
      [Number(conversationId)]: data,
    };
  },

  [types.ADD_SCHEDULED_MESSAGE]($state, { conversationId, data }) {
    const normalizedConversationId = Number(conversationId);
    const records = $state.records[normalizedConversationId] || [];
    const existingIndex = records.findIndex(record => record.id === data.id);

    if (existingIndex > -1) {
      records[existingIndex] = data;
    } else {
      records.push(data);
    }

    $state.records = {
      ...$state.records,
      [normalizedConversationId]: [...records],
    };
  },

  [types.UPDATE_SCHEDULED_MESSAGE]($state, { conversationId, data }) {
    const normalizedConversationId = Number(conversationId);
    const records = $state.records[normalizedConversationId] || [];
    const existingIndex = records.findIndex(record => record.id === data.id);

    if (existingIndex > -1) {
      records[existingIndex] = data;
    } else {
      records.push(data);
    }

    $state.records = {
      ...$state.records,
      [normalizedConversationId]: [...records],
    };
  },

  [types.DELETE_SCHEDULED_MESSAGE](
    $state,
    { conversationId, scheduledMessageId }
  ) {
    const normalizedConversationId = Number(conversationId);
    const records = $state.records[normalizedConversationId] || [];
    $state.records = {
      ...$state.records,
      [normalizedConversationId]: records.filter(
        record => record.id !== scheduledMessageId
      ),
    };
  },
};

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