react-lgpd-consent 0.2.5 → 0.3.1

package/dist/index.js

@@ -1,188 +1,26 @@
 import {
-  Branding,
   ConsentProvider,
   DEFAULT_PROJECT_CATEGORIES,
+  LogLevel,
   PreferencesModal,
   analyzeDeveloperConfiguration,
   defaultConsentTheme,
+  openPreferencesModal,
+  setDebugLogging,
   useCategories,
   useCategoryStatus,
   useConsent,
   useConsentHydration,
   useConsentTexts,
-  useCustomCategories
-} from "./chunk-4LLZREFO.js";
-
-// 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 Typography from "@mui/material/Typography";
-import Link from "@mui/material/Link";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function CookieBanner({
-  policyLinkUrl,
-  debug,
-  blocking = true,
-  // Por padrão, bloqueia até decisão
-  hideBranding = false,
-  SnackbarProps,
-  PaperProps
-}) {
-  const { consented, acceptAll, rejectAll, openPreferences } = useConsent();
-  const texts = useConsentTexts();
-  const isHydrated = useConsentHydration();
-  const open = debug ? true : isHydrated && !consented;
-  if (!open) return null;
-  const bannerContent = /* @__PURE__ */ jsx(
-    Paper,
-    {
-      elevation: 3,
-      sx: { p: 2, maxWidth: 720, mx: "auto" },
-      ...PaperProps,
-      children: /* @__PURE__ */ jsxs(Stack, { spacing: 1, children: [
-        /* @__PURE__ */ jsxs(Typography, { variant: "body2", children: [
-          texts.bannerMessage,
-          " ",
-          policyLinkUrl && /* @__PURE__ */ jsx(
-            Link,
-            {
-              href: policyLinkUrl,
-              underline: "hover",
-              target: "_blank",
-              rel: "noopener noreferrer",
-              children: texts.policyLink ?? "Saiba mais"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs(
-          Stack,
-          {
-            direction: { xs: "column", sm: "row" },
-            spacing: 1,
-            justifyContent: "flex-end",
-            children: [
-              /* @__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 })
-            ]
-          }
-        ),
-        !hideBranding && /* @__PURE__ */ jsx(Branding, { variant: "banner" })
-      ] })
-    }
-  );
-  if (blocking) {
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        Box,
-        {
-          sx: {
-            position: "fixed",
-            top: 0,
-            left: 0,
-            right: 0,
-            bottom: 0,
-            backgroundColor: "rgba(0, 0, 0, 0.5)",
-            zIndex: 1299
-            // Abaixo do banner mas acima do conteúdo
-          }
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Box,
-        {
-          sx: {
-            position: "fixed",
-            bottom: 0,
-            left: 0,
-            right: 0,
-            zIndex: 1300,
-            // Acima do overlay
-            p: 2
-          },
-          children: bannerContent
-        }
-      )
-    ] });
-  }
-  return /* @__PURE__ */ jsx(
-    Snackbar,
-    {
-      open,
-      anchorOrigin: { vertical: "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 jsx2 } from "react/jsx-runtime";
-function FloatingPreferencesButton({
-  position = "bottom-right",
-  offset = 24,
-  icon = /* @__PURE__ */ jsx2(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__ */ jsx2(Tooltip, { title: tooltipText, placement: "top", children: /* @__PURE__ */ jsx2(
-    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
-    }
-  ) });
-}
+  useOpenPreferencesModal
+} from "./chunk-VFAOBR3X.js";
 
 // src/utils/ConsentGate.tsx
-import { Fragment as Fragment2, jsx as jsx3 } from "react/jsx-runtime";
+import { Fragment, jsx } from "react/jsx-runtime";
 function ConsentGate(props) {
   const { preferences } = useConsent();
   if (!preferences[props.category]) return null;
-  return /* @__PURE__ */ jsx3(Fragment2, { children: props.children });
+  return /* @__PURE__ */ jsx(Fragment, { children: props.children });
 }
 
 // src/utils/scriptLoader.ts
@@ -248,9 +86,6 @@ function ConsentScriptLoader({
             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);
         }
@@ -287,9 +122,6 @@ function useConsentScriptLoader() {
         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);
@@ -341,8 +173,8 @@ function createGoogleTagManagerIntegration(config) {
 function createUserWayIntegration(config) {
   return {
     id: "userway",
-    category: "marketing",
-    // ou poderia ser uma categoria 'accessibility'
+    category: "functional",
+    // Categoria mais apropriada para acessibilidade
     src: `https://cdn.userway.org/widget.js`,
     init: () => {
       if (typeof window !== "undefined") {
@@ -363,9 +195,8 @@ export {
   ConsentGate,
   ConsentProvider,
   ConsentScriptLoader,
-  CookieBanner,
   DEFAULT_PROJECT_CATEGORIES,
-  FloatingPreferencesButton,
+  LogLevel,
   PreferencesModal,
   analyzeDeveloperConfiguration,
   createGoogleAnalyticsIntegration,
@@ -373,11 +204,13 @@ export {
   createUserWayIntegration,
   defaultConsentTheme,
   loadScript,
+  openPreferencesModal,
+  setDebugLogging,
   useCategories,
   useCategoryStatus,
   useConsent,
   useConsentHydration,
   useConsentScriptLoader,
   useConsentTexts,
-  useCustomCategories
+  useOpenPreferencesModal
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-lgpd-consent",
-  "version": "0.2.5",
+  "version": "0.3.1",
   "description": "Biblioteca completa de consentimento LGPD com 6 categorias ANPD, integrações nativas e sistema extensível para React.",
   "keywords": [
     "lgpd",
@@ -48,12 +48,13 @@
     "dist",
     "README.md",
     "LICENSE",
-    "COMPLIANCE.md"
+    "COMPLIANCE.md",
+    "CHANGELOG.md"
   ],
   "engines": {
     "node": ">=18.18"
   },
-  "packageManager": "pnpm@9.0.0",
+  "packageManager": "pnpm@9.15.9",
   "scripts": {
     "clean": "rimraf dist",
     "build": "cross-env NODE_ENV=production tsup src/index.ts --format esm,cjs --dts --clean",
@@ -61,6 +62,7 @@
     "lint": "eslint . --ext .ts,.tsx",
     "format": "prettier --write \"src/**/*.{ts,tsx,json,md}\" \"eslint.config.js\"",
     "type-check": "tsc --noEmit",
+    "test": "jest",
     "prepublishOnly": "npm run build"
   },
   "repository": {
@@ -86,22 +88,32 @@
     "js-cookie": "^3.0.5"
   },
   "devDependencies": {
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
     "@eslint/compat": "^1.3.2",
     "@mui/icons-material": "^7.3.1",
     "@mui/material": "^7.3.1",
+    "@testing-library/jest-dom": "^6.6.4",
+    "@testing-library/react": "^16.3.0",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/jest": "^30.0.0",
     "@types/js-cookie": "^3.0.6",
-    "@types/react": "^19.1.9",
+    "@types/react": "^19.1.10",
     "@types/react-dom": "^19.1.7",
     "@typescript-eslint/eslint-plugin": "^8.39.1",
     "@typescript-eslint/parser": "^8.39.1",
     "cross-env": "^10.0.0",
     "eslint": "^9.33.0",
     "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-jest": "^29.0.1",
     "eslint-plugin-react-hooks": "^5.2.0",
+    "jest": "^30.0.5",
+    "jest-environment-jsdom": "^30.0.5",
     "prettier": "^3.6.2",
     "react": "^19.1.1",
     "react-dom": "^19.1.1",
     "rimraf": "^6.0.1",
+    "ts-jest": "^29.4.1",
     "tsup": "^8.5.0",
     "typescript": "^5.9.2",
     "typescript-eslint": "^8.39.1"