From b20a0f8db74ba5420a870705b6c9ecdfe0edd95f Mon Sep 17 00:00:00 2001
From: Max Clayton Clowes <contact@mcclowes.com>
Date: Mon, 15 Dec 2025 14:52:14 +0000
Subject: [PATCH] Adding more robust cookie consent notification modal/manager

---
 docusaurus.config.js              | 19 +++++++++++++++++++
 package-lock.json                 | 28 +++++++++++++---------------
 package.json                      |  2 +-
 src/theme/DocItem/Layout/index.js | 12 ------------
 4 files changed, 33 insertions(+), 28 deletions(-)

diff --git a/docusaurus.config.js b/docusaurus.config.js
index fd32dd689..9719e9eb7 100644
--- a/docusaurus.config.js
+++ b/docusaurus.config.js
@@ -107,6 +107,25 @@ const config = {
     "@docusaurus/theme-live-codeblock",
     "docusaurus-plugin-image-zoom",
 
+    [
+      "docusaurus-plugin-cookie-consent",
+      {
+        title: "Cookie Consent",
+        description:
+          "We use cookies to enhance your browsing experience and analyze our traffic.",
+        links: [
+          { label: "Privacy Policy", href: "https://www.codat.io/privacy-policy/" },
+        ],
+        toastMode: true,
+        googleConsentMode: {
+          enabled: true,
+          waitForUpdate: 500,
+          adsDataRedaction: true,
+          urlPassthrough: false,
+        },
+      },
+    ],
+
     [
       "docusaurus-plugin-module-alias",
       {
diff --git a/package-lock.json b/package-lock.json
index f19c4d814..eb79d117b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -20,6 +20,7 @@
         "@stoplight/elements": "^8.4.6",
         "buffer": "^6.0.3",
         "clsx": "^2.1.1",
+        "docusaurus-plugin-cookie-consent": "^4.1.0",
         "docusaurus-plugin-image-zoom": "^2.0.0",
         "docusaurus-plugin-module-alias": "^0.0.2",
         "docusaurus-plugin-sass": "^0.2.5",
@@ -30,7 +31,6 @@
         "prism-react-renderer": "^2.3.0",
         "process": "^0.11.10",
         "react": "^18.3.1",
-        "react-cookie-consent": "^9.0.0",
         "react-diff-viewer-continued": "^3.4.0",
         "react-dom": "^18.3.1",
         "react-helmet": "^6.1.0",
@@ -8761,6 +8761,18 @@
         "node": ">=6"
       }
     },
+    "node_modules/docusaurus-plugin-cookie-consent": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/docusaurus-plugin-cookie-consent/-/docusaurus-plugin-cookie-consent-4.1.0.tgz",
+      "integrity": "sha512-MMWXl1NXbFhgD/mZGw3QDojTJDDQuoVb1kcc7SI/TiOqrAlo9OTUm3P2MqIwCChJcOwQi5a7t1GJnDpVfPy+8w==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@docusaurus/core": "^3.0.0",
+        "@docusaurus/types": "^3.0.0",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0"
+      }
+    },
     "node_modules/docusaurus-plugin-image-zoom": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/docusaurus-plugin-image-zoom/-/docusaurus-plugin-image-zoom-2.0.0.tgz",
@@ -16760,20 +16772,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/react-cookie-consent": {
-      "version": "9.0.0",
-      "resolved": "https://registry.npmjs.org/react-cookie-consent/-/react-cookie-consent-9.0.0.tgz",
-      "integrity": "sha512-Blyj+m+Zz7SFHYqT18p16EANgnSg2sIyU6Yp3vk83AnOnSW7qnehPkUe4+8+qxztJrNmCH5GP+VHsWzAKVOoZA==",
-      "dependencies": {
-        "js-cookie": "^2.2.1"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "peerDependencies": {
-        "react": ">=16"
-      }
-    },
     "node_modules/react-dev-utils": {
       "version": "12.0.1",
       "resolved": "https://registry.npmjs.org/react-dev-utils/-/react-dev-utils-12.0.1.tgz",
diff --git a/package.json b/package.json
index 521cd49c1..0476d7423 100644
--- a/package.json
+++ b/package.json
@@ -33,6 +33,7 @@
     "@stoplight/elements": "^8.4.6",
     "buffer": "^6.0.3",
     "clsx": "^2.1.1",
+    "docusaurus-plugin-cookie-consent": "^4.1.0",
     "docusaurus-plugin-image-zoom": "^2.0.0",
     "docusaurus-plugin-module-alias": "^0.0.2",
     "docusaurus-plugin-sass": "^0.2.5",
@@ -43,7 +44,6 @@
     "prism-react-renderer": "^2.3.0",
     "process": "^0.11.10",
     "react": "^18.3.1",
-    "react-cookie-consent": "^9.0.0",
     "react-diff-viewer-continued": "^3.4.0",
     "react-dom": "^18.3.1",
     "react-helmet": "^6.1.0",
diff --git a/src/theme/DocItem/Layout/index.js b/src/theme/DocItem/Layout/index.js
index a7c2172a2..498f514f2 100644
--- a/src/theme/DocItem/Layout/index.js
+++ b/src/theme/DocItem/Layout/index.js
@@ -21,8 +21,6 @@ import styles from './styles.module.css';
 import PageHeader from '@components/PageHeader'
 import Vote from './Vote';
 
-import CookieConsent from "react-cookie-consent";
-
 import useZendesk from './useZendesk';
 
 /**
@@ -84,16 +82,6 @@ export default function DocItemLayout(props) {
 
   return (
     <>
-      <CookieConsent
-        location="bottom"
-        buttonText="Accept"
-        cookieName="cookieConsent3"
-        style={{ background: "#556680" }}
-        buttonStyle={{ backgroundColor: "white", fontSize: "12px", borderRadius: "4px" }}
-      >
-        This website uses cookies to enhance your experience.
-      </CookieConsent>
-
       {
         bannerTitle
         &&