@el7ven/cookie-kit 0.2.18 → 0.2.20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@el7ven/cookie-kit",
-  "version": "0.2.18",
+  "version": "0.2.20",
   "type": "module",
   "main": "./src/index.js",
   "module": "./src/index.js",

package/src/core/index.js

@@ -1,13 +1,120 @@
 import { VERSION, getVersion, getVersionInfo, logVersion } from './version.js'
 
 const DEFAULT_CONFIG = {
-  storageKey: 'cookie_consent',
+  // Version and revision for consent invalidation
+  version: 'v2',
+  revision: 0,
+  
+  // GDPR compliance
   consentExpireDays: 365,
+  auditLog: false,
+  
+  // Storage
+  storageKey: 'cookie_consent',
+  storageType: 'localStorage', // 'localStorage' | 'cookie' | 'both'
+  
+  // Mode
+  mode: 'gdpr', // 'gdpr' | 'essential'
+  
+  // Auto show
+  autoShow: true,
+  
+  // Debug
+  debug: false,
+  
+  // Region (optional)
+  region: null, // 'EU' | 'US' | 'OTHER'
+  
+  // Categories
   categories: {
-    necessary: { required: true, enabled: true },
-    analytics: { required: false, enabled: false },
-    marketing: { required: false, enabled: false },
-    preferences: { required: false, enabled: false }
+    necessary: {
+      id: 'necessary',
+      label: 'Necesare',
+      description: 'Cookie-uri esențiale pentru funcționarea site-ului',
+      required: true,
+      locked: true,
+      enabled: true
+    },
+    analytics: {
+      id: 'analytics',
+      label: 'Analiză',
+      description: 'Cookie-uri pentru analiza traficului și comportamentului utilizatorilor',
+      required: false,
+      locked: false,
+      enabled: true
+    },
+    marketing: {
+      id: 'marketing',
+      label: 'Marketing',
+      description: 'Cookie-uri pentru publicitate personalizată',
+      required: false,
+      locked: false,
+      enabled: true
+    },
+    preferences: {
+      id: 'preferences',
+      label: 'Preferințe',
+      description: 'Cookie-uri pentru salvarea preferințelor utilizatorului',
+      required: false,
+      locked: false,
+      enabled: true
+    }
+  },
+  
+  // Texts
+  texts: {
+    essential: {
+      title: '🍪 Файлы Cookie',
+      message: 'Мы используем необходимые файлы cookie для работы сайта. Никакой аналитики и маркетинга.',
+      button: 'Принять'
+    },
+    gdpr: {
+      title: 'Preferințe Cookie-uri',
+      message: 'Folosim cookie-uri pentru a-ți oferi cea mai bună experiență. Alege ce tipuri de cookie-uri accepți.',
+      buttons: {
+        acceptAll: 'Acceptă toate',
+        rejectAll: 'Respinge toate',
+        acceptSelection: 'Acceptă selecția',
+        settings: 'Setări'
+      }
+    },
+    settings: {
+      title: 'Setări Cookie-uri',
+      tabs: {
+        privacy: 'Confidențialitate'
+      },
+      buttons: {
+        acceptAll: 'Acceptă toate',
+        rejectAll: 'Respinge toate',
+        acceptSelection: 'Salvează selecția'
+      },
+      links: {
+        moreInfo: 'Mai multe informații',
+        cookieDetails: 'Detalii cookie-uri'
+      }
+    }
+  },
+  
+  // Policy links
+  policies: {
+    privacy: '/privacy-policy',
+    cookies: '/cookie-policy'
+  },
+  
+  // Display options
+  display: {
+    position: 'bottom-right', // 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left' | 'center'
+    backdrop: true,
+    closeOnBackdrop: true
+  },
+  
+  // Analytics providers (optional)
+  analytics: null,
+  
+  // Script blocking (optional)
+  scriptBlocking: {
+    enabled: true,
+    strategy: 'data-category' // 'data-category' | 'type-rewrite'
   }
 }
 

package/src/index.js

@@ -22,6 +22,9 @@ export * from './react/index.js'
 // Vue components  
 export * from './vue/index.js'
 
+// Vue composable
+export { useCookieConsent } from './vue/composables/useCookieConsent.js'
+
 // Version info
 export { VERSION, getVersion, getVersionInfo, logVersion } from './core/version.js'
 

package/src/vue/CookieConsent.vue

@@ -24,42 +24,33 @@
 
 <script setup>
 import { computed, nextTick, onUnmounted, ref, watch } from 'vue'
-import { useCookieKit } from './index.js'
+import { useCookieKitVue, DEFAULT_CONFIG } from './index.js'
 import CookieDrawer from './CookieDrawer.vue'
 
 // Props for customization
 const props = defineProps({
   config: {
     type: Object,
-    default: () => ({
-      categories: {
-        necessary: { required: true, enabled: true, name: 'Essential Cookies' },
-        analytics: { required: false, enabled: true, name: 'Analytics Cookies' },
-        marketing: { required: false, enabled: false, name: 'Marketing Cookies' }
-      },
-      consentExpireDays: 365,
-      version: '0.2.0',
-      theme: 'light'
-    })
+    default: () => DEFAULT_CONFIG
   }
 })
 
-// Use the new composable
+// Use the Vue composable
 const {
   consent,
   acceptAll,
   rejectAll,
-  acceptCategory,
-  hasConsent,
+  acceptSelected,
+  hasConsented,
   hasCategoryConsent
-} = useCookieKit(props.config)
+} = useCookieKitVue(props.config)
 
 // Local state
-const isVisible = computed(() => !consent.value?.hasConsented)
+const isVisible = computed(() => !hasConsented.value)
 const isSettingsMode = ref(false)
 const currentTab = ref('privacy')
-const categories = ref(props.config.categories)
-const consentVersion = computed(() => props.config.version || '0.2.0')
+const categories = computed(() => consent.value?.categories || props.config.categories)
+const consentVersion = computed(() => props.config.version || '1.0.0')
 const capabilities = computed(() => ({}))
 const isV2 = computed(() => true)
 const theme = computed(() => props.config.theme || 'light')
@@ -89,13 +80,11 @@ const closeSettings = () => {
 }
 
 const acceptSelection = () => {
-  // Save current category states
-  Object.keys(categories.value).forEach(id => {
-    const isEnabled = categories.value[id]?.enabled
-    if (isEnabled !== undefined) {
-      acceptCategory(id, isEnabled)
-    }
-  })
+  // Get selected category IDs
+  const selectedIds = Object.keys(categories.value)
+    .filter(id => categories.value[id]?.enabled)
+  
+  acceptSelected(selectedIds)
 }
 
 const selectTab = (tabId) => {

package/src/vue/index.js

@@ -1,8 +1,9 @@
 import { computed, ref } from 'vue'
 import { createCookieKit, DEFAULT_CONFIG } from '../core/index.js'
 import { VERSION, getVersion, getVersionInfo, logVersion } from './version.js'
+import { useCookieConsent } from './composables/useCookieConsent.js'
 
-export { createCookieKit, DEFAULT_CONFIG, VERSION, getVersion, getVersionInfo, logVersion }
+export { createCookieKit, DEFAULT_CONFIG, VERSION, getVersion, getVersionInfo, logVersion, useCookieConsent }
 
 export function useCookieKitVue(userConfig = {}) {
   const core = createCookieKit(userConfig)