lau-ecom-design-system 1.0.27 → 1.0.28

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

@@ -2883,11 +2883,11 @@ const CookieOption = Object.freeze({
   denied: "denied"
 });
 const 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"
 });
 const COOKIE_CONSENT = "cookie_consent";
 
@@ -2913,29 +2913,23 @@ function getCookie(cname) {
 function cookieConsent(value) {
   setCookie(COOKIE_CONSENT, value);
 }
-function setCookieValues(analyticsStorageOption, adStorageOption) {
-  for (const [, value] of Object.entries(CookieItemKey)) {
-    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);
 }
 
@@ -3126,17 +3120,50 @@ var script$e = /*@__PURE__*/defineComponent({
       emit("onReject");
     };
     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);
-      if (adStorageIndex) {
-        adStorageOption = items.value[adStorageIndex].isChecked ? CookieOption.granted : CookieOption.denied;
-      }
-      acceptCookiesSelected(analyticsStorageOption, adStorageOption);
+      let analyticsStorageOption = CookieOption.denied;
+      let adStorageOption = CookieOption.denied;
+      let preferencesStorageOption = CookieOption.denied;
+      let essentialStorageOption = 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
+      );
       emit("onAcceptSelected");
     };
     const handleAcceptAll = () => {
@@ -3207,31 +3234,46 @@ var script$d = /*@__PURE__*/defineComponent({
       required: false,
       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: 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: () => {}
+          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: () => {}
+          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: 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: () => {}
         }];
@@ -3293,9 +3335,10 @@ var script$d = /*@__PURE__*/defineComponent({
         default: withCtx(() => _cache[0] || (_cache[0] = [createTextVNode(" Configurar cookies ")])),
         _: 1 /* STABLE */
       }), createVNode(script$s, {
+        class: "dsEcom-w-[212px]",
         onOnClick: handleAccept
       }, {
-        default: withCtx(() => _cache[1] || (_cache[1] = [createTextVNode(" Aceptar ")])),
+        default: withCtx(() => _cache[1] || (_cache[1] = [createTextVNode(" Aceptar todas las cookies ")])),
         _: 1 /* STABLE */
       })])])) : (openBlock(), createBlock(script$e, {
         key: 1,