/** ******************************************************************************
 * Copyright (c) 2024 Precies. Software OU and others
 *
 * This program and the accompanying materials are made available under the
 * terms of the Eclipse Public License v. 2.0 which is available at
 * http://www.eclipse.org/legal/epl-2.0.
 *
 * SPDX-License-Identifier: EPL-2.0
 * ****************************************************************************** */

import { PropsWithChildren, useContext, useEffect, useRef, useState, forwardRef } from 'react';
import { isError, CsrfTokenJson } from '../../extension-registry-types';
import { MainContext } from '../../context';

export const LogoutForm = forwardRef<HTMLFormElement, PropsWithChildren>(({ children }, ref) => {
    const [csrf, setCsrf] = useState<string>();
    const context = useContext(MainContext);

    const abortController = useRef<AbortController>(new AbortController());
    useEffect(() => {
        updateCsrf();
        return () => abortController.current.abort();
    }, []);

    const updateCsrf = async () => {
        try {
            const csrfResponse = await context.service.getCsrfToken(abortController.current);
            if (!isError(csrfResponse)) {
                const csrfToken = csrfResponse as CsrfTokenJson;
                setCsrf(csrfToken.value);
            }
        } catch (err) {
            context.handleError(err);
        }
    };

    return (
        <form ref={ref} method='post' action={context.service.getLogoutUrl()} style={{ display: 'contents' }}>
            {csrf ? <input name='_csrf' type='hidden' value={csrf} /> : null}
            {children}
        </form>
    );
});

LogoutForm.displayName = 'LogoutForm';