@el7ven/cookie-kit 0.3.2 → 0.3.4

package/package.json

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

package/src/core/index.js

@@ -225,8 +225,9 @@ export class CookieKitCore {
     const next = {}
     Object.keys(this.config.categories).forEach(id => {
       const category = this.config.categories[id]
-      if (category?.enabled !== false) {
-        next[id] = !!category.required
+      if (category?.enabled === true) {
+        // For enabled categories, set to required status OR false if not required
+        next[id] = category.required === true
       }
     })
     return next
@@ -239,7 +240,7 @@ export class CookieKitCore {
     const normalized = this.getDefaultCategoriesState()
     Object.keys(categories || {}).forEach(id => {
       if (Object.prototype.hasOwnProperty.call(normalized, id)) {
-        normalized[id] = !!categories[id] || !!this.config.categories[id]?.required
+        normalized[id] = !!categories[id] || this.config.categories[id]?.required === true
       }
     })
 
@@ -270,7 +271,7 @@ export class CookieKitCore {
   acceptAll(source = 'banner') {
     const categories = {}
     Object.keys(this.config.categories).forEach(id => {
-      if (this.config.categories[id]?.enabled !== false) {
+      if (this.config.categories[id]?.enabled === true) {
         categories[id] = true
       }
     })
@@ -281,7 +282,7 @@ export class CookieKitCore {
     const categories = {}
     Object.keys(this.config.categories).forEach(id => {
       const category = this.config.categories[id]
-      if (category?.enabled !== false) {
+      if (category?.enabled === true) {
         categories[id] = !!category.required
       }
     })
@@ -293,8 +294,8 @@ export class CookieKitCore {
     const categories = {}
     Object.keys(this.config.categories).forEach(id => {
       const category = this.config.categories[id]
-      if (category?.enabled !== false) {
-        categories[id] = selectedSet.has(id) || !!category.required
+      if (category?.enabled === true) {
+        categories[id] = selectedSet.has(id) || category.required === true
       }
     })
     return this.saveConsent(categories, source)

package/src/vue/CookieConsent.vue

@@ -42,7 +42,7 @@ const mergedConfig = computed(() => deepMerge(DEFAULT_CONFIG, props.config))
 const {
   core,
   consent,
-  categories: coreCategories,
+  categories,
   acceptAll,
   rejectAll,
   acceptSelected,
@@ -57,9 +57,6 @@ const isSettingsMode = ref(false)
 const currentTab = ref('privacy')
 const drawerRef = ref(null)
 
-// Category state (reactive, for toggles)
-const categories = ref(buildCategoryState(mergedConfig.value.categories))
-
 // Computed
 const consentVersion = computed(() => mergedConfig.value.version || 'v2')
 const capabilities = computed(() => mergedConfig.value.capabilities || {})
@@ -207,7 +204,9 @@ const handleSelectTab = (tabId) => {
 const handleToggleCategory = (categoryId) => {
   const cat = mergedConfig.value.categories[categoryId]
   if (cat && !cat.disabled && !cat.required) {
-    categories.value[categoryId] = !categories.value[categoryId]
+    // Toggle the category state
+    const current = categories.value[categoryId]
+    categories.value[categoryId] = !current
   }
 }
 
@@ -245,13 +244,6 @@ defineExpose({
 })
 
 // Helpers
-function buildCategoryState(cats) {
-  if (!cats) return {}
-  return Object.fromEntries(
-    Object.keys(cats).map(id => [id, !!cats[id].enabled])
-  )
-}
-
 function deepMerge(target, source) {
   const result = { ...target }
   for (const key of Object.keys(source)) {