import type { Dispatch, RefObject, SetStateAction } from "react";
import { useEffect, useState } from "react";
import { getElRefHelper } from "./getElRefHelper";
import { useFormValidation } from "./useFormValidation";
import { FormSend } from "../../plugins/forms/send";

type TUseValidFormSendReturn = {
  isLoading: boolean;
  isValid: boolean | null;
  setIsLoading: Dispatch<SetStateAction<boolean>>;
  setIsValid: Dispatch<SetStateAction<boolean | null>>;
};

/**
 * Хук позволяет выполнить функцию после валидации формы
 * @template TResult - тип значения, которым резолвится Promise в колбэке `onValid`.
 * @returns {TUseValidFormSendReturn} Возвращает состояние отправки (`isLoading`), состояние валидации (`isValid`) и соответствующие setter-функции.
 * @example
 * import { useValidFormSend } from "@delement/ui/utils/react";
 * import { Form } from "@delement/ui/components";
 * import { useRef } from "react";
 *
 * export const App = () => {
 *   const formRef = useRef(null);
 *   const onConfirm = (e) => console.debug(e);
 *   const { isLoading } = useValidFormSend(formRef, onConfirm);
 *
 *   return <Form extraClasses={{ isLoading }} ref={formRef} cfg={{ isIgnoreAutoSend: true }} />
 * }
 */
export const useValidFormSend = <TResult = unknown>(
  formRef: RefObject<unknown>,
  onValid?: (fd: FormData) => Promise<TResult>
): TUseValidFormSendReturn => {

  const [ isLoading, setIsLoading ] = useState<TUseValidFormSendReturn["isLoading"]>(false);

  const { isValid, setIsValid } = useFormValidation(formRef, null, "form");

  useEffect(() => {
    if (isValid) {
      const formEl = getElRefHelper(formRef);
      if (typeof onValid === "function" && !!formEl) {
        const fd = FormSend.getFormData(formEl as HTMLFormElement);
        setIsLoading(true);
        const onFinally = () => {
          setIsLoading(false);
          setIsValid(null);
        };
        try {
          onValid(fd)
            .finally(() => {
              onFinally();
            });
        } catch (e) {
          console.error(`[useValidFormSend] "onValid" callback must return Promise!`, e);
          onFinally();
        }
      }
    }
  }, [ isValid ]);

  return {
    isLoading,
    isValid,
    setIsLoading,
    setIsValid,
  };

};