react-lgpd-consent 0.4.1 → 0.4.4

package/dist/chunk-25XEI2DZ.cjs

@@ -0,0 +1,193 @@
+'use strict';
+
+var chunkORI4PLVG_cjs = require('./chunk-ORI4PLVG.cjs');
+var Box = require('@mui/material/Box');
+var Button = require('@mui/material/Button');
+var Dialog = require('@mui/material/Dialog');
+var DialogActions = require('@mui/material/DialogActions');
+var DialogContent = require('@mui/material/DialogContent');
+var DialogTitle = require('@mui/material/DialogTitle');
+var FormControlLabel = require('@mui/material/FormControlLabel');
+var FormGroup = require('@mui/material/FormGroup');
+var Switch = require('@mui/material/Switch');
+var Typography = require('@mui/material/Typography');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var Box__default = /*#__PURE__*/_interopDefault(Box);
+var Button__default = /*#__PURE__*/_interopDefault(Button);
+var Dialog__default = /*#__PURE__*/_interopDefault(Dialog);
+var DialogActions__default = /*#__PURE__*/_interopDefault(DialogActions);
+var DialogContent__default = /*#__PURE__*/_interopDefault(DialogContent);
+var DialogTitle__default = /*#__PURE__*/_interopDefault(DialogTitle);
+var FormControlLabel__default = /*#__PURE__*/_interopDefault(FormControlLabel);
+var FormGroup__default = /*#__PURE__*/_interopDefault(FormGroup);
+var Switch__default = /*#__PURE__*/_interopDefault(Switch);
+var Typography__default = /*#__PURE__*/_interopDefault(Typography);
+
+// react-lgpd-consent - Tree-shakeable ESM build
+function PreferencesModal({
+  DialogProps: DialogProps2,
+  hideBranding = false
+}) {
+  const { preferences, setPreferences, closePreferences, isModalOpen } = chunkORI4PLVG_cjs.useConsent();
+  const texts = chunkORI4PLVG_cjs.useConsentTexts();
+  const designTokens = chunkORI4PLVG_cjs.useDesignTokens();
+  const { toggleableCategories, allCategories } = chunkORI4PLVG_cjs.useCategories();
+  const [tempPreferences, setTempPreferences] = react.useState(() => {
+    const initialPrefs = { necessary: true };
+    toggleableCategories.forEach((category) => {
+      initialPrefs[category.id] = preferences[category.id] ?? false;
+    });
+    return initialPrefs;
+  });
+  react.useEffect(() => {
+    if (isModalOpen) {
+      const syncedPrefs = { necessary: true };
+      toggleableCategories.forEach((category) => {
+        syncedPrefs[category.id] = preferences[category.id] ?? false;
+      });
+      setTempPreferences(syncedPrefs);
+    }
+  }, [isModalOpen, preferences, toggleableCategories]);
+  const open = DialogProps2?.open ?? isModalOpen ?? false;
+  const handleSave = () => {
+    setPreferences(tempPreferences);
+  };
+  const handleCancel = () => {
+    setTempPreferences(preferences);
+    closePreferences();
+  };
+  const modalTitleSx = (theme) => ({
+    fontSize: designTokens?.typography?.fontSize?.modal ?? void 0,
+    color: designTokens?.colors?.text ?? theme.palette.text.primary
+  });
+  const modalContentSx = (theme) => ({
+    p: designTokens?.spacing?.padding?.modal ?? void 0,
+    backgroundColor: designTokens?.colors?.background ?? theme.palette.background.paper,
+    color: designTokens?.colors?.text ?? theme.palette.text.primary
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(Dialog__default.default, { "aria-labelledby": "cookie-pref-title", open, onClose: handleCancel, ...DialogProps2, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(DialogTitle__default.default, { id: "cookie-pref-title", sx: modalTitleSx, children: texts.modalTitle }),
+    /* @__PURE__ */ jsxRuntime.jsxs(DialogContent__default.default, { dividers: true, sx: modalContentSx, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Typography__default.default,
+        {
+          variant: "body2",
+          sx: (theme) => ({
+            mb: 2,
+            fontSize: designTokens?.typography?.fontSize?.modal ?? void 0,
+            color: designTokens?.colors?.text ?? theme.palette.text.primary
+          }),
+          children: texts.modalIntro
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs(FormGroup__default.default, { children: [
+        toggleableCategories.map((category) => {
+          const full = allCategories.find((c) => c.id === category.id);
+          const namesFromGuidance = full?.cookies ?? [];
+          const used = globalThis.__LGPD_USED_INTEGRATIONS__ || [];
+          const descriptors = chunkORI4PLVG_cjs.getCookiesInfoForCategory(category.id, used);
+          const enrichedDescriptors = descriptors.map((desc) => {
+            if (desc.purpose && desc.duration && desc.provider) {
+              return desc;
+            }
+            return {
+              name: desc.name,
+              purpose: desc.purpose || "-",
+              duration: desc.duration || "-",
+              provider: desc.provider || "-"
+            };
+          });
+          const merged = [
+            ...enrichedDescriptors,
+            ...namesFromGuidance.filter((n) => !enrichedDescriptors.find((d) => d.name === n)).map((n) => ({ name: n, purpose: "-", duration: "-", provider: "-" }))
+          ];
+          let mergedFinal = merged;
+          try {
+            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",
+                duration: "-",
+                provider: "-"
+              }));
+              if (scriptRows.length > 0) mergedFinal = scriptRows;
+            }
+          } catch {
+          }
+          return /* @__PURE__ */ jsxRuntime.jsxs(Box__default.default, { sx: { mb: 1 }, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              FormControlLabel__default.default,
+              {
+                control: /* @__PURE__ */ jsxRuntime.jsx(
+                  Switch__default.default,
+                  {
+                    checked: tempPreferences[category.id] ?? false,
+                    onChange: (e) => setTempPreferences((prev) => ({
+                      ...prev,
+                      [category.id]: e.target.checked
+                    }))
+                  }
+                ),
+                label: `${category.name} - ${category.description}`
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs("details", { style: { marginLeft: 48 }, children: [
+              /* @__PURE__ */ jsxRuntime.jsx("summary", { children: "Ver detalhes" }),
+              /* @__PURE__ */ jsxRuntime.jsx(Box__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("tbody", { children: mergedFinal.map((d, idx) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("td", { children: d.name }),
+                  /* @__PURE__ */ jsxRuntime.jsx("td", { children: d.purpose }),
+                  /* @__PURE__ */ jsxRuntime.jsx("td", { children: d.duration }),
+                  /* @__PURE__ */ jsxRuntime.jsx("td", { children: d.provider })
+                ] }, d.name + idx)) })
+              ] }) })
+            ] })
+          ] }, category.id);
+        }),
+        /* @__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(Box__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("tbody", { children: (() => {
+              const used = globalThis.__LGPD_USED_INTEGRATIONS__ || [];
+              const necessaryCookies = chunkORI4PLVG_cjs.getCookiesInfoForCategory(
+                "necessary",
+                used
+              );
+              return necessaryCookies.map((d, idx) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+                /* @__PURE__ */ jsxRuntime.jsx("td", { children: d.name }),
+                /* @__PURE__ */ jsxRuntime.jsx("td", { children: d.purpose || "-" }),
+                /* @__PURE__ */ jsxRuntime.jsx("td", { children: d.duration || "-" }),
+                /* @__PURE__ */ jsxRuntime.jsx("td", { children: d.provider || "-" })
+              ] }, d.name + idx));
+            })() })
+          ] }) })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(DialogActions__default.default, { children: [
+      /* @__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(chunkORI4PLVG_cjs.Branding, { variant: "modal" })
+  ] });
+}
+
+exports.PreferencesModal = PreferencesModal;

package/dist/chunk-FJKRAERJ.cjs

@@ -0,0 +1,119 @@
+'use strict';
+
+var chunkORI4PLVG_cjs = require('./chunk-ORI4PLVG.cjs');
+var CookieOutlined = require('@mui/icons-material/CookieOutlined');
+var Fab = require('@mui/material/Fab');
+var Tooltip = require('@mui/material/Tooltip');
+var styles = require('@mui/material/styles');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var CookieOutlined__default = /*#__PURE__*/_interopDefault(CookieOutlined);
+var Fab__default = /*#__PURE__*/_interopDefault(Fab);
+var Tooltip__default = /*#__PURE__*/_interopDefault(Tooltip);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+// react-lgpd-consent - Tree-shakeable ESM build
+function useThemeWithFallbacks() {
+  const theme = styles.useTheme();
+  chunkORI4PLVG_cjs.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__namespace.memo(function FloatingPreferencesButton2({
+  position = "bottom-right",
+  offset = 24,
+  icon = /* @__PURE__ */ jsxRuntime.jsx(CookieOutlined__default.default, {}),
+  tooltip,
+  FabProps,
+  hideWhenConsented = false
+}) {
+  const { openPreferences, consented } = chunkORI4PLVG_cjs.useConsent();
+  const texts = chunkORI4PLVG_cjs.useConsentTexts();
+  const safeTheme = useThemeWithFallbacks();
+  const designTokens = chunkORI4PLVG_cjs.useDesignTokens();
+  const positionStyles = React__namespace.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]);
+  chunkORI4PLVG_cjs.logger.componentRender("FloatingPreferencesButton", {
+    position,
+    offset,
+    hideWhenConsented,
+    consented
+  });
+  if (hideWhenConsented && consented) {
+    chunkORI4PLVG_cjs.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__ */ jsxRuntime.jsx(Tooltip__default.default, { title: tooltipText, placement: "top", children: /* @__PURE__ */ jsxRuntime.jsx(
+    Fab__default.default,
+    {
+      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
+    }
+  ) });
+});
+
+exports.FloatingPreferencesButton = FloatingPreferencesButton;

package/dist/chunk-N3QOW4SA.js

@@ -0,0 +1,178 @@
+import { useConsent, useConsentTexts, useDesignTokens, useCategories, getCookiesInfoForCategory, Branding } from './chunk-RWT2ORFE.js';
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import Dialog from '@mui/material/Dialog';
+import DialogActions from '@mui/material/DialogActions';
+import DialogContent from '@mui/material/DialogContent';
+import DialogTitle from '@mui/material/DialogTitle';
+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 } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// react-lgpd-consent - Tree-shakeable ESM build
+function PreferencesModal({
+  DialogProps: DialogProps2,
+  hideBranding = false
+}) {
+  const { preferences, setPreferences, closePreferences, isModalOpen } = useConsent();
+  const texts = useConsentTexts();
+  const designTokens = useDesignTokens();
+  const { toggleableCategories, allCategories } = useCategories();
+  const [tempPreferences, setTempPreferences] = useState(() => {
+    const initialPrefs = { necessary: true };
+    toggleableCategories.forEach((category) => {
+      initialPrefs[category.id] = preferences[category.id] ?? false;
+    });
+    return initialPrefs;
+  });
+  useEffect(() => {
+    if (isModalOpen) {
+      const syncedPrefs = { necessary: true };
+      toggleableCategories.forEach((category) => {
+        syncedPrefs[category.id] = preferences[category.id] ?? false;
+      });
+      setTempPreferences(syncedPrefs);
+    }
+  }, [isModalOpen, preferences, toggleableCategories]);
+  const open = DialogProps2?.open ?? isModalOpen ?? false;
+  const handleSave = () => {
+    setPreferences(tempPreferences);
+  };
+  const handleCancel = () => {
+    setTempPreferences(preferences);
+    closePreferences();
+  };
+  const modalTitleSx = (theme) => ({
+    fontSize: designTokens?.typography?.fontSize?.modal ?? void 0,
+    color: designTokens?.colors?.text ?? theme.palette.text.primary
+  });
+  const modalContentSx = (theme) => ({
+    p: designTokens?.spacing?.padding?.modal ?? void 0,
+    backgroundColor: designTokens?.colors?.background ?? theme.palette.background.paper,
+    color: designTokens?.colors?.text ?? theme.palette.text.primary
+  });
+  return /* @__PURE__ */ jsxs(Dialog, { "aria-labelledby": "cookie-pref-title", open, onClose: handleCancel, ...DialogProps2, children: [
+    /* @__PURE__ */ jsx(DialogTitle, { id: "cookie-pref-title", sx: modalTitleSx, children: texts.modalTitle }),
+    /* @__PURE__ */ jsxs(DialogContent, { dividers: true, sx: modalContentSx, children: [
+      /* @__PURE__ */ jsx(
+        Typography,
+        {
+          variant: "body2",
+          sx: (theme) => ({
+            mb: 2,
+            fontSize: designTokens?.typography?.fontSize?.modal ?? void 0,
+            color: designTokens?.colors?.text ?? theme.palette.text.primary
+          }),
+          children: texts.modalIntro
+        }
+      ),
+      /* @__PURE__ */ jsxs(FormGroup, { children: [
+        toggleableCategories.map((category) => {
+          const full = allCategories.find((c) => c.id === category.id);
+          const namesFromGuidance = full?.cookies ?? [];
+          const used = globalThis.__LGPD_USED_INTEGRATIONS__ || [];
+          const descriptors = getCookiesInfoForCategory(category.id, used);
+          const enrichedDescriptors = descriptors.map((desc) => {
+            if (desc.purpose && desc.duration && desc.provider) {
+              return desc;
+            }
+            return {
+              name: desc.name,
+              purpose: desc.purpose || "-",
+              duration: desc.duration || "-",
+              provider: desc.provider || "-"
+            };
+          });
+          const merged = [
+            ...enrichedDescriptors,
+            ...namesFromGuidance.filter((n) => !enrichedDescriptors.find((d) => d.name === n)).map((n) => ({ name: n, purpose: "-", duration: "-", provider: "-" }))
+          ];
+          let mergedFinal = merged;
+          try {
+            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",
+                duration: "-",
+                provider: "-"
+              }));
+              if (scriptRows.length > 0) mergedFinal = scriptRows;
+            }
+          } catch {
+          }
+          return /* @__PURE__ */ jsxs(Box, { sx: { mb: 1 }, children: [
+            /* @__PURE__ */ jsx(
+              FormControlLabel,
+              {
+                control: /* @__PURE__ */ jsx(
+                  Switch,
+                  {
+                    checked: tempPreferences[category.id] ?? false,
+                    onChange: (e) => setTempPreferences((prev) => ({
+                      ...prev,
+                      [category.id]: e.target.checked
+                    }))
+                  }
+                ),
+                label: `${category.name} - ${category.description}`
+              }
+            ),
+            /* @__PURE__ */ jsxs("details", { style: { marginLeft: 48 }, children: [
+              /* @__PURE__ */ jsx("summary", { children: "Ver detalhes" }),
+              /* @__PURE__ */ jsx(Box, { 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("tbody", { children: mergedFinal.map((d, idx) => /* @__PURE__ */ jsxs("tr", { children: [
+                  /* @__PURE__ */ jsx("td", { children: d.name }),
+                  /* @__PURE__ */ jsx("td", { children: d.purpose }),
+                  /* @__PURE__ */ jsx("td", { children: d.duration }),
+                  /* @__PURE__ */ jsx("td", { children: d.provider })
+                ] }, d.name + idx)) })
+              ] }) })
+            ] })
+          ] }, category.id);
+        }),
+        /* @__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(Box, { 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("tbody", { children: (() => {
+              const used = globalThis.__LGPD_USED_INTEGRATIONS__ || [];
+              const necessaryCookies = getCookiesInfoForCategory(
+                "necessary",
+                used
+              );
+              return necessaryCookies.map((d, idx) => /* @__PURE__ */ jsxs("tr", { children: [
+                /* @__PURE__ */ jsx("td", { children: d.name }),
+                /* @__PURE__ */ jsx("td", { children: d.purpose || "-" }),
+                /* @__PURE__ */ jsx("td", { children: d.duration || "-" }),
+                /* @__PURE__ */ jsx("td", { children: d.provider || "-" })
+              ] }, d.name + idx));
+            })() })
+          ] }) })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(DialogActions, { children: [
+      /* @__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" })
+  ] });
+}
+
+export { PreferencesModal };