cookiecraft 1.0.8 → 1.0.10

package/dist/cookiecraft.js

@@ -689,6 +689,13 @@
             const isModal = this.config.disablePageInteraction;
             const safeColor = this.config.primaryColor ? sanitizeColor(this.config.primaryColor) : '';
             const colorStyle = buildColorStyle(safeColor);
+            const titleHtml = translations.title
+                ? `<h2 class="cc-banner__title">${escapeHtml(translations.title)}</h2>`
+                : '';
+            const descriptionHtml = this.getDescriptionHTML();
+            const descBlock = descriptionHtml
+                ? `<p class="cc-banner__description">${descriptionHtml}</p>`
+                : '';
             const template = `
       <div
         class="cc-banner cc-banner--${escapeHtml(position)} cc-banner--${escapeHtml(layout)} ${backdropBlur ? 'cc-backdrop-blur' : ''}"
@@ -701,28 +708,10 @@
       >
         <div class="cc-banner__container">
           <div class="cc-banner__content">
-            <h2 class="cc-banner__title">
-              ${escapeHtml(translations.title || 'We use cookies')}
-            </h2>
-            <p class="cc-banner__description">
-              ${this.getDescriptionHTML()}
-            </p>
+            ${titleHtml}
+            ${descBlock}
           </div>
           <div class="cc-banner__actions">
-            <button
-              class="cc-btn cc-btn--ghost"
-              data-action="reject"
-              aria-label="${escapeHtml(translations.rejectAll || 'Essentials only')}"
-            >
-              ${escapeHtml(translations.rejectAll || 'Essentials only')}
-            </button>
-            <button
-              class="cc-btn cc-btn--tertiary"
-              data-action="customize"
-              aria-label="${escapeHtml(translations.customize || 'Customize')}"
-            >
-              ${escapeHtml(translations.customize || 'Customize')}
-            </button>
             <button
               class="cc-btn cc-btn--accept"
               data-action="accept"
@@ -826,16 +815,21 @@
          */
         getDescriptionHTML() {
             const translations = this.config.translations || {};
-            const defaultDescription = 'We use cookies to improve your experience on our site. You can choose which cookies you accept.';
-            const description = escapeHtml(translations.description || defaultDescription);
+            if (!translations.description)
+                return '';
+            const description = escapeHtml(translations.description);
+            const customizeLabel = escapeHtml(translations.customize || 'Customize');
+            let html = description;
             if (translations.privacyPolicyUrl) {
                 const safeUrl = sanitizeUrl(translations.privacyPolicyUrl);
                 if (safeUrl) {
                     const linkLabel = escapeHtml(translations.privacyPolicyLabel || 'Privacy Policy');
-                    return `${description} <a href="${safeUrl}" target="_blank" rel="noopener noreferrer">${linkLabel}</a>`;
+                    html += ` <a href="${safeUrl}" target="_blank" rel="noopener noreferrer">${linkLabel}</a>`;
                 }
             }
-            return description;
+            // Inline customize link at end of description
+            html += ` <span class="cc-banner__customize" data-action="customize">${customizeLabel}</span>`;
+            return html;
         }
     }
 
@@ -1397,6 +1391,111 @@
         }
     }
 
+    /**
+     * Built-in translations for supported languages
+     * Users can override any string via config.translations
+     */
+    const en = {
+        title: 'We use cookies',
+        description: 'We use cookies to improve your experience on our site. You can choose which cookies you accept.',
+        acceptAll: 'Accept all',
+        rejectAll: 'Essentials only',
+        customize: 'Manage preferences',
+        savePreferences: 'Save preferences',
+        essentialsOnly: 'Essentials only',
+        preferencesTitle: 'Cookie Preferences',
+        cookieSettings: 'Cookie settings',
+        cookies: 'Cookies',
+        privacyPolicyLabel: 'Privacy Policy',
+    };
+    const fr = {
+        title: 'Nous utilisons des cookies',
+        description: 'Ce site utilise des cookies pour améliorer votre expérience de navigation. Vous pouvez choisir les cookies que vous acceptez.',
+        acceptAll: 'Tout accepter',
+        rejectAll: 'Essentiels uniquement',
+        customize: 'Gérer mes préférences',
+        savePreferences: 'Enregistrer',
+        essentialsOnly: 'Essentiels uniquement',
+        preferencesTitle: 'Préférences des cookies',
+        cookieSettings: 'Paramètres des cookies',
+        cookies: 'Cookies',
+        privacyPolicyLabel: 'Politique de confidentialité',
+    };
+    const de = {
+        title: 'Wir verwenden Cookies',
+        description: 'Diese Website verwendet Cookies, um Ihr Erlebnis zu verbessern. Sie können wählen, welche Cookies Sie akzeptieren.',
+        acceptAll: 'Alle akzeptieren',
+        rejectAll: 'Nur essenzielle',
+        customize: 'Einstellungen verwalten',
+        savePreferences: 'Speichern',
+        essentialsOnly: 'Nur essenzielle',
+        preferencesTitle: 'Cookie-Einstellungen',
+        cookieSettings: 'Cookie-Einstellungen',
+        cookies: 'Cookies',
+        privacyPolicyLabel: 'Datenschutzrichtlinie',
+    };
+    const es = {
+        title: 'Usamos cookies',
+        description: 'Este sitio utiliza cookies para mejorar su experiencia. Puede elegir qué cookies acepta.',
+        acceptAll: 'Aceptar todo',
+        rejectAll: 'Solo esenciales',
+        customize: 'Gestionar preferencias',
+        savePreferences: 'Guardar',
+        essentialsOnly: 'Solo esenciales',
+        preferencesTitle: 'Preferencias de cookies',
+        cookieSettings: 'Configuración de cookies',
+        cookies: 'Cookies',
+        privacyPolicyLabel: 'Política de privacidad',
+    };
+    const it = {
+        title: 'Utilizziamo i cookie',
+        description: 'Questo sito utilizza i cookie per migliorare la tua esperienza. Puoi scegliere quali cookie accettare.',
+        acceptAll: 'Accetta tutti',
+        rejectAll: 'Solo essenziali',
+        customize: 'Gestisci preferenze',
+        savePreferences: 'Salva',
+        essentialsOnly: 'Solo essenziali',
+        preferencesTitle: 'Preferenze cookie',
+        cookieSettings: 'Impostazioni cookie',
+        cookies: 'Cookie',
+        privacyPolicyLabel: 'Informativa sulla privacy',
+    };
+    const nl = {
+        title: 'Wij gebruiken cookies',
+        description: 'Deze site maakt gebruik van cookies om uw ervaring te verbeteren. U kunt kiezen welke cookies u accepteert.',
+        acceptAll: 'Alles accepteren',
+        rejectAll: 'Alleen essentieel',
+        customize: 'Voorkeuren beheren',
+        savePreferences: 'Opslaan',
+        essentialsOnly: 'Alleen essentieel',
+        preferencesTitle: 'Cookie-voorkeuren',
+        cookieSettings: 'Cookie-instellingen',
+        cookies: 'Cookies',
+        privacyPolicyLabel: 'Privacybeleid',
+    };
+    const pt = {
+        title: 'Utilizamos cookies',
+        description: 'Este site utiliza cookies para melhorar a sua experiência. Pode escolher quais cookies aceita.',
+        acceptAll: 'Aceitar todos',
+        rejectAll: 'Apenas essenciais',
+        customize: 'Gerir preferências',
+        savePreferences: 'Guardar',
+        essentialsOnly: 'Apenas essenciais',
+        preferencesTitle: 'Preferências de cookies',
+        cookieSettings: 'Definições de cookies',
+        cookies: 'Cookies',
+        privacyPolicyLabel: 'Política de privacidade',
+    };
+    const builtInTranslations = {
+        en,
+        fr,
+        de,
+        es,
+        it,
+        nl,
+        pt,
+    };
+
     /**
      * CookieConsent - Main orchestrator class
      */
@@ -1626,7 +1725,12 @@
          * Validate and set default config values
          */
         validateConfig(config) {
-            return Object.assign(Object.assign({}, config), { categories: config.categories || {
+            var _a;
+            // Merge built-in language translations with user overrides
+            const langKey = ((_a = config.language) === null || _a === void 0 ? void 0 : _a.toLowerCase().split('-')[0]) || 'en';
+            const langDefaults = builtInTranslations[langKey] || builtInTranslations['en'];
+            const mergedTranslations = Object.assign(Object.assign({}, langDefaults), config.translations);
+            return Object.assign(Object.assign({}, config), { translations: mergedTranslations, categories: config.categories || {
                     necessary: {
                         enabled: true,
                         readOnly: true,