@commercetools-frontend/cookie-consent 1.0.0

package/README.md

@@ -0,0 +1,103 @@
+# @commercetools-frontend/cookie-consent
+
+> This is a package used internally for Merchant Center applications. We do not provide any guarantees or support for the functionality.
+
+This package provides an easy to use integration with OneTrust cookie consent.
+
+## Installation
+
+```bash
+$ npm install --save @commercetools-frontend/cookie-consent
+```
+
+## Background
+
+Cookie consent is given from a user towards a company as the legal entity for all of its products not for every single product. Consent via OneTrust is can be given on a marketing website for instance commercetools.com. The OneTrust cookie banner supports opting out of certain categories of cookies or revoking consent entirely.
+
+The resulting cookie stored in a user's browser is called `OptanonConsent`. The contents of those cookie can be of the following:
+
+```txt
+isGpcEnabled=0&datestamp=Wed+Feb+01+2023+12%3A35%3A32+GMT%2B0100+(Central+European+Standard+Time)&version=202209.1.0&isIABGlobal=false&hosts=&consentId=7f3cf16d-b3e1-4781-8db1-61482d0a9dff&interactionCount=1&landingPath=NotLandingPage&groups=C0001%3A1%2CC0002%3A0%2CC0003%3A1%2CC0004%3A1%2CC0005%3A1&geolocation=AT%3B9&AwaitingReconsent=false
+```
+
+The cookie will be removed after 365 days yielding repeated consent to be requested by the user on our marketing website. The cookie itself is URL encoded and can be parsed using `URLSearchParams`. The field of interest is `groups`. These are the groups for which consent was granted or not:
+
+1. EssentialCookies: 'C0001'
+2. PerformanceCookies: 'C0002'
+3. FunctionalCookies: 'C0003'
+4. TargetingCookies: 'C0004'
+5. SocialMediaCookies: 'C0005'
+
+This package parses the cookie if present and returns consent for groups given or revoked.
+
+## Usage
+
+### Retrieving consent values
+
+This package does not make assumptions what framework you use. To integrate without any assumptions about the framework use the `/core` entry point:
+
+```js
+import { getParsedConsentCookieGroups } from '@commercetools-frontend/cookie-consent/core';
+
+const consentGroups = getParsedConsentCookieGroups();
+// { essentialCookies: true, performanceCookies: false }
+```
+
+If there is ever a need to use the raw consent cookie's value itself you can retrieve it too:
+
+```js
+import { getRawConsentCookie } from '@commercetools-frontend/cookie-consent/core';
+
+const rawConsentCookie = getRawConsentCookie();
+// The value of the `OptanonConsent` cookie
+```
+
+Knowing the consent groups you can use a constant to easily map them onto something easier to understand:
+
+```js
+import { getParsedConsentCookieGroups } from '@commercetools-frontend/cookie-consent/core';
+
+const consentGroups = getParsedConsentCookieGroups();
+const hasGivenPerformanceCookieConsent = Boolean(
+  consentGroups.performanceCookies
+);
+```
+
+You can also use the `useCookieConsent` from the `/react` entry point of the package.
+
+```js
+import { useCookieConsent } from '@commercetools-frontend/cookie-consent/react';
+
+const { givenConsent } = useCookieConsent('performanceCookies');
+```
+
+The resulting `givenConsent` value is a boolean which can be passed to any software needing consent for instance FullStory or Intercom. A combination of `@commercetools-frontend/cookie-consent` and `@commercetools-frontend/fullstory` could look like this:
+
+```js
+const { givenConsent } = useCookieConsent('performanceCookies');
+
+useFullStoryTrackingEffect({ disable: !givenConsent });
+```
+
+### Setting consent values
+
+To integrate without any assumptions about the framework again, use the `/core` entry point:
+
+```js
+import { setConsentCookie } from '@commercetools-frontend/cookie-consent/core';
+
+setConsentCookie({ performanceCookieConsent: true });
+```
+
+Also here you can use the `useCookieConsent` from the `/react` entry point of the package.
+
+```js
+import { useCookieConsent } from '@commercetools-frontend/cookie-consent/react';
+
+const { setConsent } = useCookieConsent('performanceCookies');
+
+// For instance in an `onClick` hander you can
+<button onClick={() => setConsent({ performanceCookieConsent: true })}>
+  Update cookie consent
+</button>;
+```

package/core/dist/commercetools-frontend-cookie-consent-core.cjs.d.ts

@@ -0,0 +1 @@
+export * from "../../dist/declarations/src/core";

package/core/dist/commercetools-frontend-cookie-consent-core.cjs.dev.js

@@ -0,0 +1,138 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
+var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
+var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
+var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
+var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
+var _findInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find');
+var _Object$fromEntries = require('@babel/runtime-corejs3/core-js-stable/object/from-entries');
+var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
+var _Object$values = require('@babel/runtime-corejs3/core-js-stable/object/values');
+var _Object$entries = require('@babel/runtime-corejs3/core-js-stable/object/entries');
+var _URLSearchParams = require('@babel/runtime-corejs3/core-js-stable/url-search-params');
+var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
+var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
+var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
+var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
+var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
+var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
+var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
+var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
+var _findInstanceProperty__default = /*#__PURE__*/_interopDefault(_findInstanceProperty);
+var _Object$fromEntries__default = /*#__PURE__*/_interopDefault(_Object$fromEntries);
+var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
+var _Object$values__default = /*#__PURE__*/_interopDefault(_Object$values);
+var _Object$entries__default = /*#__PURE__*/_interopDefault(_Object$entries);
+var _URLSearchParams__default = /*#__PURE__*/_interopDefault(_URLSearchParams);
+var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
+var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
+
+var _context2;
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context10, _context11; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context10 = ownKeys(Object(source), !0)).call(_context10, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context11 = ownKeys(Object(source))).call(_context11, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+var COOKIE_CONSENT_GROUPS = {
+  essentialCookies: 'C0001',
+  performanceCookies: 'C0002',
+  functionalCookies: 'C0003',
+  targetingCookies: 'C0004',
+  socialMediaCookies: 'C0005'
+};
+function getRawConsentCookie() {
+  var _context;
+  var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'OptanonConsent';
+  var escapedCookies = decodeURIComponent(document.cookie);
+  var consentCookie = _findInstanceProperty__default["default"](_context = escapedCookies.split('; ')).call(_context, function (rawCookie) {
+    var _rawCookie$split = rawCookie.split('='),
+      _rawCookie$split2 = _slicedToArray(_rawCookie$split, 1),
+      cookieName = _rawCookie$split2[0];
+    return cookieName === name;
+  });
+  return consentCookie;
+}
+var defaultConsentGroups = _Object$fromEntries__default["default"](_mapInstanceProperty__default["default"](_context2 = _Object$values__default["default"](COOKIE_CONSENT_GROUPS)).call(_context2, function (consentGroup) {
+  return [consentGroup, false];
+}));
+function getParsedConsentCookieGroups() {
+  var _context3;
+  var cookieValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : getRawConsentCookie();
+  var parsedConsentCookieGroups = {};
+  var encodedConsentGroupToConsentGroup = _Object$fromEntries__default["default"](_mapInstanceProperty__default["default"](_context3 = _Object$entries__default["default"](COOKIE_CONSENT_GROUPS)).call(_context3, function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+      encodedConsentGroupName = _ref2[0],
+      decodedConsentGroupName = _ref2[1];
+    return [decodedConsentGroupName, encodedConsentGroupName];
+  }));
+  try {
+    var _context4;
+    var parsedConsentCookieValue = new _URLSearchParams__default["default"](cookieValue);
+    var rawConsentCookieGroups = parsedConsentCookieValue.get('groups');
+    var parsedConsentCookieGroupEntries = rawConsentCookieGroups === null || rawConsentCookieGroups === void 0 ? void 0 : _mapInstanceProperty__default["default"](_context4 = rawConsentCookieGroups.split(',')).call(_context4, function (consentGroup) {
+      var _consentGroup$split = consentGroup.split(':'),
+        _consentGroup$split2 = _slicedToArray(_consentGroup$split, 2),
+        encodedConsentGroupName = _consentGroup$split2[0],
+        consentGroupValue = _consentGroup$split2[1];
+      return [encodedConsentGroupToConsentGroup[encodedConsentGroupName], consentGroupValue === '1'];
+    });
+    parsedConsentCookieGroups = parsedConsentCookieGroupEntries ? _Object$fromEntries__default["default"](parsedConsentCookieGroupEntries) : null;
+  } catch (error) {}
+  return _objectSpread(_objectSpread({}, defaultConsentGroups), parsedConsentCookieGroups);
+}
+
+/**
+ * Copied from GitHub to make this library not have a UUID library dependency.
+ * This implementation is good enough for the purposes here.
+ */
+function generateUuid(prefix) {
+  return prefix ? ((Number(prefix) ^ Math.random() * 16) >> Number(prefix) / 4).toString(16) : "".concat(1e7, "-", 1e3, "-", 4e3, "-", 8e3, "-", 1e11).replace(/[018]/g, generateUuid);
+}
+function generateConsentCookie(consentGroups) {
+  var _context5, _context6;
+  var encodedConsentGroups = _filterInstanceProperty__default["default"](_context5 = _mapInstanceProperty__default["default"](_context6 = _Object$entries__default["default"](consentGroups)).call(_context6, function (_ref3) {
+    var _context7;
+    var _ref4 = _slicedToArray(_ref3, 2),
+      consentGroupName = _ref4[0],
+      consentGroupValue = _ref4[1];
+    var encodedConsentGroup = COOKIE_CONSENT_GROUPS[consentGroupName];
+    if (!encodedConsentGroup) {
+      return null;
+    }
+    return _concatInstanceProperty__default["default"](_context7 = "".concat(encodedConsentGroup, ":")).call(_context7, consentGroupValue && '1' || '0');
+  })).call(_context5, Boolean).join(',');
+  var consentValues = {
+    isGpcEnabled: '0',
+    datestamp: new Date().toString(),
+    version: '202209.1.0',
+    isIABGlobal: 'false',
+    hosts: '',
+    consentId: generateUuid(),
+    interactionCount: '1',
+    landingPath: 'NotLandingPage',
+    groups: encodedConsentGroups,
+    AwaitingReconsent: 'false'
+  };
+  var consentCookieValue = new _URLSearchParams__default["default"](consentValues);
+  return consentCookieValue.toString();
+}
+function setConsentCookie(consentGroups) {
+  var _context8, _context9;
+  var domain = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '.commercetools.com';
+  var expiresAt = new Date();
+  expiresAt.setFullYear(expiresAt.getFullYear() + 11);
+  document.cookie = _concatInstanceProperty__default["default"](_context8 = _concatInstanceProperty__default["default"](_context9 = "OptanonConsent=".concat(generateConsentCookie(consentGroups), "; domain=")).call(_context9, domain, "; expires=")).call(_context8, expiresAt.toUTCString(), "; SameSite=Lax; path=/; ");
+}
+
+exports.COOKIE_CONSENT_GROUPS = COOKIE_CONSENT_GROUPS;
+exports.getParsedConsentCookieGroups = getParsedConsentCookieGroups;
+exports.getRawConsentCookie = getRawConsentCookie;
+exports.setConsentCookie = setConsentCookie;

package/core/dist/commercetools-frontend-cookie-consent-core.cjs.js

@@ -0,0 +1,7 @@
+'use strict';
+
+if (process.env.NODE_ENV === "production") {
+  module.exports = require("./commercetools-frontend-cookie-consent-core.cjs.prod.js");
+} else {
+  module.exports = require("./commercetools-frontend-cookie-consent-core.cjs.dev.js");
+}

package/core/dist/commercetools-frontend-cookie-consent-core.cjs.prod.js

@@ -0,0 +1,138 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
+var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
+var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
+var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
+var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
+var _findInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find');
+var _Object$fromEntries = require('@babel/runtime-corejs3/core-js-stable/object/from-entries');
+var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
+var _Object$values = require('@babel/runtime-corejs3/core-js-stable/object/values');
+var _Object$entries = require('@babel/runtime-corejs3/core-js-stable/object/entries');
+var _URLSearchParams = require('@babel/runtime-corejs3/core-js-stable/url-search-params');
+var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
+var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
+var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
+var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
+var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
+var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
+var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
+var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
+var _findInstanceProperty__default = /*#__PURE__*/_interopDefault(_findInstanceProperty);
+var _Object$fromEntries__default = /*#__PURE__*/_interopDefault(_Object$fromEntries);
+var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
+var _Object$values__default = /*#__PURE__*/_interopDefault(_Object$values);
+var _Object$entries__default = /*#__PURE__*/_interopDefault(_Object$entries);
+var _URLSearchParams__default = /*#__PURE__*/_interopDefault(_URLSearchParams);
+var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
+var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
+
+var _context2;
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context10, _context11; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context10 = ownKeys(Object(source), !0)).call(_context10, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context11 = ownKeys(Object(source))).call(_context11, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+var COOKIE_CONSENT_GROUPS = {
+  essentialCookies: 'C0001',
+  performanceCookies: 'C0002',
+  functionalCookies: 'C0003',
+  targetingCookies: 'C0004',
+  socialMediaCookies: 'C0005'
+};
+function getRawConsentCookie() {
+  var _context;
+  var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'OptanonConsent';
+  var escapedCookies = decodeURIComponent(document.cookie);
+  var consentCookie = _findInstanceProperty__default["default"](_context = escapedCookies.split('; ')).call(_context, function (rawCookie) {
+    var _rawCookie$split = rawCookie.split('='),
+      _rawCookie$split2 = _slicedToArray(_rawCookie$split, 1),
+      cookieName = _rawCookie$split2[0];
+    return cookieName === name;
+  });
+  return consentCookie;
+}
+var defaultConsentGroups = _Object$fromEntries__default["default"](_mapInstanceProperty__default["default"](_context2 = _Object$values__default["default"](COOKIE_CONSENT_GROUPS)).call(_context2, function (consentGroup) {
+  return [consentGroup, false];
+}));
+function getParsedConsentCookieGroups() {
+  var _context3;
+  var cookieValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : getRawConsentCookie();
+  var parsedConsentCookieGroups = {};
+  var encodedConsentGroupToConsentGroup = _Object$fromEntries__default["default"](_mapInstanceProperty__default["default"](_context3 = _Object$entries__default["default"](COOKIE_CONSENT_GROUPS)).call(_context3, function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+      encodedConsentGroupName = _ref2[0],
+      decodedConsentGroupName = _ref2[1];
+    return [decodedConsentGroupName, encodedConsentGroupName];
+  }));
+  try {
+    var _context4;
+    var parsedConsentCookieValue = new _URLSearchParams__default["default"](cookieValue);
+    var rawConsentCookieGroups = parsedConsentCookieValue.get('groups');
+    var parsedConsentCookieGroupEntries = rawConsentCookieGroups === null || rawConsentCookieGroups === void 0 ? void 0 : _mapInstanceProperty__default["default"](_context4 = rawConsentCookieGroups.split(',')).call(_context4, function (consentGroup) {
+      var _consentGroup$split = consentGroup.split(':'),
+        _consentGroup$split2 = _slicedToArray(_consentGroup$split, 2),
+        encodedConsentGroupName = _consentGroup$split2[0],
+        consentGroupValue = _consentGroup$split2[1];
+      return [encodedConsentGroupToConsentGroup[encodedConsentGroupName], consentGroupValue === '1'];
+    });
+    parsedConsentCookieGroups = parsedConsentCookieGroupEntries ? _Object$fromEntries__default["default"](parsedConsentCookieGroupEntries) : null;
+  } catch (error) {}
+  return _objectSpread(_objectSpread({}, defaultConsentGroups), parsedConsentCookieGroups);
+}
+
+/**
+ * Copied from GitHub to make this library not have a UUID library dependency.
+ * This implementation is good enough for the purposes here.
+ */
+function generateUuid(prefix) {
+  return prefix ? ((Number(prefix) ^ Math.random() * 16) >> Number(prefix) / 4).toString(16) : "".concat(1e7, "-", 1e3, "-", 4e3, "-", 8e3, "-", 1e11).replace(/[018]/g, generateUuid);
+}
+function generateConsentCookie(consentGroups) {
+  var _context5, _context6;
+  var encodedConsentGroups = _filterInstanceProperty__default["default"](_context5 = _mapInstanceProperty__default["default"](_context6 = _Object$entries__default["default"](consentGroups)).call(_context6, function (_ref3) {
+    var _context7;
+    var _ref4 = _slicedToArray(_ref3, 2),
+      consentGroupName = _ref4[0],
+      consentGroupValue = _ref4[1];
+    var encodedConsentGroup = COOKIE_CONSENT_GROUPS[consentGroupName];
+    if (!encodedConsentGroup) {
+      return null;
+    }
+    return _concatInstanceProperty__default["default"](_context7 = "".concat(encodedConsentGroup, ":")).call(_context7, consentGroupValue && '1' || '0');
+  })).call(_context5, Boolean).join(',');
+  var consentValues = {
+    isGpcEnabled: '0',
+    datestamp: new Date().toString(),
+    version: '202209.1.0',
+    isIABGlobal: 'false',
+    hosts: '',
+    consentId: generateUuid(),
+    interactionCount: '1',
+    landingPath: 'NotLandingPage',
+    groups: encodedConsentGroups,
+    AwaitingReconsent: 'false'
+  };
+  var consentCookieValue = new _URLSearchParams__default["default"](consentValues);
+  return consentCookieValue.toString();
+}
+function setConsentCookie(consentGroups) {
+  var _context8, _context9;
+  var domain = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '.commercetools.com';
+  var expiresAt = new Date();
+  expiresAt.setFullYear(expiresAt.getFullYear() + 11);
+  document.cookie = _concatInstanceProperty__default["default"](_context8 = _concatInstanceProperty__default["default"](_context9 = "OptanonConsent=".concat(generateConsentCookie(consentGroups), "; domain=")).call(_context9, domain, "; expires=")).call(_context8, expiresAt.toUTCString(), "; SameSite=Lax; path=/; ");
+}
+
+exports.COOKIE_CONSENT_GROUPS = COOKIE_CONSENT_GROUPS;
+exports.getParsedConsentCookieGroups = getParsedConsentCookieGroups;
+exports.getRawConsentCookie = getRawConsentCookie;
+exports.setConsentCookie = setConsentCookie;

package/core/package.json

@@ -0,0 +1,3 @@
+{
+  "main": "dist/commercetools-frontend-cookie-consent-core.cjs.js"
+}

package/dist/declarations/src/core.d.ts

@@ -0,0 +1,18 @@
+declare const COOKIE_CONSENT_GROUPS: {
+    readonly essentialCookies: "C0001";
+    readonly performanceCookies: "C0002";
+    readonly functionalCookies: "C0003";
+    readonly targetingCookies: "C0004";
+    readonly socialMediaCookies: "C0005";
+};
+type TConsentGroupNames = keyof typeof COOKIE_CONSENT_GROUPS;
+declare function getRawConsentCookie(name?: string): string | undefined;
+declare function getParsedConsentCookieGroups(cookieValue?: string | undefined): {
+    essentialCookies: boolean;
+    performanceCookies: boolean;
+    functionalCookies: boolean;
+    targetingCookies: boolean;
+    socialMediaCookies: boolean;
+};
+declare function setConsentCookie(consentGroups: Record<TConsentGroupNames, boolean>, domain?: string): void;
+export { getRawConsentCookie, getParsedConsentCookieGroups, setConsentCookie, COOKIE_CONSENT_GROUPS, };

package/dist/declarations/src/react.d.ts

@@ -0,0 +1,6 @@
+import { setConsentCookie, COOKIE_CONSENT_GROUPS } from './core';
+declare function useCookieConsent(consentGroup: keyof typeof COOKIE_CONSENT_GROUPS, cookieName?: string): {
+    givenConsent: boolean;
+    setConsent: typeof setConsentCookie;
+};
+export { useCookieConsent };

package/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "@commercetools-frontend/cookie-consent",
+  "version": "1.0.0",
+  "description": "",
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "dist/commercetools-frontend-cookie-consent.cjs.js",
+  "module": "dist/commercetools-frontend-cookie-consent.esm.js",
+  "scripts": {
+    "typecheck": "tsc --noEmit"
+  },
+  "files": [
+    "dist",
+    "core",
+    "react",
+    "package.json",
+    "README.md"
+  ],
+  "preconstruct": {
+    "entrypoints": [
+      "./core.ts",
+      "./react.ts"
+    ]
+  },
+  "dependencies": {
+    "@babel/runtime": "^7.20.7",
+    "@babel/runtime-corejs3": "^7.20.7",
+    "@fullstory/browser": "1.6.2"
+  },
+  "devDependencies": {
+    "@types/node": "18.11.18",
+    "typescript": "4.9.4"
+  },
+  "peerDependencies": {
+    "react": "17.x"
+  }
+}

package/react/dist/commercetools-frontend-cookie-consent-react.cjs.d.ts

@@ -0,0 +1 @@
+export * from "../../dist/declarations/src/react";

package/react/dist/commercetools-frontend-cookie-consent-react.cjs.dev.js

@@ -0,0 +1,38 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+var core_dist_commercetoolsFrontendCookieConsentCore = require('../../core/dist/commercetools-frontend-cookie-consent-core.cjs.dev.js');
+require('@babel/runtime-corejs3/core-js-stable/object/keys');
+require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
+require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
+require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
+require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
+require('@babel/runtime-corejs3/core-js-stable/object/define-property');
+require('@babel/runtime-corejs3/helpers/defineProperty');
+require('@babel/runtime-corejs3/helpers/slicedToArray');
+require('@babel/runtime-corejs3/core-js-stable/instance/find');
+require('@babel/runtime-corejs3/core-js-stable/object/from-entries');
+require('@babel/runtime-corejs3/core-js-stable/instance/map');
+require('@babel/runtime-corejs3/core-js-stable/object/values');
+require('@babel/runtime-corejs3/core-js-stable/object/entries');
+require('@babel/runtime-corejs3/core-js-stable/url-search-params');
+require('@babel/runtime-corejs3/core-js-stable/instance/filter');
+require('@babel/runtime-corejs3/core-js-stable/instance/concat');
+
+function useCookieConsent(consentGroup) {
+  var cookieName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'OptanonConsent';
+  var consentCookieGroups = react.useMemo(function () {
+    var rawConsentCookie = core_dist_commercetoolsFrontendCookieConsentCore.getRawConsentCookie(cookieName);
+    var consentCookieGroups = core_dist_commercetoolsFrontendCookieConsentCore.getParsedConsentCookieGroups(rawConsentCookie);
+    return consentCookieGroups;
+  }, [cookieName]);
+  return {
+    givenConsent: Boolean(consentCookieGroups[consentGroup]),
+    setConsent: core_dist_commercetoolsFrontendCookieConsentCore.setConsentCookie
+  };
+}
+
+exports.useCookieConsent = useCookieConsent;

package/react/dist/commercetools-frontend-cookie-consent-react.cjs.js

@@ -0,0 +1,7 @@
+'use strict';
+
+if (process.env.NODE_ENV === "production") {
+  module.exports = require("./commercetools-frontend-cookie-consent-react.cjs.prod.js");
+} else {
+  module.exports = require("./commercetools-frontend-cookie-consent-react.cjs.dev.js");
+}

package/react/dist/commercetools-frontend-cookie-consent-react.cjs.prod.js

@@ -0,0 +1,38 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+var core_dist_commercetoolsFrontendCookieConsentCore = require('../../core/dist/commercetools-frontend-cookie-consent-core.cjs.prod.js');
+require('@babel/runtime-corejs3/core-js-stable/object/keys');
+require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
+require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
+require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
+require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
+require('@babel/runtime-corejs3/core-js-stable/object/define-property');
+require('@babel/runtime-corejs3/helpers/defineProperty');
+require('@babel/runtime-corejs3/helpers/slicedToArray');
+require('@babel/runtime-corejs3/core-js-stable/instance/find');
+require('@babel/runtime-corejs3/core-js-stable/object/from-entries');
+require('@babel/runtime-corejs3/core-js-stable/instance/map');
+require('@babel/runtime-corejs3/core-js-stable/object/values');
+require('@babel/runtime-corejs3/core-js-stable/object/entries');
+require('@babel/runtime-corejs3/core-js-stable/url-search-params');
+require('@babel/runtime-corejs3/core-js-stable/instance/filter');
+require('@babel/runtime-corejs3/core-js-stable/instance/concat');
+
+function useCookieConsent(consentGroup) {
+  var cookieName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'OptanonConsent';
+  var consentCookieGroups = react.useMemo(function () {
+    var rawConsentCookie = core_dist_commercetoolsFrontendCookieConsentCore.getRawConsentCookie(cookieName);
+    var consentCookieGroups = core_dist_commercetoolsFrontendCookieConsentCore.getParsedConsentCookieGroups(rawConsentCookie);
+    return consentCookieGroups;
+  }, [cookieName]);
+  return {
+    givenConsent: Boolean(consentCookieGroups[consentGroup]),
+    setConsent: core_dist_commercetoolsFrontendCookieConsentCore.setConsentCookie
+  };
+}
+
+exports.useCookieConsent = useCookieConsent;

package/react/package.json

@@ -0,0 +1,3 @@
+{
+  "main": "dist/commercetools-frontend-cookie-consent-react.cjs.js"
+}