lau-ecom-design-system 1.0.27 → 1.0.28

package/dist/lau-ecom-design-system.ssr.js

@@ -2878,11 +2878,11 @@ var CookieOption = Object.freeze({
   denied: "denied"
 });
 var CookieItemKey = Object.freeze({
+  essential: "security_storage",
   statistics: "analytics_storage",
+  preferences: "functionality_storage",
   marketing: "ad_storage",
-  functionality: "functionality_storage",
-  personalization: "personalization_storage",
-  security: "security_storage"
+  marketingPersonalization: "personalization_storage"
 });
 var COOKIE_CONSENT = "cookie_consent";function setCookie(cname, cvalue) {
   var now = new Date();
@@ -2906,31 +2906,23 @@ function getCookie(cname) {
 function cookieConsent(value) {
   setCookie(COOKIE_CONSENT, value);
 }
-function setCookieValues(analyticsStorageOption, adStorageOption) {
-  for (var _i = 0, _Object$entries = Object.entries(CookieItemKey); _i < _Object$entries.length; _i++) {
-    var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
-      value = _Object$entries$_i[1];
-    if (value === CookieItemKey.statistics) {
-      setCookie(value, analyticsStorageOption);
-      continue;
-    }
-    if (value === CookieItemKey.marketing) {
-      setCookie(value, adStorageOption);
-      continue;
-    }
-    setCookie(value, CookieOption.granted);
-  }
+function setCookieValues(analyticsStorageOption, adStorageOption, preferencesStorageOption, essentialStorageOption) {
+  setCookie("analytics_storage", analyticsStorageOption);
+  setCookie("ad_storage", adStorageOption);
+  setCookie("functionality_storage", preferencesStorageOption);
+  setCookie("security_storage", essentialStorageOption);
+  setCookie("personalization_storage", adStorageOption);
 }
 function acceptAllCookies() {
-  setCookieValues(CookieOption.granted, CookieOption.granted);
+  setCookieValues(CookieOption.granted, CookieOption.granted, CookieOption.granted, CookieOption.granted);
   cookieConsent(true);
 }
-function acceptCookiesSelected(analyticsStorageOption, adStorageOption) {
-  setCookieValues(analyticsStorageOption, adStorageOption);
+function acceptCookiesSelected(analyticsStorageOption, adStorageOption, preferencesStorageOption, essentialStorageOption) {
+  setCookieValues(analyticsStorageOption, adStorageOption, preferencesStorageOption, essentialStorageOption);
   cookieConsent(true);
 }
 function rejectCookies() {
-  setCookieValues(CookieOption.denied, CookieOption.denied);
+  setCookieValues(CookieOption.denied, CookieOption.denied, CookieOption.denied, CookieOption.granted);
   cookieConsent(false);
 }var _hoisted_1$d = {
   class: "dsEcom-relative"
@@ -3113,21 +3105,50 @@ var script$e = /*@__PURE__*/vue.defineComponent({
     };
     var handleAcceptSelected = function handleAcceptSelected() {
       var _items$value, _items$value2;
-      var analyticsStorageOption;
-      var adStorageOption;
-      var analyticsStorageIndex = (_items$value = items.value) === null || _items$value === void 0 ? void 0 : _items$value.findIndex(function (item) {
-        return item.id === CookieItemKey.statistics;
+      var analyticsStorageOption = CookieOption.denied;
+      var adStorageOption = CookieOption.denied;
+      var preferencesStorageOption = CookieOption.denied;
+      var essentialStorageOption = CookieOption.granted; // Siempre granted para esenciales
+
+      // Obtener el estado de cada tipo de cookie
+      (_items$value = items.value) === null || _items$value === void 0 || _items$value.forEach(function (item) {
+        console.log('Checking item:', {
+          id: item.id,
+          expectedId: {
+            preferences: CookieItemKey.preferences,
+            statistics: CookieItemKey.statistics,
+            marketing: CookieItemKey.marketing
+          },
+          isChecked: item.isChecked
+        });
+        if (item.id === 'functionality_storage') {
+          console.log('Found preferences item:', item);
+          preferencesStorageOption = item.isChecked ? CookieOption.granted : CookieOption.denied;
+          console.log('Set preferencesStorageOption to:', preferencesStorageOption);
+        }
+        if (item.id === 'analytics_storage') {
+          analyticsStorageOption = item.isChecked ? CookieOption.granted : CookieOption.denied;
+        }
+        if (item.id === 'ad_storage') {
+          adStorageOption = item.isChecked ? CookieOption.granted : CookieOption.denied;
+        }
       });
-      if (analyticsStorageIndex) {
-        analyticsStorageOption = items.value[analyticsStorageIndex].isChecked ? CookieOption.granted : CookieOption.denied;
-      }
-      var adStorageIndex = (_items$value2 = items.value) === null || _items$value2 === void 0 ? void 0 : _items$value2.findIndex(function (item) {
-        return item.id === CookieItemKey.marketing;
+      console.log('Final values:', {
+        analyticsStorageOption: analyticsStorageOption,
+        adStorageOption: adStorageOption,
+        preferencesStorageOption: preferencesStorageOption,
+        essentialStorageOption: essentialStorageOption,
+        itemsLength: (_items$value2 = items.value) === null || _items$value2 === void 0 ? void 0 : _items$value2.length,
+        allItems: items.value
       });
-      if (adStorageIndex) {
-        adStorageOption = items.value[adStorageIndex].isChecked ? CookieOption.granted : CookieOption.denied;
-      }
-      acceptCookiesSelected(analyticsStorageOption, adStorageOption);
+      acceptCookiesSelected(analyticsStorageOption,
+      // analytics_storage
+      adStorageOption,
+      // ad_storage
+      preferencesStorageOption,
+      // functionality_storage
+      essentialStorageOption // security_storage
+      );
       emit("onAcceptSelected");
     };
     var handleAcceptAll = function handleAcceptAll() {
@@ -3202,31 +3223,46 @@ var script$d = /*@__PURE__*/vue.defineComponent({
       required: false,
       default: function _default() {
         return [{
+          id: CookieItemKey.essential,
           title: "Esenciales",
           description: "Este sitio web utiliza cookies gracias a esto podemos personalizar los ingresos a la web en futuras visitas  y brindarte una mejor experiencia.",
-          isChecked: false,
-          isDisabled: false,
+          isChecked: true,
+          isDisabled: true,
           onToggle: function onToggle(value) {
-            console.log("firstSwitch: " + value);
+            console.log("essentialSwitch: " + value);
           }
         }, {
+          id: CookieItemKey.preferences,
           title: "Preferencias",
           description: "Este sitio web utiliza cookies gracias a esto podemos personalizar los ingresos a la web en futuras visitas  y brindarte una mejor experiencia.",
           isChecked: false,
           isDisabled: false,
-          onToggle: function onToggle() {}
+          onToggle: function onToggle(value) {
+            console.log("preferencesSwitch: " + value);
+          }
         }, {
           id: CookieItemKey.statistics,
-          title: "Estadisticas",
+          title: "Estadísticas",
           description: "Este sitio web utiliza cookies gracias a esto podemos personalizar los ingresos a la web en futuras visitas  y brindarte una mejor experiencia.",
-          isChecked: true,
+          isChecked: false,
           isDisabled: false,
-          onToggle: function onToggle() {}
+          onToggle: function onToggle(value) {
+            console.log("statisticsSwitch: " + value);
+          }
         }, {
           id: CookieItemKey.marketing,
           title: "Marketing",
           description: "Este sitio web utiliza cookies gracias a esto podemos personalizar los ingresos a la web en futuras visitas  y brindarte una mejor experiencia.",
-          isChecked: true,
+          isChecked: false,
+          isDisabled: false,
+          onToggle: function onToggle(value) {
+            console.log("marketingSwitch: " + value);
+          }
+        }, {
+          id: CookieItemKey.marketingPersonalization,
+          title: "Personalización de Marketing",
+          description: "Este sitio web utiliza cookies gracias a esto podemos personalizar los ingresos a la web en futuras visitas  y brindarte una mejor experiencia.",
+          isChecked: false,
           isDisabled: false,
           onToggle: function onToggle() {}
         }];
@@ -3289,10 +3325,11 @@ var script$d = /*@__PURE__*/vue.defineComponent({
         }),
         _: 1 /* STABLE */
       }), vue.createVNode(script$s, {
+        class: "dsEcom-w-[212px]",
         onOnClick: handleAccept
       }, {
         default: vue.withCtx(function () {
-          return _cache[1] || (_cache[1] = [vue.createTextVNode(" Aceptar ")]);
+          return _cache[1] || (_cache[1] = [vue.createTextVNode(" Aceptar todas las cookies ")]);
         }),
         _: 1 /* STABLE */
       })])])) : (vue.openBlock(), vue.createBlock(script$e, {

package/dist/style.css

@@ -1447,6 +1447,10 @@ video {
   width: 2rem;
 }
 
+.dsEcom-w-\[212px\] {
+  width: 212px;
+}
+
 .dsEcom-w-\[284px\] {
   width: 284px;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "lau-ecom-design-system",
   "private": false,
-  "version": "1.0.27",
+  "version": "1.0.28",
   "sourceType": "module",
   "sideEffects": false,
   "main": "dist/lau-ecom-design-system.ssr.js",

package/src/components/LauEcomBannerCookies/LauEcomBannerCookies.vue

@@ -17,38 +17,55 @@ const props = withDefaults(defineProps<Props>(), {
   categoryCookies: () => {
     return [
       {
+        id: CookieItemKey.essential,
         title: "Esenciales",
         description:
           "Este sitio web utiliza cookies gracias a esto podemos personalizar los ingresos a la web en futuras visitas  y brindarte una mejor experiencia.",
-        isChecked: false,
-        isDisabled: false,
+        isChecked: true,
+        isDisabled: true,
         onToggle: (value: boolean) => {
-          console.log("firstSwitch: " + value);
+          console.log("essentialSwitch: " + value);
         },
       },
       {
+        id: CookieItemKey.preferences,
         title: "Preferencias",
         description:
           "Este sitio web utiliza cookies gracias a esto podemos personalizar los ingresos a la web en futuras visitas  y brindarte una mejor experiencia.",
         isChecked: false,
         isDisabled: false,
-        onToggle: () => {},
+        onToggle: (value: boolean) => {
+          console.log("preferencesSwitch: " + value);
+        },
       },
       {
         id: CookieItemKey.statistics,
-        title: "Estadisticas",
+        title: "Estadísticas",
         description:
           "Este sitio web utiliza cookies gracias a esto podemos personalizar los ingresos a la web en futuras visitas  y brindarte una mejor experiencia.",
-        isChecked: true,
+        isChecked: false,
         isDisabled: false,
-        onToggle: () => {},
+        onToggle: (value: boolean) => {
+          console.log("statisticsSwitch: " + value);
+        },
       },
       {
         id: CookieItemKey.marketing,
         title: "Marketing",
         description:
           "Este sitio web utiliza cookies gracias a esto podemos personalizar los ingresos a la web en futuras visitas  y brindarte una mejor experiencia.",
-        isChecked: true,
+        isChecked: false,
+        isDisabled: false,
+        onToggle: (value: boolean) => {
+          console.log("marketingSwitch: " + value);
+        },
+      },
+      {
+        id: CookieItemKey.marketingPersonalization,
+        title: "Personalización de Marketing",
+        description:
+          "Este sitio web utiliza cookies gracias a esto podemos personalizar los ingresos a la web en futuras visitas  y brindarte una mejor experiencia.",
+        isChecked: false,
         isDisabled: false,
         onToggle: () => {},
       },
@@ -128,7 +145,9 @@ const handleAcceptAll = () => {
         <LauEcomTextButton @on-click="handleConfigCookies">
           Configurar cookies
         </LauEcomTextButton>
-        <LauEcomButton @on-click="handleAccept"> Aceptar </LauEcomButton>
+        <LauEcomButton class="dsEcom-w-[212px]" @on-click="handleAccept">
+          Aceptar todas las cookies
+        </LauEcomButton>
       </div>
     </div>
     <LauEcomBannerCookiesConfig

package/src/components/LauEcomBannerCookies/LauEcomBannerCookiesConfig.vue

@@ -40,28 +40,51 @@ const handleReject = () => {
 };
 
 const handleAcceptSelected = () => {
-  let analyticsStorageOption;
-  let adStorageOption;
-
-  const analyticsStorageIndex = items.value?.findIndex(
-    (item) => item.id === CookieItemKey.statistics,
-  );
-  if (analyticsStorageIndex) {
-    analyticsStorageOption = items.value![analyticsStorageIndex].isChecked
-      ? CookieOption.granted
-      : CookieOption.denied;
-  }
-
-  const adStorageIndex = items.value?.findIndex(
-    (item) => item.id === CookieItemKey.marketing,
+  let analyticsStorageOption: string = CookieOption.denied;
+  let adStorageOption: string = CookieOption.denied;
+  let preferencesStorageOption: string = CookieOption.denied;
+  let essentialStorageOption: string = CookieOption.granted; // Siempre granted para esenciales
+
+  // Obtener el estado de cada tipo de cookie
+  items.value?.forEach((item) => {
+    console.log('Checking item:', {
+      id: item.id,
+      expectedId: {
+        preferences: CookieItemKey.preferences,
+        statistics: CookieItemKey.statistics,
+        marketing: CookieItemKey.marketing
+      },
+      isChecked: item.isChecked
+    });
+
+    if (item.id === 'functionality_storage') {
+      console.log('Found preferences item:', item);
+      preferencesStorageOption = item.isChecked ? CookieOption.granted : CookieOption.denied;
+      console.log('Set preferencesStorageOption to:', preferencesStorageOption);
+    }
+    if (item.id === 'analytics_storage') {
+      analyticsStorageOption = item.isChecked ? CookieOption.granted : CookieOption.denied;
+    }
+    if (item.id === 'ad_storage') {
+      adStorageOption = item.isChecked ? CookieOption.granted : CookieOption.denied;
+    }
+  });
+
+  console.log('Final values:', {
+    analyticsStorageOption,
+    adStorageOption,
+    preferencesStorageOption,
+    essentialStorageOption,
+    itemsLength: items.value?.length,
+    allItems: items.value
+  });
+
+  acceptCookiesSelected(
+    analyticsStorageOption,    // analytics_storage
+    adStorageOption,          // ad_storage
+    preferencesStorageOption, // functionality_storage
+    essentialStorageOption    // security_storage
   );
-  if (adStorageIndex) {
-    adStorageOption = items.value![adStorageIndex].isChecked
-      ? CookieOption.granted
-      : CookieOption.denied;
-  }
-
-  acceptCookiesSelected(analyticsStorageOption!, adStorageOption!);
   emit("onAcceptSelected");
 };