@justeattakeaway/pie-cookie-banner 0.11.5 → 0.11.7

package/dist/index.js

@@ -7,9 +7,7 @@ import "@justeattakeaway/pie-icon-button";
 import "@justeattakeaway/pie-link";
 import "@justeattakeaway/pie-modal";
 import "@justeattakeaway/pie-switch";
-function _(i, e) {
-  customElements.get(i) ? console.warn(`PIE Web Component: "${i}" has already been defined. Please ensure the component is only being defined once in your application.`) : customElements.define(i, e);
-}
+import { defineCustomElement as _ } from "@justeattakeaway/pie-webc-core";
 const w = `*{margin:0}.c-cookieBanner{--cb-font-family: var(--dt-font-interactive-m-family);--cb-font-size: calc(var(--dt-font-body-l-size) * 1px);--cb-line-height: calc(var(--dt-font-body-l-line-height) * 1px);--cb-font-weight: var(--dt-font-body-l-weight);--cb-padding-inline: var(--dt-spacing-d);--cb-padding-block: var(--dt-spacing-d);--cb-offset: 0;color-scheme:only dark;background-color:var(--dt-color-background-dark);color:var(--dt-color-content-inverse);font-family:var(--cb-font-family);font-size:var(--cb-font-size);line-height:var(--cb-line-height);font-weight:var(--cb-font-weight);padding-block-start:var(--cb-padding-block);padding-block-end:var(--cb-padding-block);max-height:432px;position:fixed;bottom:var(--cb-offset);left:var(--cb-offset);right:var(--cb-offset);border-top-left-radius:var(--dt-radius-rounded-c);border-top-right-radius:var(--dt-radius-rounded-c);z-index:var(--dt-z-index-cookie-banner)}@media (min-width: 700px) and (orientation: landscape){.c-cookieBanner{--cb-padding-inline: var(--dt-spacing-f);--cb-offset: var(--dt-spacing-d);max-height:90%;border-bottom-left-radius:var(--dt-radius-rounded-c);border-bottom-right-radius:var(--dt-radius-rounded-c)}}.c-cookieBanner[isCookieBannerHidden]{display:none}.c-cookieBanner-title,.c-cookieBanner-body,.c-cookieBanner-actions{padding-inline-start:var(--cb-padding-inline);padding-inline-end:var(--cb-padding-inline)}.c-cookieBanner-title{--cb-title-font-size: var(--dt-font-heading-s-size--narrow);--cb-title-line-height: var(--dt-font-heading-s-line-height--narrow);font-size:calc(var(--cb-title-font-size) * 1px);font-weight:var(--dt-font-heading-s-weight);line-height:calc(var(--cb-title-line-height) * 1px)}@media (min-width: 700px) and (orientation: landscape){.c-cookieBanner-title{--cb-title-font-size: var(--dt-font-heading-s-size--wide);--cb-title-line-height: var(--dt-font-heading-s-line-height--wide)}}.c-cookieBanner-body{--cb-scroll-shadow-color: var(--dt-color-black);margin-block-start:var(--dt-spacing-a);max-height:200px;overflow-y:auto;background:linear-gradient(to bottom,transparent,var(--dt-color-background-dark) 75%) center bottom,linear-gradient(transparent,var(--cb-scroll-shadow-color)) center bottom;background-repeat:no-repeat;background-size:100% 48px,100% 8px;background-attachment:local,scroll}@media (min-width: 700px) and (orientation: landscape){.c-cookieBanner-body{max-height:150px}}.c-cookieBanner-actions{--cb-actions-flex-dir: column;margin-block-start:var(--dt-spacing-d);display:flex;gap:var(--dt-spacing-d);flex-direction:var(--cb-actions-flex-dir)}.c-cookieBanner-actions>pie-link{text-align:center;align-self:center}@media (min-width: 700px) and (orientation: landscape){.c-cookieBanner-actions{--cb-actions-flex-dir: row-reverse;justify-content:flex-start;align-items:center}}.c-cookieBanner-subheading{--cb-subheading-font-size: var(--dt-font-heading-s-size--narrow);--cb-subheading-line-height: var(--dt-font-heading-s-line-height--narrow);font-size:calc(var(--cb-subheading-font-size) * 1px);font-weight:var(--dt-font-heading-s-weight);line-height:calc(var(--cb-subheading-line-height) * 1px)}@media (min-width: 700px) and (orientation: landscape){.c-cookieBanner-subheading{--cb-subheading-font-size: var(--dt-font-heading-s-size--wide);--cb-subheading-line-height: var(--dt-font-heading-s-line-height--wide)}}.c-cookieBanner-description{font-size:calc(var(--dt-font-body-s-size) * 1px);line-height:calc(var(--dt-font-body-s-line-height) * 1px)}.c-cookieBanner-preference{display:flex;gap:var(--dt-spacing-d);justify-content:space-between;margin-block:var(--dt-spacing-e)}.c-cookieBanner-preference p{margin-block-start:var(--dt-spacing-b)}.c-cookieBanner-preference:last-child{margin-block-end:0}
 `, x = "pie-cookie-banner-accept-all", C = "pie-cookie-banner-necessary-only", B = "pie-cookie-banner-manage-prefs", $ = "pie-cookie-banner-prefs-saved", A = [
   {
@@ -36,54 +34,54 @@ const w = `*{margin:0}.c-cookieBanner{--cb-font-family: var(--dt-font-interactiv
     hasDescription: !0
   }
 ];
-function u(i) {
-  console.error(`[localisation-utils]: ${i}`);
+function u(a) {
+  console.error(`[localisation-utils]: ${a}`);
 }
-function E(i, e) {
-  const n = (t) => String.prototype.split.call(e, t).filter(Boolean).reduce((o, r) => o != null && typeof o == "object" ? o[r] : o, i), a = n(/[,[\]]+?/) || n(/[,[\].]+?/);
-  return typeof a != "string" ? "" : a;
+function O(a, e) {
+  const n = (t) => String.prototype.split.call(e, t).filter(Boolean).reduce((r, o) => r != null && typeof r == "object" ? r[o] : r, a), i = n(/[,[\]]+?/) || n(/[,[\].]+?/);
+  return typeof i != "string" ? "" : i;
 }
-function b(i, e) {
-  if (!i)
+function b(a, e) {
+  if (!a)
     throw new Error('"locale" parameter cannot be empty');
   if (!e)
     throw new Error('"key" parameter cannot be empty');
-  const n = E(i, e);
+  const n = O(a, e);
   return n || (u(`Couldn't find a value for the key "${e}", it will be used as fallback.`), e);
 }
-function O(i) {
-  const n = i.map((t) => `(<${t}.*>.*</${t}>)`).join("|");
+function E(a) {
+  const n = a.map((t) => `(<${t}.*>.*</${t}>)`).join("|");
   return new RegExp(n, "igm");
 }
-function T(i, e) {
+function T(a, e) {
   const n = Object.keys(e);
   if (n.length === 0)
-    return [i];
-  const a = O(n);
-  return i.split(a).filter((t) => !!t).map((t) => {
-    if (!t.match(a))
+    return [a];
+  const i = E(n);
+  return a.split(i).filter((t) => !!t).map((t) => {
+    if (!t.match(i))
       return t;
-    const r = t.match(/<(.*)>(.*)<\/.*>/);
-    if (!r)
+    const o = t.match(/<(.*)>(.*)<\/.*>/);
+    if (!o)
       return t;
-    const [, d, c] = r;
+    const [, d, c] = o;
     return [d, c];
   }).map((t) => {
     if (!Array.isArray(t))
       return t;
-    const [r, d] = t, c = e[r];
-    return c || typeof c == "function" ? c(d) : (u(`Custom tag "${r}" does not have a matching enhancer function`), d);
+    const [o, d] = t, c = e[o];
+    return c || typeof c == "function" ? c(d) : (u(`Custom tag "${o}" does not have a matching enhancer function`), d);
   });
 }
-function M(i, e, n) {
-  if (!i)
+function M(a, e, n) {
+  if (!a)
     throw new Error('"locale" parameter cannot be empty');
   if (!e)
     throw new Error('"key" parameter cannot be empty');
   if (!n)
     throw new Error('"customTagEnhancers" parameter cannot be empty');
-  const a = b(i, e);
-  return T(a, n);
+  const i = b(a, e);
+  return T(i, n);
 }
 const N = {
   title: "Cookies",
@@ -93,7 +91,7 @@ const N = {
     necessaryOnly: "Necessary only",
     acceptAll: "Accept all"
   }
-}, P = {
+}, S = {
   title: "Manage your preferences",
   description: "You can find all the information in the <linkCookieStatement>Cookie Statement</linkCookieStatement> and <linkCookieTechList>Cookie technology list</linkCookieTechList>.",
   all: {
@@ -123,12 +121,12 @@ const N = {
   }
 }, z = {
   banner: N,
-  preferencesManagement: P
+  preferencesManagement: S
 };
-var S = Object.defineProperty, R = Object.getOwnPropertyDescriptor, p = (i, e, n, a) => {
-  for (var t = a > 1 ? void 0 : a ? R(e, n) : e, o = i.length - 1, r; o >= 0; o--)
-    (r = i[o]) && (t = (a ? r(e, n, t) : r(t)) || t);
-  return a && t && S(e, n, t), t;
+var P = Object.defineProperty, R = Object.getOwnPropertyDescriptor, p = (a, e, n, i) => {
+  for (var t = i > 1 ? void 0 : i ? R(e, n) : e, r = a.length - 1, o; r >= 0; r--)
+    (o = a[r]) && (t = (i ? o(e, n, t) : o(t)) || t);
+  return i && t && P(e, n, t), t;
 };
 const D = "pie-cookie-banner";
 class l extends m {
@@ -141,12 +139,12 @@ class l extends m {
       linkCookieStatement: (e) => s`<pie-link href="#" size="small" target="_blank">${e}</pie-link>`,
       linkCookieTechList: (e) => s`<pie-link href="#" size="small" target="_blank">${e}</pie-link>`
     }, this._dispatchCookieBannerCustomEvent = (e, n) => {
-      const a = new CustomEvent(e, {
+      const i = new CustomEvent(e, {
         bubbles: !0,
         composed: !0,
         detail: n
       });
-      this.dispatchEvent(a);
+      this.dispatchEvent(i);
     }, this._onNecessaryOnly = () => {
       this._dispatchCookieBannerCustomEvent(C), this._isCookieBannerHidden = !0;
     }, this._onAcceptAll = () => {
@@ -154,14 +152,14 @@ class l extends m {
     }, this._openManagePreferencesModal = () => {
       this._isCookieBannerHidden = !0, this._dispatchCookieBannerCustomEvent(B), this._isModalOpen = !0;
     }, this._handleSwitchStates = (e) => {
-      const { id: n } = e == null ? void 0 : e.currentTarget, a = [...this._preferencesNodes].find(({ id: t }) => t === "all");
-      if (n === a.id) {
+      const { id: n } = e == null ? void 0 : e.currentTarget, i = [...this._preferencesNodes].find(({ id: t }) => t === "all");
+      if (n === i.id) {
         const t = e.detail;
-        this._preferencesNodes.forEach((o) => {
-          o.isChecked = o.isDisabled ? o.isChecked : t;
+        this._preferencesNodes.forEach((r) => {
+          r.isChecked = r.isDisabled ? r.isChecked : t;
         });
       } else
-        a.isChecked = [...this._preferencesNodes].filter(({ id: t }) => t !== "all").every(({ isChecked: t }) => t);
+        i.isChecked = [...this._preferencesNodes].filter(({ id: t }) => t !== "all").every(({ isChecked: t }) => t);
     };
   }
   _localiseText(e) {
@@ -188,8 +186,8 @@ class l extends m {
    */
   _handlePreferencesSaved() {
     let e = {};
-    [...this._preferencesNodes].filter(({ id: n }) => n !== "all").forEach(({ id: n, isChecked: a }) => {
-      e = { ...e, [n]: a };
+    [...this._preferencesNodes].filter(({ id: n }) => n !== "all").forEach(({ id: n, isChecked: i }) => {
+      e = { ...e, [n]: i };
     }), this._dispatchCookieBannerCustomEvent($, e), this._isModalOpen = !1, this._isCookieBannerHidden = !0;
   }
   /**
@@ -199,21 +197,21 @@ class l extends m {
   renderPreference({
     id: e,
     isChecked: n,
-    isDisabled: a,
+    isDisabled: i,
     hasDivider: t,
-    hasDescription: o
+    hasDescription: r
   }) {
-    const r = this._localiseText(`preferencesManagement.${e}.title`), d = `preferencesManagement.${e}.description`, c = o && this._localiseText(d);
+    const o = this._localiseText(`preferencesManagement.${e}.title`), d = `preferencesManagement.${e}.description`, c = r && this._localiseText(d);
     return s`
             <div class="c-cookieBanner-preference">
                 <div>
-                    <h3 class="c-cookieBanner-subheading">${r}</h3>
+                    <h3 class="c-cookieBanner-subheading">${o}</h3>
                      ${c ? s`<p class="c-cookieBanner-description">${c}</p>` : h}
                  </div>
                 <pie-switch
                     id="${e}"
                     ?isChecked="${n}"
-                    ?isDisabled="${a}"
+                    ?isDisabled="${i}"
                     @pie-switch-changed="${this._handleSwitchStates}">
                 </pie-switch>
             </div>

package/dist/react.js

@@ -1,7 +1,7 @@
 import * as e from "react";
 import { createComponent as o } from "@lit/react";
-import { PieCookieBanner as n } from "./index.js";
-import { ON_COOKIE_BANNER_ACCEPT_ALL as P, ON_COOKIE_BANNER_MANAGE_PREFS as A, ON_COOKIE_BANNER_NECESSARY_ONLY as B, ON_COOKIE_BANNER_PREFS_SAVED as f, preferences as l } from "./index.js";
+import { PieCookieBanner as r } from "./index.js";
+import { ON_COOKIE_BANNER_ACCEPT_ALL as A, ON_COOKIE_BANNER_MANAGE_PREFS as B, ON_COOKIE_BANNER_NECESSARY_ONLY as f, ON_COOKIE_BANNER_PREFS_SAVED as l, preferences as R } from "./index.js";
 import "lit";
 import "lit/decorators.js";
 import "lit/directives/repeat.js";
@@ -11,9 +11,10 @@ import "@justeattakeaway/pie-icon-button";
 import "@justeattakeaway/pie-link";
 import "@justeattakeaway/pie-modal";
 import "@justeattakeaway/pie-switch";
-const E = o({
+import "@justeattakeaway/pie-webc-core";
+const O = o({
   displayName: "PieCookieBanner",
-  elementClass: n,
+  elementClass: r,
   react: e,
   tagName: "pie-cookie-banner",
   events: {
@@ -28,10 +29,10 @@ const E = o({
   }
 });
 export {
-  P as ON_COOKIE_BANNER_ACCEPT_ALL,
-  A as ON_COOKIE_BANNER_MANAGE_PREFS,
-  B as ON_COOKIE_BANNER_NECESSARY_ONLY,
-  f as ON_COOKIE_BANNER_PREFS_SAVED,
-  E as PieCookieBanner,
-  l as preferences
+  A as ON_COOKIE_BANNER_ACCEPT_ALL,
+  B as ON_COOKIE_BANNER_MANAGE_PREFS,
+  f as ON_COOKIE_BANNER_NECESSARY_ONLY,
+  l as ON_COOKIE_BANNER_PREFS_SAVED,
+  O as PieCookieBanner,
+  R as preferences
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@justeattakeaway/pie-cookie-banner",
   "description": "PIE Design System Cookie Banner built using Web Components",
-  "version": "0.11.5",
+  "version": "0.11.7",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -30,16 +30,16 @@
   "license": "Apache-2.0",
   "devDependencies": {
     "@justeat/pie-design-tokens": "5.9.0",
-    "@justeattakeaway/pie-components-config": "0.6.0"
+    "@justeattakeaway/pie-components-config": "0.6.1"
   },
   "dependencies": {
-    "@justeattakeaway/pie-button": "0.40.0",
-    "@justeattakeaway/pie-divider": "0.9.2",
-    "@justeattakeaway/pie-icon-button": "0.22.0",
-    "@justeattakeaway/pie-link": "0.11.2",
-    "@justeattakeaway/pie-modal": "0.34.0",
-    "@justeattakeaway/pie-switch": "0.18.0",
-    "@justeattakeaway/pie-webc-core": "0.12.0"
+    "@justeattakeaway/pie-button": "0.40.1",
+    "@justeattakeaway/pie-divider": "0.9.3",
+    "@justeattakeaway/pie-icon-button": "0.24.0",
+    "@justeattakeaway/pie-link": "0.11.3",
+    "@justeattakeaway/pie-modal": "0.35.0",
+    "@justeattakeaway/pie-switch": "0.18.1",
+    "@justeattakeaway/pie-webc-core": "0.13.0"
   },
   "volta": {
     "extends": "../../../package.json"