@nationalarchives/frontend 0.1.23-prerelease → 0.1.25-prerelease

package/nationalarchives/components/cookie-banner/cookie-banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/cookie-banner/cookie-banner.js","mappings":"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","sources":["webpack://TNAFrontend/webpack/universalModuleDefinition","webpack://TNAFrontend/./src/nationalarchives/lib/cookies.mjs","webpack://TNAFrontend/webpack/bootstrap","webpack://TNAFrontend/webpack/runtime/define property getters","webpack://TNAFrontend/webpack/runtime/hasOwnProperty shorthand","webpack://TNAFrontend/webpack/runtime/make namespace object","webpack://TNAFrontend/./src/nationalarchives/components/cookie-banner/cookie-banner.mjs"],"sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine(\"TNAFrontend\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"TNAFrontend\"] = factory();\n\telse\n\t\troot[\"TNAFrontend\"] = factory();\n})(self, () => {\nreturn ","/**\n * Class to handle cookies.\n * @class Cookies\n * @constructor\n * @public\n */\nexport default class Cookies {\n  /** @protected */\n  #policies = {};\n\n  /**\n   * Create a cookie handler.\n   * @param {string[]} [policies=usage,settings] - The cookie policies to manage.\n   * @param {string} [cookiesPolicyKey=cookies_policy] - The name of the cookie.\n   */\n  constructor(\n    policies = [\"usage\", \"settings\"],\n    cookiesPolicyKey = \"cookies_policy\",\n  ) {\n    this.cookiesPolicyKey = cookiesPolicyKey;\n    policies.forEach((policy) => {\n      this.#policies[policy.toLowerCase()] = false;\n    });\n    this.#policies.essential = true;\n  }\n\n  get policies() {\n    return this.exists(this.cookiesPolicyKey)\n      ? (this.#policies = {\n          ...this.#policies,\n          ...this.allPolicies,\n        })\n      : this.#policies;\n  }\n\n  set policies(newPolicyValues) {\n    this.#policies = newPolicyValues;\n  }\n\n  /** @protected */\n  #deserialise(cookieString) {\n    const deserialised = {};\n    cookieString.split(\";\").forEach((cookie) => {\n      const parts = cookie.trim().split(\"=\");\n      deserialised[parts[0]] = parts[1];\n    });\n    return deserialised;\n  }\n\n  get all() {\n    return this.#deserialise(document.cookie);\n  }\n\n  /**\n   * Check to see whether a cookie exists or not.\n   * @param {string} key - The cookie name.\n   * @returns {boolean}\n   */\n  exists(key) {\n    return Object.prototype.hasOwnProperty.call(this.all, key);\n  }\n\n  /**\n   * Check to see whether a cookie has a particular value.\n   * @param {string} key - The cookie name.\n   * @param {string|number|boolean} value - The value to check against.\n   * @returns\n   */\n  hasValue(key, value) {\n    return this.get(key) == value;\n  }\n\n  /**\n   * Get a cookie.\n   * @param {string} key - The cookie name.\n   * @returns {string|number|boolean}\n   */\n  get(key) {\n    return this.exists(key) ? decodeURIComponent(this.all[key]) : null;\n  }\n\n  /**\n   * Set a cookie.\n   * @param {string} key - The cookie name.\n   * @param {string|number|boolean} value - The cookie value.\n   * @param {Object} options\n   * @param {number} [options.maxAge=31536000] - The maximum age of the cookie in seconds.\n   * @param {string} [options.path=/] - The path to register the cookie for.\n   * @param {string} [options.sameSite=Lax] - The sameSite attribute.\n   */\n  set(key, value, options = {}) {\n    const {\n      maxAge = 60 * 60 * 24 * 365,\n      path = \"/\",\n      sameSite = \"Lax\",\n    } = options;\n    document.cookie = `${encodeURIComponent(key)}=${encodeURIComponent(\n      value,\n    )}; SameSite=${sameSite}; path=${path}; max-age=${maxAge}; Secure`;\n  }\n\n  /**\n   * Delete a cookie.\n   * @param {string} key - The cookie name.\n   * @param {string} [path=/] - The path to the cookie is registered on.\n   */\n  delete(key, path = \"/\") {\n    this.set(key, \"\", 0, path);\n  }\n\n  get allPolicies() {\n    return JSON.parse(this.get(this.cookiesPolicyKey) || \"{}\");\n  }\n\n  /**\n   * Accept a policy.\n   * @param {string} policy - The name of the policy.\n   */\n  acceptPolicy(policy) {\n    this.#setPolicy(policy, true);\n    this.savePolicies();\n  }\n\n  /**\n   * Reject a policy.\n   * @param {string} policy - The name of the policy.\n   */\n  rejectPolicy(policy) {\n    if (policy === \"essential\") {\n      return;\n    }\n    this.#setPolicy(policy, false);\n    this.savePolicies();\n  }\n\n  /** @protected */\n  #setPolicy(policy, accepted) {\n    this.policies = {\n      ...this.policies,\n      [policy]: accepted,\n      essential: true,\n    };\n  }\n\n  /**\n   * Commit the policy preferences to the browser.\n   */\n  savePolicies() {\n    this.set(this.cookiesPolicyKey, JSON.stringify(this.policies));\n  }\n\n  /**\n   * Accept all the cookie policies.\n   */\n  acceptAllPolicies() {\n    Object.keys(this.policies).forEach((policy) =>\n      this.#setPolicy(policy, true),\n    );\n    this.savePolicies();\n  }\n\n  /**\n   * Reject all the cookie policies.\n   */\n  rejectAllPolicies() {\n    Object.keys(this.policies).forEach((policy) =>\n      this.#setPolicy(policy, false),\n    );\n    this.savePolicies();\n  }\n\n  /**\n   * Get the acceptance status of a policy.\n   * @param {string} policy - The name of the policy.\n   * @returns {boolean}\n   */\n  isPolicyAccepted(policy) {\n    return Object.prototype.hasOwnProperty.call(this.policies, policy)\n      ? this.policies[policy] === true\n      : null;\n  }\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import Cookies from \"../../lib/cookies.mjs\";\n\nexport class CookieBanner {\n  constructor($module) {\n    this.$module = $module;\n    this.$acceptButton = $module && $module.querySelector('[value=\"accept\"]');\n    this.$rejectButton = $module && $module.querySelector('[value=\"reject\"]');\n    this.$prompt =\n      $module && $module.querySelector(\".tna-cookie-banner__message--prompt\");\n    this.$acceptedMessage =\n      $module && $module.querySelector(\".tna-cookie-banner__message--accepted\");\n    this.$rejectedMessage =\n      $module && $module.querySelector(\".tna-cookie-banner__message--rejected\");\n    this.$closeButtons = $module && $module.querySelectorAll('[value=\"close\"]');\n  }\n\n  init() {\n    if (\n      !this.$module ||\n      !this.$acceptButton ||\n      !this.$rejectButton ||\n      !this.$prompt ||\n      !this.$acceptedMessage ||\n      !this.$rejectedMessage ||\n      !this.$closeButtons\n    ) {\n      return;\n    }\n\n    const policies = this.$module.getAttribute(\"data-policies\");\n    if (!policies) {\n      return;\n    }\n    this.cookies = new Cookies(\n      policies.split(\",\").map((policy) => policy.trim()),\n    );\n\n    this.loadScriptsOnAccept = this.$module.getAttribute(\"data-acceptscripts\");\n\n    this.cookiePreferencesSet =\n      this.$module.getAttribute(\"data-preferenceskey\") ||\n      \"cookies_preferences_set\";\n    const cookiePreferencesSet = this.cookies.hasValue(\n      this.cookiePreferencesSet,\n      \"true\",\n    );\n\n    if (!cookiePreferencesSet) {\n      this.$module.removeAttribute(\"hidden\");\n\n      this.$acceptButton.addEventListener(\"click\", () => this.accept());\n      this.$rejectButton.addEventListener(\"click\", () => this.reject());\n    }\n  }\n\n  accept() {\n    this.$prompt.setAttribute(\"hidden\", true);\n    this.complete();\n    this.$acceptedMessage.removeAttribute(\"hidden\");\n    this.$acceptedMessage.focus();\n    this.$acceptedMessage.setAttribute(\"tabindex\", \"-1\");\n    this.cookies.acceptAllPolicies();\n    if (this.loadScriptsOnAccept) {\n      this.loadScriptsOnAccept.split(\",\").forEach((script) => {\n        const $script = document.createElement(\"script\");\n        $script.src = script;\n        document.head.appendChild($script);\n      });\n    }\n  }\n\n  reject() {\n    this.$prompt.setAttribute(\"hidden\", true);\n    this.complete();\n    this.$rejectedMessage.removeAttribute(\"hidden\");\n    this.$rejectedMessage.focus();\n    this.$rejectedMessage.setAttribute(\"tabindex\", \"-1\");\n    this.cookies.rejectAllPolicies();\n  }\n\n  complete() {\n    this.cookies.set(this.cookiePreferencesSet, true);\n    this.$closeButtons.forEach(($closeButton) => {\n      $closeButton.addEventListener(\"click\", () => this.close());\n    });\n  }\n\n  close() {\n    this.$module.setAttribute(\"hidden\", true);\n  }\n}\n"],"names":["root","factory","exports","module","define","amd","self","Cookies","_this","policies","arguments","length","undefined","cookiesPolicyKey","_classCallCheck","_classPrivateMethodInitSpec","_setPolicy","_deserialise","writable","value","_policies","this","forEach","policy","_classPrivateFieldGet","toLowerCase","essential","key","get","exists","_classPrivateFieldSet","_objectSpread","allPolicies","set","newPolicyValues","_classPrivateMethodGet","_deserialise2","call","document","cookie","Object","prototype","hasOwnProperty","all","decodeURIComponent","options","_options$maxAge","maxAge","_options$path","path","_options$sameSite","sameSite","concat","encodeURIComponent","JSON","parse","_setPolicy2","savePolicies","stringify","_this2","keys","_this3","cookieString","deserialised","split","parts","trim","accepted","_objectSpread2","_defineProperty","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","__webpack_modules__","d","definition","o","defineProperty","enumerable","obj","prop","r","Symbol","toStringTag","CookieBanner","$module","$acceptButton","querySelector","$rejectButton","$prompt","$acceptedMessage","$rejectedMessage","$closeButtons","querySelectorAll","getAttribute","cookies","map","loadScriptsOnAccept","cookiePreferencesSet","hasValue","removeAttribute","addEventListener","accept","reject","setAttribute","complete","focus","acceptAllPolicies","script","$script","createElement","src","head","appendChild","rejectAllPolicies","$closeButton","close"],"sourceRoot":""}
+{"version":3,"file":"components/cookie-banner/cookie-banner.js","mappings":"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","sources":["webpack://TNAFrontend/webpack/universalModuleDefinition","webpack://TNAFrontend/./src/nationalarchives/lib/cookies.mjs","webpack://TNAFrontend/webpack/bootstrap","webpack://TNAFrontend/webpack/runtime/define property getters","webpack://TNAFrontend/webpack/runtime/hasOwnProperty shorthand","webpack://TNAFrontend/webpack/runtime/make namespace object","webpack://TNAFrontend/./src/nationalarchives/components/cookie-banner/cookie-banner.mjs"],"sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine(\"TNAFrontend\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"TNAFrontend\"] = factory();\n\telse\n\t\troot[\"TNAFrontend\"] = factory();\n})(self, () => {\nreturn ","export class CookieEventHandler {\n  events = {};\n\n  constructor() {\n    if (CookieEventHandler._instance) {\n      return CookieEventHandler._instance;\n    }\n    CookieEventHandler._instance = this;\n  }\n\n  /**\n   * Add an event listener.\n   * @param {string} event - The event to add a listener for.\n   * @param {function} callback - The callback function to call when the event is triggered.\n   */\n  on(event, callback) {\n    if (!Object.prototype.hasOwnProperty.call(this.events, event)) {\n      this.events[event] = [];\n    }\n    this.events[event] = [...this.events[event], callback];\n  }\n\n  /** @protected */\n  trigger(event, data = {}) {\n    if (Object.prototype.hasOwnProperty.call(this.events, event)) {\n      this.events[event].forEach((eventToTrigger) =>\n        eventToTrigger.call(this, data),\n      );\n    }\n  }\n}\n\n/**\n * Class to handle cookies.\n * @class Cookies\n * @constructor\n * @public\n */\nexport default class Cookies {\n  /** @protected */\n  extraPolicies = [];\n  /** @protected */\n  domain = \"\";\n  /** @protected */\n  secure = true;\n  /** @protected */\n  policiesKey = \"\";\n\n  /**\n   * Create a cookie handler.\n   * @param {string[]} [extraPolicies=[]] - The extra cookie policies to manage in addition to essential, settings and usage.\n   * @param {string} [options.domain=\"\"] - The domain to register the cookie with.\n   * @param {string} [options.secure=true] - Only set cookie in HTTPS environments.\n   * @param {string} [options.policiesKey=cookies_policy] - The name of the cookie.\n   */\n  constructor(extraPolicies = [], options = {}) {\n    const {\n      domain = \"\",\n      secure = true,\n      policiesKey = \"cookies_policy\",\n    } = options;\n    this.extraPolicies = extraPolicies;\n    this.domain = domain;\n    this.secure = secure;\n    this.policiesKey = policiesKey;\n    this.events = new CookieEventHandler();\n    this.init();\n  }\n\n  /** @protected */\n  init() {\n    this.savePolicies({\n      ...Object.fromEntries(\n        this.extraPolicies.map((k) => [k.toLowerCase(), false]),\n      ),\n      usage: false,\n      settings: false,\n      ...this.policies,\n      essential: true,\n    });\n  }\n\n  get all() {\n    const deserialised = {};\n    document.cookie\n      .split(\"; \")\n      .filter((x) => x)\n      .forEach((cookie) => {\n        const parts = cookie.trim().split(\"=\");\n        if (parts[0]) {\n          deserialised[parts[0]] = parts[1];\n        }\n      });\n    return deserialised;\n  }\n\n  get policies() {\n    try {\n      return JSON.parse(this.get(this.policiesKey) || \"{}\");\n    } catch (e) {\n      return {};\n    }\n  }\n\n  /**\n   * Check to see whether a cookie exists or not.\n   * @param {string} key - The cookie name.\n   * @returns {boolean}\n   */\n  exists(key) {\n    return Object.prototype.hasOwnProperty.call(this.all, key);\n  }\n\n  /**\n   * Check to see whether a cookie has a particular value.\n   * @param {string} key - The cookie name.\n   * @param {string|number|boolean} value - The value to check against.\n   * @returns\n   */\n  hasValue(key, value) {\n    return this.get(key) == value;\n  }\n\n  /**\n   * Get a cookie.\n   * @param {string} key - The cookie name.\n   * @returns {string|number|boolean}\n   */\n  get(key) {\n    return this.exists(key) ? decodeURIComponent(this.all[key]) : null;\n  }\n\n  /**\n   * Set a cookie.\n   * @param {string} key - The cookie name.\n   * @param {string|number|boolean} value - The cookie value.\n   * @param {Object} options\n   * @param {number} [options.maxAge=31536000] - The maximum age of the cookie in seconds.\n   * @param {string} [options.path=/] - The path to register the cookie for.\n   * @param {string} [options.sameSite=Lax] - The sameSite attribute.\n   * @param {string} [options.domain=this.domain] - The domain to register the cookie with.\n   * @param {string} [options.secure=this.secure] - Only set cookie in HTTPS environments.\n   */\n  set(key, value, options = {}) {\n    const {\n      maxAge = 60 * 60 * 24 * 365,\n      path = \"/\",\n      sameSite = \"Lax\",\n      domain = this.domain,\n      secure = this.secure,\n    } = options;\n    if (!key) {\n      return;\n    }\n    const cookie = `${encodeURIComponent(key)}=${encodeURIComponent(value)};${\n      domain ? ` domain=${domain}; ` : \"\"\n    } samesite=${sameSite}; path=${path}; max-age=${maxAge}${\n      secure ? \"; secure\" : \"\"\n    }`;\n    document.cookie = cookie;\n    this.events.trigger(\"setCookie\", {\n      key,\n      value,\n      maxAge,\n      path,\n      sameSite,\n      domain,\n      secure,\n      cookie,\n    });\n  }\n\n  /**\n   * Delete a cookie.\n   * @param {string} key - The cookie name.\n   * @param {string} [path=/] - The path to the cookie is registered on.\n   */\n  delete(key, path = \"/\", domain = null) {\n    const options = { maxAge: -1, path, domain: domain || undefined };\n    this.set(key, \"\", options);\n    this.events.trigger(\"deleteCookie\", { key, ...options });\n  }\n\n  /**\n   * Delete all cookies.\n   */\n  deleteAll(path = \"/\", domain = null) {\n    Object.keys(this.all).forEach((cookie) => {\n      this.delete(cookie, path, domain);\n    });\n    this.events.trigger(\"deleteAllCookies\", { path, domain });\n  }\n\n  /**\n   * Accept a policy.\n   * @param {string} policy - The name of the policy.\n   */\n  acceptPolicy(policy) {\n    this.setPolicy(policy, true);\n    this.events.trigger(\"acceptPolicy\", policy);\n    this.events.trigger(\"changePolicy\", { [policy]: true });\n  }\n\n  /**\n   * Reject a policy.\n   * @param {string} policy - The name of the policy.\n   */\n  rejectPolicy(policy) {\n    this.setPolicy(policy, false);\n    this.events.trigger(\"rejectPolicy\", policy);\n    this.events.trigger(\"changePolicy\", { [policy]: false });\n  }\n\n  /**\n   * Set a policy.\n   * @param {string} policy - The name of the policy.\n   * @param {boolean} accepted - Whether the policy is accepted or not.\n   */\n  setPolicy(policy, accepted) {\n    if (policy === \"essential\") {\n      return;\n    }\n    this.savePolicies({\n      ...this.policies,\n      [policy]: accepted,\n      essential: true,\n    });\n    this.events.trigger(\"changePolicy\", { [policy]: accepted });\n  }\n\n  /**\n   * Accept all the cookie policies.\n   */\n  acceptAllPolicies() {\n    const allPolicies = Object.fromEntries(\n      Object.keys(this.policies).map((k) => [k.toLowerCase(), true]),\n    );\n    this.savePolicies(allPolicies);\n    this.events.trigger(\"acceptAllPolicies\");\n    this.events.trigger(\"changePolicy\", allPolicies);\n  }\n\n  /**\n   * Reject all the cookie policies.\n   */\n  rejectAllPolicies() {\n    const allPolicies = {\n      ...Object.fromEntries(\n        Object.keys(this.policies).map((k) => [k.toLowerCase(), false]),\n      ),\n      essential: true,\n    };\n    this.savePolicies(allPolicies);\n    this.events.trigger(\"rejectAllPolicies\");\n    this.events.trigger(\"changePolicy\", allPolicies);\n  }\n\n  /**\n   * Commit policy preferences to the browser.\n   * @param {object} policies - The policies to commit.\n   */\n  savePolicies(policies) {\n    this.set(this.policiesKey, JSON.stringify(policies));\n  }\n\n  /**\n   * Get the acceptance status of a policy.\n   * @param {string} policy - The name of the policy.\n   * @returns {boolean}\n   */\n  isPolicyAccepted(policy) {\n    return Object.prototype.hasOwnProperty.call(this.policies, policy)\n      ? this.policies[policy] === true\n      : null;\n  }\n\n  /**\n   * Add an event listener.\n   * @param {string} event - The event to add a listener for.\n   * @param {function} callback - The callback function to call when the event is triggered.\n   */\n  on(event, callback) {\n    this.events.on(event, callback);\n  }\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import Cookies from \"../../lib/cookies.mjs\";\n\nexport class CookieBanner {\n  constructor($module) {\n    this.$module = $module;\n    this.$acceptButton = $module && $module.querySelector('[value=\"accept\"]');\n    this.$rejectButton = $module && $module.querySelector('[value=\"reject\"]');\n    this.$prompt =\n      $module && $module.querySelector(\".tna-cookie-banner__message--prompt\");\n    this.$acceptedMessage =\n      $module && $module.querySelector(\".tna-cookie-banner__message--accepted\");\n    this.$rejectedMessage =\n      $module && $module.querySelector(\".tna-cookie-banner__message--rejected\");\n    this.$closeButtons = $module && $module.querySelectorAll('[value=\"close\"]');\n  }\n\n  init() {\n    if (\n      !this.$module ||\n      !this.$acceptButton ||\n      !this.$rejectButton ||\n      !this.$prompt ||\n      !this.$acceptedMessage ||\n      !this.$rejectedMessage ||\n      !this.$closeButtons\n    ) {\n      return;\n    }\n\n    const policies = this.$module.getAttribute(\"data-policies\") || \"\";\n    const domain = this.$module.getAttribute(\"data-domain\") || undefined;\n    const secure = this.$module.getAttribute(\"data-secure\") || undefined;\n    const policiesKey =\n      this.$module.getAttribute(\"data-policies-key\") || undefined;\n\n    this.cookies = new (window.TNAFrontend?.Cookies || Cookies)(\n      policies\n        .split(\",\")\n        .filter((x) => x)\n        .map((policy) => policy.trim()),\n      {\n        domain,\n        secure,\n        policiesKey,\n      },\n    );\n\n    this.cookiePreferencesSet =\n      this.$module.getAttribute(\"data-preferenceskey\") ||\n      \"cookie_preferences_set\";\n    const cookiePreferencesSet = this.cookies.hasValue(\n      this.cookiePreferencesSet,\n      \"true\",\n    );\n\n    if (!cookiePreferencesSet) {\n      this.$module.removeAttribute(\"hidden\");\n\n      this.$acceptButton.addEventListener(\"click\", () => this.accept());\n      this.$rejectButton.addEventListener(\"click\", () => this.reject());\n    }\n  }\n\n  accept() {\n    this.$prompt.setAttribute(\"hidden\", true);\n    this.complete();\n    this.$acceptedMessage.removeAttribute(\"hidden\");\n    this.$acceptedMessage.focus();\n    this.$acceptedMessage.setAttribute(\"tabindex\", \"-1\");\n    this.cookies.acceptAllPolicies();\n  }\n\n  reject() {\n    this.$prompt.setAttribute(\"hidden\", true);\n    this.complete();\n    this.$rejectedMessage.removeAttribute(\"hidden\");\n    this.$rejectedMessage.focus();\n    this.$rejectedMessage.setAttribute(\"tabindex\", \"-1\");\n    this.cookies.rejectAllPolicies();\n  }\n\n  complete() {\n    this.cookies.set(this.cookiePreferencesSet, true);\n    this.$closeButtons.forEach(($closeButton) => {\n      $closeButton.addEventListener(\"click\", () => this.close());\n    });\n  }\n\n  close() {\n    this.$module.setAttribute(\"hidden\", true);\n  }\n}\n"],"names":["root","factory","exports","module","define","amd","self","CookieEventHandler","_classCallCheck","_defineProperty","_instance","this","_createClass","key","value","event","callback","Object","prototype","hasOwnProperty","call","events","concat","_this","data","arguments","length","undefined","forEach","eventToTrigger","Cookies","extraPolicies","options","_options$domain","domain","_options$secure","secure","_options$policiesKey","policiesKey","init","savePolicies","_objectSpread","fromEntries","map","k","toLowerCase","usage","settings","policies","essential","get","deserialised","document","cookie","split","filter","x","parts","trim","JSON","parse","e","all","exists","decodeURIComponent","_options$maxAge","maxAge","_options$path","path","_options$sameSite","sameSite","_options$domain2","_options$secure2","encodeURIComponent","trigger","set","_this2","keys","policy","setPolicy","accepted","_objectSpread2","allPolicies","stringify","on","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","__webpack_modules__","d","definition","o","defineProperty","enumerable","obj","prop","r","Symbol","toStringTag","CookieBanner","$module","$acceptButton","querySelector","$rejectButton","$prompt","$acceptedMessage","$rejectedMessage","$closeButtons","querySelectorAll","_window$TNAFrontend","getAttribute","cookies","window","TNAFrontend","cookiePreferencesSet","hasValue","removeAttribute","addEventListener","accept","reject","setAttribute","complete","focus","acceptAllPolicies","rejectAllPolicies","$closeButton","close"],"sourceRoot":""}

package/nationalarchives/components/cookie-banner/cookie-banner.mjs

@@ -27,19 +27,27 @@ export class CookieBanner {
       return;
     }
 
-    const policies = this.$module.getAttribute("data-policies");
-    if (!policies) {
-      return;
-    }
-    this.cookies = new Cookies(
-      policies.split(",").map((policy) => policy.trim()),
-    );
+    const policies = this.$module.getAttribute("data-policies") || "";
+    const domain = this.$module.getAttribute("data-domain") || undefined;
+    const secure = this.$module.getAttribute("data-secure") || undefined;
+    const policiesKey =
+      this.$module.getAttribute("data-policies-key") || undefined;
 
-    this.loadScriptsOnAccept = this.$module.getAttribute("data-acceptscripts");
+    this.cookies = new (window.TNAFrontend?.Cookies || Cookies)(
+      policies
+        .split(",")
+        .filter((x) => x)
+        .map((policy) => policy.trim()),
+      {
+        domain,
+        secure,
+        policiesKey,
+      },
+    );
 
     this.cookiePreferencesSet =
       this.$module.getAttribute("data-preferenceskey") ||
-      "cookies_preferences_set";
+      "cookie_preferences_set";
     const cookiePreferencesSet = this.cookies.hasValue(
       this.cookiePreferencesSet,
       "true",
@@ -60,13 +68,6 @@ export class CookieBanner {
     this.$acceptedMessage.focus();
     this.$acceptedMessage.setAttribute("tabindex", "-1");
     this.cookies.acceptAllPolicies();
-    if (this.loadScriptsOnAccept) {
-      this.loadScriptsOnAccept.split(",").forEach((script) => {
-        const $script = document.createElement("script");
-        $script.src = script;
-        document.head.appendChild($script);
-      });
-    }
   }
 
   reject() {

package/nationalarchives/components/cookie-banner/cookie-banner.scss

@@ -7,7 +7,7 @@
 @use "../grid";
 
 .tna-cookie-banner {
-  @include colour.invert;
+  @include colour.contrast;
 
   padding-top: 2rem;
   padding-bottom: 2rem;

package/nationalarchives/components/cookie-banner/cookie-banner.stories.js

@@ -5,10 +5,12 @@ import { within, userEvent } from "@storybook/testing-library";
 import Cookies from "../../lib/cookies.mjs";
 
 const argTypes = {
-  url: { control: "text" },
+  cookiesUrl: { control: "text" },
   policies: { control: "text" },
-  cookiesPreferencesSetKey: { control: "text" },
-  loadScriptsOnAccept: { control: "text" },
+  policiesKey: { control: "text" },
+  preferencesSetKey: { control: "text" },
+  cookiesDomain: { control: "text" },
+  allowInsecure: { control: "boolean" },
   classes: { control: "text" },
   attributes: { control: "object" },
 };
@@ -25,19 +27,23 @@ export default {
 };
 
 const Template = ({
-  url,
+  cookiesUrl,
   policies,
-  cookiesPreferencesSetKey,
-  loadScriptsOnAccept,
+  policiesKey,
+  preferencesSetKey,
+  cookiesDomain,
+  allowInsecure,
   classes,
   attributes,
 }) =>
   CookieBanner({
     params: {
-      url,
+      cookiesUrl,
       policies,
-      cookiesPreferencesSetKey,
-      loadScriptsOnAccept,
+      policiesKey,
+      preferencesSetKey,
+      cookiesDomain,
+      allowInsecure,
       classes,
       attributes,
     },
@@ -49,23 +55,19 @@ Standard.args = {
   classes: "tna-cookie-banner--demo",
 };
 
-const deleteAllCookies = (cookies) => {
-  Object.keys(cookies.all).forEach((cookie) => cookies.delete(cookie));
-};
-
 export const Accept = Template.bind({});
 Accept.args = {
   cookiesUrl: "#",
+  allowInsecure: true,
   classes: "tna-cookie-banner--demo",
 };
 Accept.play = async ({ canvasElement }) => {
-  const cookies = new Cookies();
-  deleteAllCookies(cookies);
-
+  const cookies = new window.TNAFrontend.Cookies();
   await expect(cookies.isPolicyAccepted("essential")).toEqual(true);
   await expect(cookies.isPolicyAccepted("usage")).toEqual(false);
   await expect(cookies.isPolicyAccepted("settings")).toEqual(false);
   await expect(cookies.isPolicyAccepted("unknown")).toEqual(null);
+  await expect(cookies.exists("cookie_preferences_set")).toEqual(false);
 
   const canvas = within(canvasElement);
   const acceptButton = canvas.getByText("Accept cookies");
@@ -78,6 +80,11 @@ Accept.play = async ({ canvasElement }) => {
   await expect(cookies.isPolicyAccepted("usage")).toEqual(true);
   await expect(cookies.isPolicyAccepted("settings")).toEqual(true);
   await expect(cookies.isPolicyAccepted("unknown")).toEqual(null);
+  await expect(cookies.exists("cookie_preferences_set")).toEqual(true);
+  await expect(cookies.get("cookie_preferences_set")).toEqual("true");
+  await expect(cookies.hasValue("cookie_preferences_set", "true")).toEqual(
+    true,
+  );
   await expect(acceptButton).not.toBeVisible();
   await expect(rejectButton).not.toBeVisible();
 
@@ -86,8 +93,6 @@ Accept.play = async ({ canvasElement }) => {
   // await userEvent.click(closeButton);
 
   // await expect(closeButton).not.toBeVisible();
-
-  deleteAllCookies(cookies);
 };
 
 export const Reject = Template.bind({});
@@ -97,12 +102,11 @@ Reject.args = {
 };
 Reject.play = async ({ canvasElement }) => {
   const cookies = new Cookies();
-  deleteAllCookies(cookies);
-
   await expect(cookies.isPolicyAccepted("essential")).toEqual(true);
   await expect(cookies.isPolicyAccepted("usage")).toEqual(false);
   await expect(cookies.isPolicyAccepted("settings")).toEqual(false);
   await expect(cookies.isPolicyAccepted("unknown")).toEqual(null);
+  await expect(cookies.exists("cookie_preferences_set")).toEqual(false);
 
   const canvas = within(canvasElement);
   const acceptButton = canvas.getByText("Accept cookies");
@@ -115,10 +119,15 @@ Reject.play = async ({ canvasElement }) => {
   await expect(cookies.isPolicyAccepted("usage")).toEqual(false);
   await expect(cookies.isPolicyAccepted("settings")).toEqual(false);
   await expect(cookies.isPolicyAccepted("unknown")).toEqual(null);
+  await expect(cookies.exists("cookie_preferences_set")).toEqual(true);
+  await expect(cookies.get("cookie_preferences_set")).toEqual("true");
+  await expect(cookies.hasValue("cookie_preferences_set", "true")).toEqual(
+    true,
+  );
   await expect(acceptButton).not.toBeVisible();
   await expect(rejectButton).not.toBeVisible();
 
-  deleteAllCookies(cookies);
+  await cookies.deleteAll();
 };
 
 export const CustomPolicies = Template.bind({});
@@ -127,51 +136,92 @@ CustomPolicies.args = {
   policies: "custom",
   classes: "tna-cookie-banner--demo",
 };
+CustomPolicies.parameters = {
+  chromatic: { disableSnapshot: true },
+};
 CustomPolicies.play = async ({ args, canvasElement }) => {
   const cookies = new Cookies(args.policies.split(","));
-  deleteAllCookies(cookies);
-
   await expect(cookies.isPolicyAccepted("essential")).toEqual(true);
-  await expect(cookies.isPolicyAccepted("usage")).toEqual(null);
-  await expect(cookies.isPolicyAccepted("settings")).toEqual(null);
+  await expect(cookies.isPolicyAccepted("usage")).toEqual(false);
+  await expect(cookies.isPolicyAccepted("settings")).toEqual(false);
   await expect(cookies.isPolicyAccepted("custom")).toEqual(false);
+  await expect(cookies.exists("cookie_preferences_set")).toEqual(false);
 
   const canvas = within(canvasElement);
   const acceptButton = canvas.getByText("Accept cookies");
   await userEvent.click(acceptButton);
 
   await expect(cookies.isPolicyAccepted("essential")).toEqual(true);
-  await expect(cookies.isPolicyAccepted("usage")).toEqual(null);
-  await expect(cookies.isPolicyAccepted("settings")).toEqual(null);
+  await expect(cookies.isPolicyAccepted("usage")).toEqual(true);
+  await expect(cookies.isPolicyAccepted("settings")).toEqual(true);
   await expect(cookies.isPolicyAccepted("custom")).toEqual(true);
+  await expect(cookies.exists("cookie_preferences_set")).toEqual(true);
+  await expect(cookies.get("cookie_preferences_set")).toEqual("true");
+  await expect(cookies.hasValue("cookie_preferences_set", "true")).toEqual(
+    true,
+  );
 
-  deleteAllCookies(cookies);
+  await cookies.deleteAll();
 };
 
-export const AddScriptsOnAccept = Template.bind({});
-AddScriptsOnAccept.args = {
+export const Existing = Template.bind({});
+Existing.args = {
   cookiesUrl: "#",
-  loadScriptsOnAccept: "my-usage-script.js",
+  allowInsecure: true,
   classes: "tna-cookie-banner--demo",
 };
-AddScriptsOnAccept.play = async ({ args, canvasElement }) => {
+Existing.decorators = [
+  (Story) => {
+    const cookies = new Cookies();
+    cookies.set("cookie_preferences_set", true);
+    return Story();
+  },
+];
+Existing.play = async ({ canvasElement }) => {
   const cookies = new Cookies();
-  deleteAllCookies(cookies);
-
-  const noScript = document.querySelector(
-    `script[src="${args.loadScriptsOnAccept}"]`,
+  await expect(cookies.isPolicyAccepted("essential")).toEqual(true);
+  await expect(cookies.isPolicyAccepted("usage")).toEqual(false);
+  await expect(cookies.isPolicyAccepted("settings")).toEqual(false);
+  await expect(cookies.isPolicyAccepted("unknown")).toEqual(null);
+  await expect(cookies.exists("cookie_preferences_set")).toEqual(true);
+  await expect(cookies.get("cookie_preferences_set")).toEqual("true");
+  await expect(cookies.hasValue("cookie_preferences_set", "true")).toEqual(
+    true,
   );
-  await expect(noScript).toEqual(null);
 
   const canvas = within(canvasElement);
   const acceptButton = canvas.getByText("Accept cookies");
-  await userEvent.click(acceptButton);
-
-  const script = document.querySelector(
-    `script[src="${args.loadScriptsOnAccept}"]`,
-  );
-  await expect(script).toBeTruthy();
+  const rejectButton = canvas.getByText("Reject cookies");
+  await expect(acceptButton).not.toBeVisible();
+  await expect(rejectButton).not.toBeVisible();
 
-  deleteAllCookies(cookies);
-  script.remove();
+  await cookies.deleteAll();
 };
+
+// export const EventHandling = Template.bind({});
+// EventHandling.args = {
+//   cookiesUrl: "#",
+//   policies: "custom",
+//   classes: "tna-cookie-banner--demo",
+// };
+// EventHandling.play = async ({ args, canvasElement }) => {
+//   deleteAllCookies();
+
+//   const cookies = new Cookies();
+
+//   const onChangePolicy = jest.fn(data => {
+//     console.log(data)
+//   })
+//   cookies.on("changePolicy", onChangePolicy)
+
+//   const canvas = within(canvasElement);
+//   const acceptButton = canvas.getByText("Accept cookies");
+//   await userEvent.click(acceptButton);
+
+//   await expect(onChangePolicy.mock).toHaveBeenCalledTimes(1);
+//   await expect(onChangePolicy.mock.calls).toHaveLength(1);
+//   await expect(onChangePolicy.mock.results[0].value).toHaveProperty("custom");
+//   await expect(onChangePolicy.mock.results[0].value.custom).toEqual(true);
+
+//   deleteAllCookies();
+// };

package/nationalarchives/components/cookie-banner/fixtures.json

@@ -1,4 +1,87 @@
 {
   "component": "cookie-banner",
-  "fixtures": []
+  "fixtures": [
+    {
+      "name": "minimal",
+      "options": {
+        "cookiesUrl": "/cookies"
+      },
+      "html": "<div class=\"tna-cookie-banner \" role=\"region\" aria-label=\"Cookie usage\" data-module=\"tna-cookie-banner\" data-policies=\"\" data-preferenceskey=\"cookie_preferences_set\" data-policies-key=\"\" data-domain=\"\" data-insecure=\"false\" hidden><div class=\"tna-container\"><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--prompt\"><h2 class=\"tna-heading-m\">This website uses cookies</h2><p>We use some essential cookies to make this service work.</p><p>We'd also like to use analytics cookies so we can understand how you use the service and make improvements.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"accept\">Accept cookies</button><button class=\"tna-button \" value=\"reject\">Reject cookies</button><a href=\"/cookies\" class=\"tna-button tna-button--plain\" role=\"button\">Set cookie preferences</a></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--accepted\" tabindex=\"0\" hidden><p>You have accepted optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"close\">Close this message</button></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--rejected\" tabindex=\"0\" hidden><p>You have rejected optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"close\">Close this message</button></div></div></div></div>",
+      "hidden": false
+    },
+    {
+      "name": "custom preferences set key",
+      "options": {
+        "cookiesUrl": "/cookies",
+        "cookiesPreferencesSetKey": "custom"
+      },
+      "html": "<div class=\"tna-cookie-banner \" role=\"region\" aria-label=\"Cookie usage\" data-module=\"tna-cookie-banner\" data-policies=\"\" data-preferenceskey=\"cookie_preferences_set\" data-policies-key=\"\" data-domain=\"\" data-insecure=\"false\" hidden><div class=\"tna-container\"><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--prompt\"><h2 class=\"tna-heading-m\">This website uses cookies</h2><p>We use some essential cookies to make this service work.</p><p>We'd also like to use analytics cookies so we can understand how you use the service and make improvements.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"accept\">Accept cookies</button><button class=\"tna-button \" value=\"reject\">Reject cookies</button><a href=\"/cookies\" class=\"tna-button tna-button--plain\" role=\"button\">Set cookie preferences</a></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--accepted\" tabindex=\"0\" hidden><p>You have accepted optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"close\">Close this message</button></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--rejected\" tabindex=\"0\" hidden><p>You have rejected optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"close\">Close this message</button></div></div></div></div>",
+      "hidden": false
+    },
+    {
+      "name": "custom policies",
+      "options": {
+        "cookiesUrl": "/cookies",
+        "policies": "custom"
+      },
+      "html": "<div class=\"tna-cookie-banner \" role=\"region\" aria-label=\"Cookie usage\" data-module=\"tna-cookie-banner\" data-policies=\"custom\" data-preferenceskey=\"cookie_preferences_set\" data-policies-key=\"\" data-domain=\"\" data-insecure=\"false\" hidden><div class=\"tna-container\"><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--prompt\"><h2 class=\"tna-heading-m\">This website uses cookies</h2><p>We use some essential cookies to make this service work.</p><p>We'd also like to use analytics cookies so we can understand how you use the service and make improvements.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"accept\">Accept cookies</button><button class=\"tna-button \" value=\"reject\">Reject cookies</button><a href=\"/cookies\" class=\"tna-button tna-button--plain\" role=\"button\">Set cookie preferences</a></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--accepted\" tabindex=\"0\" hidden><p>You have accepted optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"close\">Close this message</button></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--rejected\" tabindex=\"0\" hidden><p>You have rejected optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"close\">Close this message</button></div></div></div></div>",
+      "hidden": false
+    },
+    {
+      "name": "custom policies key",
+      "options": {
+        "cookiesUrl": "/cookies",
+        "policiesKey": "custom_key"
+      },
+      "html": "<div class=\"tna-cookie-banner \" role=\"region\" aria-label=\"Cookie usage\" data-module=\"tna-cookie-banner\" data-policies=\"\" data-preferenceskey=\"cookie_preferences_set\" data-policies-key=\"custom_key\" data-domain=\"\" data-insecure=\"false\" hidden><div class=\"tna-container\"><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--prompt\"><h2 class=\"tna-heading-m\">This website uses cookies</h2><p>We use some essential cookies to make this service work.</p><p>We'd also like to use analytics cookies so we can understand how you use the service and make improvements.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"accept\">Accept cookies</button><button class=\"tna-button \" value=\"reject\">Reject cookies</button><a href=\"/cookies\" class=\"tna-button tna-button--plain\" role=\"button\">Set cookie preferences</a></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--accepted\" tabindex=\"0\" hidden><p>You have accepted optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"close\">Close this message</button></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--rejected\" tabindex=\"0\" hidden><p>You have rejected optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"close\">Close this message</button></div></div></div></div>",
+      "hidden": false
+    },
+    {
+      "name": "with domain",
+      "options": {
+        "cookiesUrl": "/cookies",
+        "cookiesDomain": "nationalarchives.gov.uk"
+      },
+      "html": "<div class=\"tna-cookie-banner \" role=\"region\" aria-label=\"Cookie usage\" data-module=\"tna-cookie-banner\" data-policies=\"\" data-preferenceskey=\"cookie_preferences_set\" data-policies-key=\"\" data-domain=\"nationalarchives.gov.uk\" data-insecure=\"false\" hidden><div class=\"tna-container\"><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--prompt\"><h2 class=\"tna-heading-m\">This website uses cookies</h2><p>We use some essential cookies to make this service work.</p><p>We'd also like to use analytics cookies so we can understand how you use the service and make improvements.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"accept\">Accept cookies</button><button class=\"tna-button \" value=\"reject\">Reject cookies</button><a href=\"/cookies\" class=\"tna-button tna-button--plain\" role=\"button\">Set cookie preferences</a></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--accepted\" tabindex=\"0\" hidden><p>You have accepted optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"close\">Close this message</button></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--rejected\" tabindex=\"0\" hidden><p>You have rejected optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"close\">Close this message</button></div></div></div></div>",
+      "hidden": false
+    },
+    {
+      "name": "with preferences set key",
+      "options": {
+        "cookiesUrl": "/cookies",
+        "preferencesSetKey": "custom_preferences_set_key"
+      },
+      "html": "<div class=\"tna-cookie-banner \" role=\"region\" aria-label=\"Cookie usage\" data-module=\"tna-cookie-banner\" data-policies=\"\" data-preferenceskey=\"custom_preferences_set_key\" data-policies-key=\"\" data-domain=\"\" data-insecure=\"false\" hidden><div class=\"tna-container\"><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--prompt\"><h2 class=\"tna-heading-m\">This website uses cookies</h2><p>We use some essential cookies to make this service work.</p><p>We'd also like to use analytics cookies so we can understand how you use the service and make improvements.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"accept\">Accept cookies</button><button class=\"tna-button \" value=\"reject\">Reject cookies</button><a href=\"/cookies\" class=\"tna-button tna-button--plain\" role=\"button\">Set cookie preferences</a></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--accepted\" tabindex=\"0\" hidden><p>You have accepted optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"close\">Close this message</button></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--rejected\" tabindex=\"0\" hidden><p>You have rejected optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"close\">Close this message</button></div></div></div></div>",
+      "hidden": false
+    },
+    {
+      "name": "insecure",
+      "options": {
+        "cookiesUrl": "/cookies",
+        "allowInsecure": true
+      },
+      "html": "<div class=\"tna-cookie-banner \" role=\"region\" aria-label=\"Cookie usage\" data-module=\"tna-cookie-banner\" data-policies=\"\" data-preferenceskey=\"cookie_preferences_set\" data-policies-key=\"\" data-domain=\"\" data-insecure=\"true\" hidden><div class=\"tna-container\"><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--prompt\"><h2 class=\"tna-heading-m\">This website uses cookies</h2><p>We use some essential cookies to make this service work.</p><p>We'd also like to use analytics cookies so we can understand how you use the service and make improvements.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"accept\">Accept cookies</button><button class=\"tna-button \" value=\"reject\">Reject cookies</button><a href=\"/cookies\" class=\"tna-button tna-button--plain\" role=\"button\">Set cookie preferences</a></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--accepted\" tabindex=\"0\" hidden><p>You have accepted optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"close\">Close this message</button></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--rejected\" tabindex=\"0\" hidden><p>You have rejected optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"close\">Close this message</button></div></div></div></div>",
+      "hidden": false
+    },
+    {
+      "name": "with classes",
+      "options": {
+        "cookiesUrl": "/cookies",
+        "classes": "tna-cookie-banner--fixture"
+      },
+      "html": "<div class=\"tna-cookie-banner tna-cookie-banner--fixture\" role=\"region\" aria-label=\"Cookie usage\" data-module=\"tna-cookie-banner\" data-policies=\"\" data-preferenceskey=\"cookie_preferences_set\" data-policies-key=\"\" data-domain=\"\" data-insecure=\"false\" hidden><div class=\"tna-container\"><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--prompt\"><h2 class=\"tna-heading-m\">This website uses cookies</h2><p>We use some essential cookies to make this service work.</p><p>We'd also like to use analytics cookies so we can understand how you use the service and make improvements.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"accept\">Accept cookies</button><button class=\"tna-button \" value=\"reject\">Reject cookies</button><a href=\"/cookies\" class=\"tna-button tna-button--plain\" role=\"button\">Set cookie preferences</a></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--accepted\" tabindex=\"0\" hidden><p>You have accepted optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"close\">Close this message</button></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--rejected\" tabindex=\"0\" hidden><p>You have rejected optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"close\">Close this message</button></div></div></div></div>",
+      "hidden": false
+    },
+    {
+      "name": "with attributes",
+      "options": {
+        "cookiesUrl": "/cookies",
+        "attributes": {
+          "data-fixturetest": "pass"
+        }
+      },
+      "html": "<div class=\"tna-cookie-banner \" role=\"region\" aria-label=\"Cookie usage\" data-module=\"tna-cookie-banner\" data-policies=\"\" data-preferenceskey=\"cookie_preferences_set\" data-policies-key=\"\" data-domain=\"\" data-insecure=\"false\" data-fixturetest=\"pass\" hidden><div class=\"tna-container\"><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--prompt\"><h2 class=\"tna-heading-m\">This website uses cookies</h2><p>We use some essential cookies to make this service work.</p><p>We'd also like to use analytics cookies so we can understand how you use the service and make improvements.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"accept\">Accept cookies</button><button class=\"tna-button \" value=\"reject\">Reject cookies</button><a href=\"/cookies\" class=\"tna-button tna-button--plain\" role=\"button\">Set cookie preferences</a></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--accepted\" tabindex=\"0\" hidden><p>You have accepted optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"close\">Close this message</button></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--rejected\" tabindex=\"0\" hidden><p>You have rejected optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"close\">Close this message</button></div></div></div></div>",
+      "hidden": false
+    }
+  ]
 }

package/nationalarchives/components/cookie-banner/macro-options.json

@@ -18,11 +18,17 @@
     "description": ""
   },
   {
-    "name": "loadScriptsOnAccept",
+    "name": "cookiesDomain",
     "type": "string",
     "required": false,
     "description": ""
   },
+  {
+    "name": "allowInsecure",
+    "type": "boolean",
+    "required": false,
+    "description": ""
+  },
   {
     "name": "classes",
     "type": "string",

package/nationalarchives/components/cookie-banner/template.njk

@@ -1,7 +1,7 @@
 {% from "nationalarchives/components/button/macro.njk" import tnaButton %}
 
 {%- set containerClasses = [params.classes] if params.classes else [] -%}
-<div class="tna-cookie-banner {{ containerClasses | join(' ') }}" role="region" aria-label="Cookie usage" data-module="tna-cookie-banner" data-policies="{{ params.policies if params.policies else 'usage,settings' }}" data-preferenceskey="{{ params.cookiesPreferencesSetKey if params.cookiesPreferencesSetKey else 'cookies_preferences_set' }}"{% if params.loadScriptsOnAccept %} data-acceptscripts="{{ params.loadScriptsOnAccept }}"{% endif %}{%- for attribute, value in params.attributes %} {{ attribute }}="{{ value }}"{% endfor %} hidden>
+<div class="tna-cookie-banner {{ containerClasses | join(' ') }}" role="region" aria-label="Cookie usage" data-module="tna-cookie-banner" data-policies="{{ params.policies if params.policies }}" data-preferenceskey="{{ params.preferencesSetKey if params.preferencesSetKey else 'cookie_preferences_set' }}" data-policies-key="{{ params.policiesKey if params.policiesKey }}" data-domain="{{ params.cookiesDomain if params.cookiesDomain }}" data-insecure="{{ true if params.allowInsecure else 'false' }}" {%- for attribute, value in params.attributes %} {{ attribute }}="{{ value }}"{% endfor %} hidden>
   <div class="tna-container">
     <div class="tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--prompt">
       <h2 class="tna-heading-m">This website uses cookies</h2>
@@ -24,14 +24,14 @@
         }) }}
         {{ tnaButton({
           text: "Set cookie preferences",
-          href: "#",
+          href: params.cookiesUrl,
           plain: true
         }) }}
       </div>
     </div>
     <div class="tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--accepted" tabindex="0" hidden>
       <p>
-        You have accepted optional cookies. You can change your cookie settings on the <a href="#">Cookies page</a>.
+        You have accepted optional cookies. You can change your cookie settings on the <a href="{{ params.cookiesUrl }}">Cookies page</a>.
       </p>
       <div class="tna-button-group">
         {{ tnaButton({
@@ -45,7 +45,7 @@
     </div>
     <div class="tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--rejected" tabindex="0" hidden>
       <p>
-        You have rejected optional cookies. You can change your cookie settings on the <a href="#">Cookies page</a>.
+        You have rejected optional cookies. You can change your cookie settings on the <a href="{{ params.cookiesUrl }}">Cookies page</a>.
       </p>
       <div class="tna-button-group">
         {{ tnaButton({

package/nationalarchives/components/featured-records/_index.scss

@@ -0,0 +1 @@
+@use "featured-records";