// imports

import { useQuery } from "@tanstack/vue-query";
import { API_ENDPOINTS, QUERY_KEYS } from "~/constants";

// types

export type GetTransactionResponse = Transaction;

export type GetTransactionRequest = string;

const useGetTransaction = (params: ComputedRef<GetTransactionRequest>) => {
    // state

    const { $axios: axios } = useNuxtApp();

    // methods

    const handleGetTransaction = async (tc: GetTransactionRequest) => {
        const { data } = await axios.get<GetTransactionResponse>(
            `${API_ENDPOINTS.orders.checkout.transaction}/${tc}`
        );
        return data;
    };

    return useQuery({
        queryKey: [QUERY_KEYS.transaction, params],
        queryFn: () => handleGetTransaction(params.value),
    });
};

export default useGetTransaction;