RocketChat/Rocket.Chat

import type { ILivechatDepartment } from '@rocket.chat/core-typings';
import { useEndpoint } from '@rocket.chat/ui-contexts';
import { useQuery } from '@tanstack/react-query';
import React from 'react';

import { FormSkeleton } from '../Skeleton';
import CloseChatModal from './CloseChatModal';

const CloseChatModalData = ({
    departmentId,
    visitorEmail,
    onCancel,
    onConfirm,
}: {
    departmentId: ILivechatDepartment['_id'];
    onCancel: () => void;
    visitorEmail?: string;
    onConfirm: (
        comment?: string,
        tags?: string[],
        preferences?: { omnichannelTranscriptPDF: boolean; omnichannelTranscriptEmail: boolean },
    ) => Promise<void>;
}) => {
    const getDepartment = useEndpoint('GET', '/v1/livechat/department/:_id', { _id: departmentId });
    const { data, isLoading } = useQuery(['/v1/livechat/department/:_id', departmentId], () => getDepartment({}));

    if (isLoading) {
        return <FormSkeleton />;
    }

    return <CloseChatModal onCancel={onCancel} onConfirm={onConfirm} visitorEmail={visitorEmail} department={data?.department} />;
};
export default CloseChatModalData;