'use client';

import { useEffect, useState } from 'react';
import { useDispatch, useSelector } from 'react-redux';
import { RootState } from '@/store';
import { setReferenceData } from '@/store/slices/reference-slice';
import { ReferenceRepository } from '@/repositories/teltoinstall/_index';

export function useReferenceData() {
  const dispatch = useDispatch();
  const reference = useSelector((state: RootState) => state.reference);
  const [loading, setLoading] = useState(false);
  const [error, setError] = useState<string | null>(null);

  useEffect(() => {
    if (reference.loaded) return;
    setLoading(true);
    Promise.all([
      ReferenceRepository.canModuleTypes(),
      ReferenceRepository.accessories(),
      ReferenceRepository.wires(),
      ReferenceRepository.wireAccessories(),
      ReferenceRepository.deviceModels(),
      ReferenceRepository.telematicsBoxes(),
    ])
      .then(([canModuleTypes, accessories, wires, wireAccessories, deviceModels, telematicsBoxes]) => {
        dispatch(setReferenceData({ canModuleTypes, accessories, wires, wireAccessories, deviceModels, telematicsBoxes }));
      })
      .catch(() => setError('errors.generic'))
      .finally(() => setLoading(false));
  }, [reference.loaded, dispatch]);

  return { ...reference, loading, error };
}