From 3e0d75b73ee53c776356f9636228dafa34b0ed22 Mon Sep 17 00:00:00 2001
From: cori hudson <cori@scratch.mit.edu>
Date: Fri, 7 Apr 2023 14:26:08 -0400
Subject: [PATCH] feat(cookie policy): add cookies to footer, analytics cookies
 started

---
 src/components/footer/www/footer.jsx |   5 ++
 src/l10n.json                        |   1 +
 src/views/cookies/cookies.jsx        | 100 +++++++++++++++++++++++++--
 src/views/cookies/cookies.scss       |   2 +-
 src/views/cookies/l10n.json          |   2 +
 5 files changed, 105 insertions(+), 5 deletions(-)

diff --git a/src/components/footer/www/footer.jsx b/src/components/footer/www/footer.jsx
index 72f676193..bfded26f8 100644
--- a/src/components/footer/www/footer.jsx
+++ b/src/components/footer/www/footer.jsx
@@ -169,6 +169,11 @@ const Footer = props => (
                             <FormattedMessage id="general.privacyPolicy" />
                         </a>
                     </dd>
+                    <dd>
+                        <a href="/cookies">
+                            <FormattedMessage id="general.cookies" />
+                        </a>
+                    </dd>
                     <dd>
                         <a href="/DMCA">
                             <FormattedMessage id="general.dmca" />
diff --git a/src/l10n.json b/src/l10n.json
index 41ce896c0..1d1b62d6a 100644
--- a/src/l10n.json
+++ b/src/l10n.json
@@ -17,6 +17,7 @@
     "general.contactUs": "Contact Us",
     "general.getHelp": "Get Help",
     "general.contact": "Contact",
+    "general.cookies": "Cookies",
     "general.done": "Done",
     "general.downloadPDF": "Download PDF",
     "general.emailUs": "Email Us",
diff --git a/src/views/cookies/cookies.jsx b/src/views/cookies/cookies.jsx
index ecf5587ee..5f78bdcf3 100644
--- a/src/views/cookies/cookies.jsx
+++ b/src/views/cookies/cookies.jsx
@@ -74,7 +74,7 @@ const Cookies = injectIntl(() => (
                                     <td>scratchsessionid</td>
                                     <td><a href="/privacy_policy">Scratch</a></td>
                                     <td><FormattedMessage id="cookies.essential.sessionID" /></td>
-                                    <td>Session</td>
+                                    <td><FormattedMessage id="cookies.table.session" /></td>
                                 </tr>
                             </tbody>
                         </table>
@@ -102,13 +102,13 @@ const Cookies = injectIntl(() => (
                                     <td>explore_by</td>
                                     <td><a href="/privacy_policy">Scratch</a></td>
                                     <td><FormattedMessage id="cookies.functional.exploreBy" /></td>
-                                    <td>Session</td>
+                                    <td><FormattedMessage id="cookies.table.session" /></td>
                                 </tr>
                                 <tr>
                                     <td>minilogSettings</td>
                                     <td><a href="/privacy_policy">Scratch</a></td>
                                     <td><FormattedMessage id="cookies.functional.minilogSettings" /></td>
-                                    <td>Persistent</td>
+                                    <td><FormattedMessage id="cookies.table.persistent" /></td>
                                 </tr>
                                 <tr>
                                     <td>scratchlanguage</td>
@@ -120,7 +120,7 @@ const Cookies = injectIntl(() => (
                                     <td>wistia-video-progress-#</td>
                                     <td><a href="https://wistia.com/privacy">Wistia</a></td>
                                     <td><FormattedMessage id="cookies.functional.wistia" /></td>
-                                    <td>Persistent</td>
+                                    <td><FormattedMessage id="cookies.table.persistent" /></td>
                                 </tr>
                             </tbody>
                         </table>
@@ -135,6 +135,98 @@ const Cookies = injectIntl(() => (
                             }}
                         />
                     </dd>
+                    <dd>
+                        <table className="cookies-table">
+                            <thead>
+                                <tr>
+                                    <th><FormattedMessage id="cookies.table.name" /></th>
+                                    <th><FormattedMessage id="cookies.table.provider" /></th>
+                                    <th><FormattedMessage id="cookies.table.purpose" /></th>
+                                    <th><FormattedMessage id="cookies.table.expiration" /></th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr>
+                                    <td>_ga</td>
+                                    <td><a href="https://policies.google.com/privacy">Google Analytics</a></td>
+                                    <td><FormattedMessage id="cookies.analytics.ga" /></td>
+                                    <td>2 years</td>
+                                </tr>
+                                <tr>
+                                    <td>_gat</td>
+                                    <td><a href="https://policies.google.com/privacy">Google Analytics</a></td>
+                                    <td><FormattedMessage id="cookies.analytics.gat" /></td>
+                                    <td>1 day</td>
+                                </tr>
+                                <tr>
+                                    <td>_gid</td>
+                                    <td><a href="https://policies.google.com/privacy">Google Analytics</a></td>
+                                    <td><FormattedMessage id="cookies.analytics.gid" /></td>
+                                    <td>1 day</td>
+                                </tr>
+                                <tr>
+                                    <td>__utma</td>
+                                    <td><a href="https://policies.google.com/privacy">Google Analytics</a></td>
+                                    <td><FormattedMessage id="cookies.analytics.utma" /></td>
+                                    <td>2 years</td>
+                                </tr>
+                                <tr>
+                                    <td>__utmb</td>
+                                    <td><a href="https://policies.google.com/privacy">Google Analytics</a></td>
+                                    <td><FormattedMessage id="cookies.analytics.utmb" /></td>
+                                    <td>1 day</td>
+                                </tr>
+                                <tr>
+                                    <td>__utmc</td>
+                                    <td><a href="https://policies.google.com/privacy">Google Analytics</a></td>
+                                    <td><FormattedMessage id="cookies.analytics.utmc" /></td>
+                                    <td><FormattedMessage id="cookies.table.session" /></td>
+                                </tr>
+                                <tr>
+                                    <td>__utmt</td>
+                                    <td><a href="https://policies.google.com/privacy">Google Analytics</a></td>
+                                    <td><FormattedMessage id="cookies.analytics.utmt" /></td>
+                                    <td>1 day</td>
+                                </tr>
+                                <tr>
+                                    <td>__utmz</td>
+                                    <td><a href="https://policies.google.com/privacy">Google Analytics</a></td>
+                                    <td><FormattedMessage id="cookies.analytics.utmz" /></td>
+                                    <td>6 months</td>
+                                </tr>
+                                <tr>
+                                    <td>loglevel</td>
+                                    <td><a href="https://wistia.com/privacy">Wistia</a></td>
+                                    <td><FormattedMessage id="cookies.analytics.loglevel" /></td>
+                                    <td><FormattedMessage id="cookies.table.persistent" /></td>
+                                </tr>
+                                <tr>
+                                    <td>DEVICE_INFO</td>
+                                    <td><a href="https://policies.google.com/privacy">YouTube</a></td>
+                                    <td><FormattedMessage id="cookies.analytics.deviceInfo" /></td>
+                                    <td>180 days</td>
+                                </tr>
+                                <tr>
+                                    <td>LogsDatabaseV2:[unique ID number]</td>
+                                    <td><a href="https://policies.google.com/privacy">YouTube</a></td>
+                                    <td><FormattedMessage id="cookies.analytics.youtubeLogsDatabase" /></td>
+                                    <td>180 days</td>
+                                </tr>
+                                <tr>
+                                    <td>VISITOR_INFO1_LIVE</td>
+                                    <td><a href="https://policies.google.com/privacy">YouTube</a></td>
+                                    <td><FormattedMessage id="cookies.analytics.visitorInfo" /></td>
+                                    <td>180 days</td>
+                                </tr>
+                                <tr>
+                                    <td>remote_sid</td>
+                                    <td><a href="https://policies.google.com/privacy">YouTube</a></td>
+                                    <td><FormattedMessage id="cookies.analytics.remoteSID" /></td>
+                                    <td>180 days</td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </dd>
                 </dl>
             </section>
             <section id="manage">
diff --git a/src/views/cookies/cookies.scss b/src/views/cookies/cookies.scss
index 2786d42a8..3c4b5ae10 100644
--- a/src/views/cookies/cookies.scss
+++ b/src/views/cookies/cookies.scss
@@ -5,7 +5,7 @@
     border-collapse: collapse;
 
     td, th {
-        padding: .7 5rem;
+        padding: .75rem;
         border: 1px solid $ui-border;
         text-align: left;
     }
diff --git a/src/views/cookies/l10n.json b/src/views/cookies/l10n.json
index 8a6407bc3..c23039fa6 100644
--- a/src/views/cookies/l10n.json
+++ b/src/views/cookies/l10n.json
@@ -10,6 +10,8 @@
     "cookies.table.provider": "Provider",
     "cookies.table.purpose": "Purpose",
     "cookies.table.expiration": "Expiration",
+    "cookies.table.session": "Session",
+    "cookies.table.persistent": "Persistent",
     "cookies.types.title": "What types of Cookies are used on the Scratch Website?",
     "cookies.types.essentialTitle": "Essential Cookies",
     "cookies.types.essentialIntro": "These are Cookies that are necessary to make the Scratch Website available to the user or ensure security. We use this Personal Information, for example, to ensure that the Scratch Website functions properly, or to prevent fraud. We use the following essential Cookies:",