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

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

@@ -0,0 +1,164 @@
+import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
+import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
+import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
+import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
+import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
+import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
+import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
+import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
+import _findInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/find';
+import _Object$fromEntries from '@babel/runtime-corejs3/core-js-stable/object/from-entries';
+import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
+import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
+import _Object$entries from '@babel/runtime-corejs3/core-js-stable/object/entries';
+import _URLSearchParams from '@babel/runtime-corejs3/core-js-stable/url-search-params';
+import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
+
+var _context2;
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context7, _context8; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context7 = ownKeys(Object(t), !0)).call(_context7, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context8 = ownKeys(Object(t))).call(_context8, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+const COOKIE_CONSENT_GROUPS = {
+  essentialCookies: 'C0001',
+  performanceCookies: 'C0002',
+  functionalCookies: 'C0003',
+  targetingCookies: 'C0004',
+  socialMediaCookies: 'C0005'
+};
+const CONSENT_COOKIE_NAME = 'OptanonConsent';
+function getRawConsentCookie() {
+  var _context;
+  let name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : CONSENT_COOKIE_NAME;
+  const escapedCookies = decodeURIComponent(document.cookie);
+  const consentCookie = _findInstanceProperty(_context = escapedCookies.split('; ')).call(_context, rawCookie => {
+    const _rawCookie$split = rawCookie.split('='),
+      _rawCookie$split2 = _slicedToArray(_rawCookie$split, 1),
+      cookieName = _rawCookie$split2[0];
+    return cookieName === name;
+  });
+  return consentCookie;
+}
+const defaultConsentGroups = _Object$fromEntries(_mapInstanceProperty(_context2 = _Object$keys(COOKIE_CONSENT_GROUPS)).call(_context2, consentGroup => [consentGroup, false]));
+function getParsedConsentCookieGroups() {
+  var _context3;
+  let cookieValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : getRawConsentCookie();
+  let _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+    skipConsent = _ref.skipConsent;
+  let parsedConsentCookieGroups = {};
+  const encodedConsentGroupToConsentGroup = _Object$fromEntries(_mapInstanceProperty(_context3 = _Object$entries(COOKIE_CONSENT_GROUPS)).call(_context3, _ref2 => {
+    let _ref3 = _slicedToArray(_ref2, 2),
+      encodedConsentGroupName = _ref3[0],
+      decodedConsentGroupName = _ref3[1];
+    return [decodedConsentGroupName, encodedConsentGroupName];
+  }));
+  try {
+    var _context4;
+    const parsedConsentCookieValue = new _URLSearchParams(cookieValue);
+    const rawConsentCookieGroups = parsedConsentCookieValue.get('groups');
+    const parsedConsentCookieGroupEntries = rawConsentCookieGroups && _mapInstanceProperty(_context4 = rawConsentCookieGroups.split(',')).call(_context4, consentGroup => {
+      const _consentGroup$split = consentGroup.split(':'),
+        _consentGroup$split2 = _slicedToArray(_consentGroup$split, 2),
+        encodedConsentGroupName = _consentGroup$split2[0],
+        consentGroupValue = _consentGroup$split2[1];
+      return [encodedConsentGroupName && encodedConsentGroupToConsentGroup[encodedConsentGroupName], skipConsent === true ? true : consentGroupValue === '1'];
+    });
+    parsedConsentCookieGroups = parsedConsentCookieGroupEntries ? _Object$fromEntries(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) : `${1e7}-${1e3}-${4e3}-${8e3}-${1e11}`.replace(/[018]/g, generateUuid);
+}
+function generateEncodedConsentGroups(consentGroups) {
+  var _context5, _context6;
+  return _filterInstanceProperty(_context5 = _mapInstanceProperty(_context6 = _Object$entries(consentGroups)).call(_context6, _ref4 => {
+    let _ref5 = _slicedToArray(_ref4, 2),
+      consentGroupName = _ref5[0],
+      consentGroupValue = _ref5[1];
+    const encodedConsentGroup = COOKIE_CONSENT_GROUPS[consentGroupName];
+    if (!encodedConsentGroup) {
+      return null;
+    }
+    return `${encodedConsentGroup}:${consentGroupValue && '1' || '0'}`;
+  })).call(_context5, Boolean).join(',');
+}
+function generateConsentCookie(consentGroups) {
+  const existingConsentGroups = getParsedConsentCookieGroups();
+  const encodedConsentGroups = generateEncodedConsentGroups(_objectSpread(_objectSpread({}, existingConsentGroups), consentGroups));
+  const consentValues = {
+    isGpcEnabled: '0',
+    datestamp: new Date().toString(),
+    version: '202209.1.0',
+    isIABGlobal: 'false',
+    hosts: '',
+    consentId: generateUuid(),
+    interactionCount: '1',
+    landingPath: 'NotLandingPage',
+    groups: encodedConsentGroups,
+    AwaitingReconsent: 'false'
+  };
+  const consentCookieValue = new _URLSearchParams(consentValues);
+  return consentCookieValue.toString();
+}
+
+/**
+ * The `window.app.cookieConsentDomain` can be passed but cannot be an empty string.
+ *
+ * By default `.commercetools.com` is used.
+ */
+function getConsentCookieDomain() {
+  let consentCookieDomain;
+  if (window.app && window.app.cookieConsentDomain && window.app.cookieConsentDomain.length > 0) {
+    consentCookieDomain = window.app.cookieConsentDomain;
+  } else {
+    consentCookieDomain = '.commercetools.com';
+  }
+  return consentCookieDomain;
+}
+function setConsentCookie(consentGroups, domain) {
+  const expiresAt = new Date();
+  expiresAt.setFullYear(expiresAt.getFullYear() + 11);
+  let consentCookieDomain;
+
+  /**
+   * The `domain` argument takes precedence if passed.
+   */
+  if (domain && domain.length > 0) {
+    consentCookieDomain = domain;
+  } else {
+    consentCookieDomain = getConsentCookieDomain();
+  }
+  document.cookie = `${CONSENT_COOKIE_NAME}=${generateConsentCookie(consentGroups)}; domain=${consentCookieDomain}; expires=${expiresAt.toUTCString()}; SameSite=Lax; path=/; `;
+}
+
+/**
+ * Deletes the consent cookie from the browser by setting the cookie's expiration date to a past date.
+ */
+function deleteConsentCookie() {
+  const beginningOfTime = 'Thu, 01 Jan 1970 00:00:00 GMT';
+  const cookieConsentDomain = getConsentCookieDomain();
+  document.cookie = `${CONSENT_COOKIE_NAME}=; expires=${beginningOfTime}; path=/; domain=${cookieConsentDomain}`;
+}
+
+/**
+ * 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.
+ */
+function unsetConsentCookie(revocationDate) {
+  const rawConsentCookie = getRawConsentCookie();
+  const parsedConsentCookieValue = new _URLSearchParams(rawConsentCookie);
+  const cookieDateStamp = parsedConsentCookieValue.get('datestamp');
+  if (cookieDateStamp) {
+    const cookieDate = new Date(cookieDateStamp);
+    if (cookieDate < revocationDate) {
+      deleteConsentCookie();
+    }
+  }
+}
+
+export { CONSENT_COOKIE_NAME, COOKIE_CONSENT_GROUPS, generateConsentCookie, getParsedConsentCookieGroups, getRawConsentCookie, setConsentCookie, unsetConsentCookie };

package/core/package.json

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

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

@@ -0,0 +1,35 @@
+declare const COOKIE_CONSENT_GROUPS: {
+    readonly essentialCookies: "C0001";
+    readonly performanceCookies: "C0002";
+    readonly functionalCookies: "C0003";
+    readonly targetingCookies: "C0004";
+    readonly socialMediaCookies: "C0005";
+};
+declare global {
+    interface Window {
+        app: Record<string, unknown>;
+    }
+}
+type TConsentGroupNames = keyof typeof COOKIE_CONSENT_GROUPS;
+type TConsentGroups = Record<TConsentGroupNames, boolean>;
+declare const CONSENT_COOKIE_NAME = "OptanonConsent";
+declare function getRawConsentCookie(name?: string): string | undefined;
+type TGetParsedConsentCookieGroupsOptions = {
+    skipConsent?: boolean;
+};
+declare function getParsedConsentCookieGroups(cookieValue?: string | undefined, { skipConsent }?: TGetParsedConsentCookieGroupsOptions): {
+    essentialCookies: boolean;
+    performanceCookies: boolean;
+    functionalCookies: boolean;
+    targetingCookies: boolean;
+    socialMediaCookies: boolean;
+};
+declare function generateConsentCookie(consentGroups: Partial<TConsentGroups>): string;
+declare function setConsentCookie(consentGroups: Partial<TConsentGroups>, domain?: string): void;
+/**
+ * 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.
+ */
+declare function unsetConsentCookie(revocationDate: Date): void;
+export { type TConsentGroups, CONSENT_COOKIE_NAME, getRawConsentCookie, getParsedConsentCookieGroups, setConsentCookie, unsetConsentCookie, generateConsentCookie, COOKIE_CONSENT_GROUPS, };

package/dist/declarations/src/react/cookie-consent-banner/cookie-consent-banner.d.ts

@@ -0,0 +1,8 @@
+type ConsentBannerProps = {
+    skipConsent: boolean;
+};
+declare const CookieConsentBanner: {
+    (bannerProps: ConsentBannerProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element | null;
+    displayName: string;
+};
+export { CookieConsentBanner };

package/dist/declarations/src/react/cookie-consent-banner/index.d.ts

@@ -0,0 +1 @@
+export { CookieConsentBanner } from "./cookie-consent-banner.js";

package/dist/declarations/src/react/cookie-consent-modal/cookie-consent-modal.d.ts

@@ -0,0 +1,7 @@
+type ModalStateProps = {
+    isModalOpen: boolean;
+    closeModal: () => void;
+    setBannerClosed: (boolean: boolean) => void;
+};
+declare const CookieConsentModal: (modalProps: ModalStateProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+export default CookieConsentModal;

package/dist/declarations/src/react/cookie-consent-modal/index.d.ts

@@ -0,0 +1 @@
+export { default as CookieConsentModal } from "./cookie-consent-modal.js";

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

@@ -0,0 +1,4 @@
+export { useCookieConsent } from "./use-cookie-consent/index.js";
+export { useSkipCookieConsent } from "./use-skip-cookie-consent/index.js";
+export { CookieConsentModal } from "./cookie-consent-modal/index.js";
+export { CookieConsentBanner } from "./cookie-consent-banner/index.js";

package/dist/declarations/src/react/use-cookie-consent/index.d.ts

@@ -0,0 +1 @@
+export { useCookieConsent } from "./use-cookie-consent.js";

package/dist/declarations/src/react/use-cookie-consent/use-cookie-consent.d.ts

@@ -0,0 +1,10 @@
+import { setConsentCookie, COOKIE_CONSENT_GROUPS } from "../../core/index.js";
+type TConsentOptions = {
+    skipConsent?: boolean;
+    cookieName?: string;
+};
+declare function useCookieConsent(consentGroup: keyof typeof COOKIE_CONSENT_GROUPS, { skipConsent, cookieName }?: TConsentOptions): {
+    givenConsent: boolean;
+    setConsent: typeof setConsentCookie;
+};
+export { useCookieConsent };

package/dist/declarations/src/react/use-skip-cookie-consent/index.d.ts

@@ -0,0 +1 @@
+export { useSkipCookieConsent } from "./use-skip-cookie-consent.js";

package/dist/declarations/src/react/use-skip-cookie-consent/use-skip-cookie-consent.d.ts

@@ -0,0 +1,2 @@
+declare function useSkipCookieConsent(): boolean;
+export { useSkipCookieConsent };

package/package.json

@@ -0,0 +1,67 @@
+{
+  "name": "@commercetools-frontend/cookie-consent",
+  "version": "0.0.0-FEC-212-react19-20250122084835",
+  "description": "A package integrating with OneTrust cookie consent",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/commercetools/merchant-center-frontend.git",
+    "directory": "packages-shared/cookie-consent"
+  },
+  "license": "MIT",
+  "main": "dist/commercetools-frontend-cookie-consent.cjs.js",
+  "module": "dist/commercetools-frontend-cookie-consent.esm.js",
+  "files": [
+    "dist",
+    "core",
+    "react",
+    "package.json",
+    "LICENSE",
+    "README.md"
+  ],
+  "dependencies": {
+    "@babel/core": "^7.22.11",
+    "@babel/runtime-corejs3": "^7.21.0",
+    "@commercetools-frontend/application-components": "0.0.0-fec-156-react19-20250117164550",
+    "@commercetools-uikit/collapsible-panel": "0.0.0-fec-155-react-19-20250117211328",
+    "@commercetools-uikit/design-system": "0.0.0-fec-155-react-19-20250117211328",
+    "@commercetools-uikit/grid": "0.0.0-fec-155-react-19-20250117211328",
+    "@commercetools-uikit/link": "0.0.0-fec-155-react-19-20250117211328",
+    "@commercetools-uikit/primary-button": "0.0.0-fec-155-react-19-20250117211328",
+    "@commercetools-uikit/spacings": "0.0.0-fec-155-react-19-20250117211328",
+    "@commercetools-uikit/text": "0.0.0-fec-155-react-19-20250117211328",
+    "@commercetools-uikit/toggle-input": "0.0.0-fec-155-react-19-20250117211328"
+  },
+  "devDependencies": {
+    "@apollo/client": "3.7.10",
+    "@commercetools-frontend/application-shell": "0.0.0-fec-156-react19-20250117164550",
+    "@commercetools-frontend/application-shell-connectors": "0.0.0-fec-156-react19-20250117164550",
+    "@emotion/react": "11.13.3",
+    "@testing-library/react": "16.1.0",
+    "@types/jest": "^29.5.2",
+    "@types/node": "20.17.13",
+    "@types/react": "19.0.0",
+    "@types/testing-library__jest-dom": "^5.14.6",
+    "react": "19.0.0",
+    "react-intl": "6.6.8",
+    "typescript": "5.2.2"
+  },
+  "peerDependencies": {
+    "@commercetools-frontend/application-shell": "0.0.0-fec-156-react19-20250117164550",
+    "@commercetools-frontend/application-shell-connectors": "0.0.0-fec-156-react19-20250117164550",
+    "@emotion/react": "11.x",
+    "react": "19.x",
+    "react-intl": "6.x"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "preconstruct": {
+    "entrypoints": [
+      "./core/index.ts",
+      "./react/index.ts"
+    ]
+  },
+  "scripts": {
+    "typecheck": "tsc --noEmit"
+  }
+}

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

@@ -0,0 +1,2 @@
+export * from "../../dist/declarations/src/react/index.js";
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbWVyY2V0b29scy1mcm9udGVuZC1jb29raWUtY29uc2VudC1yZWFjdC5janMuZC50cyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL2Rpc3QvZGVjbGFyYXRpb25zL3NyYy9yZWFjdC9pbmRleC5kLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBIn0=