@porscheofficial/cookie-consent-banner - npm Package Compare versions

Comparing version 3.1.2 to 3.1.3

dist/cjs/cookie-consent-banner.cjs.entry.js

@@ -7,2 +7,11 @@ 'use strict';
 
+const parseCookies = () => document.cookie.split(";").reduce((acc, curr) => {
+  const [key, value] = curr.split("=");
+  // key and value may be surrounded by whitespace (space and tab characters)
+  const cookieKey = key.trim();
+  const cookieValue = value.trim();
+  return { ...acc, [cookieKey]: cookieValue };
+}, {});
+const getCookie = (cookieName) => parseCookies()[cookieName];
+
 const cookieConsentBannerCss = ":host{display:block;-webkit-text-size-adjust:100%;--internal-cookie-consent-banner-colors-primary:var(\n    --cookie-consent-banner-colors-primary,\n    var(--theme-ui-colors-primary, #81c784)\n  );--internal-cookie-consent-banner-colors-primary-border:var(\n    --cookie-consent-banner-colors-primary,\n    var(--theme-ui-colors-primary, #81c784)\n  );--internal-cookie-consent-banner-colors-primary-content:var(\n    --cookie-consent-banner-colors-primary-content,\n    var(--theme-ui-colors-white, #fff)\n  );--internal-cookie-consent-banner-colors-secondary:var(\n    --cookie-consent-banner-colors-secondary,\n    var(--theme-ui-colors-secondary, transparent)\n  );--internal-cookie-consent-banner-colors-secondary-border:var(\n    --cookie-consent-banner-colors-secondary-border,\n    var(--theme-ui-colors-white, #fff)\n  );--internal-cookie-consent-banner-colors-secondary-content:var(\n    --cookie-consent-banner-colors-secondary-content,\n    var(--theme-ui-colors-white, #fff)\n  );--internal-cookie-consent-banner-colors-background-body:var(\n    --cookie-consent-banner-colors-background-body,\n    var(--theme-ui-colors-background, rgba(25, 31, 34, 0.92))\n  );--internal-cookie-consent-banner-colors-text:var(\n    --cookie-consent-banner-colors-text,\n    var(--theme-ui-colors-text, #fff)\n  );--internal-cookie-consent-banner-font-family-headline:var(\n    --cookie-consent-banner-font-family-headline,\n    var(--theme-ui-fonts-heading, inherit)\n  );--internal-cookie-consent-banner-font-family-body:var(\n    --cookie-consent-banner-font-family-body,\n    var(--theme-ui-fonts-body, inherit)\n  );--internal-cookie-consent-banner-font-size-headline:var(\n    --cookie-consent-banner-font-size-headline,\n    1.5rem\n  );--internal-cookie-consent-banner-font-size-body:var(\n    --cookie-consent-banner-font-size-body,\n    0.875rem\n  );--internal-cookie-consent-banner-border-radius-buttons:var(\n    --cookie-consent-banner-border-radius-buttons,\n    var(--theme-ui-radii-default, 0.6rem)\n  );--internal-cookie-consent-banner-border-radius-body:var(\n    --cookie-consent-banner-border-radius-body,\n    var(--theme-ui-radii-default, 0)\n  );--internal-cookie-consent-banner-spacings-container-padding-top:var(\n    --cookie-consent-banner-spacings-container-padding-top,\n    var(--theme-ui-spacings-2, 1rem)\n  );--internal-cookie-consent-banner-spacings-container-padding-left:var(\n    --cookie-consent-banner-spacings-container-padding-left,\n    var(--theme-ui-spacings-2, 1rem)\n  );--internal-cookie-consent-banner-spacings-container-padding-bottom:var(\n    --cookie-consent-banner-spacings-container-padding-bottom,\n    var(--theme-ui-spacings-2, 1rem)\n  );--internal-cookie-consent-banner-spacings-container-padding-right:var(\n    --cookie-consent-banner-spacings-container-padding-right,\n    var(--theme-ui-spacings-2, 1rem)\n  );--internal-cookie-consent-banner-spacings-body-padding-top:var(\n    --cookie-consent-banner-spacings-body-padding-top,\n    var(--theme-ui-spacings-2, 0)\n  );--internal-cookie-consent-banner-spacings-body-padding-left:var(\n    --cookie-consent-banner-spacings-body-padding-left,\n    var(--theme-ui-spacings-2, 2rem)\n  );--internal-cookie-consent-banner-spacings-body-padding-bottom:var(\n    --cookie-consent-banner-spacings-body-padding-bottom,\n    var(--theme-ui-spacings-2, 0)\n  );--internal-cookie-consent-banner-spacings-body-padding-right:var(\n    --cookie-consent-banner-spacings-body-padding-right,\n    var(--theme-ui-spacings-2, 2rem)\n  );--internal-cookie-consent-banner-z-index-container:var(\n    --cookie-consent-banner-z-index-container,\n    1\n  )}.launcher{position:fixed;left:0;bottom:0;z-index:var(--internal-cookie-consent-banner-z-index-container);margin-left:1rem;padding-top:1.2rem;padding-left:2rem;padding-bottom:1.2rem;padding-right:2rem;background-color:rgba(25, 31, 34, 0.92);box-shadow:0px -3px 13px 0px rgba(57, 57, 57, 0.38);color:#fff;transform:translateY(70%);transition:transform 1s ease}.launcher:hover{transform:translateY(0)}*,*:before,*:after{box-sizing:border-box}@keyframes slideup{0%{transform:translateY(110vh)}100%{transform:translateY(0vh)}}.cc{position:fixed;left:0;bottom:0;z-index:var(--internal-cookie-consent-banner-z-index-container);width:100%;max-height:100%;max-height:stretch;padding-top:calc(\n    var(--internal-cookie-consent-banner-spacings-container-padding-top) +\n      env(safe-area-inset-top)\n  );padding-left:calc(\n    var(--internal-cookie-consent-banner-spacings-container-padding-left) +\n      env(safe-area-inset-left)\n  );padding-bottom:calc(\n    var(--internal-cookie-consent-banner-spacings-container-padding-bottom) +\n      env(safe-area-inset-bottom)\n  );padding-right:calc(\n    var(--internal-cookie-consent-banner-spacings-container-padding-right) +\n      env(safe-area-inset-right)\n  );overflow-y:auto;transform:translateY(110vh);animation:slideup 1s forwards}.cc_disable-slide-in{transform:none;animation:none}.cc_body{background-color:var(\n    --internal-cookie-consent-banner-colors-background-body\n  );border-radius:var(--internal-cookie-consent-banner-border-radius-body);padding-top:var(--internal-cookie-consent-banner-spacings-body-padding-top);padding-left:var(\n    --internal-cookie-consent-banner-spacings-body-padding-left\n  );padding-bottom:var(\n    --internal-cookie-consent-banner-spacings-body-padding-bottom\n  );padding-right:var(\n    --internal-cookie-consent-banner-spacings-body-padding-right\n  );box-shadow:0px -3px 13px 0px rgba(57, 57, 57, 0.38)}.cc_headline{margin:0;padding-top:2rem;padding-bottom:0;font-size:var(--internal-cookie-consent-banner-font-size-headline);color:var(--internal-cookie-consent-banner-colors-text);font-family:var(--internal-cookie-consent-banner-font-family-headline)}.cc_text{padding-top:1rem;padding-bottom:1.5rem;font-family:var(--internal-cookie-consent-banner-font-family-body)}a,.textlink,::slotted(a){text-decoration:underline;color:var(--internal-cookie-consent-banner-colors-text)}.textlink:hover,::slotted(a:hover){cursor:pointer}label,p,::slotted(label),::slotted(p){box-sizing:border-box;margin:0;min-width:0;max-width:100%;font-size:var(--internal-cookie-consent-banner-font-size-body);line-height:1.37;font-weight:400;letter-spacing:0.02em;color:var(--internal-cookie-consent-banner-colors-text)}.cc_settings{padding-bottom:2rem}.cc_settings_description{padding-bottom:1rem}.cc_checkboxes{display:grid}.cc_checkboxes_item{display:block;width:100%;padding-bottom:1rem;padding-left:0.5rem}.cc_buttons{padding-bottom:1rem;text-align:right}.cc_buttons>button{width:100%;margin-bottom:1rem}.cc_buttons>button:hover{cursor:pointer}@media (min-width: 48em){.cc_buttons>button{width:auto;margin-bottom:0}}button{box-sizing:border-box;min-width:0;appearance:none;display:inline-block;margin-top:0;margin-left:0.25rem;margin-bottom:0;margin-right:0.25rem;padding-top:1rem;padding-left:2.5rem;padding-bottom:1rem;padding-right:2.5rem;background-color:var(--internal-cookie-consent-banner-colors-primary);border-radius:var(--internal-cookie-consent-banner-border-radius-buttons);border-width:1px;border-color:var(--internal-cookie-consent-banner-colors-primary-border);border-style:solid;color:var(--internal-cookie-consent-banner-colors-primary-content);font-size:inherit;font-size:1rem;font-weight:700;line-height:inherit;text-decoration:none;text-align:center}button.secondary{background-color:var(--internal-cookie-consent-banner-colors-secondary);border-color:var(--internal-cookie-consent-banner-colors-secondary-border);color:var(--internal-cookie-consent-banner-colors-secondary-content)}";
@@ -50,4 +59,3 @@
     if (document.cookie) {
-      const cookieValueString = `; ${document.cookie}`.split(`; ${this.cookieName}=`).pop() ??
-        "".split(";").shift();
+      const cookieValueString = getCookie(this.cookieName);
       cookieValues = cookieValueString ? cookieValueString.split(",") : [];
@@ -54,0 +62,0 @@ }

dist/collection/components/cookie-consent-banner/cookie-consent-banner.js

 /* eslint-disable @typescript-eslint/no-unsafe-return,no-unused-vars,@typescript-eslint/no-unused-vars */
 // https://github.com/ionic-team/stencil/blob/master/BREAKING_CHANGES.md
 import { h, } from "@stencil/core";
+import { getCookie } from "../../utils/parseCookies";
 export class CookieConsentBanner {
@@ -41,4 +42,3 @@ constructor() {
     if (document.cookie) {
-      const cookieValueString = `; ${document.cookie}`.split(`; ${this.cookieName}=`).pop() ??
-        "".split(";").shift();
+      const cookieValueString = getCookie(this.cookieName);
       cookieValues = cookieValueString ? cookieValueString.split(",") : [];
@@ -45,0 +45,0 @@ }

dist/cookie-consent-banner/cookie-consent-banner.esm.js

@@ -1,1 +0,1 @@
-import{p as e,b as n}from"./p-1549f98e.js";export{s as setNonce}from"./p-1549f98e.js";(()=>{const n=import.meta.url,t={};return""!==n&&(t.resourcesUrl=new URL(".",n).href),e(t)})().then((e=>n([["p-8df4de0c",[[1,"cookie-consent-banner",{availableCategories:[16],cookieName:[1,"cookie-name"],cookieDomain:[1,"cookie-domain"],disableResetSiteCookiesOnConsentWithdrawn:[4,"disable-reset-site-cookies-on-consent-withdrawn"],disableSlideInAnimation:[4,"disable-slide-in-animation"],headline:[1],btnLabelAcceptAndContinue:[1,"btn-label-accept-and-continue"],btnLabelOnlyEssentialAndContinue:[1,"btn-label-only-essential-and-continue"],btnLabelSelectAllAndContinue:[1,"btn-label-select-all-and-continue"],btnLabelPersistSelectionAndContinue:[1,"btn-label-persist-selection-and-continue"],contentSettingsDescription:[1,"content-settings-description"],handlePreferencesRestored:[16],handlePreferencesUpdated:[16],isShown:[32],acceptedCategoriesNext:[32],acceptedCategoriesPersisted:[32],isShownSettings:[32]},[[4,"cookie_consent_show","eventListenerShow"],[4,"cookie_consent_details_show","eventListenerDetailsShow"]]]]]],e)));
+import{p as e,b as n}from"./p-1549f98e.js";export{s as setNonce}from"./p-1549f98e.js";(()=>{const n=import.meta.url,t={};return""!==n&&(t.resourcesUrl=new URL(".",n).href),e(t)})().then((e=>n([["p-48aa8bf8",[[1,"cookie-consent-banner",{availableCategories:[16],cookieName:[1,"cookie-name"],cookieDomain:[1,"cookie-domain"],disableResetSiteCookiesOnConsentWithdrawn:[4,"disable-reset-site-cookies-on-consent-withdrawn"],disableSlideInAnimation:[4,"disable-slide-in-animation"],headline:[1],btnLabelAcceptAndContinue:[1,"btn-label-accept-and-continue"],btnLabelOnlyEssentialAndContinue:[1,"btn-label-only-essential-and-continue"],btnLabelSelectAllAndContinue:[1,"btn-label-select-all-and-continue"],btnLabelPersistSelectionAndContinue:[1,"btn-label-persist-selection-and-continue"],contentSettingsDescription:[1,"content-settings-description"],handlePreferencesRestored:[16],handlePreferencesUpdated:[16],isShown:[32],acceptedCategoriesNext:[32],acceptedCategoriesPersisted:[32],isShownSettings:[32]},[[4,"cookie_consent_show","eventListenerShow"],[4,"cookie_consent_details_show","eventListenerDetailsShow"]]]]]],e)));

dist/esm/cookie-consent-banner.entry.js

 import { r as registerInstance, c as createEvent, h } from './index-a4b755f8.js';
 
+const parseCookies = () => document.cookie.split(";").reduce((acc, curr) => {
+  const [key, value] = curr.split("=");
+  // key and value may be surrounded by whitespace (space and tab characters)
+  const cookieKey = key.trim();
+  const cookieValue = value.trim();
+  return { ...acc, [cookieKey]: cookieValue };
+}, {});
+const getCookie = (cookieName) => parseCookies()[cookieName];
+
 const cookieConsentBannerCss = ":host{display:block;-webkit-text-size-adjust:100%;--internal-cookie-consent-banner-colors-primary:var(\n    --cookie-consent-banner-colors-primary,\n    var(--theme-ui-colors-primary, #81c784)\n  );--internal-cookie-consent-banner-colors-primary-border:var(\n    --cookie-consent-banner-colors-primary,\n    var(--theme-ui-colors-primary, #81c784)\n  );--internal-cookie-consent-banner-colors-primary-content:var(\n    --cookie-consent-banner-colors-primary-content,\n    var(--theme-ui-colors-white, #fff)\n  );--internal-cookie-consent-banner-colors-secondary:var(\n    --cookie-consent-banner-colors-secondary,\n    var(--theme-ui-colors-secondary, transparent)\n  );--internal-cookie-consent-banner-colors-secondary-border:var(\n    --cookie-consent-banner-colors-secondary-border,\n    var(--theme-ui-colors-white, #fff)\n  );--internal-cookie-consent-banner-colors-secondary-content:var(\n    --cookie-consent-banner-colors-secondary-content,\n    var(--theme-ui-colors-white, #fff)\n  );--internal-cookie-consent-banner-colors-background-body:var(\n    --cookie-consent-banner-colors-background-body,\n    var(--theme-ui-colors-background, rgba(25, 31, 34, 0.92))\n  );--internal-cookie-consent-banner-colors-text:var(\n    --cookie-consent-banner-colors-text,\n    var(--theme-ui-colors-text, #fff)\n  );--internal-cookie-consent-banner-font-family-headline:var(\n    --cookie-consent-banner-font-family-headline,\n    var(--theme-ui-fonts-heading, inherit)\n  );--internal-cookie-consent-banner-font-family-body:var(\n    --cookie-consent-banner-font-family-body,\n    var(--theme-ui-fonts-body, inherit)\n  );--internal-cookie-consent-banner-font-size-headline:var(\n    --cookie-consent-banner-font-size-headline,\n    1.5rem\n  );--internal-cookie-consent-banner-font-size-body:var(\n    --cookie-consent-banner-font-size-body,\n    0.875rem\n  );--internal-cookie-consent-banner-border-radius-buttons:var(\n    --cookie-consent-banner-border-radius-buttons,\n    var(--theme-ui-radii-default, 0.6rem)\n  );--internal-cookie-consent-banner-border-radius-body:var(\n    --cookie-consent-banner-border-radius-body,\n    var(--theme-ui-radii-default, 0)\n  );--internal-cookie-consent-banner-spacings-container-padding-top:var(\n    --cookie-consent-banner-spacings-container-padding-top,\n    var(--theme-ui-spacings-2, 1rem)\n  );--internal-cookie-consent-banner-spacings-container-padding-left:var(\n    --cookie-consent-banner-spacings-container-padding-left,\n    var(--theme-ui-spacings-2, 1rem)\n  );--internal-cookie-consent-banner-spacings-container-padding-bottom:var(\n    --cookie-consent-banner-spacings-container-padding-bottom,\n    var(--theme-ui-spacings-2, 1rem)\n  );--internal-cookie-consent-banner-spacings-container-padding-right:var(\n    --cookie-consent-banner-spacings-container-padding-right,\n    var(--theme-ui-spacings-2, 1rem)\n  );--internal-cookie-consent-banner-spacings-body-padding-top:var(\n    --cookie-consent-banner-spacings-body-padding-top,\n    var(--theme-ui-spacings-2, 0)\n  );--internal-cookie-consent-banner-spacings-body-padding-left:var(\n    --cookie-consent-banner-spacings-body-padding-left,\n    var(--theme-ui-spacings-2, 2rem)\n  );--internal-cookie-consent-banner-spacings-body-padding-bottom:var(\n    --cookie-consent-banner-spacings-body-padding-bottom,\n    var(--theme-ui-spacings-2, 0)\n  );--internal-cookie-consent-banner-spacings-body-padding-right:var(\n    --cookie-consent-banner-spacings-body-padding-right,\n    var(--theme-ui-spacings-2, 2rem)\n  );--internal-cookie-consent-banner-z-index-container:var(\n    --cookie-consent-banner-z-index-container,\n    1\n  )}.launcher{position:fixed;left:0;bottom:0;z-index:var(--internal-cookie-consent-banner-z-index-container);margin-left:1rem;padding-top:1.2rem;padding-left:2rem;padding-bottom:1.2rem;padding-right:2rem;background-color:rgba(25, 31, 34, 0.92);box-shadow:0px -3px 13px 0px rgba(57, 57, 57, 0.38);color:#fff;transform:translateY(70%);transition:transform 1s ease}.launcher:hover{transform:translateY(0)}*,*:before,*:after{box-sizing:border-box}@keyframes slideup{0%{transform:translateY(110vh)}100%{transform:translateY(0vh)}}.cc{position:fixed;left:0;bottom:0;z-index:var(--internal-cookie-consent-banner-z-index-container);width:100%;max-height:100%;max-height:stretch;padding-top:calc(\n    var(--internal-cookie-consent-banner-spacings-container-padding-top) +\n      env(safe-area-inset-top)\n  );padding-left:calc(\n    var(--internal-cookie-consent-banner-spacings-container-padding-left) +\n      env(safe-area-inset-left)\n  );padding-bottom:calc(\n    var(--internal-cookie-consent-banner-spacings-container-padding-bottom) +\n      env(safe-area-inset-bottom)\n  );padding-right:calc(\n    var(--internal-cookie-consent-banner-spacings-container-padding-right) +\n      env(safe-area-inset-right)\n  );overflow-y:auto;transform:translateY(110vh);animation:slideup 1s forwards}.cc_disable-slide-in{transform:none;animation:none}.cc_body{background-color:var(\n    --internal-cookie-consent-banner-colors-background-body\n  );border-radius:var(--internal-cookie-consent-banner-border-radius-body);padding-top:var(--internal-cookie-consent-banner-spacings-body-padding-top);padding-left:var(\n    --internal-cookie-consent-banner-spacings-body-padding-left\n  );padding-bottom:var(\n    --internal-cookie-consent-banner-spacings-body-padding-bottom\n  );padding-right:var(\n    --internal-cookie-consent-banner-spacings-body-padding-right\n  );box-shadow:0px -3px 13px 0px rgba(57, 57, 57, 0.38)}.cc_headline{margin:0;padding-top:2rem;padding-bottom:0;font-size:var(--internal-cookie-consent-banner-font-size-headline);color:var(--internal-cookie-consent-banner-colors-text);font-family:var(--internal-cookie-consent-banner-font-family-headline)}.cc_text{padding-top:1rem;padding-bottom:1.5rem;font-family:var(--internal-cookie-consent-banner-font-family-body)}a,.textlink,::slotted(a){text-decoration:underline;color:var(--internal-cookie-consent-banner-colors-text)}.textlink:hover,::slotted(a:hover){cursor:pointer}label,p,::slotted(label),::slotted(p){box-sizing:border-box;margin:0;min-width:0;max-width:100%;font-size:var(--internal-cookie-consent-banner-font-size-body);line-height:1.37;font-weight:400;letter-spacing:0.02em;color:var(--internal-cookie-consent-banner-colors-text)}.cc_settings{padding-bottom:2rem}.cc_settings_description{padding-bottom:1rem}.cc_checkboxes{display:grid}.cc_checkboxes_item{display:block;width:100%;padding-bottom:1rem;padding-left:0.5rem}.cc_buttons{padding-bottom:1rem;text-align:right}.cc_buttons>button{width:100%;margin-bottom:1rem}.cc_buttons>button:hover{cursor:pointer}@media (min-width: 48em){.cc_buttons>button{width:auto;margin-bottom:0}}button{box-sizing:border-box;min-width:0;appearance:none;display:inline-block;margin-top:0;margin-left:0.25rem;margin-bottom:0;margin-right:0.25rem;padding-top:1rem;padding-left:2.5rem;padding-bottom:1rem;padding-right:2.5rem;background-color:var(--internal-cookie-consent-banner-colors-primary);border-radius:var(--internal-cookie-consent-banner-border-radius-buttons);border-width:1px;border-color:var(--internal-cookie-consent-banner-colors-primary-border);border-style:solid;color:var(--internal-cookie-consent-banner-colors-primary-content);font-size:inherit;font-size:1rem;font-weight:700;line-height:inherit;text-decoration:none;text-align:center}button.secondary{background-color:var(--internal-cookie-consent-banner-colors-secondary);border-color:var(--internal-cookie-consent-banner-colors-secondary-border);color:var(--internal-cookie-consent-banner-colors-secondary-content)}";
@@ -45,4 +54,3 @@
     if (document.cookie) {
-      const cookieValueString = `; ${document.cookie}`.split(`; ${this.cookieName}=`).pop() ??
-        "".split(";").shift();
+      const cookieValueString = getCookie(this.cookieName);
       cookieValues = cookieValueString ? cookieValueString.split(",") : [];
@@ -49,0 +57,0 @@ }

package.json

 {
   "name": "@porscheofficial/cookie-consent-banner",
   "license": "MIT",
-  "version": "3.1.2",
+  "version": "3.1.3",
   "repository": {
@@ -21,3 +21,3 @@ "type": "git",
     "test:watch": "stencil test --spec --e2e --watchAll",
-    "test:ci": "yarn prettier:ci && yarn eslint:ci && stencil test --spec --passWithNoTests"
+    "test:ci": "yarn prettier:ci && yarn eslint:ci && stencil test --spec --e2e --passWithNoTests"
   },
@@ -52,3 +52,2 @@ "main": "dist/index.cjs.js",
     "@porscheofficial/eslint-config-porschedigital-react": "2.3.0",
-    "@porscheofficial/prettier-config-porschedigital": "2.3.0",
     "@stencil/react-output-target": "0.4.0",
@@ -58,2 +57,3 @@ "@types/jest": "27.5.2",
     "eslint": "8.32.0",
+    "eslint-plugin-html": "7.1.0",
     "jest": "27.5.1",
@@ -60,0 +60,0 @@ "jest-cli": "27.5.1",

New alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

561843

increased by2.68%

Number of package files

57

increased by18.75%

Lines of code

7359

increased by5.28%

Worsened metrics

Number of medium supply chain risk alerts

3

increased by50%

No dependency changes