import { useCallback, useEffect, useState } from 'react'

import { type ErrorInfo } from '../components/BackendError';
import { getRSFormDetails } from '../utils/backendAPI';
import { CalculateStats, type IRSForm } from '../utils/models'

export function useRSFormDetails({ target }: { target?: string }) {
  const [schema, setInnerSchema] = useState<IRSForm | undefined>(undefined);
  const [loading, setLoading] = useState(false);
  const [error, setError] = useState<ErrorInfo>(undefined);

  function setSchema(schema?: IRSForm) {
    if (schema) CalculateStats(schema);
    setInnerSchema(schema);
    console.log('Loaded schema: ', schema);
  }

  const fetchData = useCallback(
    async (setCustomLoading?: typeof setLoading) => {
      setError(undefined);
      if (!target) {
        return;
      }
      await getRSFormDetails(target, {
        showError: true,
        setLoading: setCustomLoading ?? setLoading,
        onError: error => { setInnerSchema(undefined); setError(error); },
        onSucccess: (response) => { setSchema(response.data); }
      });
    }, [target]);

  async function reload(setCustomLoading?: typeof setLoading) {
    await fetchData(setCustomLoading);
  }

  useEffect(() => {
    fetchData().catch((error) => { setError(error); });
  }, [fetchData])

  return { schema, setSchema, reload, error, setError, loading };
}