@dashadmin/dash-admin 1.3.25 → 1.3.26

package/dist/components/user/UserPreferences.js

@@ -1 +1,422 @@
-import{Fragment as fe,jsx as t,jsxs as i}from"react/jsx-runtime";import{useState as d,useEffect as ee,useCallback as D,useMemo as ne,useRef as te}from"react";import{CircularProgress as j,Box as l,Typography as a,Switch as k,FormControlLabel as z,Card as y,CardContent as b,Alert as f,Button as re,Snackbar as se,Tabs as ae,Tab as ie,TextField as N,Slider as oe,InputAdornment as ce}from"@mui/material";import{Save as le,Notifications as de,Settings as pe}from"@mui/icons-material";import{useAxios as ue}from"@dashadmin/dash-axios-hook";import{AuthPersistenceService as ge}from"@dashadmin/dash-auth";const ye=x=>x==="notifications"?t(de,{}):t(pe,{}),be=()=>{const[x,V]=d(!0),[c,T]=d(!1),[S,h]=d(!1),[C,W]=d(0),[F,w]=d([]),[B,A]=d({}),[O,q]=d([]),[I,H]=d({}),[P,m]=d({open:!1,message:"",severity:"success"}),R=ue(),v=ne(()=>ge.getSystemValues()?.user_notifications||[],[]),L=te(v);L.current=v;const p=Object.entries(I).sort(([,e],[,n])=>(e.order||0)-(n.order||0)).map(([e,n])=>({key:e,...n})),M=e=>O.filter(n=>n.group===e&&n.visible),G=D((e,n)=>{const r=e?.notifications||[];return n.map(s=>{const o=Array.isArray(r)?r.find(u=>u.id===s.id):null;return{id:s.id,name:s.name,email:o?.email!==void 0?o.email:s.hasEmail,push:o?.push!==void 0?o.push:s.hasPush}})},[]),_=D(async()=>{try{console.log("\u{1F504} UserPreferences - Fetching preferences from API...");const n=(await R.get("/system/user/preferences")).data;console.log("\u2705 UserPreferences - Fetched:",n),q(n.preference_formats||[]),H(n.groups||{});const r=n.preferences||{},s=G(r,L.current);w(s);const o={};(n.preference_formats||[]).forEach(u=>{u.type!=="custom"&&(o[u.id]=r[u.id]??u.default_value)}),A(o),h(!1)}catch(e){console.error("\u274C UserPreferences - Fetch error:",e),m({open:!0,message:"Failed to load preferences",severity:"error"})}},[G]);ee(()=>{(async()=>(await _(),V(!1)))()},[]);const Y=(e,n)=>{W(n)},E=(e,n,r)=>{w(s=>s.map(o=>o.id===e?{...o,[n]:r}:o)),h(!0)},g=(e,n)=>{A(r=>({...r,[e]:n})),h(!0)},Z=async()=>{T(!0);try{const e={notifications:F,...B},n=await R.put("/system/user/preferences",{preferences:e});console.log("\u2705 UserPreferences - Saved:",n.data),m({open:!0,message:"Preferences saved successfully!",severity:"success"}),h(!1),await _()}catch(e){console.error("\u274C UserPreferences - Save error:",e),m({open:!0,message:e.response?.data?.message||"Failed to save preferences",severity:"error"})}finally{T(!1)}},U=()=>{m(e=>({...e,open:!1}))},J=e=>v.find(n=>n.id===e),Q=e=>e.replace(/Notification$/,"").replace(/([A-Z])/g," $1").trim(),X=e=>{const n=B[e.id];switch(e.type){case"boolean":return t(y,{sx:{mb:2},children:i(b,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[i(l,{children:[t(a,{variant:"subtitle1",children:e.label}),e.description&&t(a,{variant:"caption",color:"text.secondary",children:e.description})]}),t(k,{checked:!!n,onChange:r=>g(e.id,r.target.checked),disabled:c||!e.editable})]})},e.id);case"integer":return t(y,{sx:{mb:2},children:i(b,{children:[t(a,{variant:"subtitle1",gutterBottom:!0,children:e.label}),e.description&&t(a,{variant:"caption",color:"text.secondary",display:"block",mb:2,children:e.description}),i(l,{sx:{display:"flex",alignItems:"center",gap:2},children:[t(oe,{value:n??e.default_value??0,onChange:(r,s)=>g(e.id,s),min:e.min??0,max:e.max??100,disabled:c||!e.editable,sx:{flexGrow:1},valueLabelDisplay:"auto"}),t(N,{type:"number",value:n??e.default_value??0,onChange:r=>g(e.id,parseInt(r.target.value,10)),disabled:c||!e.editable,inputProps:{min:e.min??0,max:e.max??100},sx:{width:80},size:"small"})]})]})},e.id);case"string":return t(y,{sx:{mb:2},children:i(b,{children:[t(a,{variant:"subtitle1",gutterBottom:!0,children:e.label}),e.description&&t(a,{variant:"caption",color:"text.secondary",display:"block",mb:2,children:e.description}),t(N,{fullWidth:!0,value:n??"",onChange:r=>g(e.id,r.target.value),disabled:c||!e.editable,inputProps:{maxLength:e.maxLength},InputProps:e.maxLength?{endAdornment:i(ce,{position:"end",children:[n?.length||0,"/",e.maxLength]})}:void 0})]})},e.id);case"textarea":return t(y,{sx:{mb:2},children:i(b,{children:[t(a,{variant:"subtitle1",gutterBottom:!0,children:e.label}),e.description&&t(a,{variant:"caption",color:"text.secondary",display:"block",mb:2,children:e.description}),t(N,{fullWidth:!0,multiline:!0,rows:e.rows??3,value:n??"",onChange:r=>g(e.id,r.target.value),disabled:c||!e.editable,inputProps:{maxLength:e.maxLength},helperText:e.maxLength?`${n?.length||0}/${e.maxLength} characters`:void 0})]})},e.id);default:return null}},K=()=>v.length===0?t(f,{severity:"info",children:"No notification types available."}):t(fe,{children:F.map(e=>{const n=J(e.id);return t(y,{sx:{mb:2},children:i(b,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[i(l,{children:[t(a,{variant:"subtitle1",children:Q(e.name)}),t(a,{variant:"caption",color:"text.secondary",children:e.name})]}),i(l,{sx:{display:"flex",gap:2},children:[n?.hasEmail&&t(z,{control:t(k,{checked:e.email,onChange:r=>E(e.id,"email",r.target.checked),color:"primary",disabled:c}),label:"Email"}),n?.hasPush&&t(z,{control:t(k,{checked:e.push,onChange:r=>E(e.id,"push",r.target.checked),color:"primary",disabled:c}),label:"Push"}),!n?.hasEmail&&!n?.hasPush&&t(a,{variant:"caption",color:"text.secondary",children:"(No configurable channels)"})]})]})},e.id)})}),$=e=>{const n=M(e),r=I[e];return i(l,{sx:{pt:2},children:[r?.description&&t(a,{variant:"body2",color:"text.secondary",sx:{mb:3},children:r.description}),n.map(s=>s.type==="custom"&&s.component==="NotificationPreferences"?t(l,{children:K()},s.id):X(s)),n.length===0&&t(f,{severity:"info",children:"No preferences available in this group."})]})};return x?t(l,{sx:{display:"flex",justifyContent:"center",p:4},children:t(j,{})}):i(l,{sx:{p:2},children:[t(l,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",mb:2},children:t(a,{variant:"h5",children:"User Preferences"})}),S&&t(f,{severity:"info",sx:{mb:2},children:'You have unsaved changes. Click "Save Preferences" to apply them.'}),p.length>1&&t(ae,{value:C,onChange:Y,sx:{borderBottom:1,borderColor:"divider",mb:2},children:p.map((e,n)=>t(ie,{label:e.label,icon:ye(e.icon),iconPosition:"start",id:`preference-tab-${n}`,"aria-controls":`preference-tabpanel-${n}`},e.key))}),p.map((e,n)=>t(l,{role:"tabpanel",hidden:C!==n,id:`preference-tabpanel-${n}`,"aria-labelledby":`preference-tab-${n}`,children:C===n&&$(e.key)},e.key)),p.length===1&&$(p[0].key),p.length===0&&t(f,{severity:"warning",children:"No preference groups configured."}),t(se,{open:P.open,autoHideDuration:4e3,onClose:U,anchorOrigin:{vertical:"bottom",horizontal:"center"},children:t(f,{onClose:U,severity:P.severity,sx:{width:"100%"},children:P.message})}),t(re,{variant:"contained",fullWidth:!0,color:"primary",startIcon:c?t(j,{size:16,color:"inherit"}):t(le,{}),onClick:Z,disabled:c||!S,children:c?"Saving...":"Save Preferences"})]})};var ke=be;export{ke as default};
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useCallback, useMemo, useRef } from "react";
+import {
+  CircularProgress,
+  Box,
+  Typography,
+  Switch,
+  FormControlLabel,
+  Card,
+  CardContent,
+  Alert,
+  Button,
+  Snackbar,
+  Tabs,
+  Tab,
+  TextField,
+  Slider,
+  InputAdornment
+} from "@mui/material";
+import {
+  Save as SaveIcon,
+  Notifications as NotificationsIcon,
+  Settings as SettingsIcon
+} from "@mui/icons-material";
+import { useAxios } from "dash-axios-hook";
+import { AuthPersistenceService } from "dash-auth";
+const getGroupIcon = (icon) => {
+  switch (icon) {
+    case "notifications":
+      return /* @__PURE__ */ jsx(NotificationsIcon, {});
+    case "settings":
+    default:
+      return /* @__PURE__ */ jsx(SettingsIcon, {});
+  }
+};
+const UserPreferences = () => {
+  const [loading, setLoading] = useState(true);
+  const [saving, setSaving] = useState(false);
+  const [isDirty, setIsDirty] = useState(false);
+  const [activeTab, setActiveTab] = useState(0);
+  const [notificationPreferences, setNotificationPreferences] = useState([]);
+  const [genericPreferences, setGenericPreferences] = useState({});
+  const [preferenceFormats, setPreferenceFormats] = useState([]);
+  const [groups, setGroups] = useState({});
+  const [snackbar, setSnackbar] = useState({
+    open: false,
+    message: "",
+    severity: "success"
+  });
+  const axios = useAxios();
+  const availableNotifications = useMemo(() => {
+    const systemValues = AuthPersistenceService.getSystemValues();
+    return (systemValues == null ? void 0 : systemValues.user_notifications) || [];
+  }, []);
+  const availableNotificationsRef = useRef(availableNotifications);
+  availableNotificationsRef.current = availableNotifications;
+  const sortedGroups = Object.entries(groups).sort(([, a], [, b]) => (a.order || 0) - (b.order || 0)).map(([key, config]) => __spreadValues({ key }, config));
+  const getPreferencesForGroup = (groupKey) => {
+    return preferenceFormats.filter((pf) => pf.group === groupKey && pf.visible);
+  };
+  const buildNotificationPreferencesFromUser = useCallback((userPrefs, notifications) => {
+    const notificationPrefs = (userPrefs == null ? void 0 : userPrefs.notifications) || [];
+    return notifications.map((notif) => {
+      const existing = Array.isArray(notificationPrefs) ? notificationPrefs.find((p) => p.id === notif.id) : null;
+      return {
+        id: notif.id,
+        name: notif.name,
+        email: (existing == null ? void 0 : existing.email) !== void 0 ? existing.email : notif.hasEmail,
+        push: (existing == null ? void 0 : existing.push) !== void 0 ? existing.push : notif.hasPush
+      };
+    });
+  }, []);
+  const fetchPreferences = useCallback(() => __async(null, null, function* () {
+    try {
+      console.log("\u{1F504} UserPreferences - Fetching preferences from API...");
+      const response = yield axios.get("/system/user/preferences");
+      const data = response.data;
+      console.log("\u2705 UserPreferences - Fetched:", data);
+      setPreferenceFormats(data.preference_formats || []);
+      setGroups(data.groups || {});
+      const userPrefs = data.preferences || {};
+      const builtNotifPrefs = buildNotificationPreferencesFromUser(userPrefs, availableNotificationsRef.current);
+      setNotificationPreferences(builtNotifPrefs);
+      const genericPrefs = {};
+      (data.preference_formats || []).forEach((format) => {
+        var _a;
+        if (format.type !== "custom") {
+          genericPrefs[format.id] = (_a = userPrefs[format.id]) != null ? _a : format.default_value;
+        }
+      });
+      setGenericPreferences(genericPrefs);
+      setIsDirty(false);
+    } catch (error) {
+      console.error("\u274C UserPreferences - Fetch error:", error);
+      setSnackbar({
+        open: true,
+        message: "Failed to load preferences",
+        severity: "error"
+      });
+    }
+  }), [buildNotificationPreferencesFromUser]);
+  useEffect(() => {
+    const init = () => __async(null, null, function* () {
+      yield fetchPreferences();
+      setLoading(false);
+    });
+    init();
+  }, []);
+  const handleTabChange = (_event, newValue) => {
+    setActiveTab(newValue);
+  };
+  const handleNotificationToggle = (notificationId, type, checked) => {
+    setNotificationPreferences((prev) => prev.map(
+      (pref) => pref.id === notificationId ? __spreadProps(__spreadValues({}, pref), { [type]: checked }) : pref
+    ));
+    setIsDirty(true);
+  };
+  const handleGenericPreferenceChange = (preferenceId, value) => {
+    setGenericPreferences((prev) => __spreadProps(__spreadValues({}, prev), { [preferenceId]: value }));
+    setIsDirty(true);
+  };
+  const handleSave = () => __async(null, null, function* () {
+    var _a, _b;
+    setSaving(true);
+    try {
+      const preferencesToSave = __spreadValues({
+        notifications: notificationPreferences
+      }, genericPreferences);
+      const response = yield axios.put("/system/user/preferences", {
+        preferences: preferencesToSave
+      });
+      console.log("\u2705 UserPreferences - Saved:", response.data);
+      setSnackbar({
+        open: true,
+        message: "Preferences saved successfully!",
+        severity: "success"
+      });
+      setIsDirty(false);
+      yield fetchPreferences();
+    } catch (error) {
+      console.error("\u274C UserPreferences - Save error:", error);
+      setSnackbar({
+        open: true,
+        message: ((_b = (_a = error.response) == null ? void 0 : _a.data) == null ? void 0 : _b.message) || "Failed to save preferences",
+        severity: "error"
+      });
+    } finally {
+      setSaving(false);
+    }
+  });
+  const handleCloseSnackbar = () => {
+    setSnackbar((prev) => __spreadProps(__spreadValues({}, prev), { open: false }));
+  };
+  const getNotificationConfig = (id) => {
+    return availableNotifications.find((n) => n.id === id);
+  };
+  const formatNotificationName = (name) => {
+    return name.replace(/Notification$/, "").replace(/([A-Z])/g, " $1").trim();
+  };
+  const renderPreferenceField = (format) => {
+    var _a, _b, _c, _d, _e, _f, _g;
+    const value = genericPreferences[format.id];
+    switch (format.type) {
+      case "boolean":
+        return /* @__PURE__ */ jsx(Card, { sx: { mb: 2 }, children: /* @__PURE__ */ jsxs(CardContent, { sx: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
+          /* @__PURE__ */ jsxs(Box, { children: [
+            /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", children: format.label }),
+            format.description && /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", children: format.description })
+          ] }),
+          /* @__PURE__ */ jsx(
+            Switch,
+            {
+              checked: !!value,
+              onChange: (e) => handleGenericPreferenceChange(format.id, e.target.checked),
+              disabled: saving || !format.editable
+            }
+          )
+        ] }) }, format.id);
+      case "integer":
+        return /* @__PURE__ */ jsx(Card, { sx: { mb: 2 }, children: /* @__PURE__ */ jsxs(CardContent, { children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", gutterBottom: true, children: format.label }),
+          format.description && /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", display: "block", mb: 2, children: format.description }),
+          /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 2 }, children: [
+            /* @__PURE__ */ jsx(
+              Slider,
+              {
+                value: (_a = value != null ? value : format.default_value) != null ? _a : 0,
+                onChange: (_, newValue) => handleGenericPreferenceChange(format.id, newValue),
+                min: (_b = format.min) != null ? _b : 0,
+                max: (_c = format.max) != null ? _c : 100,
+                disabled: saving || !format.editable,
+                sx: { flexGrow: 1 },
+                valueLabelDisplay: "auto"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              TextField,
+              {
+                type: "number",
+                value: (_d = value != null ? value : format.default_value) != null ? _d : 0,
+                onChange: (e) => handleGenericPreferenceChange(format.id, parseInt(e.target.value, 10)),
+                disabled: saving || !format.editable,
+                inputProps: {
+                  min: (_e = format.min) != null ? _e : 0,
+                  max: (_f = format.max) != null ? _f : 100
+                },
+                sx: { width: 80 },
+                size: "small"
+              }
+            )
+          ] })
+        ] }) }, format.id);
+      case "string":
+        return /* @__PURE__ */ jsx(Card, { sx: { mb: 2 }, children: /* @__PURE__ */ jsxs(CardContent, { children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", gutterBottom: true, children: format.label }),
+          format.description && /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", display: "block", mb: 2, children: format.description }),
+          /* @__PURE__ */ jsx(
+            TextField,
+            {
+              fullWidth: true,
+              value: value != null ? value : "",
+              onChange: (e) => handleGenericPreferenceChange(format.id, e.target.value),
+              disabled: saving || !format.editable,
+              inputProps: { maxLength: format.maxLength },
+              InputProps: format.maxLength ? {
+                endAdornment: /* @__PURE__ */ jsxs(InputAdornment, { position: "end", children: [
+                  (value == null ? void 0 : value.length) || 0,
+                  "/",
+                  format.maxLength
+                ] })
+              } : void 0
+            }
+          )
+        ] }) }, format.id);
+      case "textarea":
+        return /* @__PURE__ */ jsx(Card, { sx: { mb: 2 }, children: /* @__PURE__ */ jsxs(CardContent, { children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", gutterBottom: true, children: format.label }),
+          format.description && /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", display: "block", mb: 2, children: format.description }),
+          /* @__PURE__ */ jsx(
+            TextField,
+            {
+              fullWidth: true,
+              multiline: true,
+              rows: (_g = format.rows) != null ? _g : 3,
+              value: value != null ? value : "",
+              onChange: (e) => handleGenericPreferenceChange(format.id, e.target.value),
+              disabled: saving || !format.editable,
+              inputProps: { maxLength: format.maxLength },
+              helperText: format.maxLength ? `${(value == null ? void 0 : value.length) || 0}/${format.maxLength} characters` : void 0
+            }
+          )
+        ] }) }, format.id);
+      default:
+        return null;
+    }
+  };
+  const renderNotificationPreferences = () => {
+    if (availableNotifications.length === 0) {
+      return /* @__PURE__ */ jsx(Alert, { severity: "info", children: "No notification types available." });
+    }
+    return /* @__PURE__ */ jsx(Fragment, { children: notificationPreferences.map((pref) => {
+      const config = getNotificationConfig(pref.id);
+      return /* @__PURE__ */ jsx(Card, { sx: { mb: 2 }, children: /* @__PURE__ */ jsxs(CardContent, { sx: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
+        /* @__PURE__ */ jsxs(Box, { children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", children: formatNotificationName(pref.name) }),
+          /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", children: pref.name })
+        ] }),
+        /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", gap: 2 }, children: [
+          (config == null ? void 0 : config.hasEmail) && /* @__PURE__ */ jsx(
+            FormControlLabel,
+            {
+              control: /* @__PURE__ */ jsx(
+                Switch,
+                {
+                  checked: pref.email,
+                  onChange: (e) => handleNotificationToggle(pref.id, "email", e.target.checked),
+                  color: "primary",
+                  disabled: saving
+                }
+              ),
+              label: "Email"
+            }
+          ),
+          (config == null ? void 0 : config.hasPush) && /* @__PURE__ */ jsx(
+            FormControlLabel,
+            {
+              control: /* @__PURE__ */ jsx(
+                Switch,
+                {
+                  checked: pref.push,
+                  onChange: (e) => handleNotificationToggle(pref.id, "push", e.target.checked),
+                  color: "primary",
+                  disabled: saving
+                }
+              ),
+              label: "Push"
+            }
+          ),
+          !(config == null ? void 0 : config.hasEmail) && !(config == null ? void 0 : config.hasPush) && /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", children: "(No configurable channels)" })
+        ] })
+      ] }) }, pref.id);
+    }) });
+  };
+  const renderGroupContent = (groupKey) => {
+    const groupPreferences = getPreferencesForGroup(groupKey);
+    const groupConfig = groups[groupKey];
+    return /* @__PURE__ */ jsxs(Box, { sx: { pt: 2 }, children: [
+      (groupConfig == null ? void 0 : groupConfig.description) && /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", sx: { mb: 3 }, children: groupConfig.description }),
+      groupPreferences.map((format) => {
+        if (format.type === "custom" && format.component === "NotificationPreferences") {
+          return /* @__PURE__ */ jsx(Box, { children: renderNotificationPreferences() }, format.id);
+        }
+        return renderPreferenceField(format);
+      }),
+      groupPreferences.length === 0 && /* @__PURE__ */ jsx(Alert, { severity: "info", children: "No preferences available in this group." })
+    ] });
+  };
+  if (loading) {
+    return /* @__PURE__ */ jsx(Box, { sx: { display: "flex", justifyContent: "center", p: 4 }, children: /* @__PURE__ */ jsx(CircularProgress, {}) });
+  }
+  return /* @__PURE__ */ jsxs(Box, { sx: { p: 2 }, children: [
+    /* @__PURE__ */ jsx(Box, { sx: { display: "flex", justifyContent: "space-between", alignItems: "center", mb: 2 }, children: /* @__PURE__ */ jsx(Typography, { variant: "h5", children: "User Preferences" }) }),
+    isDirty && /* @__PURE__ */ jsx(Alert, { severity: "info", sx: { mb: 2 }, children: 'You have unsaved changes. Click "Save Preferences" to apply them.' }),
+    sortedGroups.length > 1 && /* @__PURE__ */ jsx(
+      Tabs,
+      {
+        value: activeTab,
+        onChange: handleTabChange,
+        sx: { borderBottom: 1, borderColor: "divider", mb: 2 },
+        children: sortedGroups.map((group, index) => /* @__PURE__ */ jsx(
+          Tab,
+          {
+            label: group.label,
+            icon: getGroupIcon(group.icon),
+            iconPosition: "start",
+            id: `preference-tab-${index}`,
+            "aria-controls": `preference-tabpanel-${index}`
+          },
+          group.key
+        ))
+      }
+    ),
+    sortedGroups.map((group, index) => /* @__PURE__ */ jsx(
+      Box,
+      {
+        role: "tabpanel",
+        hidden: activeTab !== index,
+        id: `preference-tabpanel-${index}`,
+        "aria-labelledby": `preference-tab-${index}`,
+        children: activeTab === index && renderGroupContent(group.key)
+      },
+      group.key
+    )),
+    sortedGroups.length === 1 && renderGroupContent(sortedGroups[0].key),
+    sortedGroups.length === 0 && /* @__PURE__ */ jsx(Alert, { severity: "warning", children: "No preference groups configured." }),
+    /* @__PURE__ */ jsx(
+      Snackbar,
+      {
+        open: snackbar.open,
+        autoHideDuration: 4e3,
+        onClose: handleCloseSnackbar,
+        anchorOrigin: { vertical: "bottom", horizontal: "center" },
+        children: /* @__PURE__ */ jsx(Alert, { onClose: handleCloseSnackbar, severity: snackbar.severity, sx: { width: "100%" }, children: snackbar.message })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "contained",
+        fullWidth: true,
+        color: "primary",
+        startIcon: saving ? /* @__PURE__ */ jsx(CircularProgress, { size: 16, color: "inherit" }) : /* @__PURE__ */ jsx(SaveIcon, {}),
+        onClick: handleSave,
+        disabled: saving || !isDirty,
+        children: saving ? "Saving..." : "Save Preferences"
+      }
+    )
+  ] });
+};
+var UserPreferences_default = UserPreferences;
+export {
+  UserPreferences_default as default
+};

package/dist/config/ACTIONS.js

@@ -1 +1,25 @@
-import I from"./PARSERS";const T={GET_NOTIFICATIONS:{ACTION:"GET_NOTIFICATIONS",SUCCESS:"GET_NOTIFICATIONS_SUCCESS",FAILURE:"GET_NOTIFICATIONS_FAILURE",PATH:"/api/notification",METHOD:"POST",AUTH:!0,PARSER:I.GET_NOTIFICATIONS},READ_NOTIFICATION:{ACTION:"READ_NOTIFICATION",SUCCESS:"READ_NOTIFICATION_SUCCESS",FAILURE:"READ_NOTIFICATION_FAILURE",PATH:"/api/notification/read/:id",METHOD:"GET",AUTH:!0}};var S=T;export{S as default};
+import PARSERS from "./PARSERS";
+const ACTIONS = {
+  GET_NOTIFICATIONS: {
+    ACTION: "GET_NOTIFICATIONS",
+    SUCCESS: "GET_NOTIFICATIONS_SUCCESS",
+    FAILURE: "GET_NOTIFICATIONS_FAILURE",
+    PATH: "/api/notification",
+    METHOD: "POST",
+    AUTH: true,
+    PARSER: PARSERS.GET_NOTIFICATIONS
+  },
+  READ_NOTIFICATION: {
+    ACTION: "READ_NOTIFICATION",
+    SUCCESS: "READ_NOTIFICATION_SUCCESS",
+    FAILURE: "READ_NOTIFICATION_FAILURE",
+    PATH: "/api/notification/read/:id",
+    METHOD: "GET",
+    AUTH: true
+    // PARSER: PARSERS.GET_NOTIFICATIONS
+  }
+};
+var ACTIONS_default = ACTIONS;
+export {
+  ACTIONS_default as default
+};

package/dist/config/ConstantsService.js

@@ -1 +1,25 @@
-import{jsx as d}from"react/jsx-runtime";import*as t from"react";import p from"@dashadmin/dash-constants/src/DASHAdminSystemConstants";const i=function(){return t.createContext(null)},c=i(),x=function(s){const{initialAppConstants:o,children:e}=s,[a,r]=t.useState(o||null),C={appConstants:a,systemConstants:p,setAppConstants:r};return d(c.Provider,{value:C,children:e})};var u=x;export{c as ConstantsContext,i as createConstantsContext,u as default};
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import constants from "dash-constants/src/DASHAdminSystemConstants";
+const createConstantsContext = function constantsContextWrapper() {
+  return React.createContext(null);
+};
+const ConstantsContext = createConstantsContext();
+const ConstantsProvider = function ConstantsProviderWrapper(props) {
+  const { initialAppConstants, children } = props;
+  const [appConstants, setAppConstants] = React.useState(
+    initialAppConstants || null
+  );
+  const defaultState = {
+    appConstants,
+    systemConstants: constants,
+    setAppConstants
+  };
+  return /* @__PURE__ */ jsx(ConstantsContext.Provider, { value: defaultState, children });
+};
+var ConstantsService_default = ConstantsProvider;
+export {
+  ConstantsContext,
+  createConstantsContext,
+  ConstantsService_default as default
+};

package/dist/config/DASHAdminSystemConstants.js

@@ -1 +1,137 @@
-const T=E=>process.env[E]||null,_=E=>{const A=process.env.ENV_PREFIX||process.env.NEXT_PUBLIC_ENV_PREFIX||process.env.VITE_ENV_PREFIX||process.env.REACT_ENV_PREFIX||"VITE_";return A==="NEXT_PUBLIC_"?T(A+E):process.env[A+E]||null},L={FRONTEND_URL:_("APP_FRONTEND_URL")||"http://localhost:3006",API_URL:_("APP_BACKEND_URL")||"http://localhost:8000",SOCKET_URL:(_("APP_SOCKETS_HOST")||(typeof window<"u"?window.location.hostname:"localhost"))+(_("APP_SOCKETS_PORT")?":"+_("APP_SOCKETS_PORT"):""),SOCKETS_ENABLED:JSON.parse(_("APP_SOCKETS_ENABLED"))||!1,SOCKETS_BROADCASTER:_("APP_SOCKETS_BROADCASTER")||"pusher",SOCKETS_KEY:_("APP_SOCKETS_KEY")||"dash",ADMIN_API_URL:_("APP_ADMIN_API_URL"),DEBUG:!0,SHOW_GLOBAL_TOAST_ERROR:!1,SHOW_GLOBAL_DIALOG_ERROR:!0,DASH_SYSTEM_ROLE:_("DASH_SYSTEM_ROLE")||"System",DASH_ADMIN_ROLE:_("DASH_ADMIN_ROLE")||"Administrator",HAS_ADMINISTRATOR_ID_ROLE:"HasAdministratorId",ENABLE_TENANT_LOGIC:_("ENABLE_TENANT_LOGIC")||!0,ENABLE_TENANT_IMPERSONATION:_("ENABLE_TENANT_LOGIC")||!0,ENABLE_LOGS_AND_NOTIFICATIONS:_("ENABLE_LOGS_AND_NOTIFICATIONS")||!1,DEFAULT_PER_PAGE:Number(_("DEFAULT_PER_PAGE"))||null,URL_PREFIX:_("DASH_ADMIN_URL_PREFIX")||"/",PAGE_TRANSITIONS:!1,GOOGLE_SIGNUP:JSON.parse(_("APP_GOOGLE_SIGNUP"))||!1,RECAPTCHA_ENABLED:JSON.parse(_("APP_RECAPTCHA_ENABLED"))||!1,RECAPTCHA_TOKEN:_("APP_RECAPTCHA_TOKEN")||"UNSET",APP_VERSION:_("APP_VERSION")||"1.0.0",BUILD_TIME:_("BUILD_TIME")||new Date().toISOString(),IS_ELECTRON:JSON.parse(_("IS_ELECTRON"))||!1,PLATFORM:_("PLATFORM")||"unknown",IS_WINDOWS:JSON.parse(_("IS_WINDOWS"))||!1,IS_MAC:JSON.parse(_("IS_MAC"))||!1,IS_LINUX:JSON.parse(_("IS_LINUX"))||!1,PLATFORM_TYPE:_("PLATFORM_TYPE")||"browser"},e={SIDEBAR_WIDTH:_("SIDEBAR_WIDH")||256,SIDEBAR_COLLAPSED_WIDTH:_("SIDEBAR_COLLAPSED_WIDH")||63,TAB_SIZE:992,MOBILE_SIZE:575,THEME_TYPE:"THEME_TYPE",THEME_TYPE_LIGHT:"light",THEME_TYPE_DARK:"dark",THEME_TYPE_DASH_DEFAULT:"light",THEME_TYPE_SEMI_DARK:"THEME_TYPE_SEMI_DARK",THEME_COLOR:"THEME_COLOR",UPDATE_RTL_STATUS:"UPDATE_RTL_STATUS",LAYOUT_TYPE:"LAYOUT_TYPE",LAYOUT_TYPE_FRAMED:"framed-layout",LAYOUT_TYPE_BOXED:"boxed-layout",LAYOUT_TYPE_FULL:"full-layout",NAV_STYLE:"NAV_STYLE",NAV_STYLE_FIXED:"NAV_STYLE_FIXED",NAV_STYLE_MINI_SIDEBAR:"NAV_STYLE_MINI_SIDEBAR",NAV_STYLE_DRAWER:"NAV_STYLE_DRAWER",NAV_STYLE_NO_HEADER_MINI_SIDEBAR:"NAV_STYLE_NO_HEADER_MINI_SIDEBAR",NAV_STYLE_NO_HEADER_EXPANDED_SIDEBAR:"NAV_STYLE_NO_HEADER_EXPANDED_SIDEBAR",NAV_STYLE_DEFAULT_HORIZONTAL:"NAV_STYLE_DEFAULT_HORIZONTAL",NAV_STYLE_DARK_HORIZONTAL:"NAV_STYLE_DARK_HORIZONTAL",NAV_STYLE_INSIDE_HEADER_HORIZONTAL:"NAV_STYLE_INSIDE_HEADER_HORIZONTAL",NAV_STYLE_BELOW_HEADER:"NAV_STYLE_BELOW_HEADER",NAV_STYLE_ABOVE_HEADER:"NAV_STYLE_ABOVE_HEADER",NAV_STYLE_COLLAPSABLE:"NAV_STYLE_COLLAPSABLE",LIGHT_PURPLE:"light_purple",LIGHT_PURPLE_SEC:"#00B378",LIGHT_PURPLE_DARK_TEXT_COLOR:"#9799AC",RED:"red",RED_SEC:"#00D9C9",RED_DARK_TEXT_COLOR:"#878BAB",BLUE:"blue",BLUE_SEC:"#FCB53B",BLUE_DARK_TEXT_COLOR:"#AAA59A",DARK_BLUE:"dark_blue",DARK_BLUE_SEC:"#17BDE5",DARK_BLUE_DARK_TEXT_COLOR:"#9DDAE9",ORANGE:"orange",ORANGE_SEC:"#F1D065",ORANGE_DARK_TEXT_COLOR:"#ABA895",LIGHT_BLUE:"light_blue",LIGHT_BLUE_SEC:"#59DCFF",LIGHT_BLUE_DARK_TEXT_COLOR:"#92A2C8",DEEP_ORANGE:"deep_orange",DEEP_ORANGE_SEC:"#70A288",DEEP_ORANGE_DARK_TEXT_COLOR:"#97B8C7",LIGHT_PURPLE_1:"light_purple_1",LIGHT_PURPLE_1_SEC:"#E14594",LIGHT_PURPLE_1_DARK_TEXT_COLOR:"#8288B4",LIGHT_PURPLE_2:"light_purple_2",LIGHT_PURPLE_2_SEC:"#64D7D6",LIGHT_PURPLE_2_DARK_TEXT_COLOR:"#5782BB",ACTIVE_COLOR_OPTION:"#ffffff"},O={SYSTEM_FORM_DEFAULT_SELECT_OPTION:"Seleccione una opci\xF3n",NO_AVAILABLE_NOTIFICATIONS:"No hay notificaciones nuevas",ALL_NOTIFICATIONS:"Todas las notificaciones",NOTIFICATIONS_WIDGET_TITLE:"Notificaciones",type:"Tipo",date:"Fecha",name:"Nombre",filepath:"Archivo",json:"Data",clientName:"Cliente",withdrawsToday:"Retiros Hoy",withdrawsYesterday:"Retiros Ayer",withdrawsLastWeek:"Retiros \xDAltima Semana",volumeCp:"Vol\xFAmen","validation.recaptcha":"Recaptcha inv\xE1lido"},S={profile:"perfil"},R={},I={system:L,panel:e,dict:O,helpers:R,replacements:S};var N=I;export{N as default,_ as getEnv};
+const getEnvironmentVariable = (environmentVariable) => {
+  const unvalidatedEnvironmentVariable = process.env[environmentVariable];
+  return unvalidatedEnvironmentVariable || null;
+};
+const getEnv = (key) => {
+  const PREFIX = process.env.ENV_PREFIX || process.env.NEXT_PUBLIC_ENV_PREFIX || process.env.VITE_ENV_PREFIX || process.env.REACT_ENV_PREFIX || "VITE_";
+  if (PREFIX === "NEXT_PUBLIC_") {
+    return getEnvironmentVariable(PREFIX + key);
+  }
+  return process.env[PREFIX + key] || null;
+};
+const system = {
+  FRONTEND_URL: getEnv("APP_FRONTEND_URL") || "http://localhost:3006",
+  API_URL: getEnv("APP_BACKEND_URL") || "http://localhost:8000",
+  SOCKET_URL: (getEnv("APP_SOCKETS_HOST") || (typeof window !== "undefined" ? window.location.hostname : "localhost")) + (getEnv("APP_SOCKETS_PORT") ? ":" + getEnv("APP_SOCKETS_PORT") : ""),
+  SOCKETS_ENABLED: JSON.parse(getEnv("APP_SOCKETS_ENABLED")) || false,
+  SOCKETS_BROADCASTER: getEnv("APP_SOCKETS_BROADCASTER") || "pusher",
+  SOCKETS_KEY: getEnv("APP_SOCKETS_KEY") || "dash",
+  ADMIN_API_URL: getEnv("APP_ADMIN_API_URL"),
+  DEBUG: true,
+  // String(getEnv("APP_DEBUG")) === 'true' ? true : false,
+  SHOW_GLOBAL_TOAST_ERROR: false,
+  SHOW_GLOBAL_DIALOG_ERROR: true,
+  DASH_SYSTEM_ROLE: getEnv("DASH_SYSTEM_ROLE") || "System",
+  DASH_ADMIN_ROLE: getEnv("DASH_ADMIN_ROLE") || "Administrator",
+  HAS_ADMINISTRATOR_ID_ROLE: "HasAdministratorId",
+  ENABLE_TENANT_LOGIC: getEnv("ENABLE_TENANT_LOGIC") || true,
+  ENABLE_TENANT_IMPERSONATION: getEnv("ENABLE_TENANT_LOGIC") || true,
+  ENABLE_LOGS_AND_NOTIFICATIONS: getEnv("ENABLE_LOGS_AND_NOTIFICATIONS") || false,
+  DEFAULT_PER_PAGE: Number(getEnv("DEFAULT_PER_PAGE")) || null,
+  //URL_PREFIX: getEnv('DASH_ADMIN_URL_PREFIX') || '#/',
+  URL_PREFIX: getEnv("DASH_ADMIN_URL_PREFIX") || "/",
+  //PAGE_TRANSITIONS: JSON.parse(getEnv('PAGE_TRANSITIONS')) || false,
+  PAGE_TRANSITIONS: false,
+  GOOGLE_SIGNUP: JSON.parse(getEnv("APP_GOOGLE_SIGNUP")) || false,
+  RECAPTCHA_ENABLED: JSON.parse(getEnv("APP_RECAPTCHA_ENABLED")) || false,
+  RECAPTCHA_TOKEN: getEnv("APP_RECAPTCHA_TOKEN") || "UNSET",
+  APP_VERSION: getEnv("APP_VERSION") || "1.0.0",
+  BUILD_TIME: getEnv("BUILD_TIME") || (/* @__PURE__ */ new Date()).toISOString(),
+  IS_ELECTRON: JSON.parse(getEnv("IS_ELECTRON")) || false,
+  PLATFORM: getEnv("PLATFORM") || "unknown",
+  IS_WINDOWS: JSON.parse(getEnv("IS_WINDOWS")) || false,
+  IS_MAC: JSON.parse(getEnv("IS_MAC")) || false,
+  IS_LINUX: JSON.parse(getEnv("IS_LINUX")) || false,
+  PLATFORM_TYPE: getEnv("PLATFORM_TYPE") || "browser"
+};
+const panel = {
+  SIDEBAR_WIDTH: getEnv("SIDEBAR_WIDH") || 256,
+  SIDEBAR_COLLAPSED_WIDTH: getEnv("SIDEBAR_COLLAPSED_WIDH") || 63,
+  TAB_SIZE: 992,
+  MOBILE_SIZE: 575,
+  THEME_TYPE: "THEME_TYPE",
+  THEME_TYPE_LIGHT: "light",
+  THEME_TYPE_DARK: "dark",
+  THEME_TYPE_DASH_DEFAULT: "light",
+  THEME_TYPE_SEMI_DARK: "THEME_TYPE_SEMI_DARK",
+  THEME_COLOR: "THEME_COLOR",
+  UPDATE_RTL_STATUS: "UPDATE_RTL_STATUS",
+  LAYOUT_TYPE: "LAYOUT_TYPE",
+  LAYOUT_TYPE_FRAMED: "framed-layout",
+  LAYOUT_TYPE_BOXED: "boxed-layout",
+  LAYOUT_TYPE_FULL: "full-layout",
+  NAV_STYLE: "NAV_STYLE",
+  NAV_STYLE_FIXED: "NAV_STYLE_FIXED",
+  NAV_STYLE_MINI_SIDEBAR: "NAV_STYLE_MINI_SIDEBAR",
+  NAV_STYLE_DRAWER: "NAV_STYLE_DRAWER",
+  NAV_STYLE_NO_HEADER_MINI_SIDEBAR: "NAV_STYLE_NO_HEADER_MINI_SIDEBAR",
+  NAV_STYLE_NO_HEADER_EXPANDED_SIDEBAR: "NAV_STYLE_NO_HEADER_EXPANDED_SIDEBAR",
+  NAV_STYLE_DEFAULT_HORIZONTAL: "NAV_STYLE_DEFAULT_HORIZONTAL",
+  NAV_STYLE_DARK_HORIZONTAL: "NAV_STYLE_DARK_HORIZONTAL",
+  NAV_STYLE_INSIDE_HEADER_HORIZONTAL: "NAV_STYLE_INSIDE_HEADER_HORIZONTAL",
+  NAV_STYLE_BELOW_HEADER: "NAV_STYLE_BELOW_HEADER",
+  NAV_STYLE_ABOVE_HEADER: "NAV_STYLE_ABOVE_HEADER",
+  NAV_STYLE_COLLAPSABLE: "NAV_STYLE_COLLAPSABLE",
+  LIGHT_PURPLE: "light_purple",
+  LIGHT_PURPLE_SEC: "#00B378",
+  LIGHT_PURPLE_DARK_TEXT_COLOR: "#9799AC",
+  RED: "red",
+  RED_SEC: "#00D9C9",
+  RED_DARK_TEXT_COLOR: "#878BAB",
+  BLUE: "blue",
+  BLUE_SEC: "#FCB53B",
+  BLUE_DARK_TEXT_COLOR: "#AAA59A",
+  DARK_BLUE: "dark_blue",
+  DARK_BLUE_SEC: "#17BDE5",
+  DARK_BLUE_DARK_TEXT_COLOR: "#9DDAE9",
+  ORANGE: "orange",
+  ORANGE_SEC: "#F1D065",
+  ORANGE_DARK_TEXT_COLOR: "#ABA895",
+  LIGHT_BLUE: "light_blue",
+  LIGHT_BLUE_SEC: "#59DCFF",
+  LIGHT_BLUE_DARK_TEXT_COLOR: "#92A2C8",
+  DEEP_ORANGE: "deep_orange",
+  DEEP_ORANGE_SEC: "#70A288",
+  DEEP_ORANGE_DARK_TEXT_COLOR: "#97B8C7",
+  LIGHT_PURPLE_1: "light_purple_1",
+  LIGHT_PURPLE_1_SEC: "#E14594",
+  LIGHT_PURPLE_1_DARK_TEXT_COLOR: "#8288B4",
+  LIGHT_PURPLE_2: "light_purple_2",
+  LIGHT_PURPLE_2_SEC: "#64D7D6",
+  LIGHT_PURPLE_2_DARK_TEXT_COLOR: "#5782BB",
+  ACTIVE_COLOR_OPTION: "#ffffff"
+};
+const dict = {
+  SYSTEM_FORM_DEFAULT_SELECT_OPTION: "Seleccione una opci\xF3n",
+  NO_AVAILABLE_NOTIFICATIONS: "No hay notificaciones nuevas",
+  ALL_NOTIFICATIONS: "Todas las notificaciones",
+  NOTIFICATIONS_WIDGET_TITLE: "Notificaciones",
+  type: "Tipo",
+  date: "Fecha",
+  name: "Nombre",
+  filepath: "Archivo",
+  json: "Data",
+  clientName: "Cliente",
+  withdrawsToday: "Retiros Hoy",
+  withdrawsYesterday: "Retiros Ayer",
+  withdrawsLastWeek: "Retiros \xDAltima Semana",
+  volumeCp: "Vol\xFAmen",
+  "validation.recaptcha": "Recaptcha inv\xE1lido"
+};
+const replacements = {
+  profile: "perfil"
+};
+const helpers = {};
+const DASHAdminSystemConstants = {
+  system,
+  panel,
+  dict,
+  helpers,
+  replacements
+  //static pushSystem(resources) { DASHStorageClass.resources = resources }
+};
+var DASHAdminSystemConstants_default = DASHAdminSystemConstants;
+export {
+  DASHAdminSystemConstants_default as default,
+  getEnv
+};

package/dist/config/PARSERS.js

@@ -1 +1,9 @@
-const i={GET_NOTIFICATIONS:t=>t.notifications};var r=i;export{r as default};
+const PARSERS = {
+  GET_NOTIFICATIONS: (json) => {
+    return json.notifications;
+  }
+};
+var PARSERS_default = PARSERS;
+export {
+  PARSERS_default as default
+};