Merge branch 'main' into input/finalize

apps/docs/utils/consent/config.js

@@ -2,70 +2,60 @@
  * @type {UserConfig}
  */
 const pluginConfig = {
+  root: '#cookie-consent',
   current_lang: 'en',
   autoclear_cookies: true,
   page_scripts: true,
   cookie_name: 'GDS Cookie Consent',
   remove_cookie_tables: true,
 
-  onFirstAction: function (user_preferences, cookie) {
-    const analyticsEnabled =
-      window.CookieConsentApi.allowedCategory('analytics')
+  categories: {
+    analytics: {},
   },
 
-  onAccept: function (cookie) {
-    if (window.CookieConsentApi.allowedCategory('analytics')) {
-      // ...
-    }
-  },
-
-  onChange: function (cookie, changed_preferences) {
-    // ...
-  },
-
-  languages: {
-    en: {
-      consent_modal: {
-        title: 'We use cookies!',
-        description:
-          'Hi, this website uses essential cookies to ensure its proper operation and tracking cookies to understand how you interact with it. The latter will be set only after consent. <button type="button" data-cc="c-settings" class="cc-link">Let me choose</button>',
-        primary_btn: {
-          text: 'Accept all',
-          role: 'accept_all',
-        },
-        secondary_btn: {
-          text: 'Reject all',
-          role: 'accept_necessary',
+  language: {
+    default: 'en',
+    translations: {
+      en: {
+        consentModal: {
+          title: 'We use cookies',
+          description:
+            'Hi, this website uses essential cookies to ensure its proper operation and tracking cookies to understand how you interact with it. The latter will be set only after consent.',
+          acceptAllBtn: 'Accept all',
+          acceptNecessaryBtn: 'Accept only necessary',
         },
-      },
-      settings_modal: {
-        title: 'Cookie Settings',
-        save_settings_btn: 'Save settings',
-        accept_all_btn: 'Accept all',
-        reject_all_btn: 'Reject all',
-        close_btn_label: 'Close',
-        cookie_table_headers: [
-          { col1: 'Name' },
-          { col2: 'Domain' },
-          { col3: 'Expiration' },
-          { col4: 'Description' },
-        ],
-        blocks: [
-          {
-            title: 'Cookie usage 📢',
-            description:
-              'Our website utilizes analytics solely for testing purposes and to track page views. These analytics cookies are crucial for ensuring the smooth functioning of our site. Please be assured that the data collected is not used for marketing or any other purposes beyond website optimization.',
-          },
-          {
-            title: 'Basic cookies',
-            description: 'Tracking page views and other essential functions',
-            toggle: {
-              value: 'necessary',
-              enabled: true,
-              readonly: true,
+        preferencesModal: {
+          title: 'Manage cookie preferences',
+          acceptAllBtn: 'Accept all',
+          acceptNecessaryBtn: 'Reject all',
+          savePreferencesBtn: 'Accept current selection',
+          closeIconLabel: 'Close modal',
+          sections: [
+            {
+              title: 'Somebody said ... cookies?',
+              description: 'I want one!',
             },
-          },
-        ],
+            {
+              title: 'Strictly Necessary cookies',
+              description:
+                'These cookies are essential for the proper functioning of the website and cannot be disabled.',
+
+              //this field will generate a toggle linked to the 'necessary' category
+              linkedCategory: 'necessary',
+            },
+            {
+              title: 'Performance and Analytics',
+              description:
+                'These cookies collect information about how you use our website. All of the data is anonymized and cannot be used to identify you.',
+              linkedCategory: 'analytics',
+            },
+            {
+              title: 'More information',
+              description:
+                'For any queries in relation to my policy on cookies and your choices, please <a href="#contact-page">contact us</a>',
+            },
+          ],
+        },
       },
     },
   },