@react-lgpd-consent/mui 0.7.1 → 0.8.0

package/dist/index.js

@@ -1,11 +1,11 @@
-import { useConsentTexts, useDesignTokens, useConsent, logger, useConsentHydration, useCategories, getCookiesInfoForCategory, ConsentProvider as ConsentProvider$1 } from '@react-lgpd-consent/core';
+import { useConsentTexts, resolveTexts, useDesignTokens, useConsent, logger, useConsentHydration, useCategories, getCookiesInfoForCategory, ConsentProvider as ConsentProvider$1 } from '@react-lgpd-consent/core';
 export * from '@react-lgpd-consent/core';
 import * as core from '@react-lgpd-consent/core';
 export { core as headless };
 export { ConsentProvider as ConsentProviderHeadless } from '@react-lgpd-consent/core';
 import Link from '@mui/material/Link';
 import Typography from '@mui/material/Typography';
-import * as React3 from 'react';
+import * as React4 from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useTheme, ThemeProvider } from '@mui/material/styles';
 import Box2 from '@mui/material/Box';
@@ -52,11 +52,22 @@ var linkStyles = {
     textDecoration: "underline"
   }
 };
-var Branding = React3.memo(function Branding2({
+var Branding = React4.memo(function Branding2({
   variant,
-  hidden = false
+  hidden = false,
+  texts: textsProp,
+  language,
+  textVariant
 }) {
-  const texts = useConsentTexts();
+  const baseTexts = useConsentTexts();
+  const mergedTexts = React4.useMemo(
+    () => ({ ...baseTexts, ...textsProp ?? {} }),
+    [baseTexts, textsProp]
+  );
+  const texts = React4.useMemo(
+    () => resolveTexts(mergedTexts, { language, variant: textVariant }),
+    [mergedTexts, language, textVariant]
+  );
   const designTokens = useDesignTokens();
   if (hidden) return null;
   return /* @__PURE__ */ jsxs(
@@ -94,10 +105,21 @@ function CookieBanner({
   blocking = true,
   hideBranding = false,
   SnackbarProps,
-  PaperProps
+  PaperProps,
+  texts: textsProp,
+  language,
+  textVariant
 }) {
   const { consented, acceptAll, rejectAll, openPreferences } = useConsent();
-  const texts = useConsentTexts();
+  const baseTexts = useConsentTexts();
+  const mergedTexts = React4.useMemo(
+    () => ({ ...baseTexts, ...textsProp ?? {} }),
+    [baseTexts, textsProp]
+  );
+  const texts = React4.useMemo(
+    () => resolveTexts(mergedTexts, { language, variant: textVariant }),
+    [mergedTexts, language, textVariant]
+  );
   const isHydrated = useConsentHydration();
   const designTokens = useDesignTokens();
   const open = debug ? true : isHydrated && !consented;
@@ -172,7 +194,15 @@ function CookieBanner({
         }
       )
     ] }),
-    !hideBranding && /* @__PURE__ */ jsx(Branding, { variant: "banner" })
+    !hideBranding && /* @__PURE__ */ jsx(
+      Branding,
+      {
+        variant: "banner",
+        texts: textsProp,
+        language,
+        textVariant
+      }
+    )
   ] }) });
   const resolveBannerZIndex = (theme) => designTokens?.layout?.zIndex?.banner ?? theme?.zIndex?.snackbar ?? 1400;
   const positionStyle = (theme) => ({
@@ -272,13 +302,24 @@ function FloatingPreferencesButtonComponent({
   icon = /* @__PURE__ */ jsx(CookieOutlined, {}),
   tooltip,
   FabProps,
-  hideWhenConsented = false
+  hideWhenConsented = false,
+  texts: textsProp,
+  language,
+  textVariant
 }) {
   const { openPreferences, consented } = useConsent();
-  const texts = useConsentTexts();
+  const baseTexts = useConsentTexts();
+  const mergedTexts = React4.useMemo(
+    () => ({ ...baseTexts, ...textsProp ?? {} }),
+    [baseTexts, textsProp]
+  );
+  const texts = React4.useMemo(
+    () => resolveTexts(mergedTexts, { language, variant: textVariant }),
+    [mergedTexts, language, textVariant]
+  );
   const safeTheme = useThemeWithFallbacks();
   const designTokens = useDesignTokens();
-  const positionStyles = React3.useMemo(() => {
+  const positionStyles = React4.useMemo(() => {
     const styles = {
       position: "fixed",
       zIndex: 1200
@@ -329,7 +370,7 @@ function FloatingPreferencesButtonComponent({
     }
   ) });
 }
-var FloatingPreferencesButton = React3.memo(FloatingPreferencesButtonComponent);
+var FloatingPreferencesButton = React4.memo(FloatingPreferencesButtonComponent);
 FloatingPreferencesButton.displayName = "FloatingPreferencesButton";
 function PreferencesModal({
   DialogProps: DialogProps2,
@@ -337,26 +378,37 @@ function PreferencesModal({
   isModalOpen: isModalOpenProp,
   preferences: preferencesProp,
   setPreferences: setPreferencesProp,
-  closePreferences: closePreferencesProp
+  closePreferences: closePreferencesProp,
+  texts: textsProp,
+  language,
+  textVariant
 }) {
   const hookValue = useConsent();
   const preferences = preferencesProp ?? hookValue.preferences;
   const setPreferences = setPreferencesProp ?? hookValue.setPreferences;
   const closePreferences = closePreferencesProp ?? hookValue.closePreferences;
   const isModalOpen = isModalOpenProp ?? hookValue.isModalOpen;
-  const texts = useConsentTexts();
+  const baseTexts = useConsentTexts();
+  const mergedTexts = React4.useMemo(
+    () => ({ ...baseTexts, ...textsProp ?? {} }),
+    [baseTexts, textsProp]
+  );
+  const texts = React4.useMemo(
+    () => resolveTexts(mergedTexts, { language, variant: textVariant }),
+    [mergedTexts, language, textVariant]
+  );
   const designTokens = useDesignTokens();
   const { toggleableCategories, allCategories } = useCategories();
-  const getInitialPreferences = React3.useCallback(() => {
+  const getInitialPreferences = React4.useCallback(() => {
     const syncedPrefs = { necessary: true };
     toggleableCategories.forEach((category) => {
       syncedPrefs[category.id] = preferences[category.id] ?? false;
     });
     return syncedPrefs;
   }, [preferences, toggleableCategories]);
-  const [tempPreferences, setTempPreferences] = React3.useState(getInitialPreferences);
-  const wasOpenRef = React3.useRef(isModalOpen);
-  React3.useEffect(() => {
+  const [tempPreferences, setTempPreferences] = React4.useState(getInitialPreferences);
+  const wasOpenRef = React4.useRef(isModalOpen);
+  React4.useEffect(() => {
     const justOpened = isModalOpen && !wasOpenRef.current;
     wasOpenRef.current = isModalOpen;
     if (justOpened) {
@@ -374,6 +426,7 @@ function PreferencesModal({
     setTempPreferences(preferences);
     closePreferences();
   };
+  const descriptionId = "cookie-pref-description";
   const modalTitleSx = (theme) => ({
     fontSize: designTokens?.typography?.fontSize?.modal ?? void 0,
     color: designTokens?.colors?.text ?? theme.palette.text.primary
@@ -383,7 +436,7 @@ function PreferencesModal({
     backgroundColor: designTokens?.colors?.background ?? theme.palette.background.paper,
     color: designTokens?.colors?.text ?? theme.palette.text.primary
   });
-  const resolveModalZIndex = React3.useCallback(
+  const resolveModalZIndex = React4.useCallback(
     (theme) => designTokens?.layout?.zIndex?.modal ?? (theme?.zIndex?.modal ?? 1300) + 10,
     [designTokens?.layout?.zIndex?.modal]
   );
@@ -398,11 +451,13 @@ function PreferencesModal({
     ...modalZIndexToken ? { style: { zIndex: modalZIndexToken } } : {},
     "data-testid": dialogRest?.slotProps?.root?.["data-testid"] ?? "lgpd-preferences-modal-root"
   };
+  const ariaDescribedBy = dialogRest["aria-describedby"] ?? descriptionId;
   const mergedDialogProps = {
     open,
     fullWidth: true,
     maxWidth: "sm",
     ...dialogRest,
+    "aria-describedby": ariaDescribedBy,
     slotProps: {
       ...dialogRest?.slotProps,
       root: rootSlotProps
@@ -414,6 +469,7 @@ function PreferencesModal({
       /* @__PURE__ */ jsx(
         Typography,
         {
+          id: descriptionId,
           variant: "body2",
           sx: (theme) => ({
             mb: 2,
@@ -429,6 +485,10 @@ function PreferencesModal({
           const namesFromGuidance = full?.cookies ?? [];
           const used = globalThis.__LGPD_USED_INTEGRATIONS__ || [];
           const descriptors = getCookiesInfoForCategory(category.id, used);
+          const tableHeaders = texts.cookieDetails?.tableHeaders;
+          const toggleDetailsText = texts.cookieDetails?.toggleDetails?.expand ?? "Ver detalhes";
+          const scriptLabelPrefix = texts.cookieDetails?.scriptLabelPrefix ?? "(script) ";
+          const scriptPurpose = texts.cookieDetails?.scriptPurpose ?? "Script de integra\xE7\xE3o ativo";
           const enrichedDescriptors = descriptors.map((desc) => {
             if (desc.purpose && desc.duration && desc.provider) {
               return desc;
@@ -449,8 +509,8 @@ function PreferencesModal({
             if (merged.length === 0) {
               const gmap = globalThis.__LGPD_INTEGRATIONS_MAP__ || {};
               const scriptRows = Object.entries(gmap).filter(([, cat]) => cat === category.id).map(([id]) => ({
-                name: `(script) ${id}`,
-                purpose: "Script de integra\xE7\xE3o ativo",
+                name: `${scriptLabelPrefix}${id}`,
+                purpose: scriptPurpose,
                 duration: "-",
                 provider: "-"
               }));
@@ -476,13 +536,13 @@ function PreferencesModal({
               }
             ),
             /* @__PURE__ */ jsxs("details", { style: { marginLeft: 48 }, children: [
-              /* @__PURE__ */ jsx("summary", { children: "Ver detalhes" }),
+              /* @__PURE__ */ jsx("summary", { children: toggleDetailsText }),
               /* @__PURE__ */ jsx(Box2, { sx: { mt: 1 }, children: /* @__PURE__ */ jsxs("table", { style: { width: "100%", borderCollapse: "collapse" }, children: [
                 /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
-                  /* @__PURE__ */ jsx("th", { style: { textAlign: "left" }, children: "Cookie" }),
-                  /* @__PURE__ */ jsx("th", { style: { textAlign: "left" }, children: "Finalidade" }),
-                  /* @__PURE__ */ jsx("th", { style: { textAlign: "left" }, children: "Dura\xE7\xE3o" }),
-                  /* @__PURE__ */ jsx("th", { style: { textAlign: "left" }, children: "Fornecedor" })
+                  /* @__PURE__ */ jsx("th", { style: { textAlign: "left" }, children: tableHeaders?.name ?? "Cookie" }),
+                  /* @__PURE__ */ jsx("th", { style: { textAlign: "left" }, children: tableHeaders?.purpose ?? "Finalidade" }),
+                  /* @__PURE__ */ jsx("th", { style: { textAlign: "left" }, children: tableHeaders?.duration ?? "Dura\xE7\xE3o" }),
+                  /* @__PURE__ */ jsx("th", { style: { textAlign: "left" }, children: tableHeaders?.provider ?? "Fornecedor" })
                 ] }) }),
                 /* @__PURE__ */ jsx("tbody", { children: mergedFinal.map((d, idx) => /* @__PURE__ */ jsxs("tr", { children: [
                   /* @__PURE__ */ jsx("td", { children: d.name }),
@@ -496,13 +556,13 @@ function PreferencesModal({
         }),
         /* @__PURE__ */ jsx(FormControlLabel, { control: /* @__PURE__ */ jsx(Switch, { checked: true, disabled: true }), label: texts.necessaryAlwaysOn }),
         /* @__PURE__ */ jsxs("details", { style: { marginLeft: 48 }, children: [
-          /* @__PURE__ */ jsx("summary", { children: "Ver detalhes" }),
+          /* @__PURE__ */ jsx("summary", { children: texts.cookieDetails?.toggleDetails?.expand ?? "Ver detalhes" }),
           /* @__PURE__ */ jsx(Box2, { sx: { mt: 1 }, children: /* @__PURE__ */ jsxs("table", { style: { width: "100%", borderCollapse: "collapse" }, children: [
             /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
-              /* @__PURE__ */ jsx("th", { style: { textAlign: "left" }, children: "Cookie" }),
-              /* @__PURE__ */ jsx("th", { style: { textAlign: "left" }, children: "Finalidade" }),
-              /* @__PURE__ */ jsx("th", { style: { textAlign: "left" }, children: "Dura\xE7\xE3o" }),
-              /* @__PURE__ */ jsx("th", { style: { textAlign: "left" }, children: "Fornecedor" })
+              /* @__PURE__ */ jsx("th", { style: { textAlign: "left" }, children: texts.cookieDetails?.tableHeaders?.name ?? "Cookie" }),
+              /* @__PURE__ */ jsx("th", { style: { textAlign: "left" }, children: texts.cookieDetails?.tableHeaders?.purpose ?? "Finalidade" }),
+              /* @__PURE__ */ jsx("th", { style: { textAlign: "left" }, children: texts.cookieDetails?.tableHeaders?.duration ?? "Dura\xE7\xE3o" }),
+              /* @__PURE__ */ jsx("th", { style: { textAlign: "left" }, children: texts.cookieDetails?.tableHeaders?.provider ?? "Fornecedor" })
             ] }) }),
             /* @__PURE__ */ jsx("tbody", { children: (() => {
               const used = globalThis.__LGPD_USED_INTEGRATIONS__ || [];
@@ -525,7 +585,7 @@ function PreferencesModal({
       /* @__PURE__ */ jsx(Button, { variant: "outlined", onClick: handleCancel, children: texts.close }),
       /* @__PURE__ */ jsx(Button, { variant: "contained", onClick: handleSave, children: texts.save })
     ] }),
-    !hideBranding && /* @__PURE__ */ jsx(Branding, { variant: "modal" })
+    !hideBranding && /* @__PURE__ */ jsx(Branding, { variant: "modal", texts: textsProp, language, textVariant })
   ] });
 }
 function ConsentProvider({

package/dist/ui.cjs

@@ -3,7 +3,7 @@
 var Link = require('@mui/material/Link');
 var Typography = require('@mui/material/Typography');
 var core = require('@react-lgpd-consent/core');
-var React3 = require('react');
+var React4 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var styles = require('@mui/material/styles');
 var Box2 = require('@mui/material/Box');
@@ -44,7 +44,7 @@ function _interopNamespace(e) {
 
 var Link__default = /*#__PURE__*/_interopDefault(Link);
 var Typography__default = /*#__PURE__*/_interopDefault(Typography);
-var React3__namespace = /*#__PURE__*/_interopNamespace(React3);
+var React4__namespace = /*#__PURE__*/_interopNamespace(React4);
 var Box2__default = /*#__PURE__*/_interopDefault(Box2);
 var Button__default = /*#__PURE__*/_interopDefault(Button);
 var Paper__default = /*#__PURE__*/_interopDefault(Paper);
@@ -89,11 +89,22 @@ var linkStyles = {
     textDecoration: "underline"
   }
 };
-var Branding = React3__namespace.memo(function Branding2({
+var Branding = React4__namespace.memo(function Branding2({
   variant,
-  hidden = false
+  hidden = false,
+  texts: textsProp,
+  language,
+  textVariant
 }) {
-  const texts = core.useConsentTexts();
+  const baseTexts = core.useConsentTexts();
+  const mergedTexts = React4__namespace.useMemo(
+    () => ({ ...baseTexts, ...textsProp ?? {} }),
+    [baseTexts, textsProp]
+  );
+  const texts = React4__namespace.useMemo(
+    () => core.resolveTexts(mergedTexts, { language, variant: textVariant }),
+    [mergedTexts, language, textVariant]
+  );
   const designTokens = core.useDesignTokens();
   if (hidden) return null;
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -131,10 +142,21 @@ function CookieBanner({
   blocking = true,
   hideBranding = false,
   SnackbarProps,
-  PaperProps
+  PaperProps,
+  texts: textsProp,
+  language,
+  textVariant
 }) {
   const { consented, acceptAll, rejectAll, openPreferences } = core.useConsent();
-  const texts = core.useConsentTexts();
+  const baseTexts = core.useConsentTexts();
+  const mergedTexts = React4__namespace.useMemo(
+    () => ({ ...baseTexts, ...textsProp ?? {} }),
+    [baseTexts, textsProp]
+  );
+  const texts = React4__namespace.useMemo(
+    () => core.resolveTexts(mergedTexts, { language, variant: textVariant }),
+    [mergedTexts, language, textVariant]
+  );
   const isHydrated = core.useConsentHydration();
   const designTokens = core.useDesignTokens();
   const open = debug ? true : isHydrated && !consented;
@@ -209,7 +231,15 @@ function CookieBanner({
         }
       )
     ] }),
-    !hideBranding && /* @__PURE__ */ jsxRuntime.jsx(Branding, { variant: "banner" })
+    !hideBranding && /* @__PURE__ */ jsxRuntime.jsx(
+      Branding,
+      {
+        variant: "banner",
+        texts: textsProp,
+        language,
+        textVariant
+      }
+    )
   ] }) });
   const resolveBannerZIndex = (theme) => designTokens?.layout?.zIndex?.banner ?? theme?.zIndex?.snackbar ?? 1400;
   const positionStyle = (theme) => ({
@@ -309,13 +339,24 @@ function FloatingPreferencesButtonComponent({
   icon = /* @__PURE__ */ jsxRuntime.jsx(CookieOutlined__default.default, {}),
   tooltip,
   FabProps,
-  hideWhenConsented = false
+  hideWhenConsented = false,
+  texts: textsProp,
+  language,
+  textVariant
 }) {
   const { openPreferences, consented } = core.useConsent();
-  const texts = core.useConsentTexts();
+  const baseTexts = core.useConsentTexts();
+  const mergedTexts = React4__namespace.useMemo(
+    () => ({ ...baseTexts, ...textsProp ?? {} }),
+    [baseTexts, textsProp]
+  );
+  const texts = React4__namespace.useMemo(
+    () => core.resolveTexts(mergedTexts, { language, variant: textVariant }),
+    [mergedTexts, language, textVariant]
+  );
   const safeTheme = useThemeWithFallbacks();
   const designTokens = core.useDesignTokens();
-  const positionStyles = React3__namespace.useMemo(() => {
+  const positionStyles = React4__namespace.useMemo(() => {
     const styles = {
       position: "fixed",
       zIndex: 1200
@@ -366,7 +407,7 @@ function FloatingPreferencesButtonComponent({
     }
   ) });
 }
-var FloatingPreferencesButton = React3__namespace.memo(FloatingPreferencesButtonComponent);
+var FloatingPreferencesButton = React4__namespace.memo(FloatingPreferencesButtonComponent);
 FloatingPreferencesButton.displayName = "FloatingPreferencesButton";
 function PreferencesModal({
   DialogProps: DialogProps2,
@@ -374,26 +415,37 @@ function PreferencesModal({
   isModalOpen: isModalOpenProp,
   preferences: preferencesProp,
   setPreferences: setPreferencesProp,
-  closePreferences: closePreferencesProp
+  closePreferences: closePreferencesProp,
+  texts: textsProp,
+  language,
+  textVariant
 }) {
   const hookValue = core.useConsent();
   const preferences = preferencesProp ?? hookValue.preferences;
   const setPreferences = setPreferencesProp ?? hookValue.setPreferences;
   const closePreferences = closePreferencesProp ?? hookValue.closePreferences;
   const isModalOpen = isModalOpenProp ?? hookValue.isModalOpen;
-  const texts = core.useConsentTexts();
+  const baseTexts = core.useConsentTexts();
+  const mergedTexts = React4__namespace.useMemo(
+    () => ({ ...baseTexts, ...textsProp ?? {} }),
+    [baseTexts, textsProp]
+  );
+  const texts = React4__namespace.useMemo(
+    () => core.resolveTexts(mergedTexts, { language, variant: textVariant }),
+    [mergedTexts, language, textVariant]
+  );
   const designTokens = core.useDesignTokens();
   const { toggleableCategories, allCategories } = core.useCategories();
-  const getInitialPreferences = React3__namespace.useCallback(() => {
+  const getInitialPreferences = React4__namespace.useCallback(() => {
     const syncedPrefs = { necessary: true };
     toggleableCategories.forEach((category) => {
       syncedPrefs[category.id] = preferences[category.id] ?? false;
     });
     return syncedPrefs;
   }, [preferences, toggleableCategories]);
-  const [tempPreferences, setTempPreferences] = React3__namespace.useState(getInitialPreferences);
-  const wasOpenRef = React3__namespace.useRef(isModalOpen);
-  React3__namespace.useEffect(() => {
+  const [tempPreferences, setTempPreferences] = React4__namespace.useState(getInitialPreferences);
+  const wasOpenRef = React4__namespace.useRef(isModalOpen);
+  React4__namespace.useEffect(() => {
     const justOpened = isModalOpen && !wasOpenRef.current;
     wasOpenRef.current = isModalOpen;
     if (justOpened) {
@@ -411,6 +463,7 @@ function PreferencesModal({
     setTempPreferences(preferences);
     closePreferences();
   };
+  const descriptionId = "cookie-pref-description";
   const modalTitleSx = (theme) => ({
     fontSize: designTokens?.typography?.fontSize?.modal ?? void 0,
     color: designTokens?.colors?.text ?? theme.palette.text.primary
@@ -420,7 +473,7 @@ function PreferencesModal({
     backgroundColor: designTokens?.colors?.background ?? theme.palette.background.paper,
     color: designTokens?.colors?.text ?? theme.palette.text.primary
   });
-  const resolveModalZIndex = React3__namespace.useCallback(
+  const resolveModalZIndex = React4__namespace.useCallback(
     (theme) => designTokens?.layout?.zIndex?.modal ?? (theme?.zIndex?.modal ?? 1300) + 10,
     [designTokens?.layout?.zIndex?.modal]
   );
@@ -435,11 +488,13 @@ function PreferencesModal({
     ...modalZIndexToken ? { style: { zIndex: modalZIndexToken } } : {},
     "data-testid": dialogRest?.slotProps?.root?.["data-testid"] ?? "lgpd-preferences-modal-root"
   };
+  const ariaDescribedBy = dialogRest["aria-describedby"] ?? descriptionId;
   const mergedDialogProps = {
     open,
     fullWidth: true,
     maxWidth: "sm",
     ...dialogRest,
+    "aria-describedby": ariaDescribedBy,
     slotProps: {
       ...dialogRest?.slotProps,
       root: rootSlotProps
@@ -451,6 +506,7 @@ function PreferencesModal({
       /* @__PURE__ */ jsxRuntime.jsx(
         Typography__default.default,
         {
+          id: descriptionId,
           variant: "body2",
           sx: (theme) => ({
             mb: 2,
@@ -466,6 +522,10 @@ function PreferencesModal({
           const namesFromGuidance = full?.cookies ?? [];
           const used = globalThis.__LGPD_USED_INTEGRATIONS__ || [];
           const descriptors = core.getCookiesInfoForCategory(category.id, used);
+          const tableHeaders = texts.cookieDetails?.tableHeaders;
+          const toggleDetailsText = texts.cookieDetails?.toggleDetails?.expand ?? "Ver detalhes";
+          const scriptLabelPrefix = texts.cookieDetails?.scriptLabelPrefix ?? "(script) ";
+          const scriptPurpose = texts.cookieDetails?.scriptPurpose ?? "Script de integra\xE7\xE3o ativo";
           const enrichedDescriptors = descriptors.map((desc) => {
             if (desc.purpose && desc.duration && desc.provider) {
               return desc;
@@ -486,8 +546,8 @@ function PreferencesModal({
             if (merged.length === 0) {
               const gmap = globalThis.__LGPD_INTEGRATIONS_MAP__ || {};
               const scriptRows = Object.entries(gmap).filter(([, cat]) => cat === category.id).map(([id]) => ({
-                name: `(script) ${id}`,
-                purpose: "Script de integra\xE7\xE3o ativo",
+                name: `${scriptLabelPrefix}${id}`,
+                purpose: scriptPurpose,
                 duration: "-",
                 provider: "-"
               }));
@@ -513,13 +573,13 @@ function PreferencesModal({
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsxs("details", { style: { marginLeft: 48 }, children: [
-              /* @__PURE__ */ jsxRuntime.jsx("summary", { children: "Ver detalhes" }),
+              /* @__PURE__ */ jsxRuntime.jsx("summary", { children: toggleDetailsText }),
               /* @__PURE__ */ jsxRuntime.jsx(Box2__default.default, { sx: { mt: 1 }, children: /* @__PURE__ */ jsxRuntime.jsxs("table", { style: { width: "100%", borderCollapse: "collapse" }, children: [
                 /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("th", { style: { textAlign: "left" }, children: "Cookie" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("th", { style: { textAlign: "left" }, children: "Finalidade" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("th", { style: { textAlign: "left" }, children: "Dura\xE7\xE3o" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("th", { style: { textAlign: "left" }, children: "Fornecedor" })
+                  /* @__PURE__ */ jsxRuntime.jsx("th", { style: { textAlign: "left" }, children: tableHeaders?.name ?? "Cookie" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("th", { style: { textAlign: "left" }, children: tableHeaders?.purpose ?? "Finalidade" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("th", { style: { textAlign: "left" }, children: tableHeaders?.duration ?? "Dura\xE7\xE3o" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("th", { style: { textAlign: "left" }, children: tableHeaders?.provider ?? "Fornecedor" })
                 ] }) }),
                 /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: mergedFinal.map((d, idx) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
                   /* @__PURE__ */ jsxRuntime.jsx("td", { children: d.name }),
@@ -533,13 +593,13 @@ function PreferencesModal({
         }),
         /* @__PURE__ */ jsxRuntime.jsx(FormControlLabel__default.default, { control: /* @__PURE__ */ jsxRuntime.jsx(Switch__default.default, { checked: true, disabled: true }), label: texts.necessaryAlwaysOn }),
         /* @__PURE__ */ jsxRuntime.jsxs("details", { style: { marginLeft: 48 }, children: [
-          /* @__PURE__ */ jsxRuntime.jsx("summary", { children: "Ver detalhes" }),
+          /* @__PURE__ */ jsxRuntime.jsx("summary", { children: texts.cookieDetails?.toggleDetails?.expand ?? "Ver detalhes" }),
           /* @__PURE__ */ jsxRuntime.jsx(Box2__default.default, { sx: { mt: 1 }, children: /* @__PURE__ */ jsxRuntime.jsxs("table", { style: { width: "100%", borderCollapse: "collapse" }, children: [
             /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx("th", { style: { textAlign: "left" }, children: "Cookie" }),
-              /* @__PURE__ */ jsxRuntime.jsx("th", { style: { textAlign: "left" }, children: "Finalidade" }),
-              /* @__PURE__ */ jsxRuntime.jsx("th", { style: { textAlign: "left" }, children: "Dura\xE7\xE3o" }),
-              /* @__PURE__ */ jsxRuntime.jsx("th", { style: { textAlign: "left" }, children: "Fornecedor" })
+              /* @__PURE__ */ jsxRuntime.jsx("th", { style: { textAlign: "left" }, children: texts.cookieDetails?.tableHeaders?.name ?? "Cookie" }),
+              /* @__PURE__ */ jsxRuntime.jsx("th", { style: { textAlign: "left" }, children: texts.cookieDetails?.tableHeaders?.purpose ?? "Finalidade" }),
+              /* @__PURE__ */ jsxRuntime.jsx("th", { style: { textAlign: "left" }, children: texts.cookieDetails?.tableHeaders?.duration ?? "Dura\xE7\xE3o" }),
+              /* @__PURE__ */ jsxRuntime.jsx("th", { style: { textAlign: "left" }, children: texts.cookieDetails?.tableHeaders?.provider ?? "Fornecedor" })
             ] }) }),
             /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: (() => {
               const used = globalThis.__LGPD_USED_INTEGRATIONS__ || [];
@@ -562,7 +622,7 @@ function PreferencesModal({
       /* @__PURE__ */ jsxRuntime.jsx(Button__default.default, { variant: "outlined", onClick: handleCancel, children: texts.close }),
       /* @__PURE__ */ jsxRuntime.jsx(Button__default.default, { variant: "contained", onClick: handleSave, children: texts.save })
     ] }),
-    !hideBranding && /* @__PURE__ */ jsxRuntime.jsx(Branding, { variant: "modal" })
+    !hideBranding && /* @__PURE__ */ jsxRuntime.jsx(Branding, { variant: "modal", texts: textsProp, language, textVariant })
   ] });
 }
 function ConsentProvider({