import { useMutation, useQueryClient } from '@tanstack/react-query';
import { useLocation, useNavigate } from 'react-router-dom';
import { ISignInProps } from '../useSignInMutation/interfaces';
import { authQueryKeys } from '../../../query-keys';
import { signOut } from '../../../fetchers';
import { customerQueryKeys } from '@/domains/customer/query-keys';

export const useSignOutMutation = () => {
  const queryClient = useQueryClient();
  const navigate = useNavigate();
  const authenticatedUser = authQueryKeys.authenticatedUser();
  const customer = customerQueryKeys.getCurrent();
  const { state } = useLocation();

  return useMutation({
    mutationFn: ({ callbackUrl }: ISignInProps) =>
      signOut({
        callbackUrl,
      }),
    onMutate: () => {
      void queryClient.cancelQueries();
    },
    onSuccess: (data, { callbackUrl, redirect }) => {
      queryClient.setQueryData(authenticatedUser.queryKey, {
        user: undefined,
      });
      queryClient.setQueryData(customer.queryKey, undefined);

      if (!callbackUrl || !redirect) return;

      void navigate(callbackUrl, {
        replace: true,
        state: {
          from: state?.from,
        },
      });
    },
    onSettled: () => {
      void queryClient.invalidateQueries();
    },
  });
};