import { Archivos } from 'src/models';
import { computed } from 'vue';
import { useStore } from 'vuex';

export function useProductHoldersStore() {
  const store = useStore();
  const loading = computed<boolean>(() => store.getters['producto_holders/loading']);
  const list = computed<any[]>(() => store.getters['producto_holders/list']);
  const files = computed<Archivos[]>(() => list.value.flatMap((obj) => obj.CONTACTO_ARTICULO?.CONTACTO_ARTICULO_ARCHIVOS || []));
  const refreshList = async () => {
    store.dispatch('producto_holders/refreshList');
  };

  return {
    loading,
    list,
    files,
    refreshList,
  };
}