tm_panel/src/components/Tables/customers/useCustomerListPresenter.ts

"use client";

import {
  useAssignCompany,
  useCompanyFullList,
  useCustomersQuery,
  useDeleteCustomerQuery,
} from "@/hooks/queries";
import { TAssignCustomerToCompanyCredentials, TCustomer } from "@/lib/api";
import { apiDefaultParams } from "@/constants/Api_Params";
import { deleteEmptyKeys } from "@/utils/shared";
import { useIsMutating } from "@tanstack/react-query";
import { usePathname, useRouter } from "next/navigation";
import { useState } from "react";
import { useForm } from "react-hook-form";

const useCustomerListPresenter = () => {
  const [isAssignCompanyModalOpen, setIsAssignCompanyModalOpen] =
    useState(false);
  const [isFilterModalOpen, setIsFilterModalOpen] = useState(false);
  const [selectedCompanies, setSelectedCompanies] = useState<
    TAssignCustomerToCompanyCredentials | undefined
  >();
  const [currentCustomer, setCurrentCustomer] = useState<TCustomer | null>(
    null,
  );

  const [isModalOpen, setIsModalOpen] = useState(false);
  const pathName = usePathname();
  const [params, setParams] = useState<Record<string, any>>({
    ...apiDefaultParams,
  });
  const router = useRouter();
  const isMutating = useIsMutating();

  const {
    register: filterRegister,
    handleSubmit: handleFilterSubmit,
    reset: filterFormReset,
    watch,
    setValue: setFilterValue,
  } = useForm();

  const { data, isPending } = useCustomersQuery(params);
  const assignCompanyCompaniesQuery = useCompanyFullList({
    enabled: isAssignCompanyModalOpen,
  });
  const { mutate: deleteCustomer } = useDeleteCustomerQuery(() =>
    setIsModalOpen(false),
  );
  const { mutate: assignSelectedCompanies } = useAssignCompany(
    currentCustomer?.id ?? "",
    () => {
      setIsAssignCompanyModalOpen(false);
    },
  );

  const search = (data: any) => {
    const newParams = { ...params, ...data, offset: 0 };
    const cleanedParams = deleteEmptyKeys(newParams);
    setParams(cleanedParams);
    const queryString = new URLSearchParams(cleanedParams).toString();
    router.push(`${pathName}?${queryString}`);
    setIsFilterModalOpen(false);
  };

  const columns = [
    "row",
    "full name",
    "email",
    "created at",
    "type",
    "status",
    "company",
    "role",
    "actions",
  ];
  const onConfirmDelete = () => {
    if (currentCustomer) {
      deleteCustomer(currentCustomer.id);
    }
  };

  const customers = data?.data?.customers ?? [];
  return {
    allCustomers: customers,
    metadata: data?.meta,
    currentCustomer,
    columns,
    isPending,
    setCurrentCustomer,
    selectedCompanies,
    setSelectedCompanies,
    onConfirmDelete,
    setIsAssignCompanyModalOpen,
    isAssignCompanyModalOpen,
    assignSelectedCompanies,
    pathName,
    router,
    isModalOpen,
    setIsModalOpen,
    isFilterModalOpen,
    setIsFilterModalOpen,
    filterRegister,
    handleFilterSubmit,
    search,
    watch,
    setFilterValue,
    isMutating,
    setParams,
    assignCompanyCompaniesQuery,
  };
};

export default useCustomerListPresenter;