import { ExplainerKey } from '../explainers';
import { v } from '../verbs';
import { Problem } from './problem';

export default class NoInformationAtAllProblem extends Problem {
    qualifies() {
        return this.answers.popup_type === 'none';
    }
    getEmailContent() {
        const _ = (word: string) => v(word, this.answers.zaimek);
        return (
            <>
                <h2>Brak informacji na temat przetwarzania danych osobowych</h2>
                <p>
                    {_('Moje')} dane osobowe zostały ujawnione podmiotom, które są właścicielami
                    domen:
                </p>
                {this.getRangeDescription()}
                <p>
                    Na stronie brakuje jednak jakichkolwiek informacji o tym, jakie są cele
                    przetwarzania takich danych oraz jakie są podstawy prawne takiego przetwarzania.
                </p>
                <p>Zwracam się zatem do Państwa z następującymi pytaniami:</p>
                <ul>
                    <li>Jaka jest tożsamość właścicieli tych domen?</li>
                    <li>Jaki jest cel takiego przetwarzania danych przez Państwa stronę?</li>
                    <li>
                        Jaka jest podstawa prawna takiego przetwarzania moich danych osobowych przez
                        Państwa stronę?
                    </li>
                </ul>
            </>
        );
    }
    getNecessaryExplainers() {
        const explainers = [] as Array<ExplainerKey>;

        if (
            this.getMarkedClusters().some((cluster) => {
                console.log(cluster);
                return cluster.hasMarkedCookies();
            })
        ) {
            explainers.push('cookies_are_pii');
            explainers.push('responsibility_for_third_parties');
        }
        return explainers;
    }
}