@commercetools-frontend/cookie-consent 2.3.0 → 2.4.0

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

@@ -17,22 +17,22 @@ 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 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 designSystem = require('@commercetools-uikit/design-system');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 var PrimaryButton = require('@commercetools-uikit/primary-button');
-var _URLSearchParams = require('@babel/runtime-corejs3/core-js-stable/url-search-params');
 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');
 require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -54,7 +54,6 @@ var Spacings__default = /*#__PURE__*/_interopDefault(Spacings);
 var Text__default = /*#__PURE__*/_interopDefault(Text);
 var ToggleInput__default = /*#__PURE__*/_interopDefault(ToggleInput);
 var PrimaryButton__default = /*#__PURE__*/_interopDefault(PrimaryButton);
-var _URLSearchParams__default = /*#__PURE__*/_interopDefault(_URLSearchParams);
 
 const defaultConsentOptions = {
   skipConsent: false,
@@ -82,6 +81,11 @@ function useSkipCookieConsent() {
   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',
@@ -256,11 +260,6 @@ const cookieDetailDescriptions = reactIntl.defineMessages({
   }
 });
 
-const COOKIE_CONSENT_LINKS = {
-  PRIVACY_POLICY: 'https://commercetools.com/privacy#website',
-  USER_GUIDING_COOKIE_POLICY: 'https://userguiding.com/cookie-policy/'
-};
-
 const HOSTNAME = 'commercetools.com';
 const createCookieLink = cookieName => "https://cookiepedia.co.uk/cookies/".concat(cookieName);
 const createFunctionalCookieDetails = intl => [{
@@ -639,7 +638,6 @@ const CookieConsentModal = modalProps => {
     performanceCookies: performanceConsent
   });
   return jsxRuntime.jsxs(applicationComponents.ConfirmationDialog, {
-    zIndex: 1000000,
     isOpen: modalProps.isModalOpen,
     labelPrimary: intl.formatMessage(modalMessages.primaryButtonLabel),
     labelSecondary: intl.formatMessage(modalMessages.secondaryButtonLabel),
@@ -655,14 +653,15 @@ const CookieConsentModal = modalProps => {
       modalProps.closeModal();
     },
     title: intl.formatMessage(modalMessages.title),
+    zIndex: 1000000,
     children: [currentView === View.Primary && jsxRuntime.jsx(CookieConsentBodyPrimary, {
       onChangeView: view => setCurrentView(view),
-      onTogglePerformance: value => setEnablePerformanceCookies(value),
       onToggleFunctional: value => setEnableFunctionalCookies(value),
+      onTogglePerformance: value => setEnablePerformanceCookies(value),
       panelState: panelState,
       setPanelState: state => setPanelState(state),
-      togglePerformanceValue: enablePerformanceCookies,
-      toggleFunctionalValue: enableFunctionalCookies
+      toggleFunctionalValue: enableFunctionalCookies,
+      togglePerformanceValue: enablePerformanceCookies
     }), currentView === View.Secondary && jsxRuntime.jsx(CookieConsentBodyDetails, {
       cookieDetails: createFunctionalCookieDetails(intl),
       onChangeView: view => setCurrentView(view)
@@ -696,52 +695,25 @@ var messages = reactIntl.defineMessages({
   }
 });
 
+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 REVOCATION_DATE = 'Wed May 01 2024 12:00:00 GMT-0400 (Eastern Daylight Time)';
-
-/**
- * Deletes the consent cookie from the browser by setting the cookie's expiration date to a past date.
- */
-const deleteConsentCookie = () => {
-  const beginningOfTime = 'Thu, 01 Jan 1970 00:00:00 GMT';
-  document.cookie = core_dist_commercetoolsFrontendCookieConsentCore.CONSENT_COOKIE_NAME + "=; expires=".concat(beginningOfTime, "; path=/");
-};
-
-/**
- * Checks and potentially revokes the consent cookie based on its date stamp.
- *
- * If the cookie's date stamp is older than the revocation date, it deletes the cookie.
- */
-const revokeConsentCookie = () => {
-  const rawConsentCookie = core_dist_commercetoolsFrontendCookieConsentCore.getRawConsentCookie();
-  const parsedConsentCookieValue = new _URLSearchParams__default["default"](rawConsentCookie);
-  const cookieDateStamp = parsedConsentCookieValue.get('datestamp');
-  if (cookieDateStamp) {
-    const cookieDate = new Date(cookieDateStamp);
-    if (cookieDate < new Date(REVOCATION_DATE)) {
-      deleteConsentCookie();
-    }
-  }
-};
-const useRevokeConsentCookie = () => {
-  return revokeConsentCookie;
-};
-
-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;
+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 => {
-  // Revoke cookies prior to a certain date to ensure user preferences are up-to-date with cookie configuration
-  const revokeConsentCookie = useRevokeConsentCookie();
-  revokeConsentCookie();
+  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),