RocketChat/Rocket.Chat

import type { Serialized } from '@rocket.chat/core-typings';
import type { OperationParams, OperationResult, PathPattern, UrlParams } from '@rocket.chat/rest-typings';
import { useToastMessageDispatch, useEndpoint } from '@rocket.chat/ui-contexts';
import { useCallback, useEffect } from 'react';

import { getConfig } from '../lib/utils/getConfig';
import type { AsyncState } from './useAsyncState';
import { useAsyncState } from './useAsyncState';

const log = (name: string): Console['log'] =>
    process.env.NODE_ENV !== 'production' || getConfig('debug') === 'true'
        ? (...args): void => console.warn(name, ...args)
        : (): void => undefined;

const deprecationWarning = log('useEndpointData is deprecated, use @tanstack/react-query instead');

/**
 * use @tanstack/react-query with useEndpoint instead
 * @deprecated
 */
export const useEndpointData = <TPathPattern extends PathPattern>(
    endpoint: TPathPattern,
    options: {
        keys?: UrlParams<TPathPattern>;
        params?: OperationParams<'GET', TPathPattern>;
        initialValue?: Serialized<OperationResult<'GET', TPathPattern>> | (() => Serialized<OperationResult<'GET', TPathPattern>>);
    } = {},
): AsyncState<Serialized<OperationResult<'GET', TPathPattern>>> & {
    reload: () => void;
} => {
    deprecationWarning({ endpoint, ...options });
    const { resolve, reject, reset, ...state } = useAsyncState(options.initialValue);
    const dispatchToastMessage = useToastMessageDispatch();
    const getData = useEndpoint('GET', endpoint, options.keys as UrlParams<TPathPattern>);

    const fetchData = useCallback(() => {
        reset();
        getData(options.params as OperationParams<'GET', TPathPattern>)
            .then(resolve)
            .catch((error) => {
                console.error(error);
                dispatchToastMessage({
                    type: 'error',
                    message: error,
                });
                reject(error);
            });
    }, [reset, getData, options.params, resolve, dispatchToastMessage, reject]);

    useEffect(() => {
        fetchData();
    }, [fetchData]);

    return {
        ...state,
        reload: fetchData,
    };
};