feat(pie-cookie-banner): DSW-2388 add Catalan locale (#1731)

feat(pie-cookie-banner): DSW-2388 add catalan locale

.changeset/strong-ligers-shop.md

@@ -0,0 +1,6 @@
+---
+"@justeattakeaway/pie-cookie-banner": minor
+"pie-storybook": patch
+---
+
+[Added] - Catalan locale

apps/pie-storybook/stories/pie-cookie-banner.stories.ts

@@ -1,11 +1,9 @@
-import { html, TemplateResult } from 'lit';
+import { html } from 'lit';
 import { action } from '@storybook/addon-actions';
 
-/* eslint-disable import/no-duplicates */
 import '@justeattakeaway/pie-cookie-banner';
-import { CookieBannerProps, defaultProps } from '@justeattakeaway/pie-cookie-banner';
+import { type CookieBannerProps, defaultProps } from '@justeattakeaway/pie-cookie-banner';
 import pieCookieBannerLocales from '@justeattakeaway/pie-cookie-banner/locales';
-/* eslint-enable import/no-duplicates */
 
 import { type StoryMeta } from '../types';
 import { createStory } from '../utilities';
@@ -60,7 +58,7 @@ const acceptAllAction = action('accept-all');
 const managePrefsAction = action('manage-prefs');
 const prefsSavedAction = action('prefs-saved');
 
-const BaseStoryTemplate = (props: CookieBannerProps) : TemplateResult => {
+const BaseStoryTemplate = (props: CookieBannerProps) => {
     const {
         hasPrimaryActionsOnly,
         locale,
@@ -85,7 +83,7 @@ const BaseStoryTemplate = (props: CookieBannerProps) : TemplateResult => {
 /**
  * Creates a 'page' of scrollable HTML. Useful for testing scroll behaviours in a Story.
  */
-const createScrollablePageHTML = () : TemplateResult => {
+const createScrollablePageHTML = () => {
     const items = [];
     for (let i = 0; i < 200; i++) {
         items.push(html`<li>Item ${i}</li>`);
@@ -97,7 +95,7 @@ const createScrollablePageHTML = () : TemplateResult => {
         <ul>${items}</ul>`;
 };
 
-const ScrollablePageStoryTemplate = (props: CookieBannerProps) : TemplateResult => html`
+const ScrollablePageStoryTemplate = (props: CookieBannerProps) => html`
     ${BaseStoryTemplate(props)}
     ${createScrollablePageHTML()}`;
 

packages/components/pie-cookie-banner/locales/ca-es.json

@@ -0,0 +1,40 @@
+{
+    "banner": {
+      "title": "Galetes",
+      "description": "Utilitzem galetes pròpies i de tercers, així com altres tecnologies per millorar i personalitzar la teva experiència d’usuari, optimitzar l’anàlisi i mostrar anuncis amb tercers (llegeix la nostra <linkStatement>Declaració</linkStatement>). Les galetes necessàries sempre estan definides. Fes clic a <linkNecessaryOnly>Només necessàries</linkNecessaryOnly> per continuar sense acceptar-ne més. Fes clic a <linkManagePreferences>Gestionar preferències</linkManagePreferences> per compartir les teves preferències o <linkAcceptAll>Acceptar-les totes</linkAcceptAll>.",
+      "cta": {
+        "managePreferences": "Gestionar preferències",
+        "necessaryOnly": "Només necessàries",
+        "acceptAll": "Acceptar-les totes"
+      }
+    },
+    "preferencesManagement": {
+      "title": "Gestiona les teves preferències",
+      "description": "Pots trobar tota la informació a la <linkCookieStatement>Declaració de galetes</linkCookieStatement> i a la <linkCookieTechList>llista de tecnologies de galetes</linkCookieTechList>.",
+      "all": {
+        "title": "Activar-les totes"
+      },
+      "necessary": {
+        "title": "Necessàries",
+        "description": "Aquestes galetes són necessàries per garantir que el lloc web i les seves característiques funcionin adequadament. Els serveis que has demanat no es poden oferir sense aquestes galetes."
+      },
+      "functional": {
+        "title": "Funcionals",
+        "description": "Aquestes galetes permeten que el lloc web recordi les eleccions que fas per oferir-te una millor funcionalitat i característiques personals."
+      },
+      "analytical": {
+        "title": "Analítiques",
+        "description": "Aquestes galetes analítiques, incloses les estadístiques, s’utilitzen per entendre com interaccionen els visitants amb el lloc web i per poder mesurar i millorar el rendiment del nostre lloc web."
+      },
+      "personalized": {
+        "title": "Personalitzades (orientació i publicitat)",
+        "description": "Aquestes galetes de màrqueting s’utilitzen per adaptar el lliurament de la informació en funció del teu interès i per mesurar l’eficàcia d’aquests anuncis, tant al nostre lloc web com als llocs web dels nostres socis publicitaris."
+      },
+      "cta": {
+        "save": {
+          "label": "Desar",
+          "ariaLabel": ""
+        }
+      }
+    }
+  }

packages/components/pie-cookie-banner/locales/index.js

@@ -1,8 +1,9 @@
 import bgBG from './bg-bg.json';
-import deDE from './de-de.json';
+import caES from './ca-es.json';
 import daDK from './da-dk.json';
-import enGB from './en-gb.json';
+import deDE from './de-de.json';
 import enFR from './en-fr.json';
+import enGB from './en-gb.json';
 import esES from './es-es.json';
 import frFR from './fr-fr.json';
 import heIL from './he-il.json';
@@ -11,14 +12,14 @@ import nlNL from './nl-nl.json';
 import plPL from './pl-pl.json';
 import skSK from './sk-sk.json';
 
-// TODO: Find how to tell TS each of these is of type CookieBannerLocale
 export default {
     bgBG,
-    deDE,
+    caES,
     daDK,
+    deDE,
     dkDK: daDK,
-    enFR,
     enGB,
+    enFR,
     esES,
     frFR,
     heIL,

packages/components/pie-cookie-banner/src/defs.ts

@@ -1,9 +1,6 @@
+import { type TemplateResult } from 'lit';
 import { type ComponentDefaultProps } from '@justeattakeaway/pie-webc-core';
 
-import {
-    TemplateResult,
-} from 'lit';
-
 import defaultLocale from '../locales/en-gb.json' assert { type: 'json' };
 
 export interface CookieBannerLocale {