Cookie consent - Add "Reject all" button (#497)

* Update `setHasConsent` function to easily reject all groups by adding `status` param

* If cookie consent has been rejected, then set cookie for ~6 months

As per @rmc47 's suggestion

* Add a "Reject additional cookies" button next to the accept button

* Compiled JavaScript

* Add "Reject all" button to cookie consent dialog

* Version bump

Author: edwardcasbon

dist/honeycomb.js

@@ -2723,9 +2723,9 @@ var scrollOnClick = function scrollOnClick() {
     var focus = $this.attr('data-scroll-to-focus') || false;
     var hash = isHashOnThisPage(href);
     if (hash) {
-      var _window$jQuery, _window$jQuery$offset;
+      var _window$jQuery;
       e.preventDefault();
-      var hashTop = (_window$jQuery = window.jQuery(hash)) === null || _window$jQuery === void 0 ? void 0 : (_window$jQuery$offset = _window$jQuery.offset()) === null || _window$jQuery$offset === void 0 ? void 0 : _window$jQuery$offset.top;
+      var hashTop = (_window$jQuery = window.jQuery(hash)) === null || _window$jQuery === void 0 || (_window$jQuery = _window$jQuery.offset()) === null || _window$jQuery === void 0 ? void 0 : _window$jQuery.top;
       if (typeof hashTop === 'undefined') {
         window.console.warn("Honeycomb: Element with ID \"".concat(hash, "\" not found, so can't scroll to it."));
         return;
@@ -3564,8 +3564,9 @@ var addInlineVideos = function addInlineVideos() {
       // If video is already loaded, skip.
       // NB we look for the iframe for the specific video, because in React we may be reusing an old VideoPlayer component.
       if (videoContainer.querySelector("iframe[id^=\"".concat(videoId, "\"]"))) {
-        return "continue";
+        return 1; // continue
       }
+
       var duration;
       var currentTime;
       var percentages;
@@ -3679,8 +3680,7 @@ var addInlineVideos = function addInlineVideos() {
       videoCounter++;
     };
     for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-      var _ret = _loop();
-      if (_ret === "continue") continue;
+      if (_loop()) continue;
     }
   } catch (err) {
     _iterator2.e(err);

dist/honeycomb.min.js

@@ -1,6 +1,6 @@
 {
   "name": "honeycomb-web-toolkit",
-  "version": "14.1.15",
+  "version": "14.1.16",
   "repository": {
     "type": "git",
     "url": "https://github.com/red-gate/honeycomb-web-toolkit"

package-lock.json

@@ -51,14 +51,28 @@ const open = ( consentGroups = null, setHasConsent = null ) => {
 
     // Allow all button.
     const acceptAll = document.createElement('button');
-    acceptAll.setAttribute('class', 'button button--primary button--small spaced-bottom--tight');
+    acceptAll.setAttribute('class', 'button button--primary button--small spaced-bottom--tight spaced-right--tight');
     acceptAll.innerHTML = 'Accept all';
     acceptAll.addEventListener('click', e => {
         e.preventDefault();
         setHasConsent(null);
     });
     inner.appendChild(acceptAll);
 
+    // Reject all button.
+    const rejectAll = document.createElement('button');
+    rejectAll.setAttribute('class', 'button button--small spaced-bottom--tight');
+    rejectAll.innerHTML = 'Reject all';
+    rejectAll.addEventListener('click', e => {
+        e.preventDefault();
+        const rejections = {};
+        for (let consentGroup in consentGroups) {
+            rejections[consentGroup] = 0;
+        }
+        setHasConsent(rejections);
+    });
+    inner.appendChild(rejectAll);
+
     // Group heading.
     const groupHeading = document.createElement('h2');
     groupHeading.setAttribute('class', 'gamma text--redgate');

package.json

@@ -224,23 +224,25 @@ const hasConsent = ( group = null ) => {
 
 /**
  * Set the consent cookie with the groups consent statuses, and for it to
- * expire in 31 days.
+ * expire in 31 days if cookies accepted, and 6 months if rejected.
  *
  * @param {Object|Null} groups The groups object with the group as the property,
  *                             and the consent status as the value (0|1)
+ * @param {Boolean} status The status to set consent to if groups is null.
+ *                         Defaults to true (accepted)
  */
-const setHasConsent = ( groups = null ) => {
+const setHasConsent = ( groups = null, status = true ) => {
 
     // If no groups info is passed in, then set all groups to have consent.
     if ( groups === null ) {
         groups = {};
         getConsentGroups().forEach(group => {
-            groups[group] = 1;
+            groups[group] = status === true ? 1 : 0;
         });
     }
 
     cookie.set(getConsentCookieName(), JSON.stringify(groups), {
-        'max-age': 2678400,
+        'max-age': (status === 1) ? 2678400 : 16070400,
         domain: getConsentCookieDomain(),
     });
 };
@@ -322,6 +324,19 @@ const displayNotification = () => {
     acceptButtonListItem.appendChild(acceptButton);
     list.appendChild(acceptButtonListItem);
 
+    // Reject button.
+    const rejectButtonListItem = document.createElement('li');
+    rejectButtonListItem.className = 'spaced-right--tight';
+    const rejectButton = document.createElement('button');
+    rejectButton.className = 'button button--small';
+    rejectButton.innerHTML = 'Reject additional cookies';
+    rejectButton.addEventListener('click', () => {
+        setHasConsent(null, false);
+        hideNotification();
+    });
+    rejectButtonListItem.appendChild(rejectButton);
+    list.appendChild(rejectButtonListItem);
+
     // Customise link.
     const customiseLinkItem = document.createElement('li');
     customiseLinkItem.className = 'spaced-right--tight';