Merge pull request #17941 from edx/LEARNER-4864-cookie-policy-banner-component

LEARNER-4864: Add Cookie Policy Banner

common/static/js/src/CookiePolicyBanner.jsx

+import React from 'react';
+import CookieBanner from '@edx/cookie-policy-banner';
+
+const CookiePolicyBanner = () => <CookieBanner />;
+
+export default CookiePolicyBanner;

lms/static/sass/base-v2/_build.scss

@@ -21,3 +21,6 @@
 //
 // Note: these should be replaced by Bootstrap theme variables
 @import 'lms/theme/variables-v1';
+
+// Cookie Policy Banner
+@import '@edx/cookie-policy-banner/build/_cookie-policy-banner.scss';

lms/static/sass/base/_build.scss

@@ -31,3 +31,6 @@
 @import 'edx-pattern-library-shims/base/variables';
 @import 'edx-pattern-library-shims/breadcrumbs';
 @import 'edx-pattern-library-shims/buttons';
+
+// Cookie Policy Banner
+@import '@edx/cookie-policy-banner/build/_cookie-policy-banner.scss';

lms/static/sass/bootstrap/_build.scss

@@ -16,3 +16,6 @@
 // Base
 @import 'base';
 @import 'variables';
+
+// Cookie Policy Banner
+@import '@edx/cookie-policy-banner/build/_cookie-policy-banner.scss';

lms/templates/header/header.html

 ## mako
 
-<%page expression_filter="h" args="online_help_token"/>
+<%page expression_filter="h" args="online_help_token, use_cookie_banner=False"/>
 
 <%namespace name='static' file='../static_content.html'/>
 <%namespace file='../main.html' import="login_query"/>
@@ -14,6 +14,9 @@ from openedx.core.djangolib.markup import HTML, Text
 # App that handles subdomain specific branding
 from branding import api as branding_api
 from openedx.core.djangoapps.lang_pref.api import header_language_selector_is_enabled, released_languages
+
+# GDPR Flag
+from openedx.features.course_experience import ENABLE_GDPR_COMPAT_FLAG
 %>
 
 ## Provide a hook for themes to inject branding on top.
@@ -29,6 +32,13 @@ from openedx.core.djangoapps.lang_pref.api import header_language_selector_is_en
 % endif
 
 <header class="global-header ${'slim' if course else ''}">
+    % if use_cookie_banner and ENABLE_GDPR_COMPAT_FLAG.is_enabled_without_course_context():
+        ${static.renderReact(
+            component="CookiePolicyBanner",
+            id="cookie-policy-banner",
+            props={}
+        )}
+    % endif
     <div class="main-header">
         <%include file="navbar-logo-header.html" args="online_help_token=online_help_token"/>
         <div class="hamburger-menu" role="button" aria-label=${_("Options Menu")} aria-expanded="false" aria-controls="mobile-menu" tabindex="0">
@@ -84,4 +94,4 @@ from openedx.core.djangoapps.lang_pref.api import header_language_selector_is_en
             </label>
         </form>
     % endif
-% endif
+% endif
\ No newline at end of file

package.json

@@ -2,6 +2,7 @@
   "name": "edx",
   "version": "0.1.0",
   "dependencies": {
+    "@edx/cookie-policy-banner": "^1.1.3",
     "@edx/edx-bootstrap": "0.4.3",
     "@edx/paragon": "2.5.6",
     "@edx/studio-frontend": "1.7.2",
@@ -25,7 +26,6 @@
     "exports-loader": "0.6.4",
     "extract-text-webpack-plugin": "2.1.2",
     "file-loader": "1.1.6",
-    "svg-inline-loader": "0.8.0",
     "font-awesome": "4.7.0",
     "hls.js": "0.7.2",
     "imports-loader": "0.7.1",
@@ -51,6 +51,7 @@
     "sass-loader": "6.0.6",
     "string-replace-webpack-plugin": "0.1.3",
     "style-loader": "0.18.2",
+    "svg-inline-loader": "0.8.0",
     "uglify-js": "2.7.0",
     "underscore": "1.8.3",
     "underscore.string": "3.3.4",

scripts/thresholds.sh

@@ -3,5 +3,5 @@ set -e
 
 export LOWER_PYLINT_THRESHOLD=1000
 export UPPER_PYLINT_THRESHOLD=5900
-export ESLINT_THRESHOLD=5585
+export ESLINT_THRESHOLD=5586
 export STYLELINT_THRESHOLD=973

themes/edx.org/lms/templates/header.html

 ## mako
-<%page expression_filter="h" args="online_help_token"/>
+<%page expression_filter="h" args="online_help_token, use_cookie_banner=True"/>
 <%namespace name='static' file='static_content.html'/>
-
-<%include file="${static.get_template_path(relative_path='header/header.html')}"  args="online_help_token=online_help_token"  />
+<%include file="${static.get_template_path(relative_path='header/header.html')}"  args="online_help_token=online_help_token, use_cookie_banner=use_cookie_banner" />

webpack.common.config.js

@@ -51,6 +51,8 @@ module.exports = {
         LatestUpdate: './openedx/features/course_experience/static/course_experience/js/LatestUpdate.js',
         WelcomeMessage: './openedx/features/course_experience/static/course_experience/js/WelcomeMessage.js',
 
+        CookiePolicyBanner: './common/static/js/src/CookiePolicyBanner.jsx',
+
         // Common
         ReactRenderer: './common/static/js/src/ReactRenderer.jsx'
     },