@duckduckgo/autoconsent 1.0.8 → 2.0.0

package/playwright/runner.ts

@@ -0,0 +1,131 @@
+import fs from "fs";
+import path from 'path';
+import { test, expect, Page, Frame } from "@playwright/test";
+import { waitFor } from "../lib/utils";
+import { ContentScriptMessage } from "../lib/messages";
+import { enableLogs } from "../lib/config";
+
+const testRegion = (process.env.REGION || "NA").trim();
+
+type TestOptions = {
+  testOptOut: boolean;
+  testSelfTest: boolean;
+  skipRegions?: string[];
+  onlyRegions?: string[];
+};
+const defaultOptions: TestOptions = {
+  testOptOut: true,
+  testSelfTest: true,
+  skipRegions: [],
+  onlyRegions: [],
+};
+
+const contentScript = fs.readFileSync(
+  path.join(__dirname, "../dist/autoconsent.playwright.js"),
+  "utf8"
+);
+
+export async function injectContentScript(page: Page | Frame) {
+  try {
+    await page.evaluate(contentScript);
+  } catch (e) {
+    // frame was detached
+    // console.log(e);
+  }
+}
+
+export function generateTest(
+  url: string,
+  expectedCmp: string,
+  options: TestOptions = { testOptOut: true, testSelfTest: true }
+) {
+  test(`${url.split("://")[1]} .${testRegion}`, async ({ page }) => {
+    if (options.onlyRegions && options.onlyRegions.length > 0 && !options.onlyRegions.includes(testRegion)) {
+      test.skip();
+    }
+    if (options.skipRegions && options.skipRegions.includes(testRegion)) {
+      test.skip();
+    }
+    enableLogs && page.on('console', async msg => {
+      console.log(`    page log:`, msg.text());
+    });
+    await page.exposeBinding("autoconsentSendMessage", messageCallback);
+    await page.goto(url, { waitUntil: "commit" });
+
+    // set up a messaging function
+    const received: ContentScriptMessage[] = [];
+
+    function isMessageReceived(msg: Partial<ContentScriptMessage>, partial = true) {
+      return received.some((m) => {
+        const keysMatch = partial || Object.keys(m).length === Object.keys(msg).length;
+        return keysMatch && Object.keys(msg).every(
+          (k) => (<any>m)[k] === (<any>msg)[k]
+        );
+      });
+    }
+
+    let selfTestFrame: Frame = null;
+    async function messageCallback({ frame }: { frame: Frame }, msg: ContentScriptMessage) {
+      enableLogs && msg.type !== 'eval' && console.log(msg);
+      received.push(msg);
+      switch (msg.type) {
+        case 'optInResult':
+        case 'optOutResult': {
+          if (msg.scheduleSelfTest) {
+            selfTestFrame = frame;
+          }
+          break;
+        }
+        case 'autoconsentDone': {
+          if (selfTestFrame && options.testSelfTest) {
+            await selfTestFrame.evaluate(`autoconsentReceiveMessage({ type: "selfTest" })`);
+          }
+          break;
+        }
+        case 'eval': {
+          const result = await frame.evaluate(msg.code);
+          await frame.evaluate(`autoconsentReceiveMessage({ id: "${msg.id}", type: "evalResp", result: ${JSON.stringify(result)} })`);
+          break;
+        }
+        case 'autoconsentError': {
+          console.error(url, msg.details);
+          break;
+        }
+      }
+    }
+
+    // inject content scripts into every frame
+    await injectContentScript(page);
+    page.frames().forEach(injectContentScript);
+    page.on("framenavigated", injectContentScript);
+
+    // wait for all messages and assertions
+    await waitFor(() => isMessageReceived({ type: "popupFound", cmp: expectedCmp }), 50, 500);
+    expect(isMessageReceived({ type: "popupFound", cmp: expectedCmp })).toBe(true);
+
+    if (options.testOptOut) {
+      await waitFor(() => isMessageReceived({ type: "optOutResult", result: true }), 50, 300);
+      expect(isMessageReceived({ type: "optOutResult", result: true })).toBe(true);
+    }
+    if (options.testSelfTest && selfTestFrame) {
+      await waitFor(() => isMessageReceived({ type: "selfTestResult", result: true }), 50, 300);
+      expect(isMessageReceived({ type: "selfTestResult", result: true })).toBe(true);
+    }
+    await waitFor(() => isMessageReceived({ type: "autoconsentDone" }), 10, 500);
+    expect(isMessageReceived({ type: "autoconsentDone" })).toBe(true);
+
+    expect(isMessageReceived({ type: "autoconsentError" })).toBe(false);
+  });
+}
+
+export default function generateCMPTests(
+  cmp: string,
+  sites: string[],
+  options: Partial<TestOptions> = {}
+) {
+  test.describe(cmp, () => {
+    sites.forEach((url) => {
+      generateTest(url, cmp, Object.assign({}, defaultOptions, options));
+    });
+  });
+}

package/playwright/standalone.ts

@@ -0,0 +1,36 @@
+import AutoConsent from "../lib/web";
+import { BackgroundMessage } from "../lib/messages";
+import { Config, RuleBundle } from "../lib/types";
+import * as rules from '../rules/rules.json';
+
+declare global {
+  interface Window {
+    initAutoconsentStandalone: () => void;
+    autoconsentStandaloneSendMessage: (msg: string) => void;
+    autoconsentStandaloneReceiveMessage: (message: BackgroundMessage) => void;
+  }
+}
+
+
+window.initAutoconsentStandalone = (config: Config = {
+  enabled: true,
+  autoAction: 'optOut',
+  disabledCmps: [],
+  enablePrehide: true,
+  detectRetries: 20,
+}) => {
+  if (!window.autoconsentStandaloneReceiveMessage) {
+    const autoconsent = new AutoConsent(
+      async message => {
+          window.autoconsentStandaloneSendMessage(JSON.stringify(message));
+      },
+      config,
+      <RuleBundle>rules
+    );
+    window.autoconsentStandaloneReceiveMessage = (msg) => {
+      autoconsent.receiveMessageCallback(msg);
+    }
+  } else {
+    console.warn('autoconsent already initialized', window.autoconsentStandaloneReceiveMessage);
+  }
+}

package/playwright.config.ts

@@ -25,6 +25,13 @@ const config: PlaywrightTestConfig = {
         ...devices['Desktop Firefox'],
         proxy,
       },
+    },
+    {
+      name: 'chrome',
+      use: {
+        ...devices['Desktop Chrome'],
+        proxy,
+      },
     }
   ],
 };

package/readme.md

@@ -1,28 +1,26 @@
-## Autoconsent
+# Autoconsent
 
 This is a library of rules for navigating through common consent popups on the web. These rules
-can be run in a Firefox webextension, or in a puppeteer orchestrated headless browser. Using
+can be run in a Chrome extension, or in a Playwright-orchestrated headless browser. Using
 these rules, opt-in and opt-out options can be selected automatically, without requiring
 user-input.
 
-### Install Standalone
+## Browser extension
 
-The standalone addon can be built with the following steps:
+The web extension can be built with the following steps:
 
 ```bash
 # Download dependencies
 npm ci
-# Build JS bundles
-npm run bundle
 # Build consent ruleset
 npm run build-rules
+# Build JS bundles (rules must be built first)
+npm run bundle
 ```
 
-The standalone addon can be found in the `addon` directory and can be run with `npm start`.
-Alternatively, you can use `web-ext build -s addon/` to generate a packaged addon that can
-be installed in an existing Firefox profile.
+The extension-specific code can be found in the `addon` directory and can be [loaded directly from there](https://developer.chrome.com/docs/extensions/mv3/getstarted/#unpacked) in developer mode.
 
-### Rules
+## Rules
 
 The library's functionality is implemented as a set of rules that define how to manage consent on
 a subset of sites. These generally correspond to specific Consent Management Providers (CMPs)
@@ -41,33 +39,50 @@ There are currently three ways of implementing a CMP:
  3. As a [Consent-O-Matic](https://github.com/cavi-au/Consent-O-Matic) rule. The `ConsentOMaticCMP` class implements
  compability with rules written for the Consent-O-Matic extension.
 
-### Rule Syntax
+## Intermediate rules
+
+Sometimes the opt-out process requires actions that span across multiple pages or iframes. In this case it is necessary to define stages (each corresponding to a separate page context) as separate rulesets. Each one, except the very last stage, must be marked as intermediate using the `intermediate: true` flag. If the `intermediate` flag is not set correctly, autoconsent may report a successful opt-out even if it is not yet finished.
+
+## Context filters
+
+By default, rules will be executed in all top-level documents. Some rules are designed for specific contexts (e.g. only nested iframes, or only specific URLs). This can be configured in `runContext` field (see the syntax reference below).
+
+## Rule Syntax Reference
 
 An autoconsent CMP rule can be written as either:
- * a class implementing the `AutoCMP` interface, or
  * a JSON file adhering to the `AutoConsentCMPRule` type.
+ * a class implementing the `AutoCMP` interface, or
+   * common JSON rules are available as reusable functions in [rule-executors.ts](/lib/rule-executors.ts). You can also use existing class-based rules as reference.
 
-In most cases the JSON syntax should be sufficient, unless non-linear logic is required, in which case a class is required.
+In most cases the JSON syntax should be sufficient, unless some complex non-linear logic is required, in which case a class is required.
 
-Both JSON and class implementations require 5 main components:
+Both JSON and class implementations have the following components:
  * `name` - to identify this CMP.
  * `detectCMP` - which determines if this CMP is included on the page.
  * `detectPopup` - which determines if a popup is being shown by the CMP.
- * `optOut` - executes actions to do an 'opt-out' from the popup screen. i.e. denying all consents possible.
- * `optIn` - execut actions for an 'opt-in' from the popup screen.
+ * `optOut` - a list of actions to do an 'opt-out' from the popup screen. i.e. denying all consents possible.
+ * `optIn` - a list of actions for an 'opt-in' from the popup screen.
+ * (optional) `prehideSelectors` - a list of CSS selectors to "pre-hide" early before detecting a CMP. This helps against flickering. Pre-hiding is done using CSS `opacity` and `z-index`, so be it should be used with care to prevent conflicts with the opt-out process.
+ * (optional) `intermediate` - a boolean flag indicating that the ruleset is part of a multi-stage process, see the [Intermediate rules](#intermediate-rules) section. This is `false` by default.
+ * (optional) `runContext` - an object describing when this rule should be tried:
+   * `main` - boolean, set to `true` if the rule should be executed in top-level documents (default: `true`)
+   * `frame` - boolean, set to `true` if the rule should be executed in nested frames (default: `false`)
+   * `url` - string, specifies a string prefix that should match the page URL (default: empty)
+ * (optional) `test` - a list of actions to verify a successful opt-out. This is currently only used in Playwright tests.
 
-Except for `name` this are defined as a set of checks or actions on the page. In the JSON syntax this is a list of `AutoConsentRuleStep` objects. For `detect` checks, we return true for the check if all steps return true. For opt in and out, we execute actions in order, exiting if one fails. The following checks/actions are supported:
 
-#### Element exists
+`detectCMP`, `detectPopup`, `optOut`, `optIn`, and `test` are defined as a set of checks or actions on the page. In the JSON syntax this is a list of `AutoConsentRuleStep` objects. For `detect` checks, we return true for the check if all steps return true. For opt in and out, we execute actions in order, exiting if one fails. The following checks/actions are supported:
+
+### Element exists
 
 ```json
 {
   "exists": "selector"
 }
 ```
-Returns true if `document.querySelect(selector)` returns elements.
+Returns true if `document.querySelector(selector)` returns elements.
 
-#### Element visible
+### Element visible
 
 ```json
 {
@@ -75,18 +90,9 @@ Returns true if `document.querySelect(selector)` returns elements.
   "check": "any" | "all" | "none"
 }
 ```
-Returns true if an element returned from `document.querySelect(selector)` is current visible on the page. If `check` is `all`, every element must be visible. If `check` is `none`, no element should be visible.
+Returns true if elements returned from `document.querySelectorAll(selector)` are currently visible on the page. If `check` is `all`, every element must be visible. If `check` is `none`, no element should be visible. Visibility check is a CSS-based heuristic.
 
-#### Eval
-
-```json
-{
-  "eval": "code"
-}
-```
-Evaluates `code` in the context of the page. NB: the result of this action depends on the truthiness of the evaluated expression, make sure it returns `true` in case of success.
-
-#### Wait for element
+### Wait for element
 
 ```json
 {
@@ -96,25 +102,26 @@ Evaluates `code` in the context of the page. NB: the result of this action depen
 ```
 Waits until `selector` exists in the page. After `timeout` ms the step fails.
 
-#### Click and element
+### Click an element
 ```json
 {
   "click": "selector",
   "all": true | false,
 }
 ```
-Click on an element returned by `selector`. If `all` is `true`, all matching elements are clicked.
+Click on an element returned by `selector`. If `all` is `true`, all matching elements are clicked. If `all` is `false`, only the first returned value is clicked.
 
-#### Wait for then click
+### Wait for then click
 ```json
 {
   "waitForThenClick": "selector",
-  "timeout": 1000
+  "timeout": 1000,
+  "all": true | false
 }
 ```
 Combines `waitFor` and `click`.
 
-#### Wait
+### Unconditional wait
 ```json
 {
   "wait": 1000,
@@ -122,30 +129,33 @@ Combines `waitFor` and `click`.
 ```
 Wait for the specified number of milliseconds.
 
-#### Go to URL
+### Hide
 ```json
 {
-  "goto": "url"
+  "hide": ["selector", ...],
+  "method": "display" | "opacity"
 }
 ```
-Navigate the page to the given URL.
+Hide the elements matched by the selectors. `method` defines how elements are hidden: "display" sets `display: none`, "opacity" sets `opacity: 0`. Method is "display" by default.
+
+### Eval
 
-#### Hide rule
 ```json
 {
-  "hide": ["selector", ...]
+  "eval": "code"
 }
 ```
-Set the elements matched by the selectors to `display: none`.
+Evaluates `code` in the context of the page. The rule is considered successful if it *evaluates to a truthy value*.
+Eval rules are not 100% reliable because they can be blocked by a CSP policy on the page. Therefore, they should only be used as a last resort when none of the other rules are sufficient.
 
-#### Frames
+### Optional actions
 
-In some cases, rules have to interact with `iframes` in the page. The CMP rule defintion can optionally include a `frame` component that should be the _prefix_ of the expected frame URL. Checks and actions can then add `"frame": true` to indicate that the check or action should be done on the iframe's document (rather than main frame).
+Any rule can include the `"optional": true` to ignore failure.
 
-#### Optional actions
+## API
 
-Any rule can include the `"optional": true` to ignore failure. 
+See [this document](/api.md) for more details on internal APIs.
 
-### License
+## License
 
 MPLv2.

package/rollup.config.js

@@ -1,14 +1,29 @@
+import json from '@rollup/plugin-json';
 import typescript from '@rollup/plugin-typescript';
+import { terser } from "rollup-plugin-terser";
 import pkg from './package.json';
 
 export default [{
-  input: './lib/node.ts',
+  input: './playwright/content.ts',
   output: [{
-    file: 'dist/autoconsent.puppet.js',
-    format: 'cjs'
+    file: 'dist/autoconsent.playwright.js',
+    format: 'iife'
   }],
   plugins: [
+    json(),
     typescript(),
+    terser(),
+  ]
+}, {
+  input: './playwright/standalone.ts',
+  output: [{
+    file: 'dist/autoconsent.standalone.js',
+    format: 'iife'
+  }],
+  plugins: [
+    json(),
+    typescript(),
+    terser(),
   ]
 }, {
   input: './lib/web.ts',
@@ -22,7 +37,8 @@ export default [{
   }],
   plugins: [
     typescript(),
-  ]
+    terser(),
+  ],
 }, {
   input: './addon/background.ts',
   output: [{
@@ -31,6 +47,7 @@ export default [{
   }],
   plugins: [
     typescript(),
+    terser(),
   ]
 }, {
   input: './addon/content.ts',
@@ -40,15 +57,6 @@ export default [{
   }],
   plugins: [
     typescript(),
-  ]
-},  {
-  input: './addon/test.ts',
-  output: [{
-    file: './addon/test.bundle.js',
-    format: 'iife',
-    external: ['chai', 'mocha']
-  }],
-  plugins: [
-    typescript(),
-  ]
+    terser(),
+  ],
 }];

package/rules/autoconsent/baden-wuerttemberg-de.json

@@ -1,9 +1,13 @@
 {
   "name": "baden-wuerttemberg.de",
-  "isHidingRule": true,
   "prehideSelectors": [".cookie-alert.t-dark"],
   "detectCmp": [{ "exists": ".cookie-alert.t-dark" }],
   "detectPopup": [{ "visible": ".cookie-alert.t-dark" }],
-  "optIn": [{ "click": ".cookie-alert__button" }],
-  "optOut": []
+  "optIn": [
+    { "click": ".cookie-alert__form input:not([disabled]):not([checked])" },
+    { "click": ".cookie-alert__button button" }
+  ],
+  "optOut": [
+    { "hide": [".cookie-alert.t-dark"] }
+  ]
 }

package/rules/autoconsent/bundesregierung-de.json

@@ -6,7 +6,11 @@
   "optIn": [{ "click": ".bpa-accept-all-button" }],
   "optOut": [
       {
-          "click": ".bpa-close-button"
+          "wait": 500,
+          "comment": "click is not immediately recognized"
+      },
+      {
+          "waitForThenClick": ".bpa-close-button"
       }
   ],
   "test": [

package/rules/autoconsent/cc-banner.json

@@ -1,7 +1,6 @@
 {
   "name": "cc_banner",
   "prehideSelectors": [".cc_banner-wrapper"],
-  "isHidingRule": true,
   "detectCmp": [{ "exists": ".cc_banner-wrapper" }],
   "detectPopup": [{ "visible": ".cc_banner" }],
   "optIn": [{ "click": ".cc_btn_accept_all" }],

package/rules/autoconsent/cookie-notice.json

@@ -1,7 +1,6 @@
 {
   "name": "cookie-notice",
   "prehideSelectors": ["#cookie-notice"],
-  "isHidingRule": true,
   "detectCmp": [{ "exists": "#cookie-notice" }],
   "detectPopup": [{ "visible": "#cookie-notice" }],
   "optIn": [{ "hide": ["#cn-accept-cookie"] }],

package/rules/autoconsent/cookieconsent.json

@@ -1,9 +1,8 @@
 {
     "name": "cookieconsent",
-    "prehideSelectors": ["[aria-label=\"cookieconsent\"]"],
-    "isHidingRule": true,
-    "detectCmp": [{ "exists": "[aria-label=\"cookieconsent\"]" }],
-    "detectPopup": [{ "visible": "[aria-label=\"cookieconsent\"]" }],
+    "prehideSelectors": ["[aria-label=\"cookieconsent\"][aria-describedby=\"cookieconsent:desc\"]"],
+    "detectCmp": [{ "exists": "[aria-label=\"cookieconsent\"][aria-describedby=\"cookieconsent:desc\"]" }],
+    "detectPopup": [{ "visible": "[aria-label=\"cookieconsent\"][aria-describedby=\"cookieconsent:desc\"]" }],
     "optIn": [{ "click": ".cc-dismiss" }],
-    "optOut": [{ "hide": ["[aria-label=\"cookieconsent\"]"] }]
-  }
+    "optOut": [{ "hide": ["[aria-label=\"cookieconsent\"][aria-describedby=\"cookieconsent:desc\"]"] }]
+}

package/rules/autoconsent/destatis-de.json

@@ -1,7 +1,6 @@
 {
   "name": "destatis.de",
   "prehideSelectors": ["div[aria-labelledby=cookiebannerhead]"],
-  "isHidingRule": true,
   "detectCmp": [{ "exists": ".cookiebannerbox" }],
   "detectPopup": [{ "visible": ".cookiebannerbox" }],
   "optOut": [{ "hide": [".cookiebannerbox"] }]

package/rules/autoconsent/etsy.json

@@ -1,11 +1,12 @@
 {
     "name": "etsy",
+    "prehideSelectors": ["#gdpr-single-choice-overlay", "#gdpr-privacy-settings"],
     "detectCmp": [{ "exists": "#gdpr-single-choice-overlay" }],
     "detectPopup": [{ "visible": "#gdpr-single-choice-overlay" }],
     "optOut": [
-        {"hide": ["#gdpr-single-choice-overlay", "#gdpr-privacy-settings"]},
         {"click": "button[data-gdpr-open-full-settings]"},
-        {"wait": 500},
+        {"waitForVisible": ".gdpr-overlay-body input", "timeout": 3000},
+        {"wait": 1000},
         {"eval": "document.querySelectorAll('.gdpr-overlay-body input').forEach(toggle => { toggle.checked = false; }) || true"},
         {"eval": "document.querySelector('.gdpr-overlay-view button[data-wt-overlay-close]').click() || true"}
     ],

package/rules/autoconsent/eu-cookie-compliance.json

@@ -1,6 +1,5 @@
 {
   "name": "eu-cookie-compliance-banner",
-  "isHidingRule": true,
   "detectCmp": [{ "exists": ".eu-cookie-compliance-banner-info" }],
   "detectPopup": [{ "visible": ".eu-cookie-compliance-banner-info" }],
   "optIn": [{ "click": ".agree-button" }],

package/rules/autoconsent/hl-co-uk.json

@@ -1,6 +1,6 @@
 {
- "name": "hl.co.uk",
- "prehideSelectors": [".cookieModalContent", "#cookie-banner-overlay"],
+  "name": "hl.co.uk",
+  "prehideSelectors": [".cookieModalContent", "#cookie-banner-overlay"],
   "detectCmp": [{ "exists": "#cookie-banner-overlay" }],
   "detectPopup": [{ "exists": "#cookie-banner-overlay" }],
   "optIn": [{ "click": "#acceptCookieButton" }],
@@ -12,19 +12,18 @@
           "hide": [".cookieSettingsModal"]
       },
       {
-          "wait": 500
+          "waitFor": "#AOCookieToggle"
       },
       {
-          "click": "#AOCookieToggle"
+          "click": "#AOCookieToggle[aria-pressed=true]",
+          "optional": true
       },
       {
-          "eval": "document.querySelector('#AOCookieToggle').getAttribute('aria-pressed') === 'false'"
+          "waitFor": "#TPCookieToggle"
       },
       {
-          "click": "#TPCookieToggle"
-      },
-      {
-          "eval": "document.querySelector('#TPCookieToggle').getAttribute('aria-pressed') === 'false'"
+          "click": "#TPCookieToggle[aria-pressed=true]",
+          "optional": true
       },
       {
           "click": "#updateCookieButton"

package/rules/autoconsent/johnlewis.json

@@ -6,8 +6,11 @@
     "optOut": [
         {"click": "button[data-test^=manage-cookies]"},
         {"wait": "500"},
-        {"eval": "!!Array.from(document.querySelectorAll('label[data-test^=toggle]')).forEach(e => e.click())", "optional": true },
-        {"eval": "Array.from(document.querySelectorAll('label[data-test^=toggle]')).filter(e => e.className.match('checked') && !e.className.match('disabled')).length === 0"},
+        {
+            "click": "label[data-test^=toggle][class*=checked]:not([class*=disabled])",
+            "all": true,
+            "optional": true
+        },
         {"click": "button[data-test=save-preferences]"}
     ],
     "optIn": [{ "click": "button[data-test=allow-all]"}]

package/rules/autoconsent/notice-cookie.json

@@ -1,7 +1,6 @@
 {
   "name": "notice-cookie",
   "prehideSelectors": [".button--notice"],
-  "isHidingRule": true,
   "detectCmp": [{ "exists": ".notice--cookie" }],
   "detectPopup": [{ "visible": ".notice--cookie" }],
   "optIn": [{ "click": ".button--notice" }],

package/rules/autoconsent/osano.json

@@ -1,7 +1,6 @@
 {
     "name": "osano",
     "prehideSelectors": [".osano-cm-window"],
-    "isHidingRule": true,
     "detectCmp": [{ "exists": ".osano-cm-window" }],
     "detectPopup": [{ "visible": ".osano-cm-dialog" }],
     "optIn": [{ "click": ".osano-cm-accept-all" }],

package/rules/autoconsent/tealium.json

@@ -1,19 +1,18 @@
 {
     "name": "Tealium",
     "prehideSelectors": ["#__tealiumGDPRecModal,#__tealiumGDPRcpPrefs,#consent-layer"],
-    "isHidingRule": false,
-    "detectCmp": [{ "exists": "#__tealiumGDPRecModal" }, { "eval": "window.utag && typeof utag.gdpr === 'object'" }],
+    "detectCmp": [{ "visible": "#__tealiumGDPRecModal" }, { "eval": "typeof window.utag !== 'undefined' && typeof utag.gdpr === 'object'" }],
     "detectPopup": [{ "visible": "#__tealiumGDPRecModal" }],
     "optOut": [
       { "hide": ["#__tealiumGDPRecModal", "#__tealiumGDPRcpPrefs", "#consent-layer"] },
-      { "click": "#cm-acceptNone,.js-accept-essential-cookies"}
+      { "waitForThenClick": "#cm-acceptNone,.js-accept-essential-cookies", "timeout": 1000 },
+      { "eval": "utag.gdpr.setConsentValue(false) || true" }
     ],
     "optIn": [
       { "hide": ["#__tealiumGDPRecModal"] },
-      { "eval": "utag.gdpr.setConsentValue(true)" }
+      { "eval": "utag.gdpr.setConsentValue(true) || true" }
     ],
     "test": [
       { "eval": "utag.gdpr.getConsentState() !== 1" }
     ]
   }
-