authscape 1.0.708 → 1.0.712

package/src/components/GDPRConsentDialog.js

@@ -1,238 +0,0 @@
-import React, { useState, useEffect } from "react";
-import {
-  Box,
-  Button,
-  Checkbox,
-  FormControlLabel,
-  Typography,
-  Paper,
-  Collapse,
-} from "@mui/material";
-
-export const GDPRConsentDialog = ({
-  onAccept,
-  onReject,
-  enableAnalytics = true,
-  enableMarketing = true,
-  additionalPrivacyFeatures = []
-}) => {
-  const initialPreferences = {
-    necessary: true,
-    analytics: enableAnalytics,
-    marketing: enableMarketing,
-    ...Object.fromEntries(
-      additionalPrivacyFeatures.map((item) => [item.id, item.checked ?? false])
-    ),
-  };
-
-  const [open, setOpen] = useState(false);
-  const [customize, setCustomize] = useState(false);
-  const [preferences, setPreferences] = useState(initialPreferences);
-
-  useEffect(() => {
-    const savedConsent = localStorage.getItem("gdpr-consent");
-    if (!savedConsent) {
-      setOpen(true);
-    }
-  }, []);
-
-  const saveConsentAndClose = (prefs) => {
-    localStorage.setItem("gdpr-consent", JSON.stringify(prefs));
-    if (onAccept) onAccept(prefs);
-    setOpen(false);
-  };
-
-  const handleAcceptAll = () => {
-    const allPrefs = {
-      necessary: true,
-      analytics: enableAnalytics,
-      marketing: enableMarketing,
-      ...Object.fromEntries(
-        additionalPrivacyFeatures.map((item) => [item.id, true])
-      ),
-    };
-    saveConsentAndClose(allPrefs);
-  };
-
-  const handleRejectAll = () => {
-    const rejectedPrefs = {
-      necessary: true,
-      analytics: false,
-      marketing: false,
-      ...Object.fromEntries(
-        additionalPrivacyFeatures.map((item) => [item.id, false])
-      ),
-    };
-    localStorage.setItem("gdpr-consent", JSON.stringify(rejectedPrefs));
-    if (onReject) onReject();
-    setOpen(false);
-  };
-
-  const handleAcceptSelected = () => {
-    saveConsentAndClose(preferences);
-  };
-
-  const handleCheckboxChange = (key) => (event) => {
-    setPreferences((prev) => ({
-      ...prev,
-      [key]: event.target.checked,
-    }));
-  };
-
-  if (!open) return null;
-
-  return (
-    <Paper
-      elevation={4}
-      sx={{
-        position: "fixed",
-        bottom: 0,
-        left: 0,
-        right: 0,
-        p: 2,
-        zIndex: 1300,
-        backgroundColor: "#fff",
-        borderTop: "1px solid #ccc",
-      }}
-    >
-      <Box
-        display="flex"
-        flexDirection="column"
-        alignItems="flex-start"
-        gap={2}
-      >
-        <Box>
-          <Typography variant="subtitle1" fontWeight="bold">
-            We value your privacy
-          </Typography>
-          <Typography variant="body2">
-            We use cookies to enhance your experience, for analytics and
-            marketing. You can accept all, reject all, or customize your
-            preferences.
-          </Typography>
-        </Box>
-
-        <Collapse in={customize}>
-          <Box mb={2}>
-            <Box mb={1}>
-              <FormControlLabel
-                control={<Checkbox checked disabled />}
-                label="Necessary (always required)"
-              />
-              <br/>
-              <Typography variant="caption" color="textSecondary" sx={{ ml: 4 }}>
-                Required to enable core site functionality such as security,
-                authentication, and accessibility.
-              </Typography>
-            </Box>
-
-            {enableAnalytics && (
-              <Box mb={1}>
-                <FormControlLabel
-                  control={
-                    <Checkbox
-                      checked={preferences.analytics}
-                      onChange={handleCheckboxChange("analytics")}
-                    />
-                  }
-                  label="Analytics"
-                />
-                <br/>
-                <Typography
-                  variant="caption"
-                  color="textSecondary"
-                  sx={{ ml: 4 }}
-                >
-                  Helps us understand how you use our site so we can improve it.
-                  For example, tracking page visits or feature usage.
-                </Typography>
-              </Box>
-            )}
-
-            {enableMarketing && (
-              <Box mb={1}>
-                <FormControlLabel
-                  control={
-                    <Checkbox
-                      checked={preferences.marketing}
-                      onChange={handleCheckboxChange("marketing")}
-                    />
-                  }
-                  label="Marketing"
-                />
-                <br/>
-                <Typography
-                  variant="caption"
-                  color="textSecondary"
-                  sx={{ ml: 4 }}
-                >
-                  Allows us to show personalized ads and promotions based on your
-                  behavior and interactions.
-                </Typography>
-              </Box>
-            )}
-
-            {additionalPrivacyFeatures.map((feature) => (
-              <Box key={feature.id} mb={1}>
-                <FormControlLabel
-                  control={
-                    <Checkbox
-                      checked={preferences[feature.id] || false}
-                      onChange={handleCheckboxChange(feature.id)}
-                    />
-                  }
-                  label={feature.title}
-                />
-                <br/>
-                <Typography
-                  variant="caption"
-                  color="textSecondary"
-                  sx={{ ml: 4 }}
-                >
-                  {feature.description}
-                </Typography>
-              </Box>
-            ))}
-          </Box>
-        </Collapse>
-
-        <Box display="flex" gap={1} flexWrap="wrap">
-          {!customize ? (
-            <>
-              <Button
-                variant="contained"
-                color="primary"
-                onClick={handleAcceptAll}
-              >
-                Accept All
-              </Button>
-              <Button
-                variant="outlined"
-                color="error"
-                onClick={handleRejectAll}
-              >
-                Reject All
-              </Button>
-              <Button variant="text" onClick={() => setCustomize(true)}>
-                Customize Preferences
-              </Button>
-            </>
-          ) : (
-            <>
-              <Button
-                variant="contained"
-                color="primary"
-                onClick={handleAcceptSelected}
-              >
-                Save Preferences
-              </Button>
-              <Button variant="text" onClick={() => setCustomize(false)}>
-                Cancel
-              </Button>
-            </>
-          )}
-        </Box>
-      </Box>
-    </Paper>
-  );
-}