react-lgpd-consent 0.1.5 → 0.1.6

package/dist/index.d.cts

@@ -80,6 +80,12 @@ interface ConsentProviderProps {
     texts?: Partial<ConsentTexts>;
     /** Tema customizado para os componentes MUI. */
     theme?: any;
+    /** Componente customizado para modal de preferências. */
+    PreferencesModalComponent?: React.ComponentType<any>;
+    /** Props adicionais para o modal customizado. */
+    preferencesModalProps?: Record<string, any>;
+    /** Desabilita o modal automático (para usar componente totalmente customizado). */
+    disableAutomaticModal?: boolean;
     /** Callback chamado quando o consentimento é dado. */
     onConsentGiven?: (state: ConsentState) => void;
     /** Callback chamado ao salvar preferências. */
@@ -113,7 +119,7 @@ interface ConsentContextValue {
     resetConsent: () => void;
 }
 
-declare function ConsentProvider({ initialState, texts: textsProp, theme, onConsentGiven, onPreferencesSaved, cookie: cookieOpts, children, }: Readonly<ConsentProviderProps>): react_jsx_runtime.JSX.Element;
+declare function ConsentProvider({ initialState, texts: textsProp, theme, PreferencesModalComponent, preferencesModalProps, disableAutomaticModal, onConsentGiven, onPreferencesSaved, cookie: cookieOpts, children, }: Readonly<ConsentProviderProps>): react_jsx_runtime.JSX.Element;
 
 declare function useConsent(): ConsentContextValue;
 /**
@@ -128,15 +134,10 @@ declare function ConsentGate(props: Readonly<{
 }>): react_jsx_runtime.JSX.Element | null;
 
 /**
- * Carrega um script dinamicamente após verificação de consentimento.
- * Recomenda-se usar com ConsentGate para melhor controle.
+ * Carrega um script dinamicamente após consentimento finalizado.
+ * Aguarda que o usuário tome uma decisão definitiva (banner fechado ou preferências salvas).
  */
-declare function loadScript(id: string, src: string, attrs?: Record<string, string>): void;
-/**
- * Carrega script condicionalmente baseado no consentimento.
- * Aguarda o consentimento ser dado antes de executar.
- */
-declare function loadConditionalScript(id: string, src: string, condition: () => boolean, attrs?: Record<string, string>, maxWaitMs?: number): Promise<void>;
+declare function loadScript(id: string, src: string, category?: 'analytics' | 'marketing' | null, attrs?: Record<string, string>): Promise<void>;
 
 /**
  * Tema padrão para os componentes de consentimento.
@@ -144,4 +145,4 @@ declare function loadConditionalScript(id: string, src: string, condition: () =>
  */
 declare const defaultConsentTheme: _mui_material_styles.Theme;
 
-export { type Category, type ConsentCookieOptions, ConsentGate, type ConsentPreferences, ConsentProvider, type ConsentState, type ConsentTexts, CookieBanner, PreferencesModal, defaultConsentTheme, loadConditionalScript, loadScript, useConsent, useConsentTexts };
+export { type Category, type ConsentCookieOptions, ConsentGate, type ConsentPreferences, ConsentProvider, type ConsentState, type ConsentTexts, CookieBanner, PreferencesModal, defaultConsentTheme, loadScript, useConsent, useConsentTexts };

package/dist/index.d.ts

@@ -80,6 +80,12 @@ interface ConsentProviderProps {
     texts?: Partial<ConsentTexts>;
     /** Tema customizado para os componentes MUI. */
     theme?: any;
+    /** Componente customizado para modal de preferências. */
+    PreferencesModalComponent?: React.ComponentType<any>;
+    /** Props adicionais para o modal customizado. */
+    preferencesModalProps?: Record<string, any>;
+    /** Desabilita o modal automático (para usar componente totalmente customizado). */
+    disableAutomaticModal?: boolean;
     /** Callback chamado quando o consentimento é dado. */
     onConsentGiven?: (state: ConsentState) => void;
     /** Callback chamado ao salvar preferências. */
@@ -113,7 +119,7 @@ interface ConsentContextValue {
     resetConsent: () => void;
 }
 
-declare function ConsentProvider({ initialState, texts: textsProp, theme, onConsentGiven, onPreferencesSaved, cookie: cookieOpts, children, }: Readonly<ConsentProviderProps>): react_jsx_runtime.JSX.Element;
+declare function ConsentProvider({ initialState, texts: textsProp, theme, PreferencesModalComponent, preferencesModalProps, disableAutomaticModal, onConsentGiven, onPreferencesSaved, cookie: cookieOpts, children, }: Readonly<ConsentProviderProps>): react_jsx_runtime.JSX.Element;
 
 declare function useConsent(): ConsentContextValue;
 /**
@@ -128,15 +134,10 @@ declare function ConsentGate(props: Readonly<{
 }>): react_jsx_runtime.JSX.Element | null;
 
 /**
- * Carrega um script dinamicamente após verificação de consentimento.
- * Recomenda-se usar com ConsentGate para melhor controle.
+ * Carrega um script dinamicamente após consentimento finalizado.
+ * Aguarda que o usuário tome uma decisão definitiva (banner fechado ou preferências salvas).
  */
-declare function loadScript(id: string, src: string, attrs?: Record<string, string>): void;
-/**
- * Carrega script condicionalmente baseado no consentimento.
- * Aguarda o consentimento ser dado antes de executar.
- */
-declare function loadConditionalScript(id: string, src: string, condition: () => boolean, attrs?: Record<string, string>, maxWaitMs?: number): Promise<void>;
+declare function loadScript(id: string, src: string, category?: 'analytics' | 'marketing' | null, attrs?: Record<string, string>): Promise<void>;
 
 /**
  * Tema padrão para os componentes de consentimento.
@@ -144,4 +145,4 @@ declare function loadConditionalScript(id: string, src: string, condition: () =>
  */
 declare const defaultConsentTheme: _mui_material_styles.Theme;
 
-export { type Category, type ConsentCookieOptions, ConsentGate, type ConsentPreferences, ConsentProvider, type ConsentState, type ConsentTexts, CookieBanner, PreferencesModal, defaultConsentTheme, loadConditionalScript, loadScript, useConsent, useConsentTexts };
+export { type Category, type ConsentCookieOptions, ConsentGate, type ConsentPreferences, ConsentProvider, type ConsentState, type ConsentTexts, CookieBanner, PreferencesModal, defaultConsentTheme, loadScript, useConsent, useConsentTexts };

package/dist/index.js

@@ -1,3 +1,11 @@
+import {
+  ConsentProvider,
+  PreferencesModal,
+  defaultConsentTheme,
+  useConsent,
+  useConsentTexts
+} from "./chunk-K3EVSUMQ.js";
+
 // src/components/CookieBanner.tsx
 import Button from "@mui/material/Button";
 import Box from "@mui/material/Box";
@@ -6,287 +14,7 @@ import Paper from "@mui/material/Paper";
 import Snackbar from "@mui/material/Snackbar";
 import Stack from "@mui/material/Stack";
 import Typography from "@mui/material/Typography";
-
-// src/context/ConsentContext.tsx
-import * as React from "react";
-import { ThemeProvider } from "@mui/material/styles";
-
-// src/utils/cookieUtils.ts
-import Cookies from "js-cookie";
-var DEFAULT_COOKIE_OPTS = {
-  name: "cookieConsent",
-  maxAgeDays: 365,
-  sameSite: "Lax",
-  secure: true,
-  path: "/"
-};
-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);
-  } catch {
-    return null;
-  }
-}
-function writeConsentCookie(state, opts) {
-  if (typeof document === "undefined") return;
-  const o = { ...DEFAULT_COOKIE_OPTS, ...opts };
-  Cookies.set(o.name, JSON.stringify(state), {
-    expires: o.maxAgeDays,
-    sameSite: o.sameSite,
-    secure: o.secure,
-    path: o.path
-  });
-}
-function removeConsentCookie(opts) {
-  if (typeof document === "undefined") return;
-  const o = { ...DEFAULT_COOKIE_OPTS, ...opts };
-  Cookies.remove(o.name, { path: o.path });
-}
-
-// src/utils/theme.ts
-import { createTheme } from "@mui/material/styles";
-var defaultConsentTheme = createTheme({
-  palette: {
-    primary: {
-      main: "#1976d2",
-      // Azul institucional
-      contrastText: "#ffffff"
-    },
-    secondary: {
-      main: "#dc004e",
-      // Rosa/vermelho para ações importantes
-      contrastText: "#ffffff"
-    },
-    background: {
-      default: "#fafafa",
-      paper: "#ffffff"
-    },
-    text: {
-      primary: "#333333",
-      secondary: "#666666"
-    },
-    action: {
-      hover: "rgba(25, 118, 210, 0.04)"
-    }
-  },
-  typography: {
-    fontFamily: '"Roboto", "Helvetica", "Arial", sans-serif',
-    body2: {
-      fontSize: "0.875rem",
-      lineHeight: 1.43
-    },
-    button: {
-      fontWeight: 500,
-      textTransform: "none"
-      // Manter capitalização original
-    }
-  },
-  components: {
-    MuiButton: {
-      styleOverrides: {
-        root: {
-          borderRadius: 8,
-          paddingX: 16,
-          paddingY: 8
-        },
-        contained: {
-          boxShadow: "0 2px 4px rgba(0,0,0,0.1)",
-          "&:hover": {
-            boxShadow: "0 4px 8px rgba(0,0,0,0.15)"
-          }
-        }
-      }
-    },
-    MuiPaper: {
-      styleOverrides: {
-        root: {
-          borderRadius: 12
-        }
-      }
-    },
-    MuiDialog: {
-      styleOverrides: {
-        paper: {
-          borderRadius: 16
-        }
-      }
-    }
-  }
-});
-
-// src/context/ConsentContext.tsx
-import { jsx } from "react/jsx-runtime";
-var DEFAULT_PREFERENCES = {
-  analytics: false,
-  marketing: false
-};
-var DEFAULT_TEXTS = {
-  bannerMessage: "Utilizamos cookies para melhorar sua experi\xEAncia.",
-  acceptAll: "Aceitar todos",
-  declineAll: "Recusar",
-  preferences: "Prefer\xEAncias",
-  policyLink: "Saiba mais",
-  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)"
-};
-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 "SET_CATEGORY":
-      return {
-        ...state,
-        preferences: {
-          ...state.preferences,
-          [action.category]: action.value
-        }
-      };
-    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
-      };
-    case "HYDRATE":
-      return { ...action.state };
-    default:
-      return state;
-  }
-}
-var StateCtx = React.createContext(null);
-var ActionsCtx = React.createContext(null);
-var TextsCtx = React.createContext(DEFAULT_TEXTS);
-function ConsentProvider({
-  initialState,
-  texts: textsProp,
-  theme,
-  onConsentGiven,
-  onPreferencesSaved,
-  cookie: cookieOpts,
-  children
-}) {
-  const texts = React.useMemo(
-    () => ({ ...DEFAULT_TEXTS, ...textsProp ?? {} }),
-    [textsProp]
-  );
-  const cookie = React.useMemo(
-    () => ({ ...DEFAULT_COOKIE_OPTS, ...cookieOpts ?? {} }),
-    [cookieOpts]
-  );
-  const appliedTheme = React.useMemo(
-    () => theme || defaultConsentTheme,
-    [theme]
-  );
-  const boot = React.useMemo(() => {
-    if (initialState) return { ...initialState, isModalOpen: false };
-    const saved = readConsentCookie(cookie.name);
-    return saved ?? {
-      consented: false,
-      preferences: { ...DEFAULT_PREFERENCES },
-      isModalOpen: false
-    };
-  }, [initialState, cookie.name]);
-  const [state, dispatch] = React.useReducer(reducer, boot);
-  React.useEffect(() => {
-    if (state.consented) writeConsentCookie(state, cookie);
-  }, [state, cookie]);
-  const prevConsented = React.useRef(state.consented);
-  React.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(() => {
-    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 setPreference = (category, value) => dispatch({ type: "SET_CATEGORY", category, value });
-    const openPreferences = () => dispatch({ type: "OPEN_MODAL" });
-    const closePreferences = () => dispatch({ type: "CLOSE_MODAL" });
-    const resetConsent = () => {
-      removeConsentCookie(cookie);
-      dispatch({ type: "RESET" });
-    };
-    return {
-      consented: !!state.consented,
-      preferences: state.preferences,
-      isModalOpen: state.isModalOpen,
-      acceptAll,
-      rejectAll,
-      setPreference,
-      openPreferences,
-      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 }) }) }) });
-}
-function useConsentStateInternal() {
-  const ctx = React.useContext(StateCtx);
-  if (!ctx)
-    throw new Error("useConsentState must be used within ConsentProvider");
-  return ctx;
-}
-function useConsentActionsInternal() {
-  const ctx = React.useContext(ActionsCtx);
-  if (!ctx)
-    throw new Error("useConsentActions must be used within ConsentProvider");
-  return ctx;
-}
-function useConsentTextsInternal() {
-  const ctx = React.useContext(TextsCtx);
-  return ctx;
-}
-
-// src/hooks/useConsent.ts
-function useConsent() {
-  const state = useConsentStateInternal();
-  const actions = useConsentActionsInternal();
-  return {
-    consented: state.consented,
-    preferences: state.preferences,
-    isModalOpen: state.isModalOpen,
-    acceptAll: actions.acceptAll,
-    rejectAll: actions.rejectAll,
-    setPreference: actions.setPreference,
-    openPreferences: actions.openPreferences,
-    closePreferences: actions.closePreferences,
-    resetConsent: actions.resetConsent
-  };
-}
-function useConsentTexts() {
-  return useConsentTextsInternal();
-}
-
-// src/components/CookieBanner.tsx
-import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function CookieBanner({
   policyLinkUrl,
   debug,
@@ -299,7 +27,7 @@ function CookieBanner({
   const texts = useConsentTexts();
   const open = debug ? true : !consented;
   if (!open) return null;
-  const bannerContent = /* @__PURE__ */ jsx2(
+  const bannerContent = /* @__PURE__ */ jsx(
     Paper,
     {
       elevation: 3,
@@ -309,7 +37,7 @@ function CookieBanner({
         /* @__PURE__ */ jsxs(Typography, { variant: "body2", children: [
           texts.bannerMessage,
           " ",
-          policyLinkUrl && /* @__PURE__ */ jsx2(
+          policyLinkUrl && /* @__PURE__ */ jsx(
             Link,
             {
               href: policyLinkUrl,
@@ -327,9 +55,9 @@ function CookieBanner({
             spacing: 1,
             justifyContent: "flex-end",
             children: [
-              /* @__PURE__ */ jsx2(Button, { variant: "outlined", onClick: rejectAll, children: texts.declineAll }),
-              /* @__PURE__ */ jsx2(Button, { variant: "contained", onClick: acceptAll, children: texts.acceptAll }),
-              /* @__PURE__ */ jsx2(Button, { variant: "text", onClick: openPreferences, children: texts.preferences })
+              /* @__PURE__ */ jsx(Button, { variant: "outlined", onClick: rejectAll, children: texts.declineAll }),
+              /* @__PURE__ */ jsx(Button, { variant: "contained", onClick: acceptAll, children: texts.acceptAll }),
+              /* @__PURE__ */ jsx(Button, { variant: "text", onClick: openPreferences, children: texts.preferences })
             ]
           }
         )
@@ -338,7 +66,7 @@ function CookieBanner({
   );
   if (blocking) {
     return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx2(
+      /* @__PURE__ */ jsx(
         Box,
         {
           sx: {
@@ -353,7 +81,7 @@ function CookieBanner({
           }
         }
       ),
-      /* @__PURE__ */ jsx2(
+      /* @__PURE__ */ jsx(
         Box,
         {
           sx: {
@@ -370,7 +98,7 @@ function CookieBanner({
       )
     ] });
   }
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx(
     Snackbar,
     {
       open,
@@ -381,113 +109,48 @@ function CookieBanner({
   );
 }
 
-// src/components/PreferencesModal.tsx
-import Button2 from "@mui/material/Button";
-import Dialog from "@mui/material/Dialog";
-import DialogActions from "@mui/material/DialogActions";
-import DialogContent from "@mui/material/DialogContent";
-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 { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-function PreferencesModal({
-  DialogProps: DialogProps2
-}) {
-  const { preferences, setPreference, closePreferences, isModalOpen } = useConsent();
-  const texts = useConsentTexts();
-  const open = DialogProps2?.open ?? isModalOpen ?? false;
-  return /* @__PURE__ */ jsxs2(
-    Dialog,
-    {
-      "aria-labelledby": "cookie-pref-title",
-      open,
-      onClose: closePreferences,
-      ...DialogProps2,
-      children: [
-        /* @__PURE__ */ jsx3(DialogTitle, { id: "cookie-pref-title", children: texts.modalTitle }),
-        /* @__PURE__ */ jsxs2(DialogContent, { dividers: true, children: [
-          /* @__PURE__ */ jsx3(Typography2, { variant: "body2", sx: { mb: 2 }, children: texts.modalIntro }),
-          /* @__PURE__ */ jsxs2(FormGroup, { children: [
-            /* @__PURE__ */ jsx3(
-              FormControlLabel,
-              {
-                control: /* @__PURE__ */ jsx3(
-                  Switch,
-                  {
-                    checked: preferences.analytics,
-                    onChange: (e) => setPreference("analytics", e.target.checked)
-                  }
-                ),
-                label: "Cookies Anal\xEDticos (medem uso do site)"
-              }
-            ),
-            /* @__PURE__ */ jsx3(
-              FormControlLabel,
-              {
-                control: /* @__PURE__ */ jsx3(
-                  Switch,
-                  {
-                    checked: preferences.marketing,
-                    onChange: (e) => setPreference("marketing", e.target.checked)
-                  }
-                ),
-                label: "Cookies de Marketing/Publicidade"
-              }
-            ),
-            /* @__PURE__ */ jsx3(
-              FormControlLabel,
-              {
-                control: /* @__PURE__ */ jsx3(Switch, { checked: true, disabled: true }),
-                label: texts.necessaryAlwaysOn
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx3(DialogActions, { children: /* @__PURE__ */ jsx3(Button2, { variant: "contained", onClick: closePreferences, children: texts.save }) })
-      ]
-    }
-  );
-}
-
 // src/utils/ConsentGate.tsx
-import { Fragment as Fragment2, jsx as jsx4 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx2 } from "react/jsx-runtime";
 function ConsentGate(props) {
   const { preferences } = useConsent();
   if (!preferences[props.category]) return null;
-  return /* @__PURE__ */ jsx4(Fragment2, { children: props.children });
+  return /* @__PURE__ */ jsx2(Fragment2, { children: props.children });
 }
 
 // src/utils/scriptLoader.ts
-function loadScript(id, src, attrs = {}) {
-  if (typeof document === "undefined") return;
-  if (document.getElementById(id)) return;
-  const s = document.createElement("script");
-  s.id = id;
-  s.src = src;
-  s.async = true;
-  for (const [k, v] of Object.entries(attrs)) s.setAttribute(k, v);
-  document.body.appendChild(s);
-}
-function loadConditionalScript(id, src, condition, attrs = {}, maxWaitMs = 5e3) {
+function loadScript(id, src, category = null, attrs = {}) {
   if (typeof document === "undefined") return Promise.resolve();
   if (document.getElementById(id)) return Promise.resolve();
   return new Promise((resolve, reject) => {
-    const startTime = Date.now();
-    const checkCondition = () => {
-      if (condition()) {
-        loadScript(id, src, attrs);
-        resolve();
-      } else if (Date.now() - startTime > maxWaitMs) {
-        reject(
-          new Error(`Timeout waiting for consent condition for script ${id}`)
-        );
-      } else {
-        setTimeout(checkCondition, 100);
+    const checkConsent = () => {
+      const consentCookie = document.cookie.split("; ").find((row) => row.startsWith("cookieConsent="))?.split("=")[1];
+      if (!consentCookie) {
+        setTimeout(checkConsent, 100);
+        return;
+      }
+      try {
+        const consent = JSON.parse(decodeURIComponent(consentCookie));
+        if (!consent.consented) {
+          setTimeout(checkConsent, 100);
+          return;
+        }
+        if (category && !consent.preferences[category]) {
+          reject(new Error(`Consent not given for ${category} scripts`));
+          return;
+        }
+        const s = document.createElement("script");
+        s.id = id;
+        s.src = src;
+        s.async = true;
+        for (const [k, v] of Object.entries(attrs)) s.setAttribute(k, v);
+        s.onload = () => resolve();
+        s.onerror = () => reject(new Error(`Failed to load script: ${src}`));
+        document.body.appendChild(s);
+      } catch {
+        setTimeout(checkConsent, 100);
       }
     };
-    checkCondition();
+    checkConsent();
   });
 }
 export {
@@ -496,7 +159,6 @@ export {
   CookieBanner,
   PreferencesModal,
   defaultConsentTheme,
-  loadConditionalScript,
   loadScript,
   useConsent,
   useConsentTexts

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-lgpd-consent",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "description": "Biblioteca de consentimento de cookies (LGPD) para React e Next.js, com contexto, banner e modal personalizáveis usando MUI.",
   "keywords": [
     "lgpd",