react-lgpd-consent 0.1.8 → 0.1.12

package/dist/index.cjs

@@ -65,7 +65,7 @@ var init_cookieUtils = __esm({
       name: "cookieConsent",
       maxAgeDays: 365,
       sameSite: "Lax",
-      secure: true,
+      secure: typeof window !== "undefined" ? window.location.protocol === "https:" : false,
       path: "/"
     };
   }
@@ -81,12 +81,10 @@ var init_theme = __esm({
       palette: {
         primary: {
           main: "#1976d2",
-          // Azul institucional
           contrastText: "#ffffff"
         },
         secondary: {
           main: "#dc004e",
-          // Rosa/vermelho para ações importantes
           contrastText: "#ffffff"
         },
         background: {
@@ -110,7 +108,6 @@ var init_theme = __esm({
         button: {
           fontWeight: 500,
           textTransform: "none"
-          // Manter capitalização original
         }
       },
       components: {
@@ -148,13 +145,79 @@ var init_theme = __esm({
   }
 });
 
+// src/components/Branding.tsx
+function Branding({ variant, hidden = false }) {
+  if (hidden) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_Typography.default,
+    {
+      variant: "caption",
+      sx: (theme) => ({
+        ...brandingStyles[variant],
+        color: theme.palette.text.secondary
+      }),
+      children: [
+        "fornecido por",
+        " ",
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_Link.default,
+          {
+            href: "https://www.ledipo.eti.br",
+            target: "_blank",
+            rel: "noopener noreferrer",
+            sx: (theme) => ({
+              ...linkStyles,
+              color: theme.palette.primary.main
+            }),
+            children: "L\xC9dipO.eti.br"
+          }
+        )
+      ]
+    }
+  );
+}
+var import_Link, import_Typography, import_jsx_runtime, 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");
+    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"
+      }
+    };
+    linkStyles = {
+      textDecoration: "none",
+      fontWeight: 500,
+      "&:hover": {
+        textDecoration: "underline"
+      }
+    };
+  }
+});
+
 // src/components/PreferencesModal.tsx
 var PreferencesModal_exports = {};
 __export(PreferencesModal_exports, {
   PreferencesModal: () => PreferencesModal
 });
 function PreferencesModal({
-  DialogProps: DialogProps2
+  DialogProps: DialogProps2,
+  hideBranding = false
 }) {
   const { preferences, setPreferences, closePreferences, isModalOpen } = useConsent();
   const texts = useConsentTexts();
@@ -172,7 +235,7 @@ function PreferencesModal({
     setTempPreferences(preferences);
     closePreferences();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
     import_Dialog.default,
     {
       "aria-labelledby": "cookie-pref-title",
@@ -180,14 +243,14 @@ function PreferencesModal({
       onClose: handleCancel,
       ...DialogProps2,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DialogTitle.default, { id: "cookie-pref-title", children: texts.modalTitle }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_DialogContent.default, { dividers: true, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Typography.default, { variant: "body2", sx: { mb: 2 }, children: texts.modalIntro }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_FormGroup.default, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        /* @__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)(
               import_FormControlLabel.default,
               {
-                control: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                control: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
                   import_Switch.default,
                   {
                     checked: tempPreferences.analytics,
@@ -200,10 +263,10 @@ function PreferencesModal({
                 label: "Cookies Anal\xEDticos (medem uso do site)"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
               import_FormControlLabel.default,
               {
-                control: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                control: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
                   import_Switch.default,
                   {
                     checked: tempPreferences.marketing,
@@ -216,24 +279,25 @@ function PreferencesModal({
                 label: "Cookies de Marketing/Publicidade"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
               import_FormControlLabel.default,
               {
-                control: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Switch.default, { checked: true, disabled: true }),
+                control: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_Switch.default, { checked: true, disabled: true }),
                 label: texts.necessaryAlwaysOn
               }
             )
           ] })
         ] }),
-        /* @__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 })
+        !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 })
         ] })
       ]
     }
   );
 }
-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 import_Button, import_Dialog, import_DialogActions, import_DialogContent, import_DialogTitle, import_FormControlLabel, import_FormGroup, import_Switch, import_Typography2, import_react, import_jsx_runtime2;
 var init_PreferencesModal = __esm({
   "src/components/PreferencesModal.tsx"() {
     "use strict";
@@ -245,10 +309,11 @@ var init_PreferencesModal = __esm({
     import_FormControlLabel = __toESM(require("@mui/material/FormControlLabel"), 1);
     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_Typography2 = __toESM(require("@mui/material/Typography"), 1);
     import_react = require("react");
     init_useConsent();
-    import_jsx_runtime = require("react/jsx-runtime");
+    init_Branding();
+    import_jsx_runtime2 = require("react/jsx-runtime");
   }
 });
 
@@ -306,6 +371,7 @@ function ConsentProvider({
   PreferencesModalComponent,
   preferencesModalProps = {},
   disableAutomaticModal = false,
+  hideBranding = false,
   onConsentGiven,
   onPreferencesSaved,
   cookie: cookieOpts,
@@ -325,14 +391,24 @@ function ConsentProvider({
   );
   const boot = React.useMemo(() => {
     if (initialState) return { ...initialState, isModalOpen: false };
-    const saved = readConsentCookie(cookie.name);
-    return saved ?? {
+    return {
       consented: false,
       preferences: { ...DEFAULT_PREFERENCES },
       isModalOpen: false
     };
-  }, [initialState, cookie.name]);
+  }, [initialState]);
   const [state, dispatch] = React.useReducer(reducer, boot);
+  const [isHydrated, setIsHydrated] = React.useState(false);
+  React.useEffect(() => {
+    if (typeof window !== "undefined" && !initialState) {
+      const saved = readConsentCookie(cookie.name);
+      if (saved?.consented) {
+        console.log("\u{1F680} Immediate hydration: Cookie found", saved);
+        dispatch({ type: "HYDRATE", state: saved });
+      }
+    }
+    setIsHydrated(true);
+  }, [cookie.name, initialState]);
   React.useEffect(() => {
     if (state.consented) writeConsentCookie(state, cookie);
   }, [state, cookie]);
@@ -374,10 +450,10 @@ function ConsentProvider({
       resetConsent
     };
   }, [state, cookie]);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_styles2.ThemeProvider, { theme: appliedTheme, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(StateCtx.Provider, { value: state, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ActionsCtx.Provider, { value: api, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(TextsCtx.Provider, { value: texts, children: [
+  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: [
     children,
-    !disableAutomaticModal && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(React.Suspense, { fallback: null, children: PreferencesModalComponent ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PreferencesModalComponent, { ...preferencesModalProps }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PreferencesModal2, {}) })
-  ] }) }) }) });
+    !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 }) })
+  ] }) }) }) }) });
 }
 function useConsentStateInternal() {
   const ctx = React.useContext(StateCtx);
@@ -395,7 +471,10 @@ function useConsentTextsInternal() {
   const ctx = React.useContext(TextsCtx);
   return ctx;
 }
-var React, import_styles2, import_jsx_runtime2, PreferencesModal2, DEFAULT_PREFERENCES, DEFAULT_TEXTS, StateCtx, ActionsCtx, TextsCtx;
+function useConsentHydrationInternal() {
+  return React.useContext(HydrationCtx);
+}
+var React, import_styles2, import_jsx_runtime3, PreferencesModal2, DEFAULT_PREFERENCES, DEFAULT_TEXTS, StateCtx, ActionsCtx, TextsCtx, HydrationCtx;
 var init_ConsentContext = __esm({
   "src/context/ConsentContext.tsx"() {
     "use strict";
@@ -403,7 +482,7 @@ var init_ConsentContext = __esm({
     import_styles2 = require("@mui/material/styles");
     init_cookieUtils();
     init_theme();
-    import_jsx_runtime2 = require("react/jsx-runtime");
+    import_jsx_runtime3 = require("react/jsx-runtime");
     PreferencesModal2 = React.lazy(
       () => Promise.resolve().then(() => (init_PreferencesModal(), PreferencesModal_exports)).then((m) => ({
         default: m.PreferencesModal
@@ -427,6 +506,7 @@ var init_ConsentContext = __esm({
     StateCtx = React.createContext(null);
     ActionsCtx = React.createContext(null);
     TextsCtx = React.createContext(DEFAULT_TEXTS);
+    HydrationCtx = React.createContext(false);
   }
 });
 
@@ -450,6 +530,9 @@ function useConsent() {
 function useConsentTexts() {
   return useConsentTextsInternal();
 }
+function useConsentHydration() {
+  return useConsentHydrationInternal();
+}
 var init_useConsent = __esm({
   "src/hooks/useConsent.ts"() {
     "use strict";
@@ -463,10 +546,12 @@ __export(index_exports, {
   ConsentGate: () => ConsentGate,
   ConsentProvider: () => ConsentProvider,
   CookieBanner: () => CookieBanner,
+  FloatingPreferencesButton: () => FloatingPreferencesButton,
   PreferencesModal: () => PreferencesModal,
   defaultConsentTheme: () => defaultConsentTheme,
   loadScript: () => loadScript,
   useConsent: () => useConsent,
+  useConsentHydration: () => useConsentHydration,
   useConsentTexts: () => useConsentTexts
 });
 module.exports = __toCommonJS(index_exports);
@@ -474,37 +559,40 @@ module.exports = __toCommonJS(index_exports);
 // src/components/CookieBanner.tsx
 var import_Button2 = __toESM(require("@mui/material/Button"), 1);
 var import_Box = __toESM(require("@mui/material/Box"), 1);
-var import_Link = __toESM(require("@mui/material/Link"), 1);
 var import_Paper = __toESM(require("@mui/material/Paper"), 1);
 var import_Snackbar = __toESM(require("@mui/material/Snackbar"), 1);
 var import_Stack = __toESM(require("@mui/material/Stack"), 1);
-var import_Typography2 = __toESM(require("@mui/material/Typography"), 1);
+var import_Typography3 = __toESM(require("@mui/material/Typography"), 1);
+var import_Link2 = __toESM(require("@mui/material/Link"), 1);
 init_useConsent();
-var import_jsx_runtime3 = require("react/jsx-runtime");
+init_Branding();
+var import_jsx_runtime4 = require("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 open = debug ? true : !consented;
+  const isHydrated = useConsentHydration();
+  const open = debug ? true : isHydrated && !consented;
   if (!open) return null;
-  const bannerContent = /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  const bannerContent = /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     import_Paper.default,
     {
       elevation: 3,
       sx: { p: 2, maxWidth: 720, mx: "auto" },
       ...PaperProps,
-      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_Stack.default, { spacing: 1, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_Typography2.default, { variant: "body2", children: [
+      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: [
           texts.bannerMessage,
           " ",
-          policyLinkUrl && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-            import_Link.default,
+          policyLinkUrl && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            import_Link2.default,
             {
               href: policyLinkUrl,
               underline: "hover",
@@ -514,25 +602,26 @@ function CookieBanner({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
           import_Stack.default,
           {
             direction: { xs: "column", sm: "row" },
             spacing: 1,
             justifyContent: "flex-end",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_Button2.default, { variant: "outlined", onClick: rejectAll, children: texts.declineAll }),
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_Button2.default, { variant: "contained", onClick: acceptAll, children: texts.acceptAll }),
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_Button2.default, { variant: "text", onClick: openPreferences, children: texts.preferences })
+              /* @__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 })
             ]
           }
-        )
+        ),
+        !hideBranding && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Branding, { variant: "banner" })
       ] })
     }
   );
   if (blocking) {
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
         import_Box.default,
         {
           sx: {
@@ -547,7 +636,7 @@ function CookieBanner({
           }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
         import_Box.default,
         {
           sx: {
@@ -564,7 +653,7 @@ function CookieBanner({
       )
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     import_Snackbar.default,
     {
       open,
@@ -577,16 +666,77 @@ function CookieBanner({
 
 // src/index.ts
 init_PreferencesModal();
+
+// src/components/FloatingPreferencesButton.tsx
+var import_CookieOutlined = __toESM(require("@mui/icons-material/CookieOutlined"), 1);
+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");
+function FloatingPreferencesButton({
+  position = "bottom-right",
+  offset = 24,
+  icon = /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_CookieOutlined.default, {}),
+  tooltip,
+  FabProps,
+  hideWhenConsented = false
+}) {
+  const { openPreferences, consented } = useConsent();
+  const theme = (0, import_styles3.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__ */ (0, import_jsx_runtime5.jsx)(import_Tooltip.default, { title: tooltipText, placement: "top", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    import_Fab.default,
+    {
+      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/index.ts
 init_ConsentContext();
 init_useConsent();
 
 // src/utils/ConsentGate.tsx
 init_useConsent();
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 function ConsentGate(props) {
   const { preferences } = useConsent();
   if (!preferences[props.category]) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: props.children });
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children: props.children });
 }
 
 // src/utils/scriptLoader.ts
@@ -633,9 +783,11 @@ init_theme();
   ConsentGate,
   ConsentProvider,
   CookieBanner,
+  FloatingPreferencesButton,
   PreferencesModal,
   defaultConsentTheme,
   loadScript,
   useConsent,
+  useConsentHydration,
   useConsentTexts
 });