2022-04-13 11:44:59 +02:00
|
|
|
import { RequestCluster } from '../../request-cluster';
|
|
|
|
import { getDate } from '../../util';
|
2022-02-08 22:27:12 +01:00
|
|
|
import deduceProblems from './deduce-problems';
|
|
|
|
import { Explainers } from './explainers';
|
2022-02-07 21:11:25 +01:00
|
|
|
import { ParsedAnswers } from './parse-answers';
|
2022-02-08 22:27:12 +01:00
|
|
|
import { v } from './verbs';
|
2022-05-21 14:42:15 +02:00
|
|
|
import './email-content.scss';
|
2022-05-22 16:49:24 +02:00
|
|
|
import { Fragment } from 'react';
|
2022-02-07 21:11:25 +01:00
|
|
|
|
2022-02-08 22:27:12 +01:00
|
|
|
declare var PLUGIN_NAME: string;
|
|
|
|
declare var PLUGIN_URL: string;
|
|
|
|
|
|
|
|
export default function EmailContent({
|
2022-04-24 22:11:33 +02:00
|
|
|
answers,
|
|
|
|
visited_url,
|
|
|
|
clusters,
|
2022-02-08 22:27:12 +01:00
|
|
|
}: {
|
2022-04-24 22:11:33 +02:00
|
|
|
answers: ParsedAnswers;
|
|
|
|
visited_url: string;
|
|
|
|
clusters: Record<string, RequestCluster>;
|
2022-02-08 22:27:12 +01:00
|
|
|
}) {
|
2022-04-24 22:11:33 +02:00
|
|
|
const _ = (key: string) => v(key, answers.zaimek);
|
|
|
|
const problems = deduceProblems(answers, clusters);
|
|
|
|
const explainers = Array.from(
|
|
|
|
new Set(
|
|
|
|
problems
|
|
|
|
.map((problem) => problem.getNecessaryExplainers())
|
|
|
|
.reduce((a, b) => a.concat(b), [])
|
|
|
|
)
|
|
|
|
).map((explainer_key) => Explainers[explainer_key]);
|
|
|
|
return (
|
2022-05-22 16:49:24 +02:00
|
|
|
<Fragment>
|
|
|
|
<h1>Treść maila</h1>
|
|
|
|
<p>
|
|
|
|
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Iure dolore, pariatur ab
|
|
|
|
eius expedita maxime alias esse quis possimus rem aliquid dicta laudantium rerum
|
|
|
|
libero enim cumque. Aperiam, enim aliquid.
|
|
|
|
</p>
|
|
|
|
<div className="mail-container">
|
|
|
|
<div className="mail-container__header">
|
|
|
|
<div className="mail-container__header--control">
|
|
|
|
<button>Kopiuj</button>
|
|
|
|
</div>
|
2022-05-21 14:42:15 +02:00
|
|
|
</div>
|
|
|
|
|
2022-05-22 16:49:24 +02:00
|
|
|
{/* <pre>{JSON.stringify(answers, null, 3)}</pre> */}
|
|
|
|
<article className="mail-container__content">
|
|
|
|
<p>Dzień dobry,</p>
|
|
|
|
<p>
|
|
|
|
w dniu {getDate()} {_('odwiedziłem')} stronę {visited_url}. Po podejrzeniu
|
|
|
|
ruchu sieciowego generowanego przez tę stronę za pomocą wtyczki{' '}
|
|
|
|
<a href={PLUGIN_URL}>{PLUGIN_NAME}</a> w przeglądarce Firefox {_('mam')}{' '}
|
|
|
|
pytania dotyczące przetwarzania {_('moich')} danych osobowych, na które nie{' '}
|
|
|
|
{_('znalazłem')} odpowiedzi nigdzie na Państwa stronie.
|
|
|
|
</p>
|
|
|
|
{problems.map((problem) => problem.getEmailContent())}
|
|
|
|
{explainers.map((explainer) => explainer(answers.zaimek))}
|
|
|
|
<h2>Państwa rola jako współadministratora danych osobowych</h2>
|
|
|
|
<p>
|
|
|
|
{_('Zwracam')} Państwa uwagę na fakt, że w myśl{' '}
|
|
|
|
<a href="https://curia.europa.eu/juris/document/document.jsf?text=&docid=216555&pageIndex=0&doclang=PL&mode=lst&dir=&occ=first&part=1&cid=1254905">
|
|
|
|
treści wyroku TSUE w sprawie C-40/17
|
|
|
|
</a>{' '}
|
|
|
|
poprzez wysyłanie moich danych w wyżej opisanym zakresie stają się Państwo
|
|
|
|
współadministratorem moich danych osobowych, dlatego ciąży na Państwu
|
|
|
|
obowiązek odpowiedzi na moje pytania na mocy Art. 12 i 13 Rozporządzenia
|
|
|
|
2016/679 Parlamentu Europejskiego i Rady (UE) z dnia 27 kwietnia 2016 r. w
|
|
|
|
sprawie ochrony osób fizycznych w związku z przetwarzaniem danych osobowych
|
|
|
|
i w sprawie swobodnego przepływu takich danych oraz uchylenia dyrektywy
|
|
|
|
95/46/WE (ogólne rozporządzenie o ochronie danych, dalej: „RODO”).
|
|
|
|
</p>
|
|
|
|
</article>
|
|
|
|
</div>
|
|
|
|
</Fragment>
|
2022-04-24 22:11:33 +02:00
|
|
|
);
|
2022-02-07 21:11:25 +01:00
|
|
|
}
|