react-lgpd-consent 0.1.13 → 0.2.1

package/dist/{chunk-XIHO7M77.js → chunk-QCERRRSC.js}

@@ -11,7 +11,7 @@ import Typography2 from "@mui/material/Typography";
 import { useEffect as useEffect2, useState as useState2 } from "react";
 
 // src/context/ConsentContext.tsx
-import * as React from "react";
+import * as React2 from "react";
 import { ThemeProvider } from "@mui/material/styles";
 
 // src/utils/cookieUtils.ts
@@ -23,20 +23,61 @@ var DEFAULT_COOKIE_OPTS = {
   secure: typeof window !== "undefined" ? window.location.protocol === "https:" : false,
   path: "/"
 };
+var COOKIE_SCHEMA_VERSION = "1.0";
 function readConsentCookie(name = DEFAULT_COOKIE_OPTS.name) {
   if (typeof document === "undefined") return null;
   const raw = Cookies.get(name);
   if (!raw) return null;
   try {
-    return JSON.parse(raw);
+    const data = JSON.parse(raw);
+    if (!data.version) {
+      return migrateLegacyCookie(data);
+    }
+    if (data.version !== COOKIE_SCHEMA_VERSION) {
+      console.warn(
+        `[react-lgpd-consent] Cookie version mismatch: ${data.version} != ${COOKIE_SCHEMA_VERSION}`
+      );
+      return null;
+    }
+    return data;
+  } catch {
+    return null;
+  }
+}
+function migrateLegacyCookie(legacyData) {
+  try {
+    const now = (/* @__PURE__ */ new Date()).toISOString();
+    return {
+      version: COOKIE_SCHEMA_VERSION,
+      consented: legacyData.consented || false,
+      preferences: legacyData.preferences || { necessary: true },
+      consentDate: now,
+      // Não temos o original, usar data atual
+      lastUpdate: now,
+      source: "banner",
+      // Assumir origem banner
+      isModalOpen: false
+      // Nunca persistir estado de UI
+    };
   } catch {
     return null;
   }
 }
-function writeConsentCookie(state, opts) {
+function writeConsentCookie(state, source = "banner", opts) {
   if (typeof document === "undefined") return;
+  const now = (/* @__PURE__ */ new Date()).toISOString();
   const o = { ...DEFAULT_COOKIE_OPTS, ...opts };
-  Cookies.set(o.name, JSON.stringify(state), {
+  const cookieData = {
+    version: COOKIE_SCHEMA_VERSION,
+    consented: state.consented,
+    preferences: state.preferences,
+    consentDate: state.consentDate || now,
+    // Preservar data original ou usar atual
+    lastUpdate: now,
+    source
+    // isModalOpen NÃO é persistido (campo de UI apenas)
+  };
+  Cookies.set(o.name, JSON.stringify(cookieData), {
     expires: o.maxAgeDays,
     sameSite: o.sameSite,
     secure: o.secure,
@@ -117,18 +158,105 @@ var defaultConsentTheme = createTheme({
   }
 });
 
+// src/context/CategoriesContext.tsx
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+var CategoriesCtx = React.createContext([]);
+function CategoriesProvider({
+  categories,
+  children
+}) {
+  const value = React.useMemo(() => categories || [], [categories]);
+  return /* @__PURE__ */ jsx(CategoriesCtx.Provider, { value, children });
+}
+function useCustomCategories() {
+  return React.useContext(CategoriesCtx);
+}
+function useAllCategories() {
+  const customCategories = useCustomCategories();
+  return React.useMemo(() => {
+    const defaultCategories = [
+      {
+        id: "necessary",
+        name: "Cookies Necess\xE1rios",
+        description: "Essenciais para o funcionamento b\xE1sico do site. Incluem cookies de sess\xE3o, autentica\xE7\xE3o e seguran\xE7a.",
+        essential: true,
+        cookies: ["PHPSESSID", "JSESSIONID", "cookieConsent", "csrf_token"]
+      },
+      {
+        id: "analytics",
+        name: "Analytics e Estat\xEDsticas",
+        description: "Permitem medir audi\xEAncia e desempenho, gerando estat\xEDsticas an\xF4nimas de uso.",
+        essential: false,
+        cookies: ["_ga", "_ga_*", "_gid", "_gat", "gtag"]
+      },
+      {
+        id: "functional",
+        name: "Cookies Funcionais",
+        description: "Melhoram a experi\xEAncia do usu\xE1rio, lembrando prefer\xEAncias e configura\xE7\xF5es.",
+        essential: false,
+        cookies: ["language", "theme", "timezone", "preferences"]
+      },
+      {
+        id: "marketing",
+        name: "Marketing e Publicidade",
+        description: "Utilizados para publicidade direcionada e medi\xE7\xE3o de campanhas publicit\xE1rias.",
+        essential: false,
+        cookies: ["_fbp", "fr", "tr", "ads_*", "doubleclick"]
+      },
+      {
+        id: "social",
+        name: "Redes Sociais",
+        description: "Permitem compartilhamento e integra\xE7\xE3o com redes sociais como Facebook, YouTube, etc.",
+        essential: false,
+        cookies: ["__Secure-*", "sb", "datr", "c_user", "social_*"]
+      },
+      {
+        id: "personalization",
+        name: "Personaliza\xE7\xE3o",
+        description: "Adaptam o conte\xFAdo e interface \xE0s prefer\xEAncias individuais do usu\xE1rio.",
+        essential: false,
+        cookies: ["personalization_*", "content_*", "layout_*"]
+      }
+    ];
+    return [...defaultCategories, ...customCategories];
+  }, [customCategories]);
+}
+
 // src/context/ConsentContext.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var PreferencesModal = React.lazy(
-  () => import("./PreferencesModal-2V2W3262.js").then((m) => ({
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var PreferencesModal = React2.lazy(
+  () => import("./PreferencesModal-4WHKT67T.js").then((m) => ({
     default: m.PreferencesModal
   }))
 );
 var DEFAULT_PREFERENCES = {
-  analytics: false,
-  marketing: false
+  necessary: true
+  // Sempre ativo (essencial)
 };
+function createInitialPreferences(customCategories) {
+  const prefs = { ...DEFAULT_PREFERENCES };
+  if (customCategories) {
+    customCategories.forEach((category) => {
+      prefs[category.id] = category.essential === true;
+    });
+  }
+  return prefs;
+}
+function createFullConsentState(consented, preferences, source, isModalOpen = false, existingState) {
+  const now = (/* @__PURE__ */ new Date()).toISOString();
+  return {
+    version: "1.0",
+    consented,
+    preferences,
+    consentDate: existingState?.consentDate || now,
+    lastUpdate: now,
+    source,
+    isModalOpen
+  };
+}
 var DEFAULT_TEXTS = {
+  // Textos básicos
   bannerMessage: "Utilizamos cookies para melhorar sua experi\xEAncia.",
   acceptAll: "Aceitar todos",
   declineAll: "Recusar",
@@ -137,62 +265,97 @@ var DEFAULT_TEXTS = {
   modalTitle: "Prefer\xEAncias de Cookies",
   modalIntro: "Ajuste as categorias de cookies. Cookies necess\xE1rios s\xE3o sempre utilizados para funcionalidades b\xE1sicas.",
   save: "Salvar prefer\xEAncias",
-  necessaryAlwaysOn: "Cookies necess\xE1rios (sempre ativos)"
+  necessaryAlwaysOn: "Cookies necess\xE1rios (sempre ativos)",
+  // Textos ANPD expandidos (opcionais)
+  controllerInfo: void 0,
+  // Exibido se definido
+  dataTypes: void 0,
+  // Exibido se definido
+  thirdPartySharing: void 0,
+  // Exibido se definido
+  userRights: void 0,
+  // Exibido se definido
+  contactInfo: void 0,
+  // Exibido se definido
+  retentionPeriod: void 0,
+  // Exibido se definido
+  lawfulBasis: void 0,
+  // Exibido se definido
+  transferCountries: void 0
+  // Exibido se definido
 };
 function reducer(state, action) {
   switch (action.type) {
-    case "ACCEPT_ALL":
-      return {
-        consented: true,
-        preferences: { analytics: true, marketing: true },
-        isModalOpen: false
-      };
-    case "REJECT_ALL":
-      return {
-        consented: true,
-        preferences: { analytics: false, marketing: false },
-        isModalOpen: false
-      };
+    case "ACCEPT_ALL": {
+      const prefs = createInitialPreferences(action.customCategories);
+      Object.keys(prefs).forEach((key) => {
+        prefs[key] = true;
+      });
+      return createFullConsentState(true, prefs, "banner", false, state);
+    }
+    case "REJECT_ALL": {
+      const prefs = createInitialPreferences(action.customCategories);
+      if (action.customCategories) {
+        action.customCategories.forEach((category) => {
+          if (category.essential) {
+            prefs[category.id] = true;
+          }
+        });
+      }
+      return createFullConsentState(true, prefs, "banner", false, state);
+    }
     case "SET_CATEGORY":
       return {
         ...state,
         preferences: {
           ...state.preferences,
           [action.category]: action.value
-        }
+        },
+        lastUpdate: (/* @__PURE__ */ new Date()).toISOString()
       };
     case "SET_PREFERENCES":
-      return {
-        ...state,
-        consented: true,
-        preferences: action.preferences,
-        isModalOpen: false
-      };
+      return createFullConsentState(
+        true,
+        action.preferences,
+        "modal",
+        false,
+        state
+      );
     case "OPEN_MODAL":
       return { ...state, isModalOpen: true };
     case "CLOSE_MODAL":
-      return { ...state, isModalOpen: false, consented: true };
-    // houve interação
-    case "RESET":
-      return {
-        consented: false,
-        preferences: { ...DEFAULT_PREFERENCES },
-        isModalOpen: false
-      };
+      return createFullConsentState(
+        true,
+        state.preferences,
+        "modal",
+        false,
+        state
+      );
+    case "RESET": {
+      return createFullConsentState(
+        false,
+        createInitialPreferences(action.customCategories),
+        "programmatic",
+        false
+      );
+    }
     case "HYDRATE":
-      return { ...action.state };
+      return { ...action.state, isModalOpen: false };
+    // Nunca hidratar com modal aberto
     default:
       return state;
   }
 }
-var StateCtx = React.createContext(null);
-var ActionsCtx = React.createContext(null);
-var TextsCtx = React.createContext(DEFAULT_TEXTS);
-var HydrationCtx = React.createContext(false);
+var StateCtx = React2.createContext(null);
+var ActionsCtx = React2.createContext(null);
+var TextsCtx = React2.createContext(DEFAULT_TEXTS);
+var HydrationCtx = React2.createContext(false);
 function ConsentProvider({
   initialState,
   texts: textsProp,
   theme,
+  customCategories,
+  scriptIntegrations,
   PreferencesModalComponent,
   preferencesModalProps = {},
   disableAutomaticModal = false,
@@ -202,29 +365,30 @@ function ConsentProvider({
   cookie: cookieOpts,
   children
 }) {
-  const texts = React.useMemo(
+  const texts = React2.useMemo(
     () => ({ ...DEFAULT_TEXTS, ...textsProp ?? {} }),
     [textsProp]
   );
-  const cookie = React.useMemo(
+  const cookie = React2.useMemo(
     () => ({ ...DEFAULT_COOKIE_OPTS, ...cookieOpts ?? {} }),
     [cookieOpts]
   );
-  const appliedTheme = React.useMemo(
+  const appliedTheme = React2.useMemo(
     () => theme || defaultConsentTheme,
     [theme]
   );
-  const boot = React.useMemo(() => {
+  const boot = React2.useMemo(() => {
     if (initialState) return { ...initialState, isModalOpen: false };
-    return {
-      consented: false,
-      preferences: { ...DEFAULT_PREFERENCES },
-      isModalOpen: false
-    };
-  }, [initialState]);
-  const [state, dispatch] = React.useReducer(reducer, boot);
-  const [isHydrated, setIsHydrated] = React.useState(false);
-  React.useEffect(() => {
+    return createFullConsentState(
+      false,
+      createInitialPreferences(customCategories),
+      "banner",
+      false
+    );
+  }, [initialState, customCategories]);
+  const [state, dispatch] = React2.useReducer(reducer, boot);
+  const [isHydrated, setIsHydrated] = React2.useState(false);
+  React2.useEffect(() => {
     if (!initialState) {
       const saved = readConsentCookie(cookie.name);
       if (saved?.consented) {
@@ -234,33 +398,33 @@ function ConsentProvider({
     }
     setIsHydrated(true);
   }, [cookie.name, initialState]);
-  React.useEffect(() => {
-    if (state.consented) writeConsentCookie(state, cookie);
+  React2.useEffect(() => {
+    if (state.consented) writeConsentCookie(state, state.source, cookie);
   }, [state, cookie]);
-  const prevConsented = React.useRef(state.consented);
-  React.useEffect(() => {
+  const prevConsented = React2.useRef(state.consented);
+  React2.useEffect(() => {
     if (!prevConsented.current && state.consented && onConsentGiven) {
       setTimeout(() => onConsentGiven(state), 150);
     }
     prevConsented.current = state.consented;
   }, [state, onConsentGiven]);
-  const prevPrefs = React.useRef(state.preferences);
-  React.useEffect(() => {
+  const prevPrefs = React2.useRef(state.preferences);
+  React2.useEffect(() => {
     if (state.consented && onPreferencesSaved && prevPrefs.current !== state.preferences) {
       setTimeout(() => onPreferencesSaved(state.preferences), 150);
       prevPrefs.current = state.preferences;
     }
   }, [state, onPreferencesSaved]);
-  const api = React.useMemo(() => {
-    const acceptAll = () => dispatch({ type: "ACCEPT_ALL" });
-    const rejectAll = () => dispatch({ type: "REJECT_ALL" });
+  const api = React2.useMemo(() => {
+    const acceptAll = () => dispatch({ type: "ACCEPT_ALL", customCategories });
+    const rejectAll = () => dispatch({ type: "REJECT_ALL", customCategories });
     const setPreference = (category, value) => dispatch({ type: "SET_CATEGORY", category, value });
     const setPreferences = (preferences) => dispatch({ type: "SET_PREFERENCES", preferences });
     const openPreferences = () => dispatch({ type: "OPEN_MODAL" });
     const closePreferences = () => dispatch({ type: "CLOSE_MODAL" });
     const resetConsent = () => {
       removeConsentCookie(cookie);
-      dispatch({ type: "RESET" });
+      dispatch({ type: "RESET", customCategories });
     };
     return {
       consented: !!state.consented,
@@ -274,30 +438,30 @@ function ConsentProvider({
       closePreferences,
       resetConsent
     };
-  }, [state, cookie]);
-  return /* @__PURE__ */ jsx(ThemeProvider, { theme: appliedTheme, children: /* @__PURE__ */ jsx(StateCtx.Provider, { value: state, children: /* @__PURE__ */ jsx(ActionsCtx.Provider, { value: api, children: /* @__PURE__ */ jsx(TextsCtx.Provider, { value: texts, children: /* @__PURE__ */ jsxs(HydrationCtx.Provider, { value: isHydrated, children: [
+  }, [state, cookie, customCategories]);
+  return /* @__PURE__ */ jsx2(ThemeProvider, { theme: appliedTheme, children: /* @__PURE__ */ jsx2(StateCtx.Provider, { value: state, children: /* @__PURE__ */ jsx2(ActionsCtx.Provider, { value: api, children: /* @__PURE__ */ jsx2(TextsCtx.Provider, { value: texts, children: /* @__PURE__ */ jsx2(HydrationCtx.Provider, { value: isHydrated, children: /* @__PURE__ */ jsxs(CategoriesProvider, { categories: customCategories, children: [
     children,
-    !disableAutomaticModal && /* @__PURE__ */ jsx(React.Suspense, { fallback: null, children: PreferencesModalComponent ? /* @__PURE__ */ jsx(PreferencesModalComponent, { ...preferencesModalProps }) : /* @__PURE__ */ jsx(PreferencesModal, { hideBranding }) })
-  ] }) }) }) }) });
+    !disableAutomaticModal && /* @__PURE__ */ jsx2(React2.Suspense, { fallback: null, children: PreferencesModalComponent ? /* @__PURE__ */ jsx2(PreferencesModalComponent, { ...preferencesModalProps }) : /* @__PURE__ */ jsx2(PreferencesModal, { hideBranding }) })
+  ] }) }) }) }) }) });
 }
 function useConsentStateInternal() {
-  const ctx = React.useContext(StateCtx);
+  const ctx = React2.useContext(StateCtx);
   if (!ctx)
     throw new Error("useConsentState must be used within ConsentProvider");
   return ctx;
 }
 function useConsentActionsInternal() {
-  const ctx = React.useContext(ActionsCtx);
+  const ctx = React2.useContext(ActionsCtx);
   if (!ctx)
     throw new Error("useConsentActions must be used within ConsentProvider");
   return ctx;
 }
 function useConsentTextsInternal() {
-  const ctx = React.useContext(TextsCtx);
+  const ctx = React2.useContext(TextsCtx);
   return ctx;
 }
 function useConsentHydrationInternal() {
-  return React.useContext(HydrationCtx);
+  return React2.useContext(HydrationCtx);
 }
 
 // src/hooks/useConsent.ts
@@ -327,7 +491,7 @@ function useConsentHydration() {
 // src/components/Branding.tsx
 import Link from "@mui/material/Link";
 import Typography from "@mui/material/Typography";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var brandingStyles = {
   banner: {
     fontSize: "0.65rem",
@@ -365,7 +529,7 @@ function Branding({ variant, hidden = false }) {
       children: [
         "fornecido por",
         " ",
-        /* @__PURE__ */ jsx2(
+        /* @__PURE__ */ jsx3(
           Link,
           {
             href: "https://www.ledipo.eti.br",
@@ -384,7 +548,7 @@ function Branding({ variant, hidden = false }) {
 }
 
 // src/components/PreferencesModal.tsx
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 function PreferencesModal2({
   DialogProps: DialogProps2,
   hideBranding = false
@@ -413,14 +577,14 @@ function PreferencesModal2({
       onClose: handleCancel,
       ...DialogProps2,
       children: [
-        /* @__PURE__ */ jsx3(DialogTitle, { id: "cookie-pref-title", children: texts.modalTitle }),
+        /* @__PURE__ */ jsx4(DialogTitle, { id: "cookie-pref-title", children: texts.modalTitle }),
         /* @__PURE__ */ jsxs3(DialogContent, { dividers: true, children: [
-          /* @__PURE__ */ jsx3(Typography2, { variant: "body2", sx: { mb: 2 }, children: texts.modalIntro }),
+          /* @__PURE__ */ jsx4(Typography2, { variant: "body2", sx: { mb: 2 }, children: texts.modalIntro }),
           /* @__PURE__ */ jsxs3(FormGroup, { children: [
-            /* @__PURE__ */ jsx3(
+            /* @__PURE__ */ jsx4(
               FormControlLabel,
               {
-                control: /* @__PURE__ */ jsx3(
+                control: /* @__PURE__ */ jsx4(
                   Switch,
                   {
                     checked: tempPreferences.analytics,
@@ -433,10 +597,10 @@ function PreferencesModal2({
                 label: "Cookies Anal\xEDticos (medem uso do site)"
               }
             ),
-            /* @__PURE__ */ jsx3(
+            /* @__PURE__ */ jsx4(
               FormControlLabel,
               {
-                control: /* @__PURE__ */ jsx3(
+                control: /* @__PURE__ */ jsx4(
                   Switch,
                   {
                     checked: tempPreferences.marketing,
@@ -449,19 +613,19 @@ function PreferencesModal2({
                 label: "Cookies de Marketing/Publicidade"
               }
             ),
-            /* @__PURE__ */ jsx3(
+            /* @__PURE__ */ jsx4(
               FormControlLabel,
               {
-                control: /* @__PURE__ */ jsx3(Switch, { checked: true, disabled: true }),
+                control: /* @__PURE__ */ jsx4(Switch, { checked: true, disabled: true }),
                 label: texts.necessaryAlwaysOn
               }
             )
           ] })
         ] }),
-        !hideBranding && /* @__PURE__ */ jsx3(Branding, { variant: "modal" }),
+        !hideBranding && /* @__PURE__ */ jsx4(Branding, { variant: "modal" }),
         /* @__PURE__ */ jsxs3(DialogActions, { children: [
-          /* @__PURE__ */ jsx3(Button, { variant: "outlined", onClick: handleCancel, children: "Cancelar" }),
-          /* @__PURE__ */ jsx3(Button, { variant: "contained", onClick: handleSave, children: texts.save })
+          /* @__PURE__ */ jsx4(Button, { variant: "outlined", onClick: handleCancel, children: "Cancelar" }),
+          /* @__PURE__ */ jsx4(Button, { variant: "contained", onClick: handleSave, children: texts.save })
         ] })
       ]
     }
@@ -470,6 +634,8 @@ function PreferencesModal2({
 
 export {
   defaultConsentTheme,
+  useCustomCategories,
+  useAllCategories,
   Branding,
   PreferencesModal2 as PreferencesModal,
   ConsentProvider,