@commercetools-frontend/cookie-consent 0.0.0-FEC-212-react19-20250122084835

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

@@ -0,0 +1,796 @@
+'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');
+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 CollapsiblePanel = require('@commercetools-uikit/collapsible-panel');
+var designSystem = require('@commercetools-uikit/design-system');
+var Grid = require('@commercetools-uikit/grid');
+var Link = require('@commercetools-uikit/link');
+var Spacings = require('@commercetools-uikit/spacings');
+var Text = require('@commercetools-uikit/text');
+var ToggleInput = require('@commercetools-uikit/toggle-input');
+var react$1 = require('@emotion/react');
+var reactIntl = require('react-intl');
+var applicationComponents = require('@commercetools-frontend/application-components');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+var PrimaryButton = require('@commercetools-uikit/primary-button');
+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/object/entries');
+require('@babel/runtime-corejs3/core-js-stable/url-search-params');
+
+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 CollapsiblePanel__default = /*#__PURE__*/_interopDefault(CollapsiblePanel);
+var Grid__default = /*#__PURE__*/_interopDefault(Grid);
+var Link__default = /*#__PURE__*/_interopDefault(Link);
+var Spacings__default = /*#__PURE__*/_interopDefault(Spacings);
+var Text__default = /*#__PURE__*/_interopDefault(Text);
+var ToggleInput__default = /*#__PURE__*/_interopDefault(ToggleInput);
+var PrimaryButton__default = /*#__PURE__*/_interopDefault(PrimaryButton);
+
+const defaultConsentOptions = {
+  skipConsent: false,
+  cookieName: 'OptanonConsent'
+};
+function useCookieConsent(consentGroup) {
+  let _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultConsentOptions,
+    skipConsent = _ref.skipConsent,
+    cookieName = _ref.cookieName;
+  const consentCookieGroups = react.useMemo(() => {
+    const rawConsentCookie = core_dist_commercetoolsFrontendCookieConsentCore.getRawConsentCookie(cookieName);
+    const consentCookieGroups = core_dist_commercetoolsFrontendCookieConsentCore.getParsedConsentCookieGroups(rawConsentCookie, {
+      skipConsent
+    });
+    return consentCookieGroups;
+  }, [cookieName, skipConsent]);
+  return {
+    givenConsent: skipConsent || Boolean(consentCookieGroups[consentGroup]),
+    setConsent: core_dist_commercetoolsFrontendCookieConsentCore.setConsentCookie
+  };
+}
+
+function useSkipCookieConsent() {
+  const skipCookieConsent = applicationShellConnectors.useApplicationContext(context => context.environment.skipCookieConsent);
+  return Boolean(skipCookieConsent);
+}
+
+const COOKIE_CONSENT_LINKS = {
+  PRIVACY_POLICY: 'https://commercetools.com/privacy#website',
+  USER_GUIDING_COOKIE_POLICY: 'https://userguiding.com/cookie-policy/'
+};
+
+const 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'
+  },
+  functionalCookiesHeader: {
+    id: 'CookieConsentModal.primary.functionalCookiesHeader',
+    description: 'Header for first collapsible content block',
+    defaultMessage: 'Functional cookies'
+  },
+  functionalCookiesDescription: {
+    id: 'CookieConsentModal.primary.functionalCookiesDescription',
+    description: 'Description of content from first collapsible header',
+    defaultMessage: 'These cookies enable the website to provide enhanced functionality and personalisation. They may be set by us or by third party providers whose services we have added to our pages. If you do not allow these cookies then some or all of these services may not function properly.'
+  },
+  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'
+  }
+});
+const 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'
+  }
+});
+const 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'
+  },
+  categoryFunctional: {
+    id: 'CookieConsentModal.cookieDetails.categoryFunctional',
+    description: 'Type of cookie',
+    defaultMessage: 'Functional Cookies'
+  },
+  categoryPerformance: {
+    id: 'CookieConsentModal.cookieDetails.categoryPerformance',
+    description: 'Type of cookie',
+    defaultMessage: 'Performance Cookies'
+  }
+});
+const cookieDetailDescriptions = reactIntl.defineMessages({
+  functionalCookieDescription1: {
+    id: 'CookieConsentModal.cookieDetails.functionalCookieDescription1',
+    description: 'Description of cookie',
+    defaultMessage: 'Set by UserGuiding (Merchant Center). As per UserGuiding Cookie Policy: This cookie contains pages the user has seen. Its purpose is to improve the user guidance experience, like showing guides only once for each user, segmenting based on page view history, etc.'
+  },
+  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."
+  },
+  performanceCookieDescription5: {
+    id: 'CookieConsentModal.cookieDetails.performanceCookieDescription5',
+    description: 'Description of cookie',
+    defaultMessage: "Set by UserGuiding (Merchant Center). As per UserGuiding Cookie Policy: This cookie is for storing in the current browser a long living random unique id, which is created at first load of the UserGuiding snippet. This ID is created randomly based on the timestamp of the first visit and does not relate to the user’s personal information including IP. The stated purpose of the cookie is to track UserGuiding users' monthly active user quota, storing users' usage history to UserGuiding databases, etc."
+  }
+});
+
+const HOSTNAME = 'commercetools.com';
+const createCookieLink = cookieName => `https://cookiepedia.co.uk/cookies/${cookieName}`;
+const createFunctionalCookieDetails = intl => [{
+  name: {
+    label: intl.formatMessage(cookieDetailLabels.nameLabel),
+    value: '__ug__',
+    to: COOKIE_CONSENT_LINKS.USER_GUIDING_COOKIE_POLICY
+  },
+  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.typeFirstParty)
+  },
+  category: {
+    label: intl.formatMessage(cookieDetailLabels.categoryLabel),
+    value: intl.formatMessage(cookieDetailValues.categoryFunctional)
+  },
+  description: {
+    label: intl.formatMessage(cookieDetailLabels.descriptionLabel),
+    value: intl.formatMessage(cookieDetailDescriptions.functionalCookieDescription1)
+  }
+}];
+const createPerformanceCookieDetails = intl => [{
+  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)
+  }
+}, {
+  name: {
+    label: intl.formatMessage(cookieDetailLabels.nameLabel),
+    value: '__UGS__uid',
+    to: COOKIE_CONSENT_LINKS.USER_GUIDING_COOKIE_POLICY
+  },
+  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.typeFirstParty)
+  },
+  category: {
+    label: intl.formatMessage(cookieDetailLabels.categoryLabel),
+    value: intl.formatMessage(cookieDetailValues.categoryPerformance)
+  },
+  description: {
+    label: intl.formatMessage(cookieDetailLabels.descriptionLabel),
+    value: intl.formatMessage(cookieDetailDescriptions.performanceCookieDescription5)
+  }
+}];
+
+function ownKeys$1(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$1(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const View = {
+  Primary: 'Primary',
+  Secondary: 'Secondary',
+  Tertiary: 'Tertiary'
+};
+/**
+ * The design spec warranted text that _looks_ like a link, but isn't
+ */
+const NavigationLink = _ref4 => {
+  let onClick = _ref4.onClick,
+    label = _ref4.label;
+  return jsxRuntime.jsx(Link__default["default"], {
+    onClick: e => {
+      e.preventDefault();
+      onClick();
+    },
+    to: "",
+    children: label
+  });
+};
+var _ref3 = {
+  name: "1u8ems1",
+  styles: "& svg{display:none;}"
+} ;
+const InformationLink = _ref5 => {
+  let to = _ref5.to,
+    label = _ref5.label;
+  const removeDefaultSvg = _ref3;
+  return jsxRuntime.jsx("div", {
+    css: removeDefaultSvg,
+    children: jsxRuntime.jsx(Link__default["default"], {
+      isExternal: true,
+      to: to,
+      children: label
+    })
+  });
+};
+var _ref2 = {
+  name: "1u8ems1",
+  styles: "& svg{display:none;}"
+} ;
+const DetailLink = _ref6 => {
+  let to = _ref6.to,
+    label = _ref6.label;
+  const removeDefaultSvg = _ref2;
+  return jsxRuntime.jsx("div", {
+    css: removeDefaultSvg,
+    children: jsxRuntime.jsx(Link__default["default"], {
+      isExternal: true,
+      to: to,
+      children: jsxRuntime.jsx(Text__default["default"].Detail, {
+        tone: "primary",
+        children: label
+      })
+    })
+  });
+};
+var _ref$1 = {
+  name: "qzmnd2",
+  styles: "padding-right:10px"
+} ;
+const CookieConsentBodyPrimary = _ref7 => {
+  let togglePerformanceValue = _ref7.togglePerformanceValue,
+    toggleFunctionalValue = _ref7.toggleFunctionalValue,
+    onTogglePerformance = _ref7.onTogglePerformance,
+    onToggleFunctional = _ref7.onToggleFunctional,
+    onChangeView = _ref7.onChangeView,
+    panelState = _ref7.panelState,
+    setPanelState = _ref7.setPanelState;
+  const _useIntl = reactIntl.useIntl(),
+    formatMessage = _useIntl.formatMessage;
+
+  // The outline of the input is cut off; we shift it to the left to compensate
+  const bumpToggle = _ref$1;
+  return jsxRuntime.jsxs(Spacings__default["default"].Stack, {
+    scale: "xl",
+    children: [jsxRuntime.jsxs(Spacings__default["default"].Stack, {
+      scale: "m",
+      children: [jsxRuntime.jsx(Text__default["default"].Body, {
+        intlMessage: modalMessages.mainDescription
+      }), jsxRuntime.jsx(InformationLink, {
+        label: formatMessage(modalMessages.privacyPolicyLink),
+        to: COOKIE_CONSENT_LINKS.PRIVACY_POLICY
+      })]
+    }), jsxRuntime.jsxs(Spacings__default["default"].Stack, {
+      scale: "l",
+      children: [jsxRuntime.jsx(CollapsiblePanel__default["default"], {
+        condensed: true,
+        header: formatMessage(modalMessages.functionalCookiesHeader),
+        headerControls: jsxRuntime.jsx("div", {
+          css: bumpToggle,
+          children: jsxRuntime.jsx(ToggleInput__default["default"], {
+            isChecked: toggleFunctionalValue,
+            onChange: e => onToggleFunctional(e.target.checked),
+            size: "small"
+          })
+        }),
+        isClosed: panelState.functionalCookiesClosed,
+        onToggle: () => setPanelState(_objectSpread$1(_objectSpread$1({}, panelState), {}, {
+          functionalCookiesClosed: !panelState.functionalCookiesClosed
+        })),
+        theme: "light",
+        children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
+          scale: "m",
+          children: [jsxRuntime.jsx(Text__default["default"].Body, {
+            intlMessage: modalMessages.functionalCookiesDescription
+          }), jsxRuntime.jsx(NavigationLink, {
+            label: formatMessage(modalMessages.cookieInformationLink),
+            onClick: () => onChangeView(View.Secondary)
+          })]
+        })
+      }), jsxRuntime.jsx(CollapsiblePanel__default["default"], {
+        condensed: true,
+        header: formatMessage(modalMessages.performanceCookiesHeader),
+        headerControls: jsxRuntime.jsx("div", {
+          css: bumpToggle,
+          children: jsxRuntime.jsx(ToggleInput__default["default"], {
+            isChecked: togglePerformanceValue,
+            onChange: e => onTogglePerformance(e.target.checked),
+            size: "small"
+          })
+        }),
+        isClosed: panelState.performanceCookiesClosed,
+        onToggle: () => setPanelState(_objectSpread$1(_objectSpread$1({}, panelState), {}, {
+          performanceCookiesClosed: !panelState.performanceCookiesClosed
+        })),
+        theme: "light",
+        children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
+          scale: "m",
+          children: [jsxRuntime.jsx(Text__default["default"].Body, {
+            intlMessage: modalMessages.performanceCookiesDescription
+          }), jsxRuntime.jsx(NavigationLink, {
+            label: formatMessage(modalMessages.cookieInformationLink),
+            onClick: () => onChangeView(View.Tertiary)
+          })]
+        })
+      })]
+    })]
+  });
+};
+const CookieConsentBodyDetails = _ref8 => {
+  let onChangeView = _ref8.onChangeView,
+    cookieDetails = _ref8.cookieDetails;
+  const _useIntl2 = reactIntl.useIntl(),
+    formatMessage = _useIntl2.formatMessage;
+  const scrollRef = /*#__PURE__*/react.createRef();
+  react.useEffect(() => {
+    scrollRef.current?.scrollIntoView();
+  }, [scrollRef]);
+  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [jsxRuntime.jsx("div", {
+      ref: scrollRef,
+      css: /*#__PURE__*/react$1.css("scroll-margin-top:", designSystem.designTokens.spacing40, ";" + ("" ), "" )
+    }), jsxRuntime.jsxs(Spacings__default["default"].Stack, {
+      scale: "l",
+      children: [jsxRuntime.jsx(NavigationLink, {
+        label: formatMessage(modalMessages.navigateBackLink),
+        onClick: () => onChangeView(View.Primary)
+      }), jsxRuntime.jsx(Spacings__default["default"].Stack, {
+        scale: "l",
+        children: _mapInstanceProperty__default["default"](cookieDetails).call(cookieDetails, detail => {
+          var _context;
+          return jsxRuntime.jsx(Grid__default["default"], {
+            gridGap: designSystem.designTokens.spacing40,
+            gridRowGap: "0px",
+            gridTemplateColumns: `${designSystem.designTokens.constraint2} 1fr`,
+            children: _mapInstanceProperty__default["default"](_context = _Object$values__default["default"](detail)).call(_context, value => jsxRuntime.jsxs(react.Fragment, {
+              children: [jsxRuntime.jsx(Grid__default["default"].Item, {
+                children: jsxRuntime.jsx(Text__default["default"].Detail, {
+                  children: value.label
+                })
+              }), jsxRuntime.jsx(Grid__default["default"].Item, {
+                children: 'to' in value ? jsxRuntime.jsx(DetailLink, {
+                  label: value.value,
+                  to: value.to
+                }) : jsxRuntime.jsx(Text__default["default"].Detail, {
+                  children: value.value
+                })
+              })]
+            }, value.value))
+          }, detail.name.value);
+        })
+      })]
+    })]
+  });
+};
+const CookieConsentModal = modalProps => {
+  const intl = reactIntl.useIntl();
+  const _useCookieConsent = useCookieConsent('performanceCookies'),
+    setConsent = _useCookieConsent.setConsent;
+  const _useState = react.useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    enablePerformanceCookies = _useState2[0],
+    setEnablePerformanceCookies = _useState2[1];
+  const _useState3 = react.useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    enableFunctionalCookies = _useState4[0],
+    setEnableFunctionalCookies = _useState4[1];
+  const _useState5 = react.useState(View.Primary),
+    _useState6 = _slicedToArray(_useState5, 2),
+    currentView = _useState6[0],
+    setCurrentView = _useState6[1];
+  const _useState7 = react.useState({
+      functionalCookiesClosed: true,
+      performanceCookiesClosed: true
+    }),
+    _useState8 = _slicedToArray(_useState7, 2),
+    panelState = _useState8[0],
+    setPanelState = _useState8[1];
+  const createConsentGroups = (functionalConsent, performanceConsent) => ({
+    functionalCookies: functionalConsent,
+    performanceCookies: performanceConsent
+  });
+  return jsxRuntime.jsxs(applicationComponents.ConfirmationDialog, {
+    isOpen: modalProps.isModalOpen,
+    labelPrimary: intl.formatMessage(modalMessages.primaryButtonLabel),
+    labelSecondary: intl.formatMessage(modalMessages.secondaryButtonLabel),
+    onCancel: () => {
+      setConsent(createConsentGroups(enableFunctionalCookies, enablePerformanceCookies));
+      modalProps.setBannerClosed(true);
+      modalProps.closeModal();
+    },
+    onClose: modalProps.closeModal,
+    onConfirm: () => {
+      setConsent(createConsentGroups(true, true));
+      modalProps.setBannerClosed(true);
+      modalProps.closeModal();
+    },
+    title: intl.formatMessage(modalMessages.title),
+    zIndex: 1000000,
+    children: [currentView === View.Primary && jsxRuntime.jsx(CookieConsentBodyPrimary, {
+      onChangeView: view => setCurrentView(view),
+      onToggleFunctional: value => setEnableFunctionalCookies(value),
+      onTogglePerformance: value => setEnablePerformanceCookies(value),
+      panelState: panelState,
+      setPanelState: state => setPanelState(state),
+      toggleFunctionalValue: enableFunctionalCookies,
+      togglePerformanceValue: enablePerformanceCookies
+    }), currentView === View.Secondary && jsxRuntime.jsx(CookieConsentBodyDetails, {
+      cookieDetails: createFunctionalCookieDetails(intl),
+      onChangeView: view => setCurrentView(view)
+    }), currentView === View.Tertiary && jsxRuntime.jsx(CookieConsentBodyDetails, {
+      cookieDetails: createPerformanceCookieDetails(intl),
+      onChangeView: view => 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(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const BANNER_HEIGHT = 64;
+
+/**
+ * Define a fixed date to determine the validity of consent cookies. Update as required.
+ *
+ * Cookies set before this date are considered invalid due to new cookie regulations or changes.
+ */
+const COOKIE_REVOCATION_DATE = 'Wed May 01 2024 12:00:00 GMT-0400 (Eastern Daylight Time)';
+var _ref = {
+  name: "1u6bcy9",
+  styles: "position:absolute;top:0;left:0;bottom:0;right:0;pointer-events:none;z-index:9999"
+} ;
+const CookieConsentBanner = bannerProps => {
+  react.useEffect(() => {
+    // Revoke cookies prior to a certain date to ensure user preferences are up-to-date with cookie configuration
+    core_dist_commercetoolsFrontendCookieConsentCore.unsetConsentCookie(new Date(COOKIE_REVOCATION_DATE));
+  }, []);
+
+  // Hide the banner once the accept button is clicked, until we can subscribe to the cookie
+  const _useState = react.useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    bannerClosed = _useState2[0],
+    setBannerClosed = _useState2[1];
+  const _useModalState = applicationComponents.useModalState(),
+    closeModal = _useModalState.closeModal,
+    openModal = _useModalState.openModal,
+    isModalOpen = _useModalState.isModalOpen;
+  const _useIntl = reactIntl.useIntl(),
+    formatMessage = _useIntl.formatMessage;
+  const _useCookieConsent = useCookieConsent('performanceCookies', {
+      skipConsent: bannerProps.skipConsent
+    }),
+    setConsent = _useCookieConsent.setConsent,
+    hasGivenPerformanceCookieConsent = _useCookieConsent.givenConsent;
+  const _useCookieConsent2 = useCookieConsent('functionalCookies', {
+      skipConsent: bannerProps.skipConsent
+    }),
+    hasGivenFunctionalCookieConsent = _useCookieConsent2.givenConsent;
+  const createConsentGroups = () => ({
+    functionalCookies: true,
+    performanceCookies: true
+  });
+  if (bannerClosed || hasGivenFunctionalCookieConsent || hasGivenPerformanceCookieConsent) return null;
+  return (
+    // TODO: use lower z-index, prefer ranges per use-case
+    jsxRuntime.jsx("div", {
+      css: _ref,
+      children: jsxRuntime.jsxs("div", {
+        css: /*#__PURE__*/react$1.css("position:sticky;top:calc(100% - ", BANNER_HEIGHT, "px - ", designSystem.designTokens.spacingXl, ");display:flex;flex-direction:column;align-items:center;z-index:9999;width:100%;pointer-events:auto;" + ("" ), "" ),
+        children: [jsxRuntime.jsx("div", {
+          css: /*#__PURE__*/react$1.css("background-color:", designSystem.designTokens.colorAccent10, ";border-radius:", designSystem.designTokens.borderRadius4, ";box-shadow:", designSystem.designTokens.shadow8, ";margin:0 ", designSystem.designTokens.spacingXl, ";padding:", designSystem.designTokens.spacingM, " ", designSystem.designTokens.spacingL, ";width:fit-content;svg{display:none;}" + ("" ), "" ),
+          children: jsxRuntime.jsxs(Spacings__default["default"].Inline, {
+            alignItems: "center",
+            scale: "xl",
+            children: [jsxRuntime.jsx(Text__default["default"].Body, {
+              tone: "inverted",
+              children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread(_objectSpread({}, messages.bannerMessage), {}, {
+                values: {
+                  privacyLink: jsxRuntime.jsx(Link__default["default"], {
+                    intlMessage: messages.privacyPolicyLink,
+                    isExternal: true,
+                    to: COOKIE_CONSENT_LINKS.PRIVACY_POLICY,
+                    tone: "inverted"
+                  }),
+                  modalLink: jsxRuntime.jsx(Link__default["default"], {
+                    intlMessage: messages.bannerCookiesModalLink,
+                    onClick: e => {
+                      e.preventDefault();
+                      openModal();
+                    },
+                    to: "",
+                    tone: "inverted"
+                  })
+                }
+              }))
+            }), jsxRuntime.jsx(PrimaryButton__default["default"], {
+              label: formatMessage(messages.buttonLabel),
+              onClick: () => {
+                setConsent(createConsentGroups());
+                setBannerClosed(true);
+              },
+              size: "medium"
+            })]
+          })
+        }), jsxRuntime.jsx(CookieConsentModal, {
+          closeModal: closeModal,
+          isModalOpen: isModalOpen,
+          setBannerClosed: setBannerClosed
+        })]
+      })
+    })
+  );
+};
+CookieConsentBanner.displayName = 'CookieConsentBanner';
+
+exports.CookieConsentBanner = CookieConsentBanner;
+exports.CookieConsentModal = CookieConsentModal;
+exports.useCookieConsent = useCookieConsent;
+exports.useSkipCookieConsent = useSkipCookieConsent;