@dargmuesli/nuxt-cookie-control 3.0.0-beta.3 → 3.0.0-beta.5

package/README.md

@@ -154,6 +154,9 @@ isAcceptNecessaryButtonEnabled: true
 // Switch to toggle the button that opens the configuration modal.
 isControlButtonEnabled: true,
 
+// Switch to toggle the concatenation of target cookie ids to the cookie description.
+isCookieIdVisible: false,
+
 // Switch to toggle the inclusion of this module's css.
 // If css is set to false, you will still be able to access your color variables.
 isCssEnabled: true,

package/dist/module.d.ts

@@ -39,6 +39,7 @@ interface ModuleOptions {
     cookieNameCookiesEnabledIds: string;
     isAcceptNecessaryButtonEnabled?: boolean;
     isControlButtonEnabled?: boolean;
+    isCookieIdVisible?: boolean;
     isCssEnabled?: boolean;
     isCssPolyfillEnabled?: boolean;
     isDashInDescriptionEnabled?: boolean;

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@dargmuesli/nuxt-cookie-control",
-  "version": "3.0.0-beta.3",
+  "version": "3.0.0-beta.5",
   "configKey": "cookieControl",
   "compatibility": {
     "nuxt": "^3.0.0"

package/dist/module.mjs

@@ -2,7 +2,7 @@ import { resolve } from 'node:path';
 import { createResolver, defineNuxtModule, addPlugin, addImports, addTemplate, extendWebpackConfig, resolvePath } from '@nuxt/kit';
 
 const name = "@dargmuesli/nuxt-cookie-control";
-const version = "3.0.0-beta.3";
+const version = "3.0.0-beta.5";
 
 const en = {
   acceptAll: "Accept all",
@@ -60,6 +60,7 @@ const DEFAULTS = {
   cookieNameCookiesEnabledIds: "cookie_control_cookies_enabled_ids",
   isAcceptNecessaryButtonEnabled: true,
   isControlButtonEnabled: true,
+  isCookieIdVisible: false,
   isCssEnabled: true,
   isCssPolyfillEnabled: true,
   isDashInDescriptionEnabled: true,

package/dist/runtime/components/CookieControl.vue

@@ -103,7 +103,12 @@
                         <span v-if="cookie.description">
                           {{ getDescription(cookie.description) }}
                         </span>
-                        <span v-if="cookie.targetCookieIds">
+                        <span
+                          v-if="
+                            moduleOptions.isCookieIdVisible &&
+                            cookie.targetCookieIds
+                          "
+                        >
                           {{
                             ' IDs: ' +
                             cookie.targetCookieIds
@@ -209,9 +214,14 @@ const acceptNecessary = () => {
   })
 }
 const acceptPartial = () => {
+  const localCookiesEnabledIds = getCookieIds(localCookiesEnabled.value)
+
   setCookies({
     isConsentGiven: true,
-    cookiesOptionalEnabled: localCookiesEnabled.value,
+    cookiesOptionalEnabled: [
+      ...moduleOptions.cookies?.necessary,
+      ...moduleOptions.cookies.optional,
+    ].filter((cookie) => localCookiesEnabledIds.includes(getCookieId(cookie))),
   })
 }
 const declineAll = () => {
@@ -221,13 +231,14 @@ const declineAll = () => {
   })
 }
 const toogleCookie = (cookie: Cookie) => {
-  if (!localCookiesEnabled.value.includes(cookie)) {
+  const cookieIndex = getCookieIds(localCookiesEnabled.value).indexOf(
+    getCookieId(cookie)
+  )
+
+  if (cookieIndex < 0) {
     localCookiesEnabled.value.push(cookie)
   } else {
-    localCookiesEnabled.value.splice(
-      localCookiesEnabled.value.indexOf(cookie),
-      1
-    )
+    localCookiesEnabled.value.splice(cookieIndex, 1)
   }
 }
 const getDescription = (description: Translatable) =>
@@ -305,6 +316,8 @@ onBeforeMount(async () => {
 watch(
   () => cookiesEnabled.value,
   (current, _previous) => {
+    localCookiesEnabled.value = [...(current || [])]
+
     if (isConsentGiven.value) {
       Cookies.set(
         moduleOptions.cookieNameCookiesEnabledIds,

package/dist/runtime/types.d.ts

@@ -42,6 +42,7 @@ export interface ModuleOptions {
     cookieNameCookiesEnabledIds: string;
     isAcceptNecessaryButtonEnabled?: boolean;
     isControlButtonEnabled?: boolean;
+    isCookieIdVisible?: boolean;
     isCssEnabled?: boolean;
     isCssPolyfillEnabled?: boolean;
     isDashInDescriptionEnabled?: boolean;

package/dist/runtime/types.mjs

@@ -42,6 +42,7 @@ export const DEFAULTS = {
   cookieNameCookiesEnabledIds: "cookie_control_cookies_enabled_ids",
   isAcceptNecessaryButtonEnabled: true,
   isControlButtonEnabled: true,
+  isCookieIdVisible: false,
   isCssEnabled: true,
   isCssPolyfillEnabled: true,
   isDashInDescriptionEnabled: true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dargmuesli/nuxt-cookie-control",
-  "version": "3.0.0-beta.3",
+  "version": "3.0.0-beta.5",
   "description": "Nuxt Cookies Control Module",
   "author": "Dario Ferderber <dario.ferderber@broj42.com>",
   "maintainers": [