react-lgpd-consent 0.1.13 → 0.2.1

package/dist/index.cjs

@@ -36,15 +36,55 @@ function readConsentCookie(name = DEFAULT_COOKIE_OPTS.name) {
   const raw = import_js_cookie.default.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 writeConsentCookie(state, opts) {
+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, source = "banner", opts) {
   if (typeof document === "undefined") return;
+  const now = (/* @__PURE__ */ new Date()).toISOString();
   const o = { ...DEFAULT_COOKIE_OPTS, ...opts };
-  import_js_cookie.default.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)
+  };
+  import_js_cookie.default.set(o.name, JSON.stringify(cookieData), {
     expires: o.maxAgeDays,
     sameSite: o.sameSite,
     secure: o.secure,
@@ -56,7 +96,7 @@ function removeConsentCookie(opts) {
   const o = { ...DEFAULT_COOKIE_OPTS, ...opts };
   import_js_cookie.default.remove(o.name, { path: o.path });
 }
-var import_js_cookie, DEFAULT_COOKIE_OPTS;
+var import_js_cookie, DEFAULT_COOKIE_OPTS, COOKIE_SCHEMA_VERSION;
 var init_cookieUtils = __esm({
   "src/utils/cookieUtils.ts"() {
     "use strict";
@@ -68,6 +108,7 @@ var init_cookieUtils = __esm({
       secure: typeof window !== "undefined" ? window.location.protocol === "https:" : false,
       path: "/"
     };
+    COOKIE_SCHEMA_VERSION = "1.0";
   }
 });
 
@@ -145,10 +186,81 @@ var init_theme = __esm({
   }
 });
 
+// src/context/CategoriesContext.tsx
+function CategoriesProvider({
+  categories,
+  children
+}) {
+  const value = React.useMemo(() => categories || [], [categories]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.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]);
+}
+var React, import_jsx_runtime, CategoriesCtx;
+var init_CategoriesContext = __esm({
+  "src/context/CategoriesContext.tsx"() {
+    "use strict";
+    React = __toESM(require("react"), 1);
+    import_jsx_runtime = require("react/jsx-runtime");
+    CategoriesCtx = React.createContext([]);
+  }
+});
+
 // src/components/Branding.tsx
 function Branding({ variant, hidden = false }) {
   if (hidden) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
     import_Typography.default,
     {
       variant: "caption",
@@ -159,7 +271,7 @@ function Branding({ variant, hidden = false }) {
       children: [
         "fornecido por",
         " ",
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
           import_Link.default,
           {
             href: "https://www.ledipo.eti.br",
@@ -176,13 +288,13 @@ function Branding({ variant, hidden = false }) {
     }
   );
 }
-var import_Link, import_Typography, import_jsx_runtime, brandingStyles, linkStyles;
+var import_Link, import_Typography, import_jsx_runtime2, brandingStyles, linkStyles;
 var init_Branding = __esm({
   "src/components/Branding.tsx"() {
     "use strict";
     import_Link = __toESM(require("@mui/material/Link"), 1);
     import_Typography = __toESM(require("@mui/material/Typography"), 1);
-    import_jsx_runtime = require("react/jsx-runtime");
+    import_jsx_runtime2 = require("react/jsx-runtime");
     brandingStyles = {
       banner: {
         fontSize: "0.65rem",
@@ -235,7 +347,7 @@ function PreferencesModal({
     setTempPreferences(preferences);
     closePreferences();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
     import_Dialog.default,
     {
       "aria-labelledby": "cookie-pref-title",
@@ -243,14 +355,14 @@ function PreferencesModal({
       onClose: handleCancel,
       ...DialogProps2,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_DialogTitle.default, { id: "cookie-pref-title", children: texts.modalTitle }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_DialogContent.default, { dividers: true, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_Typography2.default, { variant: "body2", sx: { mb: 2 }, children: texts.modalIntro }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_FormGroup.default, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_DialogTitle.default, { id: "cookie-pref-title", children: texts.modalTitle }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_DialogContent.default, { dividers: true, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_Typography2.default, { variant: "body2", sx: { mb: 2 }, children: texts.modalIntro }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_FormGroup.default, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
               import_FormControlLabel.default,
               {
-                control: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                control: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                   import_Switch.default,
                   {
                     checked: tempPreferences.analytics,
@@ -263,10 +375,10 @@ function PreferencesModal({
                 label: "Cookies Anal\xEDticos (medem uso do site)"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
               import_FormControlLabel.default,
               {
-                control: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                control: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                   import_Switch.default,
                   {
                     checked: tempPreferences.marketing,
@@ -279,25 +391,25 @@ function PreferencesModal({
                 label: "Cookies de Marketing/Publicidade"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
               import_FormControlLabel.default,
               {
-                control: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_Switch.default, { checked: true, disabled: true }),
+                control: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_Switch.default, { checked: true, disabled: true }),
                 label: texts.necessaryAlwaysOn
               }
             )
           ] })
         ] }),
-        !hideBranding && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Branding, { variant: "modal" }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_DialogActions.default, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_Button.default, { variant: "outlined", onClick: handleCancel, children: "Cancelar" }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_Button.default, { variant: "contained", onClick: handleSave, children: texts.save })
+        !hideBranding && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Branding, { variant: "modal" }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_DialogActions.default, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_Button.default, { variant: "outlined", onClick: handleCancel, children: "Cancelar" }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_Button.default, { variant: "contained", onClick: handleSave, children: texts.save })
         ] })
       ]
     }
   );
 }
-var import_Button, import_Dialog, import_DialogActions, import_DialogContent, import_DialogTitle, import_FormControlLabel, import_FormGroup, import_Switch, import_Typography2, import_react, import_jsx_runtime2;
+var import_Button, import_Dialog, import_DialogActions, import_DialogContent, import_DialogTitle, import_FormControlLabel, import_FormGroup, import_Switch, import_Typography2, import_react, import_jsx_runtime3;
 var init_PreferencesModal = __esm({
   "src/components/PreferencesModal.tsx"() {
     "use strict";
@@ -313,53 +425,90 @@ var init_PreferencesModal = __esm({
     import_react = require("react");
     init_useConsent();
     init_Branding();
-    import_jsx_runtime2 = require("react/jsx-runtime");
+    import_jsx_runtime3 = require("react/jsx-runtime");
   }
 });
 
 // src/context/ConsentContext.tsx
+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
+  };
+}
 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;
   }
@@ -368,6 +517,8 @@ function ConsentProvider({
   initialState,
   texts: textsProp,
   theme,
+  customCategories,
+  scriptIntegrations,
   PreferencesModalComponent,
   preferencesModalProps = {},
   disableAutomaticModal = false,
@@ -377,29 +528,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) {
@@ -409,33 +561,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,
@@ -449,50 +601,52 @@ function ConsentProvider({
       closePreferences,
       resetConsent
     };
-  }, [state, cookie]);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_styles2.ThemeProvider, { theme: appliedTheme, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(StateCtx.Provider, { value: state, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ActionsCtx.Provider, { value: api, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TextsCtx.Provider, { value: texts, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(HydrationCtx.Provider, { value: isHydrated, children: [
+  }, [state, cookie, customCategories]);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_styles2.ThemeProvider, { theme: appliedTheme, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(StateCtx.Provider, { value: state, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ActionsCtx.Provider, { value: api, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(TextsCtx.Provider, { value: texts, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(HydrationCtx.Provider, { value: isHydrated, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(CategoriesProvider, { categories: customCategories, children: [
     children,
-    !disableAutomaticModal && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(React.Suspense, { fallback: null, children: PreferencesModalComponent ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(PreferencesModalComponent, { ...preferencesModalProps }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(PreferencesModal2, { hideBranding }) })
-  ] }) }) }) }) });
+    !disableAutomaticModal && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(React2.Suspense, { fallback: null, children: PreferencesModalComponent ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(PreferencesModalComponent, { ...preferencesModalProps }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(PreferencesModal2, { 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);
 }
-var React, import_styles2, import_jsx_runtime3, PreferencesModal2, DEFAULT_PREFERENCES, DEFAULT_TEXTS, StateCtx, ActionsCtx, TextsCtx, HydrationCtx;
+var React2, import_styles2, import_jsx_runtime4, PreferencesModal2, DEFAULT_PREFERENCES, DEFAULT_TEXTS, StateCtx, ActionsCtx, TextsCtx, HydrationCtx;
 var init_ConsentContext = __esm({
   "src/context/ConsentContext.tsx"() {
     "use strict";
-    React = __toESM(require("react"), 1);
+    React2 = __toESM(require("react"), 1);
     import_styles2 = require("@mui/material/styles");
     init_cookieUtils();
     init_theme();
-    import_jsx_runtime3 = require("react/jsx-runtime");
-    PreferencesModal2 = React.lazy(
+    init_CategoriesContext();
+    import_jsx_runtime4 = require("react/jsx-runtime");
+    PreferencesModal2 = React2.lazy(
       () => Promise.resolve().then(() => (init_PreferencesModal(), PreferencesModal_exports)).then((m) => ({
         default: m.PreferencesModal
       }))
     );
     DEFAULT_PREFERENCES = {
-      analytics: false,
-      marketing: false
+      necessary: true
+      // Sempre ativo (essencial)
     };
     DEFAULT_TEXTS = {
+      // Textos básicos
       bannerMessage: "Utilizamos cookies para melhorar sua experi\xEAncia.",
       acceptAll: "Aceitar todos",
       declineAll: "Recusar",
@@ -501,12 +655,29 @@ var init_ConsentContext = __esm({
       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
     };
-    StateCtx = React.createContext(null);
-    ActionsCtx = React.createContext(null);
-    TextsCtx = React.createContext(DEFAULT_TEXTS);
-    HydrationCtx = React.createContext(false);
+    StateCtx = React2.createContext(null);
+    ActionsCtx = React2.createContext(null);
+    TextsCtx = React2.createContext(DEFAULT_TEXTS);
+    HydrationCtx = React2.createContext(false);
   }
 });
 
@@ -543,16 +714,24 @@ var init_useConsent = __esm({
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
+  COMMON_INTEGRATIONS: () => COMMON_INTEGRATIONS,
   ConsentGate: () => ConsentGate,
   ConsentProvider: () => ConsentProvider,
+  ConsentScriptLoader: () => ConsentScriptLoader,
   CookieBanner: () => CookieBanner,
   FloatingPreferencesButton: () => FloatingPreferencesButton,
   PreferencesModal: () => PreferencesModal,
+  createGoogleAnalyticsIntegration: () => createGoogleAnalyticsIntegration,
+  createGoogleTagManagerIntegration: () => createGoogleTagManagerIntegration,
+  createUserWayIntegration: () => createUserWayIntegration,
   defaultConsentTheme: () => defaultConsentTheme,
   loadScript: () => loadScript,
+  useAllCategories: () => useAllCategories,
   useConsent: () => useConsent,
   useConsentHydration: () => useConsentHydration,
-  useConsentTexts: () => useConsentTexts
+  useConsentScriptLoader: () => useConsentScriptLoader,
+  useConsentTexts: () => useConsentTexts,
+  useCustomCategories: () => useCustomCategories
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -566,7 +745,7 @@ var import_Typography3 = __toESM(require("@mui/material/Typography"), 1);
 var import_Link2 = __toESM(require("@mui/material/Link"), 1);
 init_useConsent();
 init_Branding();
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 function CookieBanner({
   policyLinkUrl,
   debug,
@@ -581,17 +760,17 @@ function CookieBanner({
   const isHydrated = useConsentHydration();
   const open = debug ? true : isHydrated && !consented;
   if (!open) return null;
-  const bannerContent = /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  const bannerContent = /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     import_Paper.default,
     {
       elevation: 3,
       sx: { p: 2, maxWidth: 720, mx: "auto" },
       ...PaperProps,
-      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_Stack.default, { spacing: 1, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_Typography3.default, { variant: "body2", children: [
+      children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_Stack.default, { spacing: 1, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_Typography3.default, { variant: "body2", children: [
           texts.bannerMessage,
           " ",
-          policyLinkUrl && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          policyLinkUrl && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
             import_Link2.default,
             {
               href: policyLinkUrl,
@@ -602,26 +781,26 @@ function CookieBanner({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
           import_Stack.default,
           {
             direction: { xs: "column", sm: "row" },
             spacing: 1,
             justifyContent: "flex-end",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_Button2.default, { variant: "outlined", onClick: rejectAll, children: texts.declineAll }),
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_Button2.default, { variant: "contained", onClick: acceptAll, children: texts.acceptAll }),
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_Button2.default, { variant: "text", onClick: openPreferences, children: texts.preferences })
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_Button2.default, { variant: "outlined", onClick: rejectAll, children: texts.declineAll }),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_Button2.default, { variant: "contained", onClick: acceptAll, children: texts.acceptAll }),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_Button2.default, { variant: "text", onClick: openPreferences, children: texts.preferences })
             ]
           }
         ),
-        !hideBranding && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Branding, { variant: "banner" })
+        !hideBranding && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Branding, { variant: "banner" })
       ] })
     }
   );
   if (blocking) {
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         import_Box.default,
         {
           sx: {
@@ -636,7 +815,7 @@ function CookieBanner({
           }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         import_Box.default,
         {
           sx: {
@@ -653,7 +832,7 @@ function CookieBanner({
       )
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     import_Snackbar.default,
     {
       open,
@@ -673,11 +852,11 @@ var import_Fab = __toESM(require("@mui/material/Fab"), 1);
 var import_Tooltip = __toESM(require("@mui/material/Tooltip"), 1);
 var import_styles3 = require("@mui/material/styles");
 init_useConsent();
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 function FloatingPreferencesButton({
   position = "bottom-right",
   offset = 24,
-  icon = /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_CookieOutlined.default, {}),
+  icon = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_CookieOutlined.default, {}),
   tooltip,
   FabProps,
   hideWhenConsented = false
@@ -706,7 +885,7 @@ function FloatingPreferencesButton({
         return { ...styles, bottom: offset, right: offset };
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_Tooltip.default, { title: tooltipText, placement: "top", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_Tooltip.default, { title: tooltipText, placement: "top", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     import_Fab.default,
     {
       size: "medium",
@@ -729,14 +908,15 @@ function FloatingPreferencesButton({
 // src/index.ts
 init_ConsentContext();
 init_useConsent();
+init_CategoriesContext();
 
 // src/utils/ConsentGate.tsx
 init_useConsent();
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 function ConsentGate(props) {
   const { preferences } = useConsent();
   if (!preferences[props.category]) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children: props.children });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_jsx_runtime7.Fragment, { children: props.children });
 }
 
 // src/utils/scriptLoader.ts
@@ -778,16 +958,162 @@ function loadScript(id, src, category = null, attrs = {}) {
 
 // src/index.ts
 init_theme();
+
+// src/utils/ConsentScriptLoader.tsx
+var React3 = __toESM(require("react"), 1);
+init_useConsent();
+function ConsentScriptLoader({
+  integrations,
+  reloadOnChange = false
+}) {
+  const { preferences, consented } = useConsent();
+  const loadedScripts = React3.useRef(/* @__PURE__ */ new Set());
+  React3.useEffect(() => {
+    if (!consented) return;
+    integrations.forEach(async (integration) => {
+      const shouldLoad = preferences[integration.category];
+      const alreadyLoaded = loadedScripts.current.has(integration.id);
+      if (shouldLoad && (!alreadyLoaded || reloadOnChange)) {
+        try {
+          await loadScript(
+            integration.id,
+            integration.src,
+            integration.category,
+            // Categoria dinâmica
+            integration.attrs
+          );
+          if (integration.init) {
+            integration.init();
+          }
+          loadedScripts.current.add(integration.id);
+          console.log(
+            `\u2705 Script loaded: ${integration.id} (${integration.category})`
+          );
+        } catch (error) {
+          console.error(`\u274C Failed to load script: ${integration.id}`, error);
+        }
+      }
+    });
+  }, [preferences, consented, integrations, reloadOnChange]);
+  return null;
+}
+function useConsentScriptLoader() {
+  const { preferences, consented } = useConsent();
+  return React3.useCallback(
+    async (integration) => {
+      if (!consented) {
+        console.warn(
+          `\u26A0\uFE0F Cannot load script ${integration.id}: No consent given`
+        );
+        return false;
+      }
+      const shouldLoad = preferences[integration.category];
+      if (!shouldLoad) {
+        console.warn(
+          `\u26A0\uFE0F Cannot load script ${integration.id}: Category '${integration.category}' not consented`
+        );
+        return false;
+      }
+      try {
+        await loadScript(
+          integration.id,
+          integration.src,
+          integration.category,
+          // Categoria dinâmica
+          integration.attrs
+        );
+        if (integration.init) {
+          integration.init();
+        }
+        console.log(
+          `\u2705 Script loaded: ${integration.id} (${integration.category})`
+        );
+        return true;
+      } catch (error) {
+        console.error(`\u274C Failed to load script: ${integration.id}`, error);
+        return false;
+      }
+    },
+    [preferences, consented]
+  );
+}
+
+// src/utils/scriptIntegrations.ts
+function createGoogleAnalyticsIntegration(config) {
+  return {
+    id: "google-analytics",
+    category: "analytics",
+    src: `https://www.googletagmanager.com/gtag/js?id=${config.measurementId}`,
+    init: () => {
+      if (typeof window !== "undefined") {
+        let gtag2 = function(...args) {
+          window.dataLayer.push(arguments);
+        };
+        var gtag = gtag2;
+        window.dataLayer = window.dataLayer || [];
+        window.gtag = gtag2;
+        gtag2("js", /* @__PURE__ */ new Date());
+        gtag2("config", config.measurementId, config.config || {});
+      }
+    },
+    attrs: { async: "true" }
+  };
+}
+function createGoogleTagManagerIntegration(config) {
+  return {
+    id: "google-tag-manager",
+    category: "analytics",
+    src: `https://www.googletagmanager.com/gtm.js?id=${config.containerId}`,
+    init: () => {
+      if (typeof window !== "undefined") {
+        const dataLayerName = config.dataLayerName || "dataLayer";
+        window[dataLayerName] = window[dataLayerName] || [];
+        window[dataLayerName].push({
+          "gtm.start": (/* @__PURE__ */ new Date()).getTime(),
+          event: "gtm.js"
+        });
+      }
+    }
+  };
+}
+function createUserWayIntegration(config) {
+  return {
+    id: "userway",
+    category: "marketing",
+    // ou poderia ser uma categoria 'accessibility'
+    src: `https://cdn.userway.org/widget.js`,
+    init: () => {
+      if (typeof window !== "undefined") {
+        window.UserWayWidgetApp = window.UserWayWidgetApp || {};
+        window.UserWayWidgetApp.accountId = config.accountId;
+      }
+    },
+    attrs: { "data-account": config.accountId }
+  };
+}
+var COMMON_INTEGRATIONS = {
+  googleAnalytics: createGoogleAnalyticsIntegration,
+  googleTagManager: createGoogleTagManagerIntegration,
+  userway: createUserWayIntegration
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  COMMON_INTEGRATIONS,
   ConsentGate,
   ConsentProvider,
+  ConsentScriptLoader,
   CookieBanner,
   FloatingPreferencesButton,
   PreferencesModal,
+  createGoogleAnalyticsIntegration,
+  createGoogleTagManagerIntegration,
+  createUserWayIntegration,
   defaultConsentTheme,
   loadScript,
+  useAllCategories,
   useConsent,
   useConsentHydration,
-  useConsentTexts
+  useConsentScriptLoader,
+  useConsentTexts,
+  useCustomCategories
 });