react-lgpd-consent 0.4.1 → 0.4.3

package/dist/chunk-PJFGQMCI.js

@@ -0,0 +1,92 @@
+import { useConsent, useConsentTexts, useDesignTokens, logger } from './chunk-RWT2ORFE.js';
+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 * as React from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+// react-lgpd-consent - Tree-shakeable ESM build
+function useThemeWithFallbacks() {
+  const theme = useTheme();
+  logger.themeCompatibility(theme);
+  return {
+    palette: {
+      primary: {
+        main: theme?.palette?.primary?.main || "#1976d2",
+        dark: theme?.palette?.primary?.dark || "#1565c0"
+      }
+    },
+    transitions: {
+      duration: {
+        shortest: theme?.transitions?.duration?.shortest || 150,
+        short: theme?.transitions?.duration?.short || 250
+      }
+    }
+  };
+}
+var FloatingPreferencesButton = React.memo(function FloatingPreferencesButton2({
+  position = "bottom-right",
+  offset = 24,
+  icon = /* @__PURE__ */ jsx(CookieOutlined, {}),
+  tooltip,
+  FabProps,
+  hideWhenConsented = false
+}) {
+  const { openPreferences, consented } = useConsent();
+  const texts = useConsentTexts();
+  const safeTheme = useThemeWithFallbacks();
+  const designTokens = useDesignTokens();
+  const positionStyles = React.useMemo(() => {
+    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 };
+    }
+  }, [position, offset]);
+  logger.componentRender("FloatingPreferencesButton", {
+    position,
+    offset,
+    hideWhenConsented,
+    consented
+  });
+  if (hideWhenConsented && consented) {
+    logger.debug(
+      "FloatingPreferencesButton: Hidden due to hideWhenConsented=true and consented=true"
+    );
+    return null;
+  }
+  const tooltipText = tooltip ?? texts.preferencesButton ?? "Gerenciar Prefer\xEAncias de Cookies";
+  return /* @__PURE__ */ jsx(Tooltip, { title: tooltipText, placement: "top", children: /* @__PURE__ */ jsx(
+    Fab,
+    {
+      size: "medium",
+      color: "primary",
+      onClick: openPreferences,
+      sx: {
+        ...positionStyles,
+        backgroundColor: designTokens?.colors?.primary ?? safeTheme.palette.primary.main,
+        "&:hover": {
+          backgroundColor: designTokens?.colors?.primary ? designTokens?.colors?.primary : safeTheme.palette.primary.dark
+        },
+        transition: `all ${safeTheme.transitions.duration.short}ms`
+      },
+      "aria-label": tooltipText,
+      ...FabProps,
+      children: icon
+    }
+  ) });
+});
+
+export { FloatingPreferencesButton };