@dashadmin/dash-components 1.3.24 → 1.3.26

package/dist/components/ListActive/ListBoolean.js

@@ -1 +1,124 @@
-import{Fragment as _,jsx as m,jsxs as p}from"react/jsx-runtime";import{useCallback as b,useEffect as w,useState as A}from"react";import{useRecordContext as L,useUpdate as C}from"react-admin";import{Switch as x,Box as y}from"@mui/material";import{AttributeToField as E}from"@dashadmin/dash-auto-admin/src/mui/AttributeToField";import I from"@dashadmin/dash-auto-admin/src/mui/AttributeToInput";const S=({method:o,attribute:s,resourceConfig:i,activeLabel:r="Activo",inactiveLabel:c="Inactivo",enableLabel:v="Activar",disableLabel:f="Desactivar"})=>{const[,g]=A(!0),[d,{isLoading:B}]=C(),t=L(),l=e=>{console.error(e)},h=b(async e=>{window.dispatchEvent(new MessageEvent("dash-global-loader",{data:!0}));try{await d(i.model+"/change-status/"+t.id,{id:t.id,data:{is_active:e},previousData:t},{onSuccess:()=>{t.is_active=e},onSettled:(a,u)=>{u&&l(u),window.dispatchEvent(new MessageEvent("dash-global-loader",{data:!1}))}})}catch(a){l(a)}},[d,t]);w(()=>{g(!1)},[t]);const n=!!t?.is_active,D=t?.is_active?f:v;switch(o){case"create":case"edit":return I(o,i,{...s,custom:!1,type:Boolean});case"view":return E(o,i,{...s,custom:!1,type:Boolean});case"list":return m("div",{children:p(y,{children:[m(x,{onChange:(e,a)=>h(a),...n===!0&&{defaultChecked:!0}}),n?r:c]})});default:return p(_,{children:[s.label,": ",n?r:c]})}};var K=S;export{K 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 { useCallback, useEffect, useState } from "react";
+import { useRecordContext, useUpdate } from "react-admin";
+import { Switch, Box } from "@mui/material";
+import { AttributeToField } from "dash-auto-admin/src/mui/AttributeToField";
+import AttributeToInput from "dash-auto-admin/src/mui/AttributeToInput";
+const ListActive = ({
+  method,
+  attribute,
+  resourceConfig,
+  activeLabel = "Activo",
+  inactiveLabel = "Inactivo",
+  enableLabel = "Activar",
+  disableLabel = "Desactivar"
+}) => {
+  const [, setLoading] = useState(true);
+  const [update, { isLoading: updateLoading }] = useUpdate();
+  const record = useRecordContext();
+  const onError = (error) => {
+    console.error(error);
+  };
+  const onChange = useCallback(
+    (value) => __async(null, null, function* () {
+      window.dispatchEvent(
+        new MessageEvent("dash-global-loader", { data: true })
+      );
+      try {
+        yield update(
+          resourceConfig.model + "/change-status/" + record.id,
+          {
+            id: record.id,
+            data: { is_active: value },
+            previousData: record
+          },
+          {
+            onSuccess: () => {
+              record.is_active = value;
+            },
+            onSettled: (data, error) => {
+              if (error) onError(error);
+              window.dispatchEvent(
+                new MessageEvent("dash-global-loader", { data: false })
+              );
+            }
+          }
+        );
+      } catch (error) {
+        onError(error);
+      }
+    }),
+    [update, record]
+  );
+  useEffect(() => {
+    setLoading(false);
+  }, [record]);
+  const is_active = (record == null ? void 0 : record.is_active) ? true : false;
+  const textSwitch = (record == null ? void 0 : record.is_active) ? disableLabel : enableLabel;
+  switch (method) {
+    case "create":
+    case "edit":
+      return AttributeToInput(method, resourceConfig, __spreadProps(__spreadValues({}, attribute), { custom: false, type: Boolean }));
+    case "view":
+      return AttributeToField(method, resourceConfig, __spreadProps(__spreadValues({}, attribute), { custom: false, type: Boolean }));
+    case "list":
+      return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(Box, { children: [
+        /* @__PURE__ */ jsx(
+          Switch,
+          __spreadValues({
+            onChange: (e, value) => onChange(value)
+          }, is_active === true && { defaultChecked: true })
+        ),
+        is_active ? activeLabel : inactiveLabel
+      ] }) });
+    default:
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        attribute.label,
+        ": ",
+        is_active ? activeLabel : inactiveLabel
+      ] });
+  }
+};
+var ListBoolean_default = ListActive;
+export {
+  ListBoolean_default as default
+};

package/dist/components/NotificationPreferences/NotificationPreferences.js

@@ -1 +1,317 @@
-import{Fragment as q,jsx as e,jsxs as l}from"react/jsx-runtime";import B,{useMemo as P}from"react";import{Box as c,Card as w,CardContent as E,Typography as b,Switch as F,FormControlLabel as D,Alert as I,TextField as z,InputAdornment as S,IconButton as R,Chip as v}from"@mui/material";import{Search as L,Clear as W,Email as _,Notifications as j}from"@mui/icons-material";import{useRecordContext as K}from"react-admin";import{useFormContext as J}from"react-hook-form";import{AuthPersistenceService as M}from"@dashadmin/dash-auth";const V=(m,r)=>!r||!m?[]:r.split(".").reduce((i,a)=>i&&i[a]!==void 0?i[a]:[],m),O=(m,r,s)=>{if(!r)return s;const i=r.split("."),a=i.pop(),u={...m};let f=u;for(const y of i)f[y]||(f[y]={}),f=f[y];return a&&(f[a]=s),u},Q=m=>{const{attribute:r}=m,s=K(),i=J(),[a,u]=B.useState(""),[f,y]=B.useState(null),x=i?.setValue,h=i?.getValues,p=r?.attribute||"",n=p.startsWith("preferences."),d=n?p.split(".").slice(1).join("."):p,C=P(()=>{const t=M.getSystemValues();console.log("\u{1F514} NotificationPreferencesEdit - systemValues:",t);const o=t?.user_notifications||[];return console.log("\u{1F514} NotificationPreferencesEdit - user_notifications:",o),o},[]),G=P(()=>{let t=[];if(s){const o=n?V(s,d):s[p];t=Array.isArray(o)?o:[],console.log("\u{1F514} NotificationPreferencesEdit - preferences from record:",t)}else if(h){const o=h(),g=n?V(o,d):o[p];t=Array.isArray(g)?g:[],console.log("\u{1F514} NotificationPreferencesEdit - preferences from form:",t)}return C.map(o=>t.find(N=>N.id===o.className)||{id:o.className,name:o.name,email:o.hasEmail,push:o.hasPush})},[C,s,p,n,d,h]),A=f??G,T=P(()=>a.trim()?A.filter(t=>t.name.toLowerCase().includes(a.toLowerCase())):A,[A,a]),H=t=>{if(x)if(n){const o=h?.()||{},g=O({...o},d,t);x(p,V(g,d),{shouldDirty:!0})}else x(p,t,{shouldDirty:!0})},k=(t,o)=>{const g=A.map(N=>N.id===t?{...N,[o]:!N[o]}:N);y(g),H(g)};return i?C.length===0?l(I,{severity:"info",children:["No notifications available to configure.",e(b,{variant:"caption",display:"block",sx:{mt:1},children:"Debug: No user_notifications found in systemValues. Try logging out and logging back in to refresh auth data."})]}):l(c,{sx:{mt:1,mb:2},children:[e(b,{variant:"h6",gutterBottom:!0,children:"Notification Preferences"}),e(b,{variant:"body2",color:"text.secondary",sx:{mb:2},children:"Configure which notifications you want to receive via email and push notifications"}),A.length>5&&e(z,{fullWidth:!0,variant:"outlined",placeholder:"Search notifications...",value:a,onChange:t=>u(t.target.value),sx:{mb:2},InputProps:{startAdornment:e(S,{position:"start",children:e(L,{})}),endAdornment:a&&e(S,{position:"end",children:e(R,{onClick:()=>u(""),edge:"end",size:"small",children:e(W,{})})})}}),a&&T.length===0&&l(I,{severity:"info",sx:{mb:2},children:['No notifications found matching "',a,'"']}),T.map(t=>{const o=C.find(g=>g.className===t.id);return o?e(w,{variant:"outlined",sx:{mb:1,"&:hover":{boxShadow:2}},children:e(E,{sx:{p:2,"&:last-child":{pb:2}},children:l(c,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[l(c,{sx:{flex:1},children:[e(b,{variant:"subtitle1",fontWeight:"bold",children:t.name}),l(c,{sx:{display:"flex",gap:1,mt:.5},children:[o.hasSocket&&e(v,{label:"Real-time",size:"small",color:"info"}),o.hasDatabase&&e(v,{label:"Stored",size:"small",color:"default"})]})]}),l(c,{sx:{display:"flex",gap:2,alignItems:"center"},children:[o.hasEmail&&e(D,{control:e(F,{checked:t.email,onChange:()=>k(t.id,"email"),color:"primary"}),label:l(c,{sx:{display:"flex",alignItems:"center",gap:.5},children:[e(_,{fontSize:"small"}),e(b,{variant:"body2",children:"Email"})]})}),o.hasPush&&e(D,{control:e(F,{checked:t.push,onChange:()=>k(t.id,"push"),color:"secondary"}),label:l(c,{sx:{display:"flex",alignItems:"center",gap:.5},children:[e(j,{fontSize:"small"}),e(b,{variant:"body2",children:"Push"})]})})]})]})})},t.id):null})]}):e(I,{severity:"warning",children:"Form context not available. This component must be used within a form."})},U=m=>{const{attribute:r}=m,s=K(),[i,a]=B.useState(""),u=r?.attribute||"",f=u.startsWith("preferences."),y=f?u.split(".").slice(1).join("."):u,x=P(()=>M.getSystemValues()?.user_notifications||[],[]),h=P(()=>{if(!s)return[];const n=f?V(s,y):s[u];return Array.isArray(n)?n:[]},[s,u,f,y]),p=P(()=>i.trim()?h.filter(n=>n.name.toLowerCase().includes(i.toLowerCase())):h,[h,i]);return x.length===0?e(I,{severity:"info",children:"No notification preferences configured."}):l(c,{sx:{mt:1,mb:2},children:[e(b,{variant:"h6",gutterBottom:!0,children:"Notification Preferences"}),h.length>5&&e(z,{fullWidth:!0,variant:"outlined",placeholder:"Search notifications...",value:i,onChange:n=>a(n.target.value),sx:{mb:2},InputProps:{startAdornment:e(S,{position:"start",children:e(L,{})}),endAdornment:i&&e(S,{position:"end",children:e(R,{onClick:()=>a(""),edge:"end",size:"small",children:e(W,{})})})}}),p.map(n=>{const d=x.find(C=>C.className===n.id);return d?e(w,{variant:"outlined",sx:{mb:1},children:e(E,{sx:{p:2,"&:last-child":{pb:2}},children:l(c,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[l(c,{sx:{flex:1},children:[e(b,{variant:"subtitle1",fontWeight:"bold",children:n.name}),l(c,{sx:{display:"flex",gap:1,mt:.5},children:[d.hasSocket&&e(v,{label:"Real-time",size:"small",color:"info"}),d.hasDatabase&&e(v,{label:"Stored",size:"small",color:"default"})]})]}),l(c,{sx:{display:"flex",gap:2},children:[d.hasEmail&&e(v,{icon:e(_,{}),label:"Email",color:n.email?"primary":"default",variant:n.email?"filled":"outlined"}),d.hasPush&&e(v,{icon:e(j,{}),label:"Push",color:n.push?"secondary":"default",variant:n.push?"filled":"outlined"})]})]})})},n.id):null}),h.length===0&&e(I,{severity:"info",children:"No notification preferences configured"})]})},X=m=>{const{method:r="edit",attribute:s=null,resourceConfig:i=null}=m;switch(console.log("\u{1F514} NotificationPreferences - method:",r),console.log("\u{1F514} NotificationPreferences - attribute:",s),r){case"edit":case"create":return e(q,{children:e(Q,{method:r,attribute:s,resourceConfig:i})});case"view":return e(q,{children:e(U,{method:r,attribute:s,resourceConfig:i})});default:return console.log("\u{1F514} NotificationPreferences - unsupported method:",r),null}};var se=X;export{Q as NotificationPreferencesEdit,U as NotificationPreferencesView,se 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));
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import React, { useMemo } from "react";
+import {
+  Box,
+  Card,
+  CardContent,
+  Typography,
+  Switch,
+  FormControlLabel,
+  Alert,
+  TextField,
+  InputAdornment,
+  IconButton,
+  Chip
+} from "@mui/material";
+import { Search as SearchIcon, Clear as ClearIcon, Email as EmailIcon, Notifications as PushIcon } from "@mui/icons-material";
+import { useRecordContext } from "react-admin";
+import { useFormContext } from "react-hook-form";
+import { AuthPersistenceService } from "dash-auth";
+const getNestedValue = (obj, path) => {
+  if (!path || !obj) return [];
+  const keys = path.split(".");
+  return keys.reduce((o, key) => o && o[key] !== void 0 ? o[key] : [], obj);
+};
+const setNestedValue = (obj, path, value) => {
+  if (!path) return value;
+  const keys = path.split(".");
+  const lastKey = keys.pop();
+  const result = __spreadValues({}, obj);
+  let current = result;
+  for (const key of keys) {
+    if (!current[key]) current[key] = {};
+    current = current[key];
+  }
+  if (lastKey) {
+    current[lastKey] = value;
+  }
+  return result;
+};
+const NotificationPreferencesEdit = (props) => {
+  const { attribute } = props;
+  const record = useRecordContext();
+  const formContext = useFormContext();
+  const [searchTerm, setSearchTerm] = React.useState("");
+  const [localPreferences, setLocalPreferences] = React.useState(null);
+  const setValue = formContext == null ? void 0 : formContext.setValue;
+  const getValues = formContext == null ? void 0 : formContext.getValues;
+  const attributePath = (attribute == null ? void 0 : attribute.attribute) || "";
+  const isNestedSetting = attributePath.startsWith("preferences.");
+  const preferencesPath = isNestedSetting ? attributePath.split(".").slice(1).join(".") : attributePath;
+  const availableNotifications = useMemo(() => {
+    const systemValues = AuthPersistenceService.getSystemValues();
+    console.log("\u{1F514} NotificationPreferencesEdit - systemValues:", systemValues);
+    const notifications = (systemValues == null ? void 0 : systemValues.user_notifications) || [];
+    console.log("\u{1F514} NotificationPreferencesEdit - user_notifications:", notifications);
+    return notifications;
+  }, []);
+  const initialPreferences = useMemo(() => {
+    let currentPrefs = [];
+    if (record) {
+      const recordValue = isNestedSetting ? getNestedValue(record, preferencesPath) : record[attributePath];
+      currentPrefs = Array.isArray(recordValue) ? recordValue : [];
+      console.log("\u{1F514} NotificationPreferencesEdit - preferences from record:", currentPrefs);
+    } else if (getValues) {
+      const formValues = getValues();
+      const formValue = isNestedSetting ? getNestedValue(formValues, preferencesPath) : formValues[attributePath];
+      currentPrefs = Array.isArray(formValue) ? formValue : [];
+      console.log("\u{1F514} NotificationPreferencesEdit - preferences from form:", currentPrefs);
+    }
+    return availableNotifications.map((notification) => {
+      const existing = currentPrefs.find((p) => p.id === notification.className);
+      return existing || {
+        id: notification.className,
+        name: notification.name,
+        email: notification.hasEmail,
+        push: notification.hasPush
+      };
+    });
+  }, [availableNotifications, record, attributePath, isNestedSetting, preferencesPath, getValues]);
+  const preferences = localPreferences != null ? localPreferences : initialPreferences;
+  const filteredPreferences = useMemo(() => {
+    if (!searchTerm.trim()) return preferences;
+    return preferences.filter(
+      (pref) => pref.name.toLowerCase().includes(searchTerm.toLowerCase())
+    );
+  }, [preferences, searchTerm]);
+  const updateFormValue = (newPreferences) => {
+    if (!setValue) return;
+    if (isNestedSetting) {
+      const formValues = (getValues == null ? void 0 : getValues()) || {};
+      const updatedValues = setNestedValue(__spreadValues({}, formValues), preferencesPath, newPreferences);
+      setValue(attributePath, getNestedValue(updatedValues, preferencesPath), { shouldDirty: true });
+    } else {
+      setValue(attributePath, newPreferences, { shouldDirty: true });
+    }
+  };
+  const handleToggle = (notificationId, channel) => {
+    const updatedPreferences = preferences.map(
+      (pref) => pref.id === notificationId ? __spreadProps(__spreadValues({}, pref), { [channel]: !pref[channel] }) : pref
+    );
+    setLocalPreferences(updatedPreferences);
+    updateFormValue(updatedPreferences);
+  };
+  if (!formContext) {
+    return /* @__PURE__ */ jsx(Alert, { severity: "warning", children: "Form context not available. This component must be used within a form." });
+  }
+  if (availableNotifications.length === 0) {
+    return /* @__PURE__ */ jsxs(Alert, { severity: "info", children: [
+      "No notifications available to configure.",
+      /* @__PURE__ */ jsx(Typography, { variant: "caption", display: "block", sx: { mt: 1 }, children: "Debug: No user_notifications found in systemValues. Try logging out and logging back in to refresh auth data." })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Box, { sx: { mt: 1, mb: 2 }, children: [
+    /* @__PURE__ */ jsx(Typography, { variant: "h6", gutterBottom: true, children: "Notification Preferences" }),
+    /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", sx: { mb: 2 }, children: "Configure which notifications you want to receive via email and push notifications" }),
+    preferences.length > 5 && /* @__PURE__ */ jsx(
+      TextField,
+      {
+        fullWidth: true,
+        variant: "outlined",
+        placeholder: "Search notifications...",
+        value: searchTerm,
+        onChange: (e) => setSearchTerm(e.target.value),
+        sx: { mb: 2 },
+        InputProps: {
+          startAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx(SearchIcon, {}) }),
+          endAdornment: searchTerm && /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx(IconButton, { onClick: () => setSearchTerm(""), edge: "end", size: "small", children: /* @__PURE__ */ jsx(ClearIcon, {}) }) })
+        }
+      }
+    ),
+    searchTerm && filteredPreferences.length === 0 && /* @__PURE__ */ jsxs(Alert, { severity: "info", sx: { mb: 2 }, children: [
+      'No notifications found matching "',
+      searchTerm,
+      '"'
+    ] }),
+    filteredPreferences.map((preference) => {
+      const notification = availableNotifications.find((n) => n.className === preference.id);
+      if (!notification) return null;
+      return /* @__PURE__ */ jsx(
+        Card,
+        {
+          variant: "outlined",
+          sx: {
+            mb: 1,
+            "&:hover": {
+              boxShadow: 2
+            }
+          },
+          children: /* @__PURE__ */ jsx(CardContent, { sx: { p: 2, "&:last-child": { pb: 2 } }, children: /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
+            /* @__PURE__ */ jsxs(Box, { sx: { flex: 1 }, children: [
+              /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", fontWeight: "bold", children: preference.name }),
+              /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", gap: 1, mt: 0.5 }, children: [
+                notification.hasSocket && /* @__PURE__ */ jsx(Chip, { label: "Real-time", size: "small", color: "info" }),
+                notification.hasDatabase && /* @__PURE__ */ jsx(Chip, { label: "Stored", size: "small", color: "default" })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", gap: 2, alignItems: "center" }, children: [
+              notification.hasEmail && /* @__PURE__ */ jsx(
+                FormControlLabel,
+                {
+                  control: /* @__PURE__ */ jsx(
+                    Switch,
+                    {
+                      checked: preference.email,
+                      onChange: () => handleToggle(preference.id, "email"),
+                      color: "primary"
+                    }
+                  ),
+                  label: /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
+                    /* @__PURE__ */ jsx(EmailIcon, { fontSize: "small" }),
+                    /* @__PURE__ */ jsx(Typography, { variant: "body2", children: "Email" })
+                  ] })
+                }
+              ),
+              notification.hasPush && /* @__PURE__ */ jsx(
+                FormControlLabel,
+                {
+                  control: /* @__PURE__ */ jsx(
+                    Switch,
+                    {
+                      checked: preference.push,
+                      onChange: () => handleToggle(preference.id, "push"),
+                      color: "secondary"
+                    }
+                  ),
+                  label: /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
+                    /* @__PURE__ */ jsx(PushIcon, { fontSize: "small" }),
+                    /* @__PURE__ */ jsx(Typography, { variant: "body2", children: "Push" })
+                  ] })
+                }
+              )
+            ] })
+          ] }) })
+        },
+        preference.id
+      );
+    })
+  ] });
+};
+const NotificationPreferencesView = (props) => {
+  const { attribute } = props;
+  const record = useRecordContext();
+  const [searchTerm, setSearchTerm] = React.useState("");
+  const attributePath = (attribute == null ? void 0 : attribute.attribute) || "";
+  const isNestedSetting = attributePath.startsWith("preferences.");
+  const preferencesPath = isNestedSetting ? attributePath.split(".").slice(1).join(".") : attributePath;
+  const availableNotifications = useMemo(() => {
+    const systemValues = AuthPersistenceService.getSystemValues();
+    return (systemValues == null ? void 0 : systemValues.user_notifications) || [];
+  }, []);
+  const preferences = useMemo(() => {
+    if (!record) return [];
+    const recordValue = isNestedSetting ? getNestedValue(record, preferencesPath) : record[attributePath];
+    return Array.isArray(recordValue) ? recordValue : [];
+  }, [record, attributePath, isNestedSetting, preferencesPath]);
+  const filteredPreferences = useMemo(() => {
+    if (!searchTerm.trim()) return preferences;
+    return preferences.filter(
+      (pref) => pref.name.toLowerCase().includes(searchTerm.toLowerCase())
+    );
+  }, [preferences, searchTerm]);
+  if (availableNotifications.length === 0) {
+    return /* @__PURE__ */ jsx(Alert, { severity: "info", children: "No notification preferences configured." });
+  }
+  return /* @__PURE__ */ jsxs(Box, { sx: { mt: 1, mb: 2 }, children: [
+    /* @__PURE__ */ jsx(Typography, { variant: "h6", gutterBottom: true, children: "Notification Preferences" }),
+    preferences.length > 5 && /* @__PURE__ */ jsx(
+      TextField,
+      {
+        fullWidth: true,
+        variant: "outlined",
+        placeholder: "Search notifications...",
+        value: searchTerm,
+        onChange: (e) => setSearchTerm(e.target.value),
+        sx: { mb: 2 },
+        InputProps: {
+          startAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx(SearchIcon, {}) }),
+          endAdornment: searchTerm && /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx(IconButton, { onClick: () => setSearchTerm(""), edge: "end", size: "small", children: /* @__PURE__ */ jsx(ClearIcon, {}) }) })
+        }
+      }
+    ),
+    filteredPreferences.map((preference) => {
+      const notification = availableNotifications.find((n) => n.className === preference.id);
+      if (!notification) return null;
+      return /* @__PURE__ */ jsx(Card, { variant: "outlined", sx: { mb: 1 }, children: /* @__PURE__ */ jsx(CardContent, { sx: { p: 2, "&:last-child": { pb: 2 } }, children: /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
+        /* @__PURE__ */ jsxs(Box, { sx: { flex: 1 }, children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", fontWeight: "bold", children: preference.name }),
+          /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", gap: 1, mt: 0.5 }, children: [
+            notification.hasSocket && /* @__PURE__ */ jsx(Chip, { label: "Real-time", size: "small", color: "info" }),
+            notification.hasDatabase && /* @__PURE__ */ jsx(Chip, { label: "Stored", size: "small", color: "default" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", gap: 2 }, children: [
+          notification.hasEmail && /* @__PURE__ */ jsx(
+            Chip,
+            {
+              icon: /* @__PURE__ */ jsx(EmailIcon, {}),
+              label: "Email",
+              color: preference.email ? "primary" : "default",
+              variant: preference.email ? "filled" : "outlined"
+            }
+          ),
+          notification.hasPush && /* @__PURE__ */ jsx(
+            Chip,
+            {
+              icon: /* @__PURE__ */ jsx(PushIcon, {}),
+              label: "Push",
+              color: preference.push ? "secondary" : "default",
+              variant: preference.push ? "filled" : "outlined"
+            }
+          )
+        ] })
+      ] }) }) }, preference.id);
+    }),
+    preferences.length === 0 && /* @__PURE__ */ jsx(Alert, { severity: "info", children: "No notification preferences configured" })
+  ] });
+};
+const NotificationPreferences = (props) => {
+  const { method = "edit", attribute = null, resourceConfig = null } = props;
+  console.log("\u{1F514} NotificationPreferences - method:", method);
+  console.log("\u{1F514} NotificationPreferences - attribute:", attribute);
+  switch (method) {
+    case "edit":
+    case "create":
+      return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(NotificationPreferencesEdit, { method, attribute, resourceConfig }) });
+    case "view":
+      return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(NotificationPreferencesView, { method, attribute, resourceConfig }) });
+    default:
+      console.log("\u{1F514} NotificationPreferences - unsupported method:", method);
+      return null;
+  }
+};
+var NotificationPreferences_default = NotificationPreferences;
+export {
+  NotificationPreferencesEdit,
+  NotificationPreferencesView,
+  NotificationPreferences_default as default
+};

package/dist/components/NotificationPreferences/index.js

@@ -1 +1,7 @@
-import{default as o}from"./NotificationPreferences";import{NotificationPreferencesEdit as t,NotificationPreferencesView as f}from"./NotificationPreferences";export{o as NotificationPreferences,t as NotificationPreferencesEdit,f as NotificationPreferencesView};
+import { default as default2 } from "./NotificationPreferences";
+import { NotificationPreferencesEdit, NotificationPreferencesView } from "./NotificationPreferences";
+export {
+  default2 as NotificationPreferences,
+  NotificationPreferencesEdit,
+  NotificationPreferencesView
+};