@commercetools-frontend/cookie-consent 1.0.2 → 1.1.0

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

@@ -4,34 +4,799 @@ 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/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');
+var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
+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 _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
+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 _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
+var _Object$values = require('@babel/runtime-corejs3/core-js-stable/object/values');
+var react$1 = require('@emotion/react');
+var reactIntl = require('react-intl');
+var uiKit = require('@commercetools-frontend/ui-kit');
+var applicationComponents = require('@commercetools-frontend/application-components');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
 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/keys');
 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 _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 _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
+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 _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
+var _Object$values__default = /*#__PURE__*/_interopDefault(_Object$values);
+
+var defaultConsentOptions = {
+  skipConsent: false,
+  cookieName: 'OptanonConsent'
+};
 function useCookieConsent(consentGroup) {
-  var cookieName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'OptanonConsent';
+  var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultConsentOptions,
+    skipConsent = _ref.skipConsent,
+    cookieName = _ref.cookieName;
   var consentCookieGroups = react.useMemo(function () {
     var rawConsentCookie = core_dist_commercetoolsFrontendCookieConsentCore.getRawConsentCookie(cookieName);
-    var consentCookieGroups = core_dist_commercetoolsFrontendCookieConsentCore.getParsedConsentCookieGroups(rawConsentCookie);
+    var consentCookieGroups = core_dist_commercetoolsFrontendCookieConsentCore.getParsedConsentCookieGroups(rawConsentCookie, {
+      skipConsent: skipConsent
+    });
     return consentCookieGroups;
-  }, [cookieName]);
+  }, [cookieName, skipConsent]);
   return {
-    givenConsent: Boolean(consentCookieGroups[consentGroup]),
+    givenConsent: skipConsent || Boolean(consentCookieGroups[consentGroup]),
     setConsent: core_dist_commercetoolsFrontendCookieConsentCore.setConsentCookie
   };
 }
 
+function useSkipCookieConsent() {
+  var skipCookieConsent = applicationShellConnectors.useApplicationContext(function (context) {
+    return context.environment.skipCookieConsent;
+  });
+  return Boolean(skipCookieConsent);
+}
+
+var modalMessages = reactIntl.defineMessages({
+  title: {
+    id: 'CookieConsentModal.title',
+    description: 'Confirmation dialog title',
+    defaultMessage: 'Privacy Preference Center'
+  },
+  primaryButtonLabel: {
+    id: 'CookieConsentModal.primaryButtonLabel',
+    description: 'Primary button text',
+    defaultMessage: 'Accept all cookies'
+  },
+  secondaryButtonLabel: {
+    id: 'CookieConsentModal.secondaryButtonLabel',
+    description: 'Secondary button text',
+    defaultMessage: 'Confirm my choices'
+  },
+  mainDescription: {
+    id: 'CookieConsentModal.primary.mainDescription',
+    description: 'Main body copy',
+    defaultMessage: 'When you visit any website, it may store or retrieve information on your browser, mostly in the form of cookies. This information might be about you, your preferences or your device and is mostly used to make the site work as you expect it to. The information does not usually directly identify you, but it can give you a more personalized web experience. Because we respect your right to privacy, you can choose not to allow some types of cookies. Click on the different category headings to find out more and change our default settings. However, blocking some types of cookies may impact your experience of the site and the services we are able to offer.'
+  },
+  privacyPolicyLink: {
+    id: 'CookieConsentModal.primary.privacyPolicyLink',
+    description: 'Link to privacy policy',
+    defaultMessage: 'More information'
+  },
+  necessaryCookiesHeader: {
+    id: 'CookieConsentModal.primary.necessaryCookiesHeader',
+    description: 'Header for first collapsible content block',
+    defaultMessage: 'Strictly necessary cookies'
+  },
+  necessaryCookiesDescription: {
+    id: 'CookieConsentModal.primary.necessaryCookiesDescription',
+    description: 'Description of content from first collapsible header',
+    defaultMessage: 'These cookies are necessary for the website to function and cannot be switched off in our systems. They are usually only set in response to actions made by you which amount to a request for services, such as setting your privacy preferences, logging in or filling in forms. You can set your browser to block or alert you about these cookies, but some parts of the site will not then work. These cookies do not store any personally identifiable information.'
+  },
+  necessaryCookiesHeaderState: {
+    id: 'CookieConsentModal.primary.necessaryCookiesHeaderState',
+    description: 'State of the cookies described in the header',
+    defaultMessage: 'Always active'
+  },
+  performanceCookiesHeader: {
+    id: 'CookieConsentModal.primary.performanceCookiesHeader',
+    description: 'Header for second collapsible content block',
+    defaultMessage: 'Performance cookies'
+  },
+  performanceCookiesDescription: {
+    id: 'CookieConsentModal.primary.performanceCookiesDescription',
+    description: 'Description of content from second collapsible header',
+    defaultMessage: 'These cookies allow us to count visits and traffic sources so we can measure and improve the performance of our site. They help us to know which pages are the most and least popular and see how visitors move around the site. All information these cookies collect is aggregated and therefore anonymous. If you do not allow these cookies we will not know when you have visited our site, and will not be able to monitor its performance.'
+  },
+  cookieInformationLink: {
+    id: 'CookieConsentModal.primary.cookieInformationLink',
+    description: 'Link to additional cookie information',
+    defaultMessage: 'Cookies details'
+  },
+  navigateBackLink: {
+    id: 'CookieConsentModal.primary.navigateBackLink',
+    description: 'Link to go back to primary view',
+    defaultMessage: 'Back to Privacy Preference Center'
+  }
+});
+var cookieDetailLabels = reactIntl.defineMessages({
+  nameLabel: {
+    id: 'CookieConsentModal.cookieDetails.nameLabel',
+    description: 'Name - category identifier',
+    defaultMessage: 'Name'
+  },
+  hostLabel: {
+    id: 'CookieConsentModal.cookieDetails.hostLabel',
+    description: 'Host - category identifier',
+    defaultMessage: 'Host'
+  },
+  durationLabel: {
+    id: 'CookieConsentModal.cookieDetails.durationLabel',
+    description: 'Duration - category identifier',
+    defaultMessage: 'Duration'
+  },
+  typeLabel: {
+    id: 'CookieConsentModal.cookieDetails.typeLabel',
+    description: 'Type - category identifier',
+    defaultMessage: 'Type'
+  },
+  categoryLabel: {
+    id: 'CookieConsentModal.cookieDetails.categoryLabel',
+    description: 'Category - category identifier',
+    defaultMessage: 'Category'
+  },
+  descriptionLabel: {
+    id: 'CookieConsentModal.cookieDetails.descriptionLabel',
+    description: 'Description - category identifier',
+    defaultMessage: 'Description'
+  }
+});
+var cookieDetailValues = reactIntl.defineMessages({
+  duration9Months: {
+    id: 'CookieConsentModal.cookieDetails.duration9Months',
+    description: 'Length of time',
+    defaultMessage: '9 Months'
+  },
+  duration1Week: {
+    id: 'CookieConsentModal.cookieDetails.duration1Week',
+    description: 'Length of time',
+    defaultMessage: '1 Week'
+  },
+  durationSession: {
+    id: 'CookieConsentModal.cookieDetails.durationSession',
+    description: 'Length of time for cookie to expire in the browser',
+    defaultMessage: 'Session'
+  },
+  duration1Year: {
+    id: 'CookieConsentModal.cookieDetails.duration1Year',
+    description: 'Length of time',
+    defaultMessage: '1 Year'
+  },
+  duration1Day: {
+    id: 'CookieConsentModal.cookieDetails.duration1Day',
+    description: 'Length of time',
+    defaultMessage: '1 Day'
+  },
+  typeFirstParty: {
+    id: 'CookieConsentModal.cookieDetails.typeFirstParty',
+    description: 'Type of cookie',
+    defaultMessage: 'First party'
+  },
+  categoryStrictlyNecessary: {
+    id: 'CookieConsentModal.cookieDetails.categoryStrictlyNecessary',
+    description: 'Type of cookie',
+    defaultMessage: 'Strictly Necessary Cookies'
+  },
+  categoryPerformance: {
+    id: 'CookieConsentModal.cookieDetails.categoryPerformance',
+    description: 'Type of cookie',
+    defaultMessage: 'Performance Cookies'
+  }
+});
+var cookieDetailDescriptions = reactIntl.defineMessages({
+  essentialCookieDescription1: {
+    id: 'CookieConsentModal.cookieDetails.essentialCookieDescription1',
+    description: 'Description of cookie',
+    defaultMessage: 'Identifier for each unique device that interacts with Intercom. It is refreshed on each successful ping, extending it another 9 months. Set by Intercom Messenger within the commercetools Merchant Center.'
+  },
+  essentialCookieDescription2: {
+    id: 'CookieConsentModal.cookieDetails.essentialCookieDescription2',
+    description: 'Description of cookie',
+    defaultMessage: 'Anonymous visitor identifier cookie. Set by Intercom Messenger within the commercetools Merchant Center.'
+  },
+  essentialCookieDescription3: {
+    id: 'CookieConsentModal.cookieDetails.essentialCookieDescription3',
+    description: 'Description of cookie',
+    defaultMessage: 'Identifier for each unique browser session. This session cookie is refreshed on each successfully logged-in ping, extending it one week from this moment. Set by Intercom Messenger within the commercetools Merchant Center.'
+  },
+  performanceCookieDescription1: {
+    id: 'CookieConsentModal.cookieDetails.performanceCookieDescription1',
+    description: 'Description of cookie',
+    defaultMessage: 'Support multi-tab playback, provides a unique ID to each tab. Note that this is technically not a cookie, but a form of sessionStorage: https://developer.mozilla.org/en-US/docs/Web/API/Window/sessionStorage Set by FullStory within the commercetools Merchant Center.'
+  },
+  performanceCookieDescription2: {
+    id: 'CookieConsentModal.cookieDetails.performanceCookieDescription2',
+    description: 'Description of cookie',
+    defaultMessage: 'Stores the consent state for this device. For more on consent state see: https://help.fullstory.com/hc/en-us/articles/360020623254-FS-consent-Capture-elements-with-consent Set by FullStory within the commercetools Merchant Center.'
+  },
+  performanceCookieDescription3: {
+    id: 'CookieConsentModal.cookieDetails.performanceCookieDescription3',
+    description: 'Description of cookie',
+    defaultMessage: 'Captures the timestamp of the last user action. It is used to assist with the FullStory session lifecycle, ensuring user activity extends the session. See "What defines a session in FullStory?" for more info on the session lifecycle: https://help.fullstory.com/hc/en-us/articles/360020624614-What-defines-a-session-in-FullStory- Set by FullStory within the commercetools Merchant Center.'
+  },
+  performanceCookieDescription4: {
+    id: 'CookieConsentModal.cookieDetails.performanceCookieDescription4',
+    description: 'Description of cookie',
+    defaultMessage: "The 'fs_uid' cookie can be thought of as the capture cookie. When an end-user visits a customer's site, that cookie is used to track the user across sessions and pages. The same user may visit a site multiple times and may navigate to many pages within a single session. This cookie ensures that all captured session traffic is associated with one user. A session cannot be captured without this cookie and the users anonymized visit will not be logged. Set by FullStory within the commercetools Merchant Center."
+  }
+});
+
+var COOKIE_CONSENT_LINKS = {
+  PRIVACY_POLICY: 'https://commercetools.com/privacy#website'
+};
+
+var HOSTNAME = 'commercetools.com';
+var createCookieLink = function createCookieLink(cookieName) {
+  return "https://cookiepedia.co.uk/cookies/".concat(cookieName);
+};
+var createEssentialCookieDetails = function createEssentialCookieDetails(intl) {
+  return [{
+    name: {
+      label: intl.formatMessage(cookieDetailLabels.nameLabel),
+      value: 'intercom-device-id-b74wbpa8',
+      to: createCookieLink('intercom-device-id-b74wbpa8')
+    },
+    host: {
+      label: intl.formatMessage(cookieDetailLabels.hostLabel),
+      value: HOSTNAME
+    },
+    duration: {
+      label: intl.formatMessage(cookieDetailLabels.durationLabel),
+      value: intl.formatMessage(cookieDetailValues.duration9Months)
+    },
+    type: {
+      label: intl.formatMessage(cookieDetailLabels.typeLabel),
+      value: intl.formatMessage(cookieDetailValues.typeFirstParty)
+    },
+    category: {
+      label: intl.formatMessage(cookieDetailLabels.categoryLabel),
+      value: intl.formatMessage(cookieDetailValues.categoryStrictlyNecessary)
+    },
+    description: {
+      label: intl.formatMessage(cookieDetailLabels.descriptionLabel),
+      value: intl.formatMessage(cookieDetailDescriptions.essentialCookieDescription1)
+    }
+  }, {
+    name: {
+      label: intl.formatMessage(cookieDetailLabels.nameLabel),
+      value: 'intercom-id-b74wbpa8',
+      to: createCookieLink('intercom-id-b74wbpa8')
+    },
+    host: {
+      label: intl.formatMessage(cookieDetailLabels.hostLabel),
+      value: HOSTNAME
+    },
+    duration: {
+      label: intl.formatMessage(cookieDetailLabels.durationLabel),
+      value: intl.formatMessage(cookieDetailValues.duration9Months)
+    },
+    type: {
+      label: intl.formatMessage(cookieDetailLabels.typeLabel),
+      value: intl.formatMessage(cookieDetailValues.typeFirstParty)
+    },
+    category: {
+      label: intl.formatMessage(cookieDetailLabels.categoryLabel),
+      value: intl.formatMessage(cookieDetailValues.categoryStrictlyNecessary)
+    },
+    description: {
+      label: intl.formatMessage(cookieDetailLabels.descriptionLabel),
+      value: intl.formatMessage(cookieDetailDescriptions.essentialCookieDescription2)
+    }
+  }, {
+    name: {
+      label: intl.formatMessage(cookieDetailLabels.nameLabel),
+      value: 'intercom-session-b74wbpa8',
+      to: createCookieLink('intercom-session-b74wbpa8')
+    },
+    host: {
+      label: intl.formatMessage(cookieDetailLabels.hostLabel),
+      value: HOSTNAME
+    },
+    duration: {
+      label: intl.formatMessage(cookieDetailLabels.durationLabel),
+      value: intl.formatMessage(cookieDetailValues.duration1Week)
+    },
+    type: {
+      label: intl.formatMessage(cookieDetailLabels.typeLabel),
+      value: intl.formatMessage(cookieDetailValues.typeFirstParty)
+    },
+    category: {
+      label: intl.formatMessage(cookieDetailLabels.categoryLabel),
+      value: intl.formatMessage(cookieDetailValues.categoryStrictlyNecessary)
+    },
+    description: {
+      label: intl.formatMessage(cookieDetailLabels.descriptionLabel),
+      value: intl.formatMessage(cookieDetailDescriptions.essentialCookieDescription3)
+    }
+  }];
+};
+var createPerformanceCookieDetails = function createPerformanceCookieDetails(intl) {
+  return [{
+    name: {
+      label: intl.formatMessage(cookieDetailLabels.nameLabel),
+      value: '_fs_tab_id',
+      to: createCookieLink('_fs_tab_id')
+    },
+    host: {
+      label: intl.formatMessage(cookieDetailLabels.hostLabel),
+      value: HOSTNAME
+    },
+    duration: {
+      label: intl.formatMessage(cookieDetailLabels.durationLabel),
+      value: intl.formatMessage(cookieDetailValues.durationSession)
+    },
+    type: {
+      label: intl.formatMessage(cookieDetailLabels.typeLabel),
+      value: intl.formatMessage(cookieDetailValues.duration9Months)
+    },
+    category: {
+      label: intl.formatMessage(cookieDetailLabels.categoryLabel),
+      value: intl.formatMessage(cookieDetailValues.categoryPerformance)
+    },
+    description: {
+      label: intl.formatMessage(cookieDetailLabels.descriptionLabel),
+      value: intl.formatMessage(cookieDetailDescriptions.performanceCookieDescription1)
+    }
+  }, {
+    name: {
+      label: intl.formatMessage(cookieDetailLabels.nameLabel),
+      value: 'fs_cid',
+      to: createCookieLink('fs_cid')
+    },
+    host: {
+      label: intl.formatMessage(cookieDetailLabels.hostLabel),
+      value: HOSTNAME
+    },
+    duration: {
+      label: intl.formatMessage(cookieDetailLabels.durationLabel),
+      value: intl.formatMessage(cookieDetailValues.duration1Year)
+    },
+    type: {
+      label: intl.formatMessage(cookieDetailLabels.typeLabel),
+      value: intl.formatMessage(cookieDetailValues.typeFirstParty)
+    },
+    category: {
+      label: intl.formatMessage(cookieDetailLabels.categoryLabel),
+      value: intl.formatMessage(cookieDetailValues.categoryPerformance)
+    },
+    description: {
+      label: intl.formatMessage(cookieDetailLabels.descriptionLabel),
+      value: intl.formatMessage(cookieDetailDescriptions.performanceCookieDescription2)
+    }
+  }, {
+    name: {
+      label: intl.formatMessage(cookieDetailLabels.nameLabel),
+      value: 'fs_lua',
+      to: createCookieLink('fs_lua')
+    },
+    host: {
+      label: intl.formatMessage(cookieDetailLabels.hostLabel),
+      value: HOSTNAME
+    },
+    duration: {
+      label: intl.formatMessage(cookieDetailLabels.durationLabel),
+      value: intl.formatMessage(cookieDetailValues.duration1Day)
+    },
+    type: {
+      label: intl.formatMessage(cookieDetailLabels.typeLabel),
+      value: intl.formatMessage(cookieDetailValues.typeFirstParty)
+    },
+    category: {
+      label: intl.formatMessage(cookieDetailLabels.categoryLabel),
+      value: intl.formatMessage(cookieDetailValues.categoryPerformance)
+    },
+    description: {
+      label: intl.formatMessage(cookieDetailLabels.descriptionLabel),
+      value: intl.formatMessage(cookieDetailDescriptions.performanceCookieDescription3)
+    }
+  }, {
+    name: {
+      label: intl.formatMessage(cookieDetailLabels.nameLabel),
+      value: 'fs_uid',
+      to: createCookieLink('fs_uid')
+    },
+    host: {
+      label: intl.formatMessage(cookieDetailLabels.hostLabel),
+      value: HOSTNAME
+    },
+    duration: {
+      label: intl.formatMessage(cookieDetailLabels.durationLabel),
+      value: intl.formatMessage(cookieDetailValues.duration9Months)
+    },
+    type: {
+      label: intl.formatMessage(cookieDetailLabels.typeLabel),
+      value: intl.formatMessage(cookieDetailValues.typeFirstParty)
+    },
+    category: {
+      label: intl.formatMessage(cookieDetailLabels.categoryLabel),
+      value: intl.formatMessage(cookieDetailValues.categoryPerformance)
+    },
+    description: {
+      label: intl.formatMessage(cookieDetailLabels.descriptionLabel),
+      value: intl.formatMessage(cookieDetailDescriptions.performanceCookieDescription4)
+    }
+  }];
+};
+
+function ownKeys$1(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$1(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$1(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+var View = {
+  Primary: 'Primary',
+  Secondary: 'Secondary',
+  Tertiary: 'Tertiary'
+};
+/**
+ * The design spec warranted text that _looks_ like a link, but isn't
+ */
+var NavigationLink = function NavigationLink(_ref4) {
+  var _onClick = _ref4.onClick,
+    label = _ref4.label;
+  return jsxRuntime.jsx(uiKit.Link, {
+    onClick: function onClick(e) {
+      e.preventDefault();
+      _onClick();
+    },
+    to: "",
+    children: label
+  });
+};
+var _ref3 = {
+  name: "1u8ems1",
+  styles: "& svg{display:none;}"
+} ;
+var InformationLink = function InformationLink(_ref5) {
+  var to = _ref5.to,
+    label = _ref5.label;
+  var removeDefaultSvg = _ref3;
+  return jsxRuntime.jsx("div", {
+    css: removeDefaultSvg,
+    children: jsxRuntime.jsx(uiKit.Link, {
+      isExternal: true,
+      to: to,
+      children: label
+    })
+  });
+};
+var _ref2 = {
+  name: "1u8ems1",
+  styles: "& svg{display:none;}"
+} ;
+var DetailLink = function DetailLink(_ref6) {
+  var to = _ref6.to,
+    label = _ref6.label;
+  var removeDefaultSvg = _ref2;
+  return jsxRuntime.jsx("div", {
+    css: removeDefaultSvg,
+    children: jsxRuntime.jsx(uiKit.Link, {
+      isExternal: true,
+      to: to,
+      children: jsxRuntime.jsx(uiKit.Text.Detail, {
+        tone: "primary",
+        children: label
+      })
+    })
+  });
+};
+var _ref = {
+  name: "qzmnd2",
+  styles: "padding-right:10px"
+} ;
+var CookieConsentBodyPrimary = function CookieConsentBodyPrimary(_ref7) {
+  var toggleValue = _ref7.toggleValue,
+    onToggle = _ref7.onToggle,
+    onChangeView = _ref7.onChangeView,
+    panelState = _ref7.panelState,
+    setPanelState = _ref7.setPanelState;
+  var _useIntl = reactIntl.useIntl(),
+    formatMessage = _useIntl.formatMessage;
+
+  // The outline of the input is cut off; we shift it to the left to compensate
+  var bumpToggle = _ref;
+  return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+    scale: "xl",
+    children: [jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+      scale: "m",
+      children: [jsxRuntime.jsx(uiKit.Text.Body, {
+        intlMessage: modalMessages.mainDescription
+      }), jsxRuntime.jsx(InformationLink, {
+        label: formatMessage(modalMessages.privacyPolicyLink),
+        to: COOKIE_CONSENT_LINKS.PRIVACY_POLICY
+      })]
+    }), jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+      scale: "l",
+      children: [jsxRuntime.jsx(uiKit.CollapsiblePanel, {
+        condensed: true,
+        header: formatMessage(modalMessages.necessaryCookiesHeader),
+        headerControls: jsxRuntime.jsx(uiKit.Text.Detail, {
+          intlMessage: modalMessages.necessaryCookiesHeaderState,
+          tone: "information"
+        }),
+        isClosed: panelState.essentialCookiesClosed,
+        onToggle: function onToggle() {
+          return setPanelState(_objectSpread$1(_objectSpread$1({}, panelState), {}, {
+            essentialCookiesClosed: !panelState.essentialCookiesClosed
+          }));
+        },
+        theme: "light",
+        children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+          scale: "m",
+          children: [jsxRuntime.jsx(uiKit.Text.Body, {
+            intlMessage: modalMessages.necessaryCookiesDescription
+          }), jsxRuntime.jsx(NavigationLink, {
+            label: formatMessage(modalMessages.cookieInformationLink),
+            onClick: function onClick() {
+              return onChangeView(View.Secondary);
+            }
+          })]
+        })
+      }), jsxRuntime.jsx(uiKit.CollapsiblePanel, {
+        condensed: true,
+        header: formatMessage(modalMessages.performanceCookiesHeader),
+        headerControls: jsxRuntime.jsx("div", {
+          css: bumpToggle,
+          children: jsxRuntime.jsx(uiKit.ToggleInput, {
+            isChecked: toggleValue,
+            onChange: function onChange(e) {
+              return onToggle(e.target.checked);
+            },
+            size: "small"
+          })
+        }),
+        isClosed: panelState.performanceCookiesClosed,
+        onToggle: function onToggle() {
+          return setPanelState(_objectSpread$1(_objectSpread$1({}, panelState), {}, {
+            performanceCookiesClosed: !panelState.performanceCookiesClosed
+          }));
+        },
+        theme: "light",
+        children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+          scale: "m",
+          children: [jsxRuntime.jsx(uiKit.Text.Body, {
+            intlMessage: modalMessages.performanceCookiesDescription
+          }), jsxRuntime.jsx(NavigationLink, {
+            label: formatMessage(modalMessages.cookieInformationLink),
+            onClick: function onClick() {
+              return onChangeView(View.Tertiary);
+            }
+          })]
+        })
+      })]
+    })]
+  });
+};
+var CookieConsentBodyDetails = function CookieConsentBodyDetails(_ref8) {
+  var onChangeView = _ref8.onChangeView,
+    cookieDetails = _ref8.cookieDetails;
+  var _useIntl2 = reactIntl.useIntl(),
+    formatMessage = _useIntl2.formatMessage;
+  return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+    scale: "l",
+    children: [jsxRuntime.jsx(NavigationLink, {
+      label: formatMessage(modalMessages.navigateBackLink),
+      onClick: function onClick() {
+        return onChangeView(View.Primary);
+      }
+    }), jsxRuntime.jsx(uiKit.Spacings.Stack, {
+      scale: "l",
+      children: _mapInstanceProperty__default["default"](cookieDetails).call(cookieDetails, function (detail) {
+        var _context;
+        return jsxRuntime.jsx(uiKit.Grid, {
+          gridGap: "24px",
+          gridRowGap: "0px",
+          gridTemplateColumns: "80px 1fr",
+          children: _mapInstanceProperty__default["default"](_context = _Object$values__default["default"](detail)).call(_context, function (value) {
+            return jsxRuntime.jsxs(react.Fragment, {
+              children: [jsxRuntime.jsx(uiKit.Grid.Item, {
+                children: jsxRuntime.jsx(uiKit.Text.Detail, {
+                  children: value.label
+                })
+              }), jsxRuntime.jsx(uiKit.Grid.Item, {
+                children: 'to' in value ? jsxRuntime.jsx(DetailLink, {
+                  label: value.value,
+                  to: value.to
+                }) : jsxRuntime.jsx(uiKit.Text.Detail, {
+                  children: value.value
+                })
+              })]
+            }, value.value);
+          })
+        }, detail.name.value);
+      })
+    })]
+  });
+};
+var CookieConsentModal = function CookieConsentModal(modalProps) {
+  var intl = reactIntl.useIntl();
+  var _useCookieConsent = useCookieConsent('performanceCookies'),
+    setConsent = _useCookieConsent.setConsent;
+  var _useState = react.useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    enablePerformanceCookies = _useState2[0],
+    setEnablePerformanceCookies = _useState2[1];
+  var _useState3 = react.useState(View.Primary),
+    _useState4 = _slicedToArray(_useState3, 2),
+    currentView = _useState4[0],
+    setCurrentView = _useState4[1];
+  var _useState5 = react.useState({
+      essentialCookiesClosed: true,
+      performanceCookiesClosed: true
+    }),
+    _useState6 = _slicedToArray(_useState5, 2),
+    panelState = _useState6[0],
+    _setPanelState = _useState6[1];
+  var createConsentGroups = function createConsentGroups(performanceConsent) {
+    return {
+      essentialCookies: true,
+      performanceCookies: performanceConsent
+    };
+  };
+  return jsxRuntime.jsxs(applicationComponents.ConfirmationDialog, {
+    isOpen: modalProps.isModalOpen,
+    labelPrimary: intl.formatMessage(modalMessages.primaryButtonLabel),
+    labelSecondary: intl.formatMessage(modalMessages.secondaryButtonLabel),
+    onCancel: function onCancel() {
+      setConsent(createConsentGroups(enablePerformanceCookies));
+      modalProps.setBannerClosed(true);
+      modalProps.closeModal();
+    },
+    onClose: modalProps.closeModal,
+    onConfirm: function onConfirm() {
+      setConsent(createConsentGroups(true));
+      modalProps.setBannerClosed(true);
+      modalProps.closeModal();
+    },
+    title: intl.formatMessage(modalMessages.title),
+    children: [currentView === View.Primary && jsxRuntime.jsx(CookieConsentBodyPrimary, {
+      onChangeView: function onChangeView(view) {
+        return setCurrentView(view);
+      },
+      onToggle: function onToggle(value) {
+        return setEnablePerformanceCookies(value);
+      },
+      panelState: panelState,
+      setPanelState: function setPanelState(state) {
+        return _setPanelState(state);
+      },
+      toggleValue: enablePerformanceCookies
+    }), currentView === View.Secondary && jsxRuntime.jsx(CookieConsentBodyDetails, {
+      cookieDetails: createEssentialCookieDetails(intl),
+      onChangeView: function onChangeView(view) {
+        return setCurrentView(view);
+      }
+    }), currentView === View.Tertiary && jsxRuntime.jsx(CookieConsentBodyDetails, {
+      cookieDetails: createPerformanceCookieDetails(intl),
+      onChangeView: function onChangeView(view) {
+        return setCurrentView(view);
+      }
+    })]
+  });
+};
+
+var messages = reactIntl.defineMessages({
+  bannerMessage: {
+    id: 'CookieConsentBanner.bannerMessage',
+    description: 'Text of the cookie consent banner.',
+    defaultMessage: 'This site uses cookies. See our {privacyLink} or manage your {modalLink} here.'
+  },
+  privacyPolicyLink: {
+    id: 'CookieConsentBanner.privacyPolicyLink',
+    description: 'Privacy policy link text in the cookie consent banner.',
+    defaultMessage: 'privacy policy'
+  },
+  bannerCookiesModalLink: {
+    id: 'CookieConsentBanner.bannerCookiesModalLink',
+    description: 'Cookie settings modal link text in the cookie consent banner.',
+    defaultMessage: 'cookies settings'
+  },
+  buttonLabel: {
+    id: 'CookieConsentBanner.buttonLabel',
+    description: 'Button text allowing the user to accept all ct cookies',
+    defaultMessage: 'Accept all cookies'
+  }
+});
+
+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 _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+var CookieConsentBanner = function CookieConsentBanner(bannerProps) {
+  // Hide the banner once the accept button is clicked, until we can subscribe to the cookie
+  var _useState = react.useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    bannerClosed = _useState2[0],
+    setBannerClosed = _useState2[1];
+  var _useModalState = applicationComponents.useModalState(),
+    closeModal = _useModalState.closeModal,
+    openModal = _useModalState.openModal,
+    isModalOpen = _useModalState.isModalOpen;
+  var _useIntl = reactIntl.useIntl(),
+    formatMessage = _useIntl.formatMessage;
+  var _useCookieConsent = useCookieConsent('performanceCookies', {
+      skipConsent: bannerProps.skipConsent
+    }),
+    setConsent = _useCookieConsent.setConsent,
+    hasGivenPerformanceCookieConsent = _useCookieConsent.givenConsent;
+  var _useCookieConsent2 = useCookieConsent('essentialCookies', {
+      skipConsent: bannerProps.skipConsent
+    }),
+    hasGivenEssentialCookieConsent = _useCookieConsent2.givenConsent;
+  var createConsentGroups = function createConsentGroups() {
+    return {
+      essentialCookies: true,
+      performanceCookies: true
+    };
+  };
+  if (bannerClosed || hasGivenEssentialCookieConsent || hasGivenPerformanceCookieConsent) return null;
+  return (
+    // TODO: use lower z-index, prefer ranges per use-case
+    jsxRuntime.jsxs("div", {
+      css: /*#__PURE__*/react$1.css("display:flex;flex-direction:column;align-items:center;position:absolute;bottom:", uiKit.designTokens.spacingXl, ";z-index:1000000;width:100%;" + ("" ), "" ),
+      children: [jsxRuntime.jsx("div", {
+        css: /*#__PURE__*/react$1.css("background-color:", uiKit.designTokens.colorAccent10, ";border-radius:", uiKit.designTokens.borderRadius4, ";box-shadow:", uiKit.designTokens.shadow8, ";margin:0 ", uiKit.designTokens.spacingXl, ";padding:", uiKit.designTokens.spacingM, " ", uiKit.designTokens.spacingL, ";width:fit-content;svg{display:none;}" + ("" ), "" ),
+        children: jsxRuntime.jsxs(uiKit.Spacings.Inline, {
+          alignItems: "center",
+          scale: "xl",
+          children: [jsxRuntime.jsx(uiKit.Text.Body, {
+            tone: "inverted",
+            children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread(_objectSpread({}, messages.bannerMessage), {}, {
+              values: {
+                privacyLink: jsxRuntime.jsx(uiKit.Link, {
+                  intlMessage: messages.privacyPolicyLink,
+                  isExternal: true,
+                  to: COOKIE_CONSENT_LINKS.PRIVACY_POLICY,
+                  tone: "inverted"
+                }),
+                modalLink: jsxRuntime.jsx(uiKit.Link, {
+                  intlMessage: messages.bannerCookiesModalLink,
+                  onClick: function onClick(e) {
+                    e.preventDefault();
+                    openModal();
+                  },
+                  to: "",
+                  tone: "inverted"
+                })
+              }
+            }))
+          }), jsxRuntime.jsx(uiKit.PrimaryButton, {
+            label: formatMessage(messages.buttonLabel),
+            onClick: function onClick() {
+              setConsent(createConsentGroups());
+              setBannerClosed(true);
+            },
+            size: "small"
+          })]
+        })
+      }), jsxRuntime.jsx(CookieConsentModal, {
+        closeModal: closeModal,
+        isModalOpen: isModalOpen,
+        setBannerClosed: setBannerClosed
+      })]
+    })
+  );
+};
+CookieConsentBanner.displayName = 'CookieConsentBanner';
+
+exports.CookieConsentBanner = CookieConsentBanner;
+exports.CookieConsentModal = CookieConsentModal;
 exports.useCookieConsent = useCookieConsent;
+exports.useSkipCookieConsent = useSkipCookieConsent;