react-lgpd-consent 0.2.5 → 0.3.0

package/dist/{chunk-4LLZREFO.js → chunk-R3IKVZBC.js}

@@ -1,5 +1,5 @@
 // src/components/PreferencesModal.tsx
-import Button from "@mui/material/Button";
+import Button2 from "@mui/material/Button";
 import Dialog from "@mui/material/Dialog";
 import DialogActions from "@mui/material/DialogActions";
 import DialogContent from "@mui/material/DialogContent";
@@ -7,7 +7,7 @@ import DialogTitle from "@mui/material/DialogTitle";
 import FormControlLabel from "@mui/material/FormControlLabel";
 import FormGroup from "@mui/material/FormGroup";
 import Switch from "@mui/material/Switch";
-import Typography2 from "@mui/material/Typography";
+import Typography3 from "@mui/material/Typography";
 import { useEffect as useEffect4, useState as useState2 } from "react";
 
 // src/context/CategoriesContext.tsx
@@ -16,9 +16,8 @@ import * as React2 from "react";
 // src/utils/developerGuidance.ts
 import * as React from "react";
 var DEFAULT_PROJECT_CATEGORIES = {
-  enabledCategories: ["analytics"],
+  enabledCategories: ["analytics"]
   // Só analytics além de necessary
-  customCategories: []
 };
 function analyzeDeveloperConfiguration(config) {
   const guidance = {
@@ -77,17 +76,6 @@ function analyzeDeveloperConfiguration(config) {
       });
     }
   });
-  const customCategories = finalConfig.customCategories || [];
-  customCategories.forEach((category) => {
-    guidance.activeCategoriesInfo.push({
-      id: category.id,
-      name: category.name,
-      description: category.description,
-      essential: category.essential === true,
-      uiRequired: category.essential !== true
-      // Apenas não-essenciais precisam toggle
-    });
-  });
   const totalToggleable = guidance.activeCategoriesInfo.filter(
     (c) => c.uiRequired
   ).length;
@@ -102,18 +90,10 @@ function analyzeDeveloperConfiguration(config) {
       'prejudicar experi\xEAncia do usu\xE1rio. Considere agrupar categorias similares.`
     );
   }
-  const poorDescriptions = customCategories.filter(
-    (c) => !c.description || c.description.length < 10
-  );
-  if (poorDescriptions.length > 0) {
-    guidance.warnings.push(
-      `Categorias customizadas com descri\xE7\xF5es inadequadas: ${poorDescriptions.map((c) => c.id).join(", ")}. Descri\xE7\xF5es claras s\xE3o obrigat\xF3rias para compliance LGPD.`
-    );
-  }
   return guidance;
 }
 function logDeveloperGuidance(guidance, disableGuidanceProp) {
-  if (disableGuidanceProp === true) {
+  if (disableGuidanceProp) {
     return;
   }
   const isProduction = (
@@ -137,7 +117,8 @@ function logDeveloperGuidance(guidance, disableGuidanceProp) {
     console.groupEnd();
   }
   if (guidance.usingDefaults) {
-    console.info(
+    console.warn(
+      // Changed from console.info to console.warn
       `${PREFIX} \u{1F4CB} Usando configura\xE7\xE3o padr\xE3o. Para personalizar, use a prop "categories" no ConsentProvider.`
     );
   }
@@ -162,6 +143,9 @@ function useDeveloperGuidance(config, disableGuidanceProp) {
     [config]
   );
   React.useEffect(() => {
+    if (disableGuidanceProp === true) {
+      return;
+    }
     logDeveloperGuidance(guidance, disableGuidanceProp);
   }, [guidance, stringifiedConfig, disableGuidanceProp]);
   return guidance;
@@ -172,27 +156,15 @@ import { jsx } from "react/jsx-runtime";
 var CategoriesContext = React2.createContext(
   null
 );
-var CategoriesCtx = React2.createContext([]);
 function CategoriesProvider({
   children,
-  categories,
-  // LEGACY: prop antiga (apenas customCategories)
-  config
+  config,
   // NOVO: configuração completa
+  disableDeveloperGuidance
 }) {
   const contextValue = React2.useMemo(() => {
-    let finalConfig;
-    if (categories && !config) {
-      finalConfig = {
-        enabledCategories: DEFAULT_PROJECT_CATEGORIES.enabledCategories,
-        customCategories: categories
-      };
-    } else {
-      finalConfig = config || DEFAULT_PROJECT_CATEGORIES;
-    }
-    const guidance = analyzeDeveloperConfiguration(
-      config || (categories ? { customCategories: categories } : void 0)
-    );
+    const finalConfig = config || DEFAULT_PROJECT_CATEGORIES;
+    const guidance = analyzeDeveloperConfiguration(config);
     const toggleableCategories = guidance.activeCategoriesInfo.filter(
       (cat) => cat.uiRequired
     );
@@ -200,14 +172,13 @@ function CategoriesProvider({
       config: finalConfig,
       guidance,
       toggleableCategories,
-      allCategories: guidance.activeCategoriesInfo,
-      legacyCategories: categories || []
+      allCategories: guidance.activeCategoriesInfo
     };
-  }, [config, categories]);
+  }, [config]);
   React2.useEffect(() => {
-    logDeveloperGuidance(contextValue.guidance);
-  }, [contextValue.guidance]);
-  return /* @__PURE__ */ jsx(CategoriesContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(CategoriesCtx.Provider, { value: contextValue.legacyCategories, children }) });
+    logDeveloperGuidance(contextValue.guidance, disableDeveloperGuidance);
+  }, [contextValue.guidance, disableDeveloperGuidance]);
+  return /* @__PURE__ */ jsx(CategoriesContext.Provider, { value: contextValue, children });
 }
 function useCategories() {
   const context = React2.useContext(CategoriesContext);
@@ -229,12 +200,9 @@ function useCategoryStatus(categoryId) {
     description: category?.description
   };
 }
-function useCustomCategories() {
-  return React2.useContext(CategoriesCtx);
-}
 
 // src/context/ConsentContext.tsx
-import * as React3 from "react";
+import * as React4 from "react";
 import { ThemeProvider } from "@mui/material/styles";
 
 // src/utils/cookieUtils.ts
@@ -286,7 +254,7 @@ function migrateLegacyCookie(legacyData) {
     return null;
   }
 }
-function writeConsentCookie(state, source = "banner", opts) {
+function writeConsentCookie(state, config, opts, source = "banner") {
   if (typeof document === "undefined") return;
   const now = (/* @__PURE__ */ new Date()).toISOString();
   const o = { ...DEFAULT_COOKIE_OPTS, ...opts };
@@ -297,7 +265,8 @@ function writeConsentCookie(state, source = "banner", opts) {
     consentDate: state.consentDate || now,
     // Preservar data original ou usar atual
     lastUpdate: now,
-    source
+    source,
+    projectConfig: config
     // isModalOpen NÃO é persistido (campo de UI apenas)
   };
   Cookies.set(o.name, JSON.stringify(cookieData), {
@@ -313,6 +282,34 @@ function removeConsentCookie(opts) {
   Cookies.remove(o.name, { path: o.path });
 }
 
+// src/utils/categoryUtils.ts
+function createProjectPreferences(config, defaultValue = false) {
+  const preferences = {
+    necessary: true
+    // Sempre presente e true (essencial)
+  };
+  const enabledCategories = config?.enabledCategories || [];
+  enabledCategories.forEach((category) => {
+    if (category !== "necessary") {
+      preferences[category] = defaultValue;
+    }
+  });
+  return preferences;
+}
+function validateProjectPreferences(preferences, config) {
+  const validPreferences = {
+    necessary: true
+    // Sempre válida
+  };
+  const enabledCategories = config?.enabledCategories || [];
+  enabledCategories.forEach((category) => {
+    if (category !== "necessary" && preferences[category] !== void 0) {
+      validPreferences[category] = preferences[category];
+    }
+  });
+  return validPreferences;
+}
+
 // src/utils/theme.ts
 import { createTheme } from "@mui/material/styles";
 var defaultConsentTheme = createTheme({
@@ -381,27 +378,285 @@ var defaultConsentTheme = createTheme({
   }
 });
 
+// src/context/DesignContext.tsx
+import * as React3 from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var DesignContext = React3.createContext(void 0);
+function DesignProvider({
+  tokens,
+  children
+}) {
+  return /* @__PURE__ */ jsx2(DesignContext.Provider, { value: tokens, children });
+}
+function useDesignTokens() {
+  return React3.useContext(DesignContext);
+}
+
+// src/components/CookieBanner.tsx
+import Button from "@mui/material/Button";
+import Box from "@mui/material/Box";
+import Paper from "@mui/material/Paper";
+import Snackbar from "@mui/material/Snackbar";
+import Stack from "@mui/material/Stack";
+import Typography2 from "@mui/material/Typography";
+import Link2 from "@mui/material/Link";
+
+// src/components/Branding.tsx
+import Link from "@mui/material/Link";
+import Typography from "@mui/material/Typography";
+import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+var brandingStyles = {
+  banner: {
+    fontSize: "0.65rem",
+    textAlign: "right",
+    mt: 1,
+    opacity: 0.7,
+    fontStyle: "italic",
+    width: "100%"
+  },
+  modal: {
+    fontSize: "0.65rem",
+    textAlign: "right",
+    px: 3,
+    pb: 1,
+    opacity: 0.7,
+    fontStyle: "italic",
+    width: "100%"
+  }
+};
+var linkStyles = {
+  textDecoration: "none",
+  fontWeight: 500,
+  "&:hover": {
+    textDecoration: "underline"
+  }
+};
+function Branding({ variant, hidden = false }) {
+  if (hidden) return null;
+  return /* @__PURE__ */ jsxs(
+    Typography,
+    {
+      variant: "caption",
+      sx: (theme) => ({
+        ...brandingStyles[variant],
+        color: theme.palette.text.secondary
+      }),
+      children: [
+        "fornecido por",
+        " ",
+        /* @__PURE__ */ jsx3(
+          Link,
+          {
+            href: "https://www.ledipo.eti.br",
+            target: "_blank",
+            rel: "noopener noreferrer",
+            sx: (theme) => ({
+              ...linkStyles,
+              color: theme.palette.primary.main
+            }),
+            children: "L\xC9dipO.eti.br"
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/components/CookieBanner.tsx
+import { Fragment, jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+function CookieBanner({
+  policyLinkUrl,
+  debug,
+  blocking = true,
+  hideBranding = false,
+  SnackbarProps,
+  PaperProps
+}) {
+  const { consented, acceptAll, rejectAll, openPreferences } = useConsent();
+  const texts = useConsentTexts();
+  const isHydrated = useConsentHydration();
+  const designTokens = useDesignTokens();
+  const open = debug ? true : isHydrated && !consented;
+  if (!open) return null;
+  const bannerStyle = {
+    p: designTokens?.spacing?.padding?.banner ?? 2,
+    maxWidth: 720,
+    mx: "auto",
+    backgroundColor: designTokens?.colors?.background,
+    color: designTokens?.colors?.text,
+    borderRadius: designTokens?.spacing?.borderRadius?.banner,
+    fontFamily: designTokens?.typography?.fontFamily
+  };
+  const bannerContent = /* @__PURE__ */ jsx4(Paper, { elevation: 3, sx: bannerStyle, ...PaperProps, children: /* @__PURE__ */ jsxs2(Stack, { spacing: 1, children: [
+    /* @__PURE__ */ jsxs2(
+      Typography2,
+      {
+        variant: "body2",
+        sx: { fontSize: designTokens?.typography?.fontSize?.banner },
+        children: [
+          texts.bannerMessage,
+          " ",
+          policyLinkUrl && /* @__PURE__ */ jsx4(
+            Link2,
+            {
+              href: policyLinkUrl,
+              underline: "hover",
+              target: "_blank",
+              rel: "noopener noreferrer",
+              sx: { color: designTokens?.colors?.primary },
+              children: texts.policyLink ?? "Saiba mais"
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs2(
+      Stack,
+      {
+        direction: { xs: "column", sm: "row" },
+        spacing: 1,
+        justifyContent: "flex-end",
+        children: [
+          /* @__PURE__ */ jsx4(
+            Button,
+            {
+              variant: "outlined",
+              onClick: rejectAll,
+              sx: { color: designTokens?.colors?.secondary },
+              children: texts.declineAll
+            }
+          ),
+          /* @__PURE__ */ jsx4(
+            Button,
+            {
+              variant: "contained",
+              onClick: acceptAll,
+              sx: { backgroundColor: designTokens?.colors?.primary },
+              children: texts.acceptAll
+            }
+          ),
+          /* @__PURE__ */ jsx4(
+            Button,
+            {
+              variant: "text",
+              onClick: openPreferences,
+              sx: { color: designTokens?.colors?.text },
+              children: texts.preferences
+            }
+          )
+        ]
+      }
+    ),
+    !hideBranding && /* @__PURE__ */ jsx4(Branding, { variant: "banner" })
+  ] }) });
+  const positionStyle = {
+    position: "fixed",
+    zIndex: 1300,
+    ...designTokens?.layout?.position === "top" ? { top: 0 } : { bottom: 0 },
+    left: 0,
+    right: 0,
+    width: designTokens?.layout?.width?.desktop ?? "100%",
+    p: 2
+  };
+  if (blocking) {
+    return /* @__PURE__ */ jsxs2(Fragment, { children: [
+      /* @__PURE__ */ jsx4(
+        Box,
+        {
+          sx: {
+            position: "fixed",
+            top: 0,
+            left: 0,
+            right: 0,
+            bottom: 0,
+            backgroundColor: designTokens?.layout?.backdrop ? "rgba(0, 0, 0, 0.5)" : "transparent",
+            zIndex: 1299
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx4(Box, { sx: positionStyle, children: bannerContent })
+    ] });
+  }
+  return /* @__PURE__ */ jsx4(
+    Snackbar,
+    {
+      open,
+      anchorOrigin: {
+        vertical: designTokens?.layout?.position === "top" ? "top" : "bottom",
+        horizontal: "center"
+      },
+      ...SnackbarProps,
+      children: bannerContent
+    }
+  );
+}
+
+// src/components/FloatingPreferencesButton.tsx
+import CookieOutlined from "@mui/icons-material/CookieOutlined";
+import Fab from "@mui/material/Fab";
+import Tooltip from "@mui/material/Tooltip";
+import { useTheme } from "@mui/material/styles";
+import { jsx as jsx5 } from "react/jsx-runtime";
+function FloatingPreferencesButton({
+  position = "bottom-right",
+  offset = 24,
+  icon = /* @__PURE__ */ jsx5(CookieOutlined, {}),
+  tooltip,
+  FabProps,
+  hideWhenConsented = false
+}) {
+  const { openPreferences, consented } = useConsent();
+  const theme = useTheme();
+  if (hideWhenConsented && consented) {
+    return null;
+  }
+  const tooltipText = tooltip ?? "Gerenciar Prefer\xEAncias de Cookies";
+  const getPosition = () => {
+    const styles = {
+      position: "fixed",
+      zIndex: 1200
+    };
+    switch (position) {
+      case "bottom-left":
+        return { ...styles, bottom: offset, left: offset };
+      case "bottom-right":
+        return { ...styles, bottom: offset, right: offset };
+      case "top-left":
+        return { ...styles, top: offset, left: offset };
+      case "top-right":
+        return { ...styles, top: offset, right: offset };
+      default:
+        return { ...styles, bottom: offset, right: offset };
+    }
+  };
+  return /* @__PURE__ */ jsx5(Tooltip, { title: tooltipText, placement: "top", children: /* @__PURE__ */ jsx5(
+    Fab,
+    {
+      size: "medium",
+      color: "primary",
+      onClick: openPreferences,
+      sx: {
+        ...getPosition(),
+        backgroundColor: theme.palette.primary.main,
+        "&:hover": {
+          backgroundColor: theme.palette.primary.dark
+        }
+      },
+      "aria-label": tooltipText,
+      ...FabProps,
+      children: icon
+    }
+  ) });
+}
+
 // src/context/ConsentContext.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var PreferencesModal = React3.lazy(
-  () => import("./PreferencesModal-B6N62JYB.js").then((m) => ({
+import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
+var PreferencesModal = React4.lazy(
+  () => import("./PreferencesModal-XCTM6WJN.js").then((m) => ({
     default: m.PreferencesModal
   }))
 );
-var DEFAULT_PREFERENCES = {
-  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) {
+function createFullConsentState(consented, preferences, source, projectConfig, isModalOpen = false, existingState) {
   const now = (/* @__PURE__ */ new Date()).toISOString();
   return {
     version: "1.0",
@@ -410,6 +665,7 @@ function createFullConsentState(consented, preferences, source, isModalOpen = fa
     consentDate: existingState?.consentDate || now,
     lastUpdate: now,
     source,
+    projectConfig,
     isModalOpen
   };
 }
@@ -445,22 +701,26 @@ var DEFAULT_TEXTS = {
 function reducer(state, action) {
   switch (action.type) {
     case "ACCEPT_ALL": {
-      const prefs = createInitialPreferences(action.customCategories);
-      Object.keys(prefs).forEach((key) => {
-        prefs[key] = true;
-      });
-      return createFullConsentState(true, prefs, "banner", false, state);
+      const prefs = createProjectPreferences(action.config, true);
+      return createFullConsentState(
+        true,
+        prefs,
+        "banner",
+        action.config,
+        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);
+      const prefs = createProjectPreferences(action.config, false);
+      return createFullConsentState(
+        true,
+        prefs,
+        "banner",
+        action.config,
+        false,
+        state
+      );
     }
     case "SET_CATEGORY":
       return {
@@ -476,6 +736,7 @@ function reducer(state, action) {
         true,
         action.preferences,
         "modal",
+        action.config,
         false,
         state
       );
@@ -486,121 +747,133 @@ function reducer(state, action) {
         true,
         state.preferences,
         "modal",
+        action.config,
         false,
         state
       );
     case "RESET": {
       return createFullConsentState(
         false,
-        createInitialPreferences(action.customCategories),
+        createProjectPreferences(action.config),
         "programmatic",
+        action.config,
         false
       );
     }
-    case "HYDRATE":
-      return { ...action.state, isModalOpen: false };
-    // Nunca hidratar com modal aberto
+    case "HYDRATE": {
+      const validatedPreferences = validateProjectPreferences(
+        action.state.preferences,
+        action.config
+      );
+      return {
+        ...action.state,
+        preferences: validatedPreferences,
+        isModalOpen: false
+      };
+    }
     default:
       return state;
   }
 }
-var StateCtx = React3.createContext(null);
-var ActionsCtx = React3.createContext(null);
-var TextsCtx = React3.createContext(DEFAULT_TEXTS);
-var HydrationCtx = React3.createContext(false);
+var StateCtx = React4.createContext(null);
+var ActionsCtx = React4.createContext(null);
+var TextsCtx = React4.createContext(DEFAULT_TEXTS);
+var HydrationCtx = React4.createContext(false);
 function ConsentProvider({
   initialState,
   categories,
-  // NOVO: configuração completa de categorias
+  // Nova prop para configuração de categorias
   texts: textsProp,
   theme,
-  customCategories,
-  // LEGACY: compatibilidade
+  designTokens,
   scriptIntegrations,
   // eslint-disable-line no-unused-vars
   PreferencesModalComponent,
   preferencesModalProps = {},
-  disableAutomaticModal = false,
+  CookieBannerComponent,
+  cookieBannerProps = {},
+  FloatingPreferencesButtonComponent,
+  floatingPreferencesButtonProps = {},
+  disableFloatingPreferencesButton = false,
   hideBranding = false,
   onConsentGiven,
   onPreferencesSaved,
   cookie: cookieOpts,
   disableDeveloperGuidance,
-  // NOVO: desabilita avisos de dev
   children
 }) {
-  const texts = React3.useMemo(
+  const texts = React4.useMemo(
     () => ({ ...DEFAULT_TEXTS, ...textsProp ?? {} }),
     [textsProp]
   );
-  const cookie = React3.useMemo(
+  const cookie = React4.useMemo(
     () => ({ ...DEFAULT_COOKIE_OPTS, ...cookieOpts ?? {} }),
     [cookieOpts]
   );
-  const appliedTheme = React3.useMemo(
+  const appliedTheme = React4.useMemo(
     () => theme || defaultConsentTheme,
     [theme]
   );
-  const finalCategoriesConfig = React3.useMemo(() => {
+  const finalCategoriesConfig = React4.useMemo(() => {
     if (categories) return categories;
-    if (customCategories) {
-      return {
-        enabledCategories: ["analytics"],
-        // padrão quando usando API antiga
-        customCategories
-      };
-    }
-    return void 0;
-  }, [categories, customCategories]);
+    return DEFAULT_PROJECT_CATEGORIES;
+  }, [categories]);
   useDeveloperGuidance(finalCategoriesConfig, disableDeveloperGuidance);
-  const boot = React3.useMemo(() => {
+  const boot = React4.useMemo(() => {
     if (initialState) return { ...initialState, isModalOpen: false };
     return createFullConsentState(
       false,
-      createInitialPreferences(customCategories),
+      createProjectPreferences(finalCategoriesConfig),
       "banner",
+      finalCategoriesConfig,
       false
     );
-  }, [initialState, customCategories]);
-  const [state, dispatch] = React3.useReducer(reducer, boot);
-  const [isHydrated, setIsHydrated] = React3.useState(false);
-  React3.useEffect(() => {
+  }, [initialState, finalCategoriesConfig]);
+  const [state, dispatch] = React4.useReducer(reducer, boot);
+  const [isHydrated, setIsHydrated] = React4.useState(false);
+  React4.useEffect(() => {
     if (!initialState) {
       const saved = readConsentCookie(cookie.name);
       if (saved?.consented) {
-        console.log("\u{1F680} Immediate hydration: Cookie found", saved);
-        dispatch({ type: "HYDRATE", state: saved });
+        dispatch({
+          type: "HYDRATE",
+          state: saved,
+          config: finalCategoriesConfig
+        });
       }
     }
     setIsHydrated(true);
-  }, [cookie.name, initialState]);
-  React3.useEffect(() => {
-    if (state.consented) writeConsentCookie(state, state.source, cookie);
-  }, [state, cookie]);
-  const prevConsented = React3.useRef(state.consented);
-  React3.useEffect(() => {
+  }, [cookie.name, initialState, finalCategoriesConfig]);
+  React4.useEffect(() => {
+    if (state.consented)
+      writeConsentCookie(state, finalCategoriesConfig, cookie);
+  }, [state, cookie, finalCategoriesConfig]);
+  const prevConsented = React4.useRef(state.consented);
+  React4.useEffect(() => {
     if (!prevConsented.current && state.consented && onConsentGiven) {
       setTimeout(() => onConsentGiven(state), 150);
     }
     prevConsented.current = state.consented;
   }, [state, onConsentGiven]);
-  const prevPrefs = React3.useRef(state.preferences);
-  React3.useEffect(() => {
-    if (state.consented && onPreferencesSaved && prevPrefs.current !== state.preferences) {
-      setTimeout(() => onPreferencesSaved(state.preferences), 150);
-      prevPrefs.current = state.preferences;
-    }
-  }, [state, onPreferencesSaved]);
-  const api = React3.useMemo(() => {
-    const acceptAll = () => dispatch({ type: "ACCEPT_ALL", customCategories });
-    const rejectAll = () => dispatch({ type: "REJECT_ALL", customCategories });
+  const api = React4.useMemo(() => {
+    const acceptAll = () => dispatch({ type: "ACCEPT_ALL", config: finalCategoriesConfig });
+    const rejectAll = () => dispatch({ type: "REJECT_ALL", config: finalCategoriesConfig });
     const setPreference = (category, value) => dispatch({ type: "SET_CATEGORY", category, value });
-    const setPreferences = (preferences) => dispatch({ type: "SET_PREFERENCES", preferences });
+    const setPreferences = (preferences) => {
+      dispatch({
+        type: "SET_PREFERENCES",
+        preferences,
+        config: finalCategoriesConfig
+      });
+      if (onPreferencesSaved) {
+        setTimeout(() => onPreferencesSaved(preferences), 150);
+      }
+    };
     const openPreferences = () => dispatch({ type: "OPEN_MODAL" });
-    const closePreferences = () => dispatch({ type: "CLOSE_MODAL" });
+    const closePreferences = () => dispatch({ type: "CLOSE_MODAL", config: finalCategoriesConfig });
     const resetConsent = () => {
       removeConsentCookie(cookie);
-      dispatch({ type: "RESET", customCategories });
+      dispatch({ type: "RESET", config: finalCategoriesConfig });
     };
     return {
       consented: !!state.consented,
@@ -614,37 +887,66 @@ function ConsentProvider({
       closePreferences,
       resetConsent
     };
-  }, [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(
+  }, [state, cookie, finalCategoriesConfig, onPreferencesSaved]);
+  return /* @__PURE__ */ jsx6(ThemeProvider, { theme: appliedTheme, children: /* @__PURE__ */ jsx6(StateCtx.Provider, { value: state, children: /* @__PURE__ */ jsx6(ActionsCtx.Provider, { value: api, children: /* @__PURE__ */ jsx6(TextsCtx.Provider, { value: texts, children: /* @__PURE__ */ jsx6(HydrationCtx.Provider, { value: isHydrated, children: /* @__PURE__ */ jsx6(DesignProvider, { tokens: designTokens, children: /* @__PURE__ */ jsxs3(
     CategoriesProvider,
     {
       config: finalCategoriesConfig,
-      categories: customCategories,
+      disableDeveloperGuidance,
       children: [
         children,
-        !disableAutomaticModal && /* @__PURE__ */ jsx2(React3.Suspense, { fallback: null, children: PreferencesModalComponent ? /* @__PURE__ */ jsx2(PreferencesModalComponent, { ...preferencesModalProps }) : /* @__PURE__ */ jsx2(PreferencesModal, { hideBranding }) })
+        /* @__PURE__ */ jsx6(React4.Suspense, { fallback: null, children: PreferencesModalComponent ? /* @__PURE__ */ jsx6(
+          PreferencesModalComponent,
+          {
+            preferences: api.preferences,
+            setPreferences: api.setPreferences,
+            closePreferences: api.closePreferences,
+            isModalOpen: api.isModalOpen,
+            texts,
+            ...preferencesModalProps
+          }
+        ) : /* @__PURE__ */ jsx6(PreferencesModal, { hideBranding }) }),
+        !state.consented && isHydrated && (CookieBannerComponent ? /* @__PURE__ */ jsx6(
+          CookieBannerComponent,
+          {
+            consented: api.consented,
+            acceptAll: api.acceptAll,
+            rejectAll: api.rejectAll,
+            openPreferences: api.openPreferences,
+            texts,
+            ...cookieBannerProps
+          }
+        ) : /* @__PURE__ */ jsx6(CookieBanner, {})),
+        state.consented && !disableFloatingPreferencesButton && (FloatingPreferencesButtonComponent ? /* @__PURE__ */ jsx6(
+          FloatingPreferencesButtonComponent,
+          {
+            openPreferences: api.openPreferences,
+            consented: api.consented,
+            ...floatingPreferencesButtonProps
+          }
+        ) : /* @__PURE__ */ jsx6(FloatingPreferencesButton, {}))
       ]
     }
-  ) }) }) }) }) });
+  ) }) }) }) }) }) });
 }
 function useConsentStateInternal() {
-  const ctx = React3.useContext(StateCtx);
+  const ctx = React4.useContext(StateCtx);
   if (!ctx)
     throw new Error("useConsentState must be used within ConsentProvider");
   return ctx;
 }
 function useConsentActionsInternal() {
-  const ctx = React3.useContext(ActionsCtx);
+  const ctx = React4.useContext(ActionsCtx);
   if (!ctx)
     throw new Error("useConsentActions must be used within ConsentProvider");
   return ctx;
 }
 function useConsentTextsInternal() {
-  const ctx = React3.useContext(TextsCtx);
+  const ctx = React4.useContext(TextsCtx);
   return ctx;
 }
 function useConsentHydrationInternal() {
-  return React3.useContext(HydrationCtx);
+  return React4.useContext(HydrationCtx);
 }
 
 // src/hooks/useConsent.ts
@@ -671,67 +973,8 @@ function useConsentHydration() {
   return useConsentHydrationInternal();
 }
 
-// src/components/Branding.tsx
-import Link from "@mui/material/Link";
-import Typography from "@mui/material/Typography";
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-var brandingStyles = {
-  banner: {
-    fontSize: "0.65rem",
-    textAlign: "center",
-    mt: 1,
-    opacity: 0.7,
-    fontStyle: "italic"
-  },
-  modal: {
-    fontSize: "0.65rem",
-    textAlign: "center",
-    px: 3,
-    pb: 1,
-    opacity: 0.7,
-    fontStyle: "italic"
-  }
-};
-var linkStyles = {
-  textDecoration: "none",
-  fontWeight: 500,
-  "&:hover": {
-    textDecoration: "underline"
-  }
-};
-function Branding({ variant, hidden = false }) {
-  if (hidden) return null;
-  return /* @__PURE__ */ jsxs2(
-    Typography,
-    {
-      variant: "caption",
-      sx: (theme) => ({
-        ...brandingStyles[variant],
-        color: theme.palette.text.secondary
-      }),
-      children: [
-        "fornecido por",
-        " ",
-        /* @__PURE__ */ jsx3(
-          Link,
-          {
-            href: "https://www.ledipo.eti.br",
-            target: "_blank",
-            rel: "noopener noreferrer",
-            sx: (theme) => ({
-              ...linkStyles,
-              color: theme.palette.primary.main
-            }),
-            children: "L\xC9dipO.eti.br"
-          }
-        )
-      ]
-    }
-  );
-}
-
 // src/components/PreferencesModal.tsx
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
 function PreferencesModal2({
   DialogProps: DialogProps2,
   hideBranding = false
@@ -765,7 +1008,7 @@ function PreferencesModal2({
     setTempPreferences(preferences);
     closePreferences();
   };
-  return /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs4(
     Dialog,
     {
       "aria-labelledby": "cookie-pref-title",
@@ -773,14 +1016,14 @@ function PreferencesModal2({
       onClose: handleCancel,
       ...DialogProps2,
       children: [
-        /* @__PURE__ */ jsx4(DialogTitle, { id: "cookie-pref-title", children: texts.modalTitle }),
-        /* @__PURE__ */ jsxs3(DialogContent, { dividers: true, children: [
-          /* @__PURE__ */ jsx4(Typography2, { variant: "body2", sx: { mb: 2 }, children: texts.modalIntro }),
-          /* @__PURE__ */ jsxs3(FormGroup, { children: [
-            toggleableCategories.map((category) => /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx7(DialogTitle, { id: "cookie-pref-title", children: texts.modalTitle }),
+        /* @__PURE__ */ jsxs4(DialogContent, { dividers: true, children: [
+          /* @__PURE__ */ jsx7(Typography3, { variant: "body2", sx: { mb: 2 }, children: texts.modalIntro }),
+          /* @__PURE__ */ jsxs4(FormGroup, { children: [
+            toggleableCategories.map((category) => /* @__PURE__ */ jsx7(
               FormControlLabel,
               {
-                control: /* @__PURE__ */ jsx4(
+                control: /* @__PURE__ */ jsx7(
                   Switch,
                   {
                     checked: tempPreferences[category.id] ?? false,
@@ -794,36 +1037,34 @@ function PreferencesModal2({
               },
               category.id
             )),
-            /* @__PURE__ */ jsx4(
+            /* @__PURE__ */ jsx7(
               FormControlLabel,
               {
-                control: /* @__PURE__ */ jsx4(Switch, { checked: true, disabled: true }),
+                control: /* @__PURE__ */ jsx7(Switch, { checked: true, disabled: true }),
                 label: texts.necessaryAlwaysOn
               }
             )
           ] })
         ] }),
-        !hideBranding && /* @__PURE__ */ jsx4(Branding, { variant: "modal" }),
-        /* @__PURE__ */ jsxs3(DialogActions, { children: [
-          /* @__PURE__ */ jsx4(Button, { variant: "outlined", onClick: handleCancel, children: "Cancelar" }),
-          /* @__PURE__ */ jsx4(Button, { variant: "contained", onClick: handleSave, children: texts.save })
-        ] })
+        /* @__PURE__ */ jsxs4(DialogActions, { children: [
+          /* @__PURE__ */ jsx7(Button2, { variant: "outlined", onClick: handleCancel, children: "Cancelar" }),
+          /* @__PURE__ */ jsx7(Button2, { variant: "contained", onClick: handleSave, children: texts.save })
+        ] }),
+        !hideBranding && /* @__PURE__ */ jsx7(Branding, { variant: "modal" })
       ]
     }
   );
 }
 
 export {
-  defaultConsentTheme,
   DEFAULT_PROJECT_CATEGORIES,
   analyzeDeveloperConfiguration,
   useCategories,
   useCategoryStatus,
-  useCustomCategories,
-  Branding,
-  PreferencesModal2 as PreferencesModal,
+  defaultConsentTheme,
   ConsentProvider,
   useConsent,
   useConsentTexts,
-  useConsentHydration
+  useConsentHydration,
+  PreferencesModal2 as PreferencesModal
 };