react-lgpd-consent 0.1.6 → 0.1.8

package/README.md

@@ -1,14 +1,6 @@
 # react-lgpd-consent 🍪
 
-[![NPM Version](https://img.shields.io/npm/v/react-lgpd-consent?style=for-the-badge&color=blue)](https://www.n useEffect(() => {
-if (consented && preferences.analytics) {
-loadScript(
-'ga',
-'https://www.googletagmanager.com/gtag/js?id=GA_ID',
-'analytics' // Aguarda consentimento finalizado
-)
-}
-}, [preferences, consented])package/react-lgpd-consent)
+[![NPM Version](https://img.shields.io/npm/v/react-lgpd-consent?style=for-the-badge&color=blue)](https://www.npmjs.com/package/react-lgpd-consent)
 [![License](https://img.shields.io/npm/l/react-lgpd-consent?style=for-the-badge)](https://github.com/lucianoedipo/react-lgpd-consent/blob/main/LICENSE)
 [![TypeScript](https://img.shields.io/badge/TypeScript-Ready-blue?style=for-the-badge&logo=typescript)](https://www.typescriptlang.org/)
 [![React](https://img.shields.io/badge/React-18%2B-61DAFB?style=for-the-badge&logo=react)](https://reactjs.org/)

package/dist/{PreferencesModal-LWZAP5OT.js → PreferencesModal-4FDYT7VE.js}

@@ -1,6 +1,6 @@
 import {
   PreferencesModal
-} from "./chunk-K3EVSUMQ.js";
+} from "./chunk-Y4XEAQXV.js";
 export {
   PreferencesModal
 };

package/dist/{chunk-K3EVSUMQ.js → chunk-Y4XEAQXV.js}

@@ -8,6 +8,7 @@ import FormControlLabel from "@mui/material/FormControlLabel";
 import FormGroup from "@mui/material/FormGroup";
 import Switch from "@mui/material/Switch";
 import Typography from "@mui/material/Typography";
+import { useState, useEffect as useEffect2 } from "react";
 
 // src/context/ConsentContext.tsx
 import * as React from "react";
@@ -122,7 +123,7 @@ var defaultConsentTheme = createTheme({
 // src/context/ConsentContext.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
 var PreferencesModal = React.lazy(
-  () => import("./PreferencesModal-LWZAP5OT.js").then((m) => ({
+  () => import("./PreferencesModal-4FDYT7VE.js").then((m) => ({
     default: m.PreferencesModal
   }))
 );
@@ -163,6 +164,13 @@ function reducer(state, action) {
           [action.category]: action.value
         }
       };
+    case "SET_PREFERENCES":
+      return {
+        ...state,
+        consented: true,
+        preferences: action.preferences,
+        isModalOpen: false
+      };
     case "OPEN_MODAL":
       return { ...state, isModalOpen: true };
     case "CLOSE_MODAL":
@@ -238,6 +246,7 @@ function ConsentProvider({
     const acceptAll = () => dispatch({ type: "ACCEPT_ALL" });
     const rejectAll = () => dispatch({ type: "REJECT_ALL" });
     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 = () => {
@@ -251,6 +260,7 @@ function ConsentProvider({
       acceptAll,
       rejectAll,
       setPreference,
+      setPreferences,
       openPreferences,
       closePreferences,
       resetConsent
@@ -289,6 +299,7 @@ function useConsent() {
     acceptAll: actions.acceptAll,
     rejectAll: actions.rejectAll,
     setPreference: actions.setPreference,
+    setPreferences: actions.setPreferences,
     openPreferences: actions.openPreferences,
     closePreferences: actions.closePreferences,
     resetConsent: actions.resetConsent
@@ -303,15 +314,28 @@ import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function PreferencesModal2({
   DialogProps: DialogProps2
 }) {
-  const { preferences, setPreference, closePreferences, isModalOpen } = useConsent();
+  const { preferences, setPreferences, closePreferences, isModalOpen } = useConsent();
   const texts = useConsentTexts();
+  const [tempPreferences, setTempPreferences] = useState(preferences);
+  useEffect2(() => {
+    if (isModalOpen) {
+      setTempPreferences(preferences);
+    }
+  }, [isModalOpen, preferences]);
   const open = DialogProps2?.open ?? isModalOpen ?? false;
+  const handleSave = () => {
+    setPreferences(tempPreferences);
+  };
+  const handleCancel = () => {
+    setTempPreferences(preferences);
+    closePreferences();
+  };
   return /* @__PURE__ */ jsxs2(
     Dialog,
     {
       "aria-labelledby": "cookie-pref-title",
       open,
-      onClose: closePreferences,
+      onClose: handleCancel,
       ...DialogProps2,
       children: [
         /* @__PURE__ */ jsx2(DialogTitle, { id: "cookie-pref-title", children: texts.modalTitle }),
@@ -324,8 +348,11 @@ function PreferencesModal2({
                 control: /* @__PURE__ */ jsx2(
                   Switch,
                   {
-                    checked: preferences.analytics,
-                    onChange: (e) => setPreference("analytics", e.target.checked)
+                    checked: tempPreferences.analytics,
+                    onChange: (e) => setTempPreferences((prev) => ({
+                      ...prev,
+                      analytics: e.target.checked
+                    }))
                   }
                 ),
                 label: "Cookies Anal\xEDticos (medem uso do site)"
@@ -337,8 +364,11 @@ function PreferencesModal2({
                 control: /* @__PURE__ */ jsx2(
                   Switch,
                   {
-                    checked: preferences.marketing,
-                    onChange: (e) => setPreference("marketing", e.target.checked)
+                    checked: tempPreferences.marketing,
+                    onChange: (e) => setTempPreferences((prev) => ({
+                      ...prev,
+                      marketing: e.target.checked
+                    }))
                   }
                 ),
                 label: "Cookies de Marketing/Publicidade"
@@ -353,7 +383,10 @@ function PreferencesModal2({
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsx2(DialogActions, { children: /* @__PURE__ */ jsx2(Button, { variant: "contained", onClick: closePreferences, children: texts.save }) })
+        /* @__PURE__ */ jsxs2(DialogActions, { children: [
+          /* @__PURE__ */ jsx2(Button, { variant: "outlined", onClick: handleCancel, children: "Cancelar" }),
+          /* @__PURE__ */ jsx2(Button, { variant: "contained", onClick: handleSave, children: texts.save })
+        ] })
       ]
     }
   );

package/dist/index.cjs

@@ -156,15 +156,28 @@ __export(PreferencesModal_exports, {
 function PreferencesModal({
   DialogProps: DialogProps2
 }) {
-  const { preferences, setPreference, closePreferences, isModalOpen } = useConsent();
+  const { preferences, setPreferences, closePreferences, isModalOpen } = useConsent();
   const texts = useConsentTexts();
+  const [tempPreferences, setTempPreferences] = (0, import_react.useState)(preferences);
+  (0, import_react.useEffect)(() => {
+    if (isModalOpen) {
+      setTempPreferences(preferences);
+    }
+  }, [isModalOpen, preferences]);
   const open = DialogProps2?.open ?? isModalOpen ?? false;
+  const handleSave = () => {
+    setPreferences(tempPreferences);
+  };
+  const handleCancel = () => {
+    setTempPreferences(preferences);
+    closePreferences();
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     import_Dialog.default,
     {
       "aria-labelledby": "cookie-pref-title",
       open,
-      onClose: closePreferences,
+      onClose: handleCancel,
       ...DialogProps2,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DialogTitle.default, { id: "cookie-pref-title", children: texts.modalTitle }),
@@ -177,8 +190,11 @@ function PreferencesModal({
                 control: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                   import_Switch.default,
                   {
-                    checked: preferences.analytics,
-                    onChange: (e) => setPreference("analytics", e.target.checked)
+                    checked: tempPreferences.analytics,
+                    onChange: (e) => setTempPreferences((prev) => ({
+                      ...prev,
+                      analytics: e.target.checked
+                    }))
                   }
                 ),
                 label: "Cookies Anal\xEDticos (medem uso do site)"
@@ -190,8 +206,11 @@ function PreferencesModal({
                 control: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                   import_Switch.default,
                   {
-                    checked: preferences.marketing,
-                    onChange: (e) => setPreference("marketing", e.target.checked)
+                    checked: tempPreferences.marketing,
+                    onChange: (e) => setTempPreferences((prev) => ({
+                      ...prev,
+                      marketing: e.target.checked
+                    }))
                   }
                 ),
                 label: "Cookies de Marketing/Publicidade"
@@ -206,12 +225,15 @@ function PreferencesModal({
             )
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DialogActions.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Button.default, { variant: "contained", onClick: closePreferences, children: texts.save }) })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_DialogActions.default, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Button.default, { variant: "outlined", onClick: handleCancel, children: "Cancelar" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.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_Typography, import_jsx_runtime;
+var import_Button, import_Dialog, import_DialogActions, import_DialogContent, import_DialogTitle, import_FormControlLabel, import_FormGroup, import_Switch, import_Typography, import_react, import_jsx_runtime;
 var init_PreferencesModal = __esm({
   "src/components/PreferencesModal.tsx"() {
     "use strict";
@@ -224,6 +246,7 @@ var init_PreferencesModal = __esm({
     import_FormGroup = __toESM(require("@mui/material/FormGroup"), 1);
     import_Switch = __toESM(require("@mui/material/Switch"), 1);
     import_Typography = __toESM(require("@mui/material/Typography"), 1);
+    import_react = require("react");
     init_useConsent();
     import_jsx_runtime = require("react/jsx-runtime");
   }
@@ -252,6 +275,13 @@ function reducer(state, action) {
           [action.category]: action.value
         }
       };
+    case "SET_PREFERENCES":
+      return {
+        ...state,
+        consented: true,
+        preferences: action.preferences,
+        isModalOpen: false
+      };
     case "OPEN_MODAL":
       return { ...state, isModalOpen: true };
     case "CLOSE_MODAL":
@@ -324,6 +354,7 @@ function ConsentProvider({
     const acceptAll = () => dispatch({ type: "ACCEPT_ALL" });
     const rejectAll = () => dispatch({ type: "REJECT_ALL" });
     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 = () => {
@@ -337,6 +368,7 @@ function ConsentProvider({
       acceptAll,
       rejectAll,
       setPreference,
+      setPreferences,
       openPreferences,
       closePreferences,
       resetConsent
@@ -409,6 +441,7 @@ function useConsent() {
     acceptAll: actions.acceptAll,
     rejectAll: actions.rejectAll,
     setPreference: actions.setPreference,
+    setPreferences: actions.setPreferences,
     openPreferences: actions.openPreferences,
     closePreferences: actions.closePreferences,
     resetConsent: actions.resetConsent
@@ -569,7 +602,7 @@ function loadScript(id, src, category = null, attrs = {}) {
       }
       try {
         const consent = JSON.parse(decodeURIComponent(consentCookie));
-        if (!consent.consented) {
+        if (!consent.consented || consent.isModalOpen) {
           setTimeout(checkConsent, 100);
           return;
         }

package/dist/index.d.cts

@@ -111,6 +111,8 @@ interface ConsentContextValue {
     rejectAll: () => void;
     /** Define a preferência para uma categoria específica. */
     setPreference: (cat: Category, value: boolean) => void;
+    /** Define múltiplas preferências de uma vez e salva. */
+    setPreferences: (preferences: ConsentPreferences) => void;
     /** Abre o modal de preferências. */
     openPreferences: () => void;
     /** Fecha o modal de preferências. */

package/dist/index.d.ts

@@ -111,6 +111,8 @@ interface ConsentContextValue {
     rejectAll: () => void;
     /** Define a preferência para uma categoria específica. */
     setPreference: (cat: Category, value: boolean) => void;
+    /** Define múltiplas preferências de uma vez e salva. */
+    setPreferences: (preferences: ConsentPreferences) => void;
     /** Abre o modal de preferências. */
     openPreferences: () => void;
     /** Fecha o modal de preferências. */

package/dist/index.js

@@ -4,7 +4,7 @@ import {
   defaultConsentTheme,
   useConsent,
   useConsentTexts
-} from "./chunk-K3EVSUMQ.js";
+} from "./chunk-Y4XEAQXV.js";
 
 // src/components/CookieBanner.tsx
 import Button from "@mui/material/Button";
@@ -130,7 +130,7 @@ function loadScript(id, src, category = null, attrs = {}) {
       }
       try {
         const consent = JSON.parse(decodeURIComponent(consentCookie));
-        if (!consent.consented) {
+        if (!consent.consented || consent.isModalOpen) {
           setTimeout(checkConsent, 100);
           return;
         }

package/package.json

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