feat: [UEPR-199] Add parent landing page after confirming ToU

.nvmrc

@@ -1 +1 @@
-18.20.6
+18.20.7

package.json

@@ -58,22 +58,22 @@
     "react-twitter-embed": "3.0.3",
     "react-use": "17.6.0",
     "scratch-parser": "6.0.0",
-    "scratch-storage": "^4.0.47"
+    "scratch-storage": "^4.0.57"
   },
   "devDependencies": {
     "@babel/cli": "7.26.4",
-    "@babel/core": "7.26.7",
-    "@babel/eslint-parser": "7.26.5",
+    "@babel/core": "7.26.9",
+    "@babel/eslint-parser": "7.26.8",
     "@babel/plugin-syntax-dynamic-import": "7.8.3",
     "@babel/plugin-transform-async-to-generator": "7.25.9",
     "@babel/plugin-transform-object-rest-spread": "7.25.9",
-    "@babel/preset-env": "7.26.7",
+    "@babel/preset-env": "7.26.9",
     "@babel/preset-react": "7.26.3",
-    "@formatjs/intl-datetimeformat": "6.17.2",
+    "@formatjs/intl-datetimeformat": "6.17.3",
     "@formatjs/intl-locale": "3.4.6",
-    "@formatjs/intl-numberformat": "8.15.2",
-    "@formatjs/intl-pluralrules": "5.4.2",
-    "@formatjs/intl-relativetimeformat": "11.4.9",
+    "@formatjs/intl-numberformat": "8.15.3",
+    "@formatjs/intl-pluralrules": "5.4.3",
+    "@formatjs/intl-relativetimeformat": "11.4.10",
     "@scratch/scratch-gui": "^11.0.0-beta.2",
     "@types/jest": "29.5.14",
     "async": "3.2.6",
@@ -124,7 +124,7 @@
     "minilog": "2.1.0",
     "pako": "0.2.8",
     "plotly.js": "1.47.4",
-    "postcss": "8.5.1",
+    "postcss": "8.5.3",
     "postcss-import": "12.0.1",
     "postcss-loader": "4.3.0",
     "postcss-simple-vars": "5.0.2",
@@ -145,17 +145,17 @@
     "redux-mock-store": "1.5.5",
     "redux-thunk": "2.4.2",
     "regenerator-runtime": "0.13.9",
-    "sass": "1.84.0",
+    "sass": "1.85.0",
     "sass-loader": "10.5.2",
-    "scratch-l10n": "5.0.119",
-    "selenium-webdriver": "4.28.1",
+    "scratch-l10n": "5.0.140",
+    "selenium-webdriver": "4.29.0",
     "slick-carousel": "1.8.1",
     "stream-browserify": "3.0.0",
     "style-loader": "4.0.0",
     "tap": "14.11.0",
     "url-loader": "3.0.0",
     "use-onclickoutside": "0.4.1",
-    "webpack": "5.97.1",
+    "webpack": "5.98.0",
     "webpack-bundle-analyzer": "4.10.2",
     "webpack-cli": "5.1.4",
     "webpack-dev-middleware": "5.3.4",

src/views/parents/l10n.json

@@ -38,5 +38,6 @@
   "parents.faqOfflineBody" : "Yes, the Scratch app allows you to create Scratch projects without an internet connection. You can download the {scratchApp} from the Scratch website or the app store on your device.",
   "parents.faqScratchApp": "Scratch app",
   "parents.faqOffline2LinkText": "Scratch 2.0 offline editor",
-  "parents.faqOffline14LinkText": "Scratch 1.4 offline editor"
+  "parents.faqOffline14LinkText": "Scratch 1.4 offline editor",
+  "parents.agreedNewTermsOfUse": "You have agreed to the new Terms of Use!"
 }

src/views/parents/parents.jsx

@@ -20,16 +20,27 @@ const Landing = () => {
         return query.indexOf('from_confirmation=true') >= 0;
     }, [window.location.search]);
 
+    const isParentAcceptingTermsOfUse = React.useMemo(() => {
+        const query = window.location.search;
+
+        return query.indexOf('from_terms_of_use_confirmation=true') >= 0;
+    }, [window.location.search]);
+
+    let titleId;
+    if (isParentConfirmingChildEmail) {
+        titleId = 'parents.emailConfirmedTitle';
+    } else if (isParentAcceptingTermsOfUse) {
+        titleId = 'parents.agreedNewTermsOfUse';
+    } else {
+        titleId = 'parents.title';
+    }
+
     return (<div className="parents">
         <TitleBanner className="masthead">
             <div className="inner">
                 <h1 className="title-banner-h1">
                     <FormattedMessage
-                        id={
-                            isParentConfirmingChildEmail ?
-                                'parents.emailConfirmedTitle' :
-                                'parents.title'
-                        }
+                        id={titleId}
                     />
                 </h1>
                 <FlexRow className="masthead-info">

src/views/starter-projects/l10n.json

@@ -15,5 +15,6 @@
   "starterProjects.surpriseMe": "Surprise me",
   "starterProjects.gettingStarted": "Getting Started",
   "starterProjects.newToScratch": "New to Scratch? Try the Getting Started tutorial.",
+  "starterProjects.gettingStartedImageDescription": "An illustrated boy plants his flag on top of a freshly painted mountaintop.",
   "starterProjects.tryIt": "Try it!"
 }

src/views/starter-projects/starter-projects.jsx

@@ -66,7 +66,7 @@ const StarterProjects = () => {
             <section className="getting-started">
                 <img
                     alt={intl.formatMessage({
-                        id: 'ideas.gettingStartedImageDescription'
+                        id: 'starterProjects.gettingStartedImageDescription'
                     })}
                     src="/images/ideas/getting-started-illustration.svg"
                 />