components/report-window/email-content.scss

@@ -29,13 +29,10 @@ h1 {
     }
 
     &__content {
-        max-height: 50vh;
+        height: 70vh;
         overflow-y: scroll;
         padding: 1rem 2rem;
         color: $black-color;
-        a {
-            color: $ultra-black-color;
-        }
     }
 
     h2 {
@@ -47,12 +44,3 @@ h1 {
         font-size: calc(14 / 16 * 1rem);
     }
 }
-
-.greeting-text {
-    font-size: 1rem;
-
-    a {
-        color: $ultra-black-color;
-        font-weight: 700;
-    }
-}

components/report-window/email-content.tsx

@@ -5,7 +5,7 @@ import { Explainers } from './explainers';
 import { ParsedAnswers } from './parse-answers';
 import { v } from './verbs';
 import './email-content.scss';
-import { Fragment, useState } from 'react';
+import { Fragment } from 'react';
 
 declare var PLUGIN_NAME: string;
 declare var PLUGIN_URL: string;
@@ -28,26 +28,18 @@ export default function EmailContent({
                 .reduce((a, b) => a.concat(b), [])
         )
     ).map((explainer_key) => Explainers[explainer_key]);
-    const [copied, setCopy] = useState<boolean>(false);
-
-    function copyTextToClipboard() {
-        // Should be changed in the future to Clipboard API (https://developer.mozilla.org/en-US/docs/Web/API/Clipboard/write#browser_compatibility)
-        let r = document.createRange();
-        r.selectNode(document.querySelector('.mail-container__content'));
-        window.getSelection().addRange(r);
-        document.execCommand('copy');
-        window.getSelection().removeAllRanges();
-        setCopy(true);
-    }
-
     return (
         <Fragment>
             <div className="generator-container">
                 <h1>Treść maila</h1>
                 <div className="mail-container">
                     <div className="mail-container__header">
-                        <div className="mail-container__header--control"></div>
+                        <div className="mail-container__header--control">
+                            <button>Kopiuj</button>
                         </div>
+                    </div>
+
+                    {/* <pre>{JSON.stringify(answers, null, 3)}</pre> */}
                     <article className="mail-container__content">
                         <p>Dzień dobry,</p>
                         <p>
@@ -77,23 +69,6 @@ export default function EmailContent({
                         </p>
                     </article>
                 </div>
-                <div className="buttons-container">
-                    <button className="sv_next_btn" onClick={() => copyTextToClipboard()}>
-                        {copied ? 'Skopiowano!' : 'Kopiuj treść wiadomości'}
-                    </button>
-                </div>
-                {copied ? (
-                    <section className="greeting-text">
-                        <strong>Przed Tobą ostatni krok! 😊</strong>
-                        <p>
-                            <a href="mailto:?subject=Zapytanie o przetwarzanie moich danych osobowych przez Państwa stronę">
-                                Przejdź do swojego klienta pocztowego
-                            </a>
-                            , załącz zrzuty ekranów, wklej treść wiadomości i wyślij ją do
-                            administratorów witryny {visited_url.split('/').slice(0, 3).join('/')}.
-                        </p>
-                    </section>
-                ) : null}
             </div>
         </Fragment>
     );

components/report-window/generate-survey-questions.ts

@@ -220,15 +220,14 @@ export default function generateSurveyQuestions(hosts: string[]) {
                         type: 'html',
                         visibleIf:
                             '{is_incognito_different} != "no" and ({popup_type} = "none" or {popup_type} = "page") ',
-                        html: /* HTML */ `Jeżeli w trybie incognito {widzisz} więcej okienek z
+                        html: /* HTML */ `Jeżeli w trybie incognito widzisz więcej okienek z
-                            informacjami o przetwarzaniu danych osobowych, {wykonaj} analizę w
+                            informacjami o przetwarzaniu danych osobowych, wykonaj analizę w
-                            normalnym trybie ponownie - ale najpierw {usuń} pliki cookies tej
+                            normalnym trybie ponownie - ale najpierw usuń pliki cookies tej strony.
-                            strony.
                             <a
                                 href="https://support.mozilla.org/pl/kb/usuwanie-ciasteczek-i-danych-stron-firefox?redirectslug=usuwanie-ciasteczek&redirectlocale=pl"
                                 target="_blank"
                             >
-                                {Zobacz}, jak to zrobić
+                                Zobacz, jak to zrobić
                             </a>`,
                     },
                     {
@@ -286,7 +285,7 @@ export default function generateSurveyQuestions(hosts: string[]) {
                             },
                             {
                                 value: 'yes',
-                                text: 'Nie. {Muszę} wykonać więcej czynności aby odmówić wszystkich zgód, albo opcja niewyrażenia zgody jest mało widoczna.',
+                                text: 'Nie. Muszę wykonać więcej czynności aby odmówić wszystkich zgód, albo opcja niewyrażenia zgody jest mało widoczna.',
                             },
                         ],
                     },
@@ -340,7 +339,7 @@ export default function generateSurveyQuestions(hosts: string[]) {
                         name: 'administrator_identity_available_before_choice',
                         isRequired: true,
                         visibleIf: '{popup_type} = "some_choice"',
-                        title: 'Czy przed podjęciem wyboru dot. {Twoich} danych {masz} możliwość poznać tożsamość administratora strony?',
+                        title: 'Czy przed podjęciem wyboru dot. {Twoich} danych masz możliwość poznać tożsamość administratora strony?',
                         choices: [
                             {
                                 value: 'yes',
@@ -364,10 +363,10 @@ export default function generateSurveyQuestions(hosts: string[]) {
                         name: 'policy_readable',
                         isRequired: true,
                         choices: [
-                            { value: 'yes', text: 'Dostępna i czytelna' },
+                            { value: 'yes', text: 'dostępna i czytelna' },
                             {
                                 value: 'entirely_obscured_by_popup',
-                                text: 'Dostępna, ale nieczytelna. Zasłania ją całkowicie lub prawie całkowicie popup o RODO lub nie można się do niej doklikać bez podjęcia wyboru w okienku',
+                                text: 'dostępna, ale nieczytelna. Zasłania ją całkowicie lub prawie całkowicie popup o RODO lub nie można się do niej doklikać bez podjęcia wyboru w okienku',
                             },
                             {
                                 value: 'cant_find',

components/report-window/report-window.scss

@@ -18,6 +18,7 @@ body {
 nav {
     position: sticky;
     top: 0;
+    // background-color: #fff;
     display: flex;
     flex-wrap: wrap;
     justify-content: left;
@@ -52,7 +53,6 @@ h1 {
     position: sticky;
     top: 0;
     z-index: 1;
-    user-select: none;
 
     .webpage-metadata {
         word-break: break-all;

components/report-window/screenshot-generator.scss

@@ -11,26 +11,16 @@ h2 {
 }
 
 .images {
-    display: grid;
+    display: flex;
-    grid-template-columns: 1fr 1fr 1fr;
-    width: 100%;
     grid-gap: 1rem;
-    margin: 2rem 0 1rem;
+    flex-wrap: wrap;
-    max-height: 45vh;
+    margin: 2rem 0;
-    overflow-y: scroll;
-    overflow-x: clip;
-    z-index: 1;
-    position: relative;
 }
 
 .generator-container {
     max-width: 100ex;
     margin: 0 auto;
     font-size: calc(14 / 16 * 1rem);
-
-    a {
-        color: $ultra-black-color;
-    }
 }
 
 .buttons-container {
@@ -49,16 +39,18 @@ h2 {
 }
 
 .browser {
-    height: 8.667rem;
+    height: 9.667rem;
+    width: 16rem;
     font-weight: 800 !important;
+    // box-shadow: rgba(12, 12, 13, 0.1) 0px 1px 4px 0px;
     color: $disabled-grey !important;
     border: 1px solid $disabled-grey;
     background-image: linear-gradient(to bottom, $icd-rentgen-color 20%, #fff 20%, #fff 100%);
     animation: xray 2s cubic-bezier(0, 1.43, 0.39, 1.43) infinite;
 
     &--filled {
-        background-size: 100%;
+        background-size: contain;
-        background-position-y: 19px;
+        background-position-y: 18px;
         animation: none;
 
         .browser__header {
@@ -91,9 +83,6 @@ h2 {
             font-weight: 400;
             padding-left: 0.25rem;
             color: #000;
-            overflow: visible;
-            word-break: break-all;
-            inline-size: 10rem;
         }
 
         &--controls {
@@ -103,6 +92,6 @@ h2 {
     }
 
     &__content {
-        height: 6.667rem;
+        height: 7.667rem;
     }
 }

components/report-window/screenshot-generator.tsx

@@ -59,10 +59,6 @@ export default function ScreenshotGenerator({
             await new Promise((resolve) => setTimeout(resolve, 1000));
             response = await (await pollTask(path)).json();
             setImages((response as screenshotTask)?.images);
-            document.querySelector('.images').scrollTo({
-                top: document.querySelector('.images').scrollHeight,
-                behavior: 'smooth',
-            });
         }
 
         if (response.status === taskState.FINISHED) {
@@ -121,7 +117,6 @@ export default function ScreenshotGenerator({
                                 setTaskId(urlArr[urlArr.length - 1]);
                                 const response = await subscribeTask(task.url);
                                 setImages(response.images);
-                                console.log('response.images', response.images);
                                 console.log('output', response);
                             }}
                         >
@@ -133,23 +128,15 @@ export default function ScreenshotGenerator({
 
             {mode === 'in_progress' || mode === 'finished' ? (
                 <Fragment>
-                    <h1>Przygotowanie zrzutów ekranów</h1>
+                    <h1>Przygotowujemy zrzuty ekranów</h1>
                     <div className="container">
-                        {mode === 'in_progress' ? (
+                        <h2>To może chwilkę zająć</h2>
-                            <Fragment>
-                                <h2>To może chwilkę zająć...</h2>
                         <p>
-                                    Nasz serwer właśnie odwiedza wskazaną przez Ciebie stronę
+                            Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolore sint
-                                    i przygotowuje zrzuty ekranów narzędzi deweloperskich.
+                            laudantium blanditiis aperiam quos expedita voluptatem iure, nam aliquam
+                            vel minus aliquid incidunt consequatur illo velit dolorem error
+                            exercitationem tempora?
                         </p>
-                            </Fragment>
-                        ) : null}
-                        {mode === 'finished' ? (
-                            <Fragment>
-                                <h2>Gotowe!</h2>
-                                <p>Zrzuty ekranów narzędzi deweloperskich są gotowe do pobrania.</p>
-                            </Fragment>
-                        ) : null}
 
                         <div className="images">
                             {images.map((screenshot) => {
@@ -163,7 +150,7 @@ export default function ScreenshotGenerator({
                                     >
                                         <div className="browser__header">
                                             <div className="browser__header--address-bar">
-                                                {screenshot.url.split('-').slice(-2).join('-')}
+                                                {screenshot.url}
                                             </div>
                                             <div className="browser__header--controls">· · ·</div>
                                         </div>
@@ -185,11 +172,9 @@ export default function ScreenshotGenerator({
                     </div>
                     <div className="buttons-container">
                         {mode === 'finished' ? (
-                            <Fragment>
                             <button className="sv_next_btn" onClick={() => downloadFiles()}>
-                                    Pobierz zrzuty ekranów i przejdź dalej
+                                Pobierz zrzuty ekranów
                             </button>
-                            </Fragment>
                         ) : null}
                     </div>
                 </Fragment>

components/report-window/verbs.ts

@@ -1,42 +1,37 @@
 const words = {
-    ciebie: ['ciebie', 'ciebie', 'ciebie', 'was'],
+    zrobiłem: ['zrobiłem', 'zrobiłam', 'zrobiłom', 'zrobiliśmy'],
-    dokonałeś: ['dokonałeś', 'dokonałaś', 'dokonałoś', 'dokonaliście'],
+    szukałem: ['szukałem', 'szukałam', 'szukałom', 'szukaliśmy'],
-    jesteś: ['jesteś', 'jesteś', 'jesteś', 'jesteście'],
+    znalazłem: ['znalazłem', 'znalazłam', 'znalazłom', 'znaleźliśmy'],
-    kliknąłem: ['kliknąłem', 'kliknęłam', 'klinkęłom', 'kliknęliśmy'],
-    mam: ['mam', 'mam', 'mam', 'mamy'],
-    masz: ['masz', 'masz', 'masz', 'macie'],
-    mnie: ['mnie', 'mnie', 'mnie', 'nas'],
-    moich: ['moich', 'moich', 'moich', 'naszych'],
     moje: ['moje', 'moje', 'moje', 'nasze'],
     mojej: ['mojej', 'mojej', 'mojej', 'naszej'],
-    muszę: ['muszę', 'muszę', 'muszę', 'musimy'],
+    wyraziłem: ['wyraziłem', 'wyraziłam', 'wyraziłom', 'wyraziliśmy'],
-    odkliknąłeś: ['odkliknąłeś', 'odkliknęłaś', 'odklikęłoś', 'odkliknęliście'],
+    kliknąłem: ['kliknąłem', 'kliknęłam', 'klinkęłom', 'kliknęliśmy'],
-    odmówiłem: ['odmówiłem', 'odmówiłam', 'odmówiłom', 'odmówiliśmy'],
-    odmówiłeś: ['odmówiłeś', 'odmówiłaś', 'odmówiłoś', 'odmówiliście'],
     odwiedzałeś: ['odwiedzałeś', 'odwiedzałaś', 'odwiedzałoś', 'odwiedzaliście'],
-    odwiedziłem: ['odwiedziłem', 'odwiedziłam', 'odwiedziłom', 'odwiedziliśmy'],
+    wyraziłeś: ['wyraziłeś', 'wyraziłaś', 'wyraziłoś', 'wyraziliście'],
-    odznaczyłem: ['odznaczyłem', 'odznaczyłam', 'odznaczyłom', 'odznaczyliśmy'],
+    jesteś: ['jesteś', 'jesteś', 'jesteś', 'jesteście'],
-    otwórz: ['otwórz', 'otwórz', 'otwórz', 'otwórzcie'],
-    podjąłem: ['podjąłem', 'podjęłam', 'podjęłom', 'podjęliśmy'],
-    podjąłeś: ['podjąłeś', 'podjęłaś', 'podjęłoś', 'podjęliście'],
-    proszę: ['proszę', 'proszę', 'proszę', 'prosimy'],
-    szukałem: ['szukałem', 'szukałam', 'szukałom', 'szukaliśmy'],
-    tobie: ['tobie', 'tobie', 'tobie', 'wam'],
     twoich: ['twoich', 'twoich', 'twoich', 'waszych'],
+    tobie: ['tobie', 'tobie', 'tobie', 'wam'],
     twojej: ['twojej', 'twojej', 'twojej', 'waszej'],
-    usuń: ['usuń', 'usuń', 'usuń', 'usuńcie'],
+    odkliknąłeś: ['odkliknąłeś', 'odkliknęłaś', 'odklikęłoś', 'odkliknęliście'],
+    otwórz: ['otwórz', 'otwórz', 'otwórz', 'otwórzcie'],
+    widzisz: ['widzisz', 'widzisz', 'widzisz', 'widzicie'],
     widzę: ['widzę', 'widzę', 'widzę', 'widzimy'],
     widziałem: ['widziałem', 'widziałam', 'widziałom', 'widzieliśmy'],
-    widzisz: ['widzisz', 'widzisz', 'widzisz', 'widzicie'],
+    odwiedziłem: ['odwiedziłem', 'odwiedziłam', 'odwiedziłom', 'odwiedziliśmy'],
-    wykonaj: ['wykonaj', 'wykonaj', 'wykonaj', 'wykonajcie'],
+    mam: ['mam', 'mam', 'mam', 'mamy'],
-    wyraziłem: ['wyraziłem', 'wyraziłam', 'wyraziłom', 'wyraziliśmy'],
+    podjąłeś: ['podjąłeś', 'podjęłaś', 'podjęłoś', 'podjęliście'],
-    wyraziłeś: ['wyraziłeś', 'wyraziłaś', 'wyraziłoś', 'wyraziliście'],
     zamknąłem: ['zamknąłem', 'zamknęłom', 'zamknęłom', 'zamknęliśmy'],
-    zobacz: ['zobacz', 'zobacz', 'zobacz', 'zobaczcie'],
     zamknąłeś: ['zamknąłeś', 'zamknęłaś', 'zamknęłoś', 'zamknęliście'],
-    znalazłem: ['znalazłem', 'znalazłam', 'znalazłom', 'znaleźliśmy'],
-    zrobiłem: ['zrobiłem', 'zrobiłam', 'zrobiłom', 'zrobiliśmy'],
     zwracam: ['zwracam', 'zwracam', 'zwracam', 'zwracamy'],
+    moich: ['moich', 'moich', 'moich', 'naszych'],
+    ciebie: ['ciebie', 'ciebie', 'ciebie', 'was'],
+    mnie: ['mnie', 'mnie', 'mnie', 'nas'],
+    podjąłem: ['podjąłem', 'podjęłam', 'podjęłom', 'podjęliśmy'],
+    dokonałeś: ['dokonałeś', 'dokonałaś', 'dokonałoś', 'dokonaliście'],
+    odmówiłeś: ['odmówiłeś', 'odmówiłaś', 'odmówiłoś', 'odmówiliście'],
+    odznaczyłem: ['odznaczyłem', 'odznaczyłam', 'odznaczyłom', 'odznaczyliśmy'],
+    proszę: ['proszę', 'proszę', 'proszę', 'prosimy'],
+    odmówiłem: ['odmówiłem', 'odmówiłam', 'odmówiłom', 'odmówiliśmy'],
 } as { [key: string]: string[] };
 
 export default words;

components/sidebar/sidebar.scss

@@ -12,7 +12,6 @@
         top: 0;
         background: #ffffff;
         z-index: 1;
-        user-select: none;
 
         .webpage-metadata {
             word-break: break-all;

components/toolbar/toolbar.scss

@@ -3,7 +3,6 @@
 body {
     width: 400px;
     overflow-x: hidden;
-    user-select: none;
 }
 
 .toolbar {
@@ -20,7 +19,6 @@ body {
         top: 0;
         background: #ffffff;
         z-index: 1;
-        user-select: none;
 
         .webpage-metadata {
             word-break: break-all;