import { JsonApiObject } from "json-api-normalizer";
import { useCallback, useState } from "react";
import { useDispatch, useSelector } from "react-redux";
import { ApiActionHandler } from "..";
import { Dispatch } from "../interfaces/Dispatch";
import { JSONAModel } from "../interfaces/JSONAModel";
import { Operation } from "../interfaces/Operation";
import { RootState } from "../interfaces/RootState";
import { SerializeJsonApiModelPatchParam } from "../interfaces/SerializeJsonApiModelParam";
import { RequestMethod } from "../selectors/enums/RequestMethod";
import { StateHelper } from "../services/StateHelper/StateHelper";
import { ExtractJSONAModel } from "../types/UtilityTypes";

export const usePatch = <
    T extends ApiActionHandler<JSONAModel>,
    F extends JSONAModel = ExtractJSONAModel<T>
>(
    apiActionHandler: T,
    headers?: { [key: string]: string },
): {
    operation: Operation;
    record: F | null;
    loading: boolean;
    update: (
        id: string,
        serializeModelParam: SerializeJsonApiModelPatchParam<F>,
    ) => Promise<JsonApiObject>;
} => {
    const dispatch: Dispatch = useDispatch();
    const [id, setId] = useState("");

    const update = useCallback(
        (
            patchId: string,
            serializeModelParam: SerializeJsonApiModelPatchParam<F>,
        ) => {
            setId(patchId);
            return new Promise<JsonApiObject>((resolve, reject) => {
                dispatch(
                    apiActionHandler.update(
                        patchId,
                        serializeModelParam,
                        headers,
                    ),
                )
                    .then((response) => {
                        resolve(response?.data as JsonApiObject);
                    })
                    .catch((e) => {
                        reject(e);
                    });
            });
        },
        [apiActionHandler, dispatch, headers],
    );

    const operation =
        id === ""
            ? ""
            : apiActionHandler.operationUtility.getOperationUpdate(id);

    const loading = useSelector((state: RootState) => {
        return StateHelper.getLoading(state, operation, RequestMethod.Patch);
    });

    const record = useSelector((state: RootState) => {
        return (apiActionHandler.apiSelector.getSingle(
            state,
            id,
        ) as unknown) as F;
    });

    return {
        operation,
        record,
        loading,
        update,
    };
};