@justeattakeaway/pie-cookie-banner 1.7.19 → 1.7.21

package/custom-elements.json

@@ -83,7 +83,7 @@
         {
           "kind": "variable",
           "name": "availableLocales",
-          "default": "new Set([\n    `${Language.BULGARIAN}`,\n    `${Language.DANISH}`,\n    `${Language.ENGLISH}-${Country.FRANCE}`,\n    `${Language.FRENCH}-${Country.FRANCE}`,\n    `${Language.FRENCH}`,\n    `${Language.GERMAN}`,\n    `${Language.ENGLISH}`,\n    `${Language.HEBREW}`,\n    `${Language.ITALIAN}`,\n    `${Language.DUTCH}`,\n    `${Language.POLISH}`,\n    `${Language.SLOVAK}`,\n    `${Language.CATALAN}`,\n    `${Language.SPANISH}`,\n])"
+          "default": "new Set([\n    `${Language.BULGARIAN}`,\n    `${Language.ENGLISH}-${Country.CANADA}`,\n    `${Language.FRENCH}-${Country.CANADA}`,\n    `${Language.DANISH}`,\n    `${Language.ENGLISH}-${Country.FRANCE}`,\n    `${Language.FRENCH}-${Country.FRANCE}`,\n    `${Language.FRENCH}`,\n    `${Language.GERMAN}`,\n    `${Language.ENGLISH}`,\n    `${Language.HEBREW}`,\n    `${Language.ITALIAN}`,\n    `${Language.DUTCH}`,\n    `${Language.POLISH}`,\n    `${Language.SLOVAK}`,\n    `${Language.CATALAN}`,\n    `${Language.SPANISH}`,\n])"
         },
         {
           "kind": "variable",

package/dist/en-ca-BWMoXxW2.js

@@ -0,0 +1,43 @@
+const e = {
+  banner: {
+    title: "Cookies",
+    description: 'We use cookies and other technologies to ensure our website works, to improve and personalize your experience, to perform analytics for optimization and advertisements in partnership with third parties. We use our own cookies and cookies from third parties. We always set necessary cookies. By choosing "Reject All", you can close the banner and only necessary cookies will be set. Click Manage Preferences to adjust your preferences and find more information about our cookie policy.',
+    cta: {
+      managePreferences: "Manage preferences",
+      necessaryOnly: "Reject All",
+      acceptAll: "Accept all"
+    }
+  },
+  preferencesManagement: {
+    title: "Manage your preferences",
+    description: "For more information about our cookie policy, please see the cookie section of our <linkCookieStatement>privacy policy</linkCookieStatement>",
+    all: {
+      title: "Allow All Additional Cookies"
+    },
+    necessary: {
+      title: "Necessary Cookies (Always Active)",
+      description: "These cookies are necessary to ensure that the website and its features function properly. Services you have asked for cannot be provided without these cookies."
+    },
+    functional: {
+      title: "Functional",
+      description: "These cookies allow the website to remember the choices you make to give you better functionality and personal features."
+    },
+    analytical: {
+      title: "Analytical",
+      description: "These analytical cookies, including statistics, are used to understand how visitors interact with the website and we can measure and improve the performance of our website."
+    },
+    personalized: {
+      title: "Personalised (targeting and advertising)",
+      description: `These marketing cookies are used to tailor the delivery of information to you based upon your interest and to measure the effectiveness of such advertisements, both on your website and our advertising partners' websites. By toggling this setting "on", you consent both to the processing of these marketing cookies, as well as receiving targeted advertising from Skip.`
+    },
+    cta: {
+      save: {
+        label: "Save",
+        ariaLabel: ""
+      }
+    }
+  }
+};
+export {
+  e as default
+};

package/dist/fr-ca-B2Z4Z4i0.js

@@ -0,0 +1,43 @@
+const e = {
+  banner: {
+    title: "Témoins",
+    description: "Nous utilisons des témoins et autres technologies pour faire fonctionner notre site Web, pour améliorer et personnaliser ton expérience, et pour effectuer des analyses en vue de l’optimisation et des publicités en partenariat avec des tiers. Nous utilisons nos propres témoins et des témoins de tiers. Nous configurons toujours les témoins nécessaires. En choisissant Tout rejeter, tu peux fermer la bannière et seuls les témoins nécessaires seront appliqués. En cliquant sur Gérer les préférences, tu peux ajuster tes préférences et obtenir plus de renseignements à propos de notre politique sur les témoins.",
+    cta: {
+      managePreferences: "Gérer les préférences",
+      necessaryOnly: "Tout rejeter",
+      acceptAll: "Tout accepter"
+    }
+  },
+  preferencesManagement: {
+    title: "Gérer des préférences",
+    description: "Pour obtenir plus de renseignements au sujet de notre politique sur les témoins, veuillez consulter la section sur les témoins de notre <linkCookieStatement>politique de confidentialité</linkCookieStatement>.",
+    all: {
+      title: "Accepter tous les témoins supplémentaires"
+    },
+    necessary: {
+      title: "Témoins nécessaires (toujours actifs)",
+      description: "Ces témoins sont nécessaires pour assurer le bon fonctionnement du site Web et de ses fonctionnalités. Les services que vous avez demandés ne peuvent pas être fournis sans ces témoins."
+    },
+    functional: {
+      title: "Fonctionnels",
+      description: "Ces témoins permettent au site Web de mémoriser les choix que vous faites pour que vous puissiez profiter de meilleures fonctionnalités et de fonctions personnalisées."
+    },
+    analytical: {
+      title: "Analytiques",
+      description: "Ces témoins, y compris certaines statistiques, sont utilisés pour comprendre comment les gens interagissent avec le site Web. Nous pouvons ainsi calculer la performance de notre site Web et l’améliorer."
+    },
+    personalized: {
+      title: "Personnalisés (ciblage et publicité)",
+      description: "Ces témoins marketing sont utilisés pour personnaliser les renseignements que nous vous fournissons selon vos intérêts et pour calculer l’efficacité de telles publicités, sur notre site Web et sur ceux de nos partenaires publicitaires. "
+    },
+    cta: {
+      save: {
+        label: "Enregistrer",
+        ariaLabel: ""
+      }
+    }
+  }
+};
+export {
+  e as default
+};

package/dist/index.js

@@ -7,16 +7,16 @@ import "@justeattakeaway/pie-icon-button";
 import "@justeattakeaway/pie-link";
 import "@justeattakeaway/pie-modal";
 import "@justeattakeaway/pie-switch";
-import { safeCustomElement as w, dispatchCustomEvent as b } from "@justeattakeaway/pie-webc-core";
+import { safeCustomElement as C, dispatchCustomEvent as b } from "@justeattakeaway/pie-webc-core";
 import L from "@justeattakeaway/pie-cookie-banner/locales/en.js";
-const C = (e, t, n) => {
+const w = (e, t, i) => {
   const a = e[t];
   return a ? typeof a == "function" ? a() : Promise.resolve(a) : new Promise((o, s) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
       s.bind(
         null,
         new Error(
-          "Unknown variable dynamic import: " + t + (t.split("/").length !== n ? ". Note that variables only represent file names one level deep." : "")
+          "Unknown variable dynamic import: " + t + (t.split("/").length !== i ? ". Note that variables only represent file names one level deep." : "")
         )
       )
     );
@@ -26,9 +26,9 @@ const C = (e, t, n) => {
     this.getAttribute("v") || this.setAttribute("v", k.v);
   }
 };
-k.v = "1.7.19";
+k.v = "1.7.21";
 let A = k;
-const O = "*,*:after,*:before{box-sizing:inherit}*{margin:0}.c-cookieBanner{--cb-font-family: var(--dt-font-interactive-l-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}@media (prefers-reduced-motion: no-preference){.c-cookieBanner{animation:.5s animate-enter ease-out}@keyframes animate-enter{0%{transform:translate3d(0,75%,0)}to{transform:translateZ(0)}}}.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-actions>pie-button{width:auto}}.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-start:var(--dt-spacing-e);margin-block-end:var(--dt-spacing-e)}.c-cookieBanner-preference p{margin-block-start:var(--dt-spacing-b)}.c-cookieBanner-preference:last-child{margin-block-end:0}", i = {
+const O = "*,*:after,*:before{box-sizing:inherit}*{margin:0}.c-cookieBanner{--cb-font-family: var(--dt-font-interactive-l-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}@media (prefers-reduced-motion: no-preference){.c-cookieBanner{animation:.5s animate-enter ease-out}@keyframes animate-enter{0%{transform:translate3d(0,75%,0)}to{transform:translateZ(0)}}}.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-actions>pie-button{width:auto}}.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-start:var(--dt-spacing-e);margin-block-end:var(--dt-spacing-e)}.c-cookieBanner-preference p{margin-block-start:var(--dt-spacing-b)}.c-cookieBanner-preference:last-child{margin-block-end:0}", n = {
   BULGARIAN: "bg",
   CATALAN: "ca",
   DANISH: "da",
@@ -60,7 +60,7 @@ const O = "*,*:after,*:before{box-sizing:inherit}*{margin:0}.c-cookieBanner{--cb
   SLOVAKIA: "sk",
   SPAIN: "es",
   SWITZERLAND: "ch"
-}, H = "pie-cookie-banner-accept-all", P = "pie-cookie-banner-necessary-only", M = "pie-cookie-banner-manage-prefs", D = "pie-cookie-banner-prefs-saved", z = [
+}, H = "pie-cookie-banner-accept-all", P = "pie-cookie-banner-necessary-only", M = "pie-cookie-banner-manage-prefs", D = "pie-cookie-banner-prefs-saved", G = [
   {
     id: "all",
     hasDivider: !0,
@@ -88,66 +88,68 @@ const O = "*,*:after,*:before{box-sizing:inherit}*{margin:0}.c-cookieBanner{--cb
   hasPrimaryActionsOnly: !1,
   defaultPreferences: {},
   country: r.GREAT_BRITAIN,
-  language: i.ENGLISH,
+  language: n.ENGLISH,
   cookieStatementLink: "",
   cookieTechnologiesLink: "",
   openLinksInSameTab: !1
 }, m = /* @__PURE__ */ new Set([
-  `${i.BULGARIAN}`,
-  `${i.DANISH}`,
-  `${i.ENGLISH}-${r.FRANCE}`,
-  `${i.FRENCH}-${r.FRANCE}`,
-  `${i.FRENCH}`,
-  `${i.GERMAN}`,
-  `${i.ENGLISH}`,
-  `${i.HEBREW}`,
-  `${i.ITALIAN}`,
-  `${i.DUTCH}`,
-  `${i.POLISH}`,
-  `${i.SLOVAK}`,
-  `${i.CATALAN}`,
-  `${i.SPANISH}`
-]), G = /* @__PURE__ */ new Map([
-  [r.AUSTRALIA, `${i.ENGLISH}`],
-  [r.AUSTRIA, `${i.GERMAN}`],
-  [r.BELGIUM, `${i.DUTCH}`],
-  [r.BULGARIA, `${i.BULGARIAN}`],
-  [r.CANADA, `${i.ENGLISH}`],
-  [r.DENMARK, `${i.DANISH}`],
-  [r.FRANCE, `${i.FRENCH}-${r.FRANCE}`],
-  [r.GERMANY, `${i.GERMAN}`],
-  [r.GREAT_BRITAIN, `${i.ENGLISH}`],
-  [r.IRELAND, `${i.ENGLISH}`],
-  [r.ISRAEL, `${i.HEBREW}`],
-  [r.ITALY, `${i.ITALIAN}`],
-  [r.LUXEMBOURG, `${i.FRENCH}`],
-  [r.NETHERLANDS, `${i.DUTCH}`],
-  [r.POLAND, `${i.POLISH}`],
-  [r.SLOVAKIA, `${i.SLOVAK}`],
-  [r.SPAIN, `${i.SPANISH}`],
-  [r.SWITZERLAND, `${i.GERMAN}`]
+  `${n.BULGARIAN}`,
+  `${n.ENGLISH}-${r.CANADA}`,
+  `${n.FRENCH}-${r.CANADA}`,
+  `${n.DANISH}`,
+  `${n.ENGLISH}-${r.FRANCE}`,
+  `${n.FRENCH}-${r.FRANCE}`,
+  `${n.FRENCH}`,
+  `${n.GERMAN}`,
+  `${n.ENGLISH}`,
+  `${n.HEBREW}`,
+  `${n.ITALIAN}`,
+  `${n.DUTCH}`,
+  `${n.POLISH}`,
+  `${n.SLOVAK}`,
+  `${n.CATALAN}`,
+  `${n.SPANISH}`
+]), z = /* @__PURE__ */ new Map([
+  [r.AUSTRALIA, `${n.ENGLISH}`],
+  [r.AUSTRIA, `${n.GERMAN}`],
+  [r.BELGIUM, `${n.DUTCH}`],
+  [r.BULGARIA, `${n.BULGARIAN}`],
+  [r.CANADA, `${n.ENGLISH}`],
+  [r.DENMARK, `${n.DANISH}`],
+  [r.FRANCE, `${n.FRENCH}-${r.FRANCE}`],
+  [r.GERMANY, `${n.GERMAN}`],
+  [r.GREAT_BRITAIN, `${n.ENGLISH}`],
+  [r.IRELAND, `${n.ENGLISH}`],
+  [r.ISRAEL, `${n.HEBREW}`],
+  [r.ITALY, `${n.ITALIAN}`],
+  [r.LUXEMBOURG, `${n.FRENCH}`],
+  [r.NETHERLANDS, `${n.DUTCH}`],
+  [r.POLAND, `${n.POLISH}`],
+  [r.SLOVAKIA, `${n.SLOVAK}`],
+  [r.SPAIN, `${n.SPANISH}`],
+  [r.SWITZERLAND, `${n.GERMAN}`]
 ]);
 function E(e) {
   console.error(`[localisation-utils]: ${e}`);
 }
 function j(e, t) {
-  const n = (o) => String.prototype.split.call(t, o).filter(Boolean).reduce((s, l) => s != null && typeof s == "object" ? s[l] : s, e), a = n(/[,[\]]+?/) || n(/[,[\].]+?/);
+  const i = (o) => String.prototype.split.call(t, o).filter(Boolean).reduce((s, l) => s != null && typeof s == "object" ? s[l] : s, e), a = i(/[,[\]]+?/) || i(/[,[\].]+?/);
   return typeof a != "string" ? "" : a;
 }
 function S(e, t) {
   if (!e) throw new Error('"locale" parameter cannot be empty');
   if (!t) throw new Error('"key" parameter cannot be empty');
-  const n = j(e, t);
-  return n || (E(`Couldn't find a value for the key "${t}", it will be used as fallback.`), t);
+  const i = j(e, t);
+  return i || (E(`Couldn't find a value for the key "${t}", it will be used as fallback.`), t);
 }
 function U(e) {
-  const n = e.map((o) => `(<${o}.*>.*</${o}>)`).join("|");
-  return new RegExp(n, "igm");
+  const i = e.map((o) => `(<${o}.*>.*</${o}>)`).join("|");
+  return new RegExp(i, "igm");
 }
 function F(e, t) {
-  const n = Object.keys(t);
-  if (n.length === 0) return [e];
-  const a = U(n);
+  const i = Object.keys(t);
+  if (i.length === 0) return [e];
+  const a = U(i);
   return e.split(a).filter((o) => !!o).map((o) => {
     if (!o.match(a)) return o;
     const l = o.match(/<(.*)>(.*)<\/.*>/);
@@ -160,25 +162,25 @@ function F(e, t) {
     return u || typeof u == "function" ? u(g) : (E(`Custom tag "${l}" does not have a matching enhancer function`), g);
   });
 }
-function K(e, t, n) {
+function K(e, t, i) {
   if (!e) throw new Error('"locale" parameter cannot be empty');
   if (!t) throw new Error('"key" parameter cannot be empty');
-  if (!n) throw new Error('"customTagEnhancers" parameter cannot be empty');
+  if (!i) throw new Error('"customTagEnhancers" parameter cannot be empty');
   const a = S(e, t);
-  return F(a, n);
+  return F(a, i);
 }
-var V = Object.defineProperty, W = Object.getOwnPropertyDescriptor, d = (e, t, n, a) => {
-  for (var o = a > 1 ? void 0 : a ? W(t, n) : t, s = e.length - 1, l; s >= 0; s--)
-    (l = e[s]) && (o = (a ? l(t, n, o) : l(o)) || o);
-  return a && o && V(t, n, o), o;
+var V = Object.defineProperty, W = Object.getOwnPropertyDescriptor, d = (e, t, i, a) => {
+  for (var o = a > 1 ? void 0 : a ? W(t, i) : t, s = e.length - 1, l; s >= 0; s--)
+    (l = e[s]) && (o = (a ? l(t, i, o) : l(o)) || o);
+  return a && o && V(t, i, o), o;
 };
 let c = class extends A {
   constructor() {
     super(...arguments), this._isCookieBannerHidden = !1, this._isModalOpen = !1, this._locale = L, this.hasPrimaryActionsOnly = h.hasPrimaryActionsOnly, this.defaultPreferences = h.defaultPreferences, this.cookieStatementLink = h.cookieStatementLink, this.cookieTechnologiesLink = h.cookieTechnologiesLink, this.country = h.country, this.language = h.language, this.openLinksInSameTab = h.openLinksInSameTab, this._getLocaleString = (e, t) => {
-      let n = `${e}-${t}`.toLowerCase();
-      if (m.has(n) || (n = `${e}`.toLowerCase(), m.has(n)))
-        return n;
-      const a = G.get(t.toLowerCase());
+      let i = `${e}-${t}`.toLowerCase();
+      if (m.has(i) || (i = `${e}`.toLowerCase(), m.has(i)))
+        return i;
+      const a = z.get(t.toLowerCase());
       return a && m.has(a) ? a : `${h.language}`;
     }, this._customTagEnhancers = {
       linkStatement: (e) => p`<pie-link href="${this.cookieStatementLink}" variant="inverse" target="${this._linkTargetAttribute}" data-test-id="cookie-statement-link">${e}</pie-link>`,
@@ -194,14 +196,14 @@ let c = class extends A {
     }, this._openManagePreferencesModal = () => {
       this._isCookieBannerHidden = !0, b(this, M), this._isModalOpen = !0;
     }, this._handleSwitchStates = (e) => {
-      const { id: t } = e == null ? void 0 : e.currentTarget, n = [...this._preferencesNodes].find(({ id: a }) => a === "all");
-      if (t === n.id) {
+      const { id: t } = e == null ? void 0 : e.currentTarget, i = [...this._preferencesNodes].find(({ id: a }) => a === "all");
+      if (t === i.id) {
         const { checked: a } = e.target;
         this._preferencesNodes.forEach((o) => {
           o.checked = o.disabled ? o.checked : a;
         });
       } else
-        n.checked = [...this._preferencesNodes].filter(({ id: a }) => a !== "all").every(({ checked: a }) => a);
+        i.checked = [...this._preferencesNodes].filter(({ id: a }) => a !== "all").every(({ checked: a }) => a);
     };
   }
   /**
@@ -218,8 +220,8 @@ let c = class extends A {
   // Dynamically import locale JSON based on country and language
   async _setLocaleBasedOnCountryAndLanguage(e, t) {
     try {
-      const n = this._getLocaleString(e, t);
-      this._locale = (await C(/* @__PURE__ */ Object.assign({ "../locales/bg.js": () => import("./bg-DGJESQ4e.js"), "../locales/ca.js": () => import("./ca-Bcf7sXQS.js"), "../locales/da.js": () => import("./da-zmkmo2qP.js"), "../locales/de.js": () => import("./de-CCDQDaL_.js"), "../locales/en-fr.js": () => import("./en-fr-B3W1OBz4.js"), "../locales/en.js": () => import("./en-Cg12pw29.js"), "../locales/es.js": () => import("./es-BGd5IeE8.js"), "../locales/fr-fr.js": () => import("./fr-fr-Bj0z2tFA.js"), "../locales/fr.js": () => import("./fr-ZJirJTQ1.js"), "../locales/he.js": () => import("./he-CD4nZodw.js"), "../locales/it.js": () => import("./it-C20n5M6-.js"), "../locales/nl.js": () => import("./nl-potC62A2.js"), "../locales/pl.js": () => import("./pl-BZMXvf-W.js"), "../locales/sk.js": () => import("./sk-B2GkzqzB.js") }), `../locales/${n}.js`, 3)).default;
+      const i = this._getLocaleString(e, t);
+      this._locale = (await w(/* @__PURE__ */ Object.assign({ "../locales/bg.js": () => import("./bg-DGJESQ4e.js"), "../locales/ca.js": () => import("./ca-Bcf7sXQS.js"), "../locales/da.js": () => import("./da-zmkmo2qP.js"), "../locales/de.js": () => import("./de-CCDQDaL_.js"), "../locales/en-ca.js": () => import("./en-ca-BWMoXxW2.js"), "../locales/en-fr.js": () => import("./en-fr-B3W1OBz4.js"), "../locales/en.js": () => import("./en-Cg12pw29.js"), "../locales/es.js": () => import("./es-BGd5IeE8.js"), "../locales/fr-ca.js": () => import("./fr-ca-B2Z4Z4i0.js"), "../locales/fr-fr.js": () => import("./fr-fr-Bj0z2tFA.js"), "../locales/fr.js": () => import("./fr-ZJirJTQ1.js"), "../locales/he.js": () => import("./he-CD4nZodw.js"), "../locales/it.js": () => import("./it-C20n5M6-.js"), "../locales/nl.js": () => import("./nl-potC62A2.js"), "../locales/pl.js": () => import("./pl-BZMXvf-W.js"), "../locales/sk.js": () => import("./sk-B2GkzqzB.js") }), `../locales/${i}.js`, 3)).default;
     } catch {
       this._locale = L;
     }
@@ -248,8 +250,8 @@ let c = class extends A {
    */
   _handlePreferencesSaved() {
     let e = {};
-    [...this._preferencesNodes].filter(({ id: t }) => t !== "all").forEach(({ id: t, checked: n }) => {
-      e = { ...e, [t]: n };
+    [...this._preferencesNodes].filter(({ id: t }) => t !== "all").forEach(({ id: t, checked: i }) => {
+      e = { ...e, [t]: i };
     }), b(this, D, e), this._isModalOpen = !1, this._isCookieBannerHidden = !0;
   }
   /**
@@ -259,14 +261,14 @@ let c = class extends A {
   renderPreference({
     id: e,
     checked: t,
-    disabled: n,
+    disabled: i,
     hasDivider: a,
     hasDescription: o
   }) {
-    var _;
+    var $;
     const s = this._localiseText(`preferencesManagement.${e}.title`), l = `preferencesManagement.${e}.description`, g = o && this._localiseText(l), v = ["functional", "personalized", "analytical"].every((B) => {
-      var $;
-      return (($ = this.defaultPreferences) == null ? void 0 : $[B]) === !0;
+      var _;
+      return ((_ = this.defaultPreferences) == null ? void 0 : _[B]) === !0;
     });
     return p`
             <div class="c-cookieBanner-preference">
@@ -276,8 +278,8 @@ let c = class extends A {
                  </div>
                 <pie-switch
                     id="${e}"
-                    ?checked="${((_ = this.defaultPreferences) == null ? void 0 : _[e]) || v || t}"
-                    ?disabled="${n}"
+                    ?checked="${(($ = this.defaultPreferences) == null ? void 0 : $[e]) || v || t}"
+                    ?disabled="${i}"
                     @change="${this._handleSwitchStates}">
                 </pie-switch>
             </div>
@@ -293,7 +295,7 @@ let c = class extends A {
                 ${this._localiseRichText("preferencesManagement.description")}
             </p>
             ${R(
-      z,
+      G,
       ({ id: e }) => e,
       (e) => this.renderPreference(e)
     )}`;
@@ -385,18 +387,18 @@ d([
   I("pie-switch")
 ], c.prototype, "_preferencesNodes", 2);
 c = d([
-  w("pie-cookie-banner")
+  C("pie-cookie-banner")
 ], c);
 export {
   r as Country,
-  i as Language,
+  n as Language,
   H as ON_COOKIE_BANNER_ACCEPT_ALL,
   M as ON_COOKIE_BANNER_MANAGE_PREFS,
   P as ON_COOKIE_BANNER_NECESSARY_ONLY,
   D as ON_COOKIE_BANNER_PREFS_SAVED,
   c as PieCookieBanner,
   m as availableLocales,
-  G as defaultLocaleForCountry,
+  z as defaultLocaleForCountry,
   h as defaultProps,
-  z as preferences
+  G as preferences
 };

package/locales/en-ca.js

@@ -0,0 +1,40 @@
+export default {
+    banner: {
+        title: 'Cookies',
+        description: 'We use cookies and other technologies to ensure our website works, to improve and personalize your experience, to perform analytics for optimization and advertisements in partnership with third parties. We use our own cookies and cookies from third parties. We always set necessary cookies. By choosing "Reject All", you can close the banner and only necessary cookies will be set. Click Manage Preferences to adjust your preferences and find more information about our cookie policy.',
+        cta: {
+            managePreferences: 'Manage preferences',
+            necessaryOnly: 'Reject All',
+            acceptAll: 'Accept all',
+        },
+    },
+    preferencesManagement: {
+        title: 'Manage your preferences',
+        description: 'For more information about our cookie policy, please see the cookie section of our <linkCookieStatement>privacy policy</linkCookieStatement>',
+        all: {
+            title: 'Allow All Additional Cookies',
+        },
+        necessary: {
+            title: 'Necessary Cookies (Always Active)',
+            description: 'These cookies are necessary to ensure that the website and its features function properly. Services you have asked for cannot be provided without these cookies.',
+        },
+        functional: {
+            title: 'Functional',
+            description: 'These cookies allow the website to remember the choices you make to give you better functionality and personal features.',
+        },
+        analytical: {
+            title: 'Analytical',
+            description: 'These analytical cookies, including statistics, are used to understand how visitors interact with the website and we can measure and improve the performance of our website.',
+        },
+        personalized: {
+            title: 'Personalised (targeting and advertising)',
+            description: "These marketing cookies are used to tailor the delivery of information to you based upon your interest and to measure the effectiveness of such advertisements, both on your website and our advertising partners' websites. By toggling this setting \"on\", you consent both to the processing of these marketing cookies, as well as receiving targeted advertising from Skip.",
+        },
+        cta: {
+            save: {
+                label: 'Save',
+                ariaLabel: '',
+            },
+        },
+    },
+};

package/locales/fr-ca.js

@@ -0,0 +1,40 @@
+export default {
+    banner: {
+        title: 'Témoins',
+        description: 'Nous utilisons des témoins et autres technologies pour faire fonctionner notre site Web, pour améliorer et personnaliser ton expérience, et pour effectuer des analyses en vue de l’optimisation et des publicités en partenariat avec des tiers. Nous utilisons nos propres témoins et des témoins de tiers. Nous configurons toujours les témoins nécessaires. En choisissant Tout rejeter, tu peux fermer la bannière et seuls les témoins nécessaires seront appliqués. En cliquant sur Gérer les préférences, tu peux ajuster tes préférences et obtenir plus de renseignements à propos de notre politique sur les témoins.',
+        cta: {
+            managePreferences: 'Gérer les préférences',
+            necessaryOnly: 'Tout rejeter',
+            acceptAll: 'Tout accepter',
+        },
+    },
+    preferencesManagement: {
+        title: 'Gérer des préférences',
+        description: 'Pour obtenir plus de renseignements au sujet de notre politique sur les témoins, veuillez consulter la section sur les témoins de notre <linkCookieStatement>politique de confidentialité</linkCookieStatement>.',
+        all: {
+            title: 'Accepter tous les témoins supplémentaires',
+        },
+        necessary: {
+            title: 'Témoins nécessaires (toujours actifs)',
+            description: 'Ces témoins sont nécessaires pour assurer le bon fonctionnement du site Web et de ses fonctionnalités. Les services que vous avez demandés ne peuvent pas être fournis sans ces témoins.',
+        },
+        functional: {
+            title: 'Fonctionnels',
+            description: 'Ces témoins permettent au site Web de mémoriser les choix que vous faites pour que vous puissiez profiter de meilleures fonctionnalités et de fonctions personnalisées.',
+        },
+        analytical: {
+            title: 'Analytiques',
+            description: 'Ces témoins, y compris certaines statistiques, sont utilisés pour comprendre comment les gens interagissent avec le site Web. Nous pouvons ainsi calculer la performance de notre site Web et l’améliorer.',
+        },
+        personalized: {
+            title: 'Personnalisés (ciblage et publicité)',
+            description: 'Ces témoins marketing sont utilisés pour personnaliser les renseignements que nous vous fournissons selon vos intérêts et pour calculer l’efficacité de telles publicités, sur notre site Web et sur ceux de nos partenaires publicitaires. ',
+        },
+        cta: {
+            save: {
+                label: 'Enregistrer',
+                ariaLabel: '',
+            },
+        },
+    },
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@justeattakeaway/pie-cookie-banner",
   "description": "PIE Design System Cookie Banner built using Web Components",
-  "version": "1.7.19",
+  "version": "1.7.21",
   "repository": {
     "type": "git",
     "url": "https://github.com/justeattakeaway/pie",
@@ -51,19 +51,19 @@
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "0.9.0",
     "@justeattakeaway/pie-components-config": "0.21.0",
-    "@justeattakeaway/pie-css": "0.32.0",
+    "@justeattakeaway/pie-css": "1.0.0",
     "@justeattakeaway/pie-monorepo-utils": "0.7.0",
-    "@justeattakeaway/pie-wrapper-react": "0.14.3",
+    "@justeattakeaway/pie-wrapper-react": "0.14.4",
     "cem-plugin-module-file-extensions": "0.0.5"
   },
   "dependencies": {
-    "@justeattakeaway/pie-button": "1.13.1",
-    "@justeattakeaway/pie-divider": "1.5.18",
-    "@justeattakeaway/pie-icon-button": "2.7.4",
-    "@justeattakeaway/pie-link": "1.3.20",
-    "@justeattakeaway/pie-modal": "1.25.10",
-    "@justeattakeaway/pie-switch": "2.3.22",
-    "@justeattakeaway/pie-webc-core": "12.0.0"
+    "@justeattakeaway/pie-button": "1.13.2",
+    "@justeattakeaway/pie-divider": "1.5.19",
+    "@justeattakeaway/pie-icon-button": "2.7.5",
+    "@justeattakeaway/pie-link": "1.3.21",
+    "@justeattakeaway/pie-modal": "1.25.11",
+    "@justeattakeaway/pie-switch": "2.3.23",
+    "@justeattakeaway/pie-webc-core": "13.0.0"
   },
   "volta": {
     "extends": "../../../package.json"

package/src/defs.ts

@@ -212,6 +212,8 @@ export const defaultProps: DefaultProps = {
 // Available locale files
 export const availableLocales = new Set([
     `${Language.BULGARIAN}`,
+    `${Language.ENGLISH}-${Country.CANADA}`,
+    `${Language.FRENCH}-${Country.CANADA}`,
     `${Language.DANISH}`,
     `${Language.ENGLISH}-${Country.FRANCE}`,
     `${Language.FRENCH}-${Country.FRANCE}`,