@nocios/crudify-ui 1.3.2 → 1.3.6

package/dist/index.mjs

@@ -2027,19 +2027,631 @@ var UserProfileDisplay = ({
 };
 var UserProfileDisplay_default = UserProfileDisplay;
 
+// src/components/PublicPolicies/Policies.tsx
+import { useRef as useRef4 } from "react";
+import { useTranslation as useTranslation4 } from "react-i18next";
+import {
+  Box as Box10,
+  Typography as Typography10,
+  Button as Button7,
+  Stack as Stack3,
+  Alert as Alert7,
+  Divider as Divider3
+} from "@mui/material";
+import { Add } from "@mui/icons-material";
+
+// src/components/PublicPolicies/PolicyItem/PolicyItem.tsx
+import { forwardRef } from "react";
+import { useTranslation as useTranslation3 } from "react-i18next";
+import {
+  Box as Box9,
+  FormControl,
+  InputLabel,
+  Select,
+  MenuItem,
+  IconButton as IconButton2,
+  Typography as Typography9,
+  FormHelperText as FormHelperText2,
+  Stack as Stack2,
+  Paper,
+  Divider as Divider2,
+  Button as Button6
+} from "@mui/material";
+import { Delete, SelectAll as SelectAll2, ClearAll as ClearAll2 } from "@mui/icons-material";
+
+// src/components/PublicPolicies/FieldSelector/FieldSelector.tsx
+import { useState as useState8, useEffect as useEffect8, useRef as useRef3 } from "react";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import {
+  Box as Box8,
+  Typography as Typography8,
+  Button as Button5,
+  Stack,
+  FormHelperText,
+  ToggleButton,
+  ToggleButtonGroup
+} from "@mui/material";
+import {
+  CheckCircle,
+  Cancel,
+  SelectAll,
+  ClearAll
+} from "@mui/icons-material";
+import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+var FieldSelector = ({
+  value,
+  onChange,
+  availableFields,
+  error,
+  disabled = false
+}) => {
+  const { t } = useTranslation2();
+  const [mode, setMode] = useState8("custom");
+  const isUpdatingRef = useRef3(false);
+  useEffect8(() => {
+    const current = value || { allow: [], owner_allow: [], deny: [] };
+    const all = new Set(availableFields);
+    const allow = (current.allow || []).filter((f) => all.has(f));
+    const owner = (current.owner_allow || []).filter((f) => all.has(f));
+    const deny = (current.deny || []).filter((f) => all.has(f));
+    availableFields.forEach((f) => {
+      if (!allow.includes(f) && !owner.includes(f) && !deny.includes(f)) deny.push(f);
+    });
+    const normalized = { allow, owner_allow: owner, deny };
+    if (JSON.stringify(normalized) !== JSON.stringify(current)) {
+      onChange(normalized);
+    }
+    if (allow.length === availableFields.length) setMode("all");
+    else if (deny.length === availableFields.length) setMode("none");
+    else setMode("custom");
+  }, [availableFields, value]);
+  const setAllAllow = () => {
+    isUpdatingRef.current = true;
+    onChange({ allow: [...availableFields], owner_allow: [], deny: [] });
+    setMode("all");
+    setTimeout(() => {
+      isUpdatingRef.current = false;
+    }, 0);
+  };
+  const setAllDeny = () => {
+    isUpdatingRef.current = true;
+    onChange({ allow: [], owner_allow: [], deny: [...availableFields] });
+    setMode("none");
+    setTimeout(() => {
+      isUpdatingRef.current = false;
+    }, 0);
+  };
+  const getFieldState = (fieldName) => {
+    if (value?.allow?.includes(fieldName)) return "allow";
+    if (value?.owner_allow?.includes(fieldName)) return "owner_allow";
+    return "deny";
+  };
+  const setFieldState = (fieldName, state) => {
+    isUpdatingRef.current = true;
+    const allow = new Set(value?.allow || []);
+    const owner = new Set(value?.owner_allow || []);
+    const deny = new Set(value?.deny || []);
+    allow.delete(fieldName);
+    owner.delete(fieldName);
+    deny.delete(fieldName);
+    if (state === "allow") allow.add(fieldName);
+    if (state === "owner_allow") owner.add(fieldName);
+    if (state === "deny") deny.add(fieldName);
+    onChange({ allow: Array.from(allow), owner_allow: Array.from(owner), deny: Array.from(deny) });
+    setMode("custom");
+    setTimeout(() => {
+      isUpdatingRef.current = false;
+    }, 0);
+  };
+  if (availableFields.length === 0) {
+    return /* @__PURE__ */ jsxs8(Box8, { children: [
+      /* @__PURE__ */ jsx11(Typography8, { variant: "body2", color: "text.secondary", sx: { mb: 1 }, children: t("modules.form.publicPolicies.fields.conditions.label") }),
+      /* @__PURE__ */ jsx11(Typography8, { variant: "body2", color: "text.secondary", sx: { fontStyle: "italic" }, children: t("modules.form.publicPolicies.fields.conditions.noFieldsAvailable") }),
+      error && /* @__PURE__ */ jsx11(FormHelperText, { error: true, sx: { mt: 1 }, children: error })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs8(Box8, { children: [
+    /* @__PURE__ */ jsx11(Typography8, { variant: "body2", color: "text.secondary", sx: { mb: 2 }, children: t("modules.form.publicPolicies.fields.conditions.label") }),
+    /* @__PURE__ */ jsxs8(Stack, { direction: "row", spacing: 1, sx: { mb: 3 }, children: [
+      /* @__PURE__ */ jsx11(
+        Button5,
+        {
+          variant: mode === "all" ? "contained" : "outlined",
+          startIcon: /* @__PURE__ */ jsx11(SelectAll, {}),
+          onClick: setAllAllow,
+          disabled,
+          size: "small",
+          sx: {
+            minWidth: 120,
+            ...mode === "all" && {
+              backgroundColor: "#16a34a",
+              "&:hover": { backgroundColor: "#15803d" }
+            }
+          },
+          children: t("modules.form.publicPolicies.fields.conditions.allFields")
+        }
+      ),
+      /* @__PURE__ */ jsx11(
+        Button5,
+        {
+          variant: mode === "none" ? "contained" : "outlined",
+          startIcon: /* @__PURE__ */ jsx11(ClearAll, {}),
+          onClick: setAllDeny,
+          disabled,
+          size: "small",
+          sx: {
+            minWidth: 120,
+            ...mode === "none" && {
+              backgroundColor: "#cf222e",
+              "&:hover": { backgroundColor: "#bc1f2c" }
+            }
+          },
+          children: t("modules.form.publicPolicies.fields.conditions.noFields")
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs8(Box8, { sx: { p: 2, border: "1px solid #d1d9e0", borderRadius: 1, backgroundColor: "#f6f8fa" }, children: [
+      /* @__PURE__ */ jsx11(Typography8, { variant: "body2", color: "text.secondary", sx: { mb: 2 }, children: t("modules.form.publicPolicies.fields.conditions.help") }),
+      /* @__PURE__ */ jsx11(Stack, { spacing: 1, children: availableFields.map((fieldName) => {
+        const fieldState = getFieldState(fieldName);
+        return /* @__PURE__ */ jsxs8(Stack, { direction: "row", spacing: 1, alignItems: "center", children: [
+          /* @__PURE__ */ jsx11(Typography8, { variant: "body2", sx: { minWidth: 100, fontFamily: "monospace" }, children: fieldName }),
+          /* @__PURE__ */ jsxs8(ToggleButtonGroup, { value: fieldState, exclusive: true, size: "small", children: [
+            /* @__PURE__ */ jsxs8(
+              ToggleButton,
+              {
+                value: "allow",
+                onClick: () => setFieldState(fieldName, "allow"),
+                disabled,
+                sx: {
+                  px: 2,
+                  color: fieldState === "allow" ? "#ffffff" : "#6b7280",
+                  backgroundColor: fieldState === "allow" ? "#16a34a" : "#f3f4f6",
+                  borderColor: fieldState === "allow" ? "#16a34a" : "#d1d5db",
+                  "&:hover": {
+                    backgroundColor: fieldState === "allow" ? "#15803d" : "#e5e7eb",
+                    borderColor: fieldState === "allow" ? "#15803d" : "#9ca3af"
+                  },
+                  "&.Mui-selected": {
+                    backgroundColor: "#16a34a",
+                    color: "#ffffff",
+                    "&:hover": {
+                      backgroundColor: "#15803d"
+                    }
+                  }
+                },
+                children: [
+                  /* @__PURE__ */ jsx11(CheckCircle, { sx: { fontSize: 16, mr: 0.5 } }),
+                  t("modules.form.publicPolicies.fields.conditions.states.allow")
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx11(
+              ToggleButton,
+              {
+                value: "owner_allow",
+                onClick: () => setFieldState(fieldName, "owner_allow"),
+                disabled,
+                sx: {
+                  px: 2,
+                  color: fieldState === "owner_allow" ? "#ffffff" : "#6b7280",
+                  backgroundColor: fieldState === "owner_allow" ? "#0ea5e9" : "#f3f4f6",
+                  borderColor: fieldState === "owner_allow" ? "#0ea5e9" : "#d1d5db",
+                  "&:hover": {
+                    backgroundColor: fieldState === "owner_allow" ? "#0284c7" : "#e5e7eb",
+                    borderColor: fieldState === "owner_allow" ? "#0284c7" : "#9ca3af"
+                  },
+                  "&.Mui-selected": {
+                    backgroundColor: "#0ea5e9",
+                    color: "#ffffff",
+                    "&:hover": {
+                      backgroundColor: "#0284c7"
+                    }
+                  }
+                },
+                children: t("modules.form.publicPolicies.fields.conditions.states.ownerAllow")
+              }
+            ),
+            /* @__PURE__ */ jsxs8(
+              ToggleButton,
+              {
+                value: "deny",
+                onClick: () => setFieldState(fieldName, "deny"),
+                disabled,
+                sx: {
+                  px: 2,
+                  color: fieldState === "deny" ? "#ffffff" : "#6b7280",
+                  backgroundColor: fieldState === "deny" ? "#dc2626" : "#f3f4f6",
+                  borderColor: fieldState === "deny" ? "#dc2626" : "#d1d5db",
+                  "&:hover": {
+                    backgroundColor: fieldState === "deny" ? "#b91c1c" : "#e5e7eb",
+                    borderColor: fieldState === "deny" ? "#b91c1c" : "#9ca3af"
+                  },
+                  "&.Mui-selected": {
+                    backgroundColor: "#dc2626",
+                    color: "#ffffff",
+                    "&:hover": {
+                      backgroundColor: "#b91c1c"
+                    }
+                  }
+                },
+                children: [
+                  /* @__PURE__ */ jsx11(Cancel, { sx: { fontSize: 16, mr: 0.5 } }),
+                  t("modules.form.publicPolicies.fields.conditions.states.deny")
+                ]
+              }
+            )
+          ] })
+        ] }, fieldName);
+      }) })
+    ] }),
+    error && /* @__PURE__ */ jsx11(FormHelperText, { error: true, sx: { mt: 1 }, children: error })
+  ] });
+};
+var FieldSelector_default = FieldSelector;
+
+// src/components/PublicPolicies/constants.ts
+var POLICY_ACTIONS = ["create", "read", "update", "delete"];
+var PREFERRED_POLICY_ORDER = [
+  "create",
+  "read",
+  "update",
+  "delete"
+];
+
+// src/components/PublicPolicies/PolicyItem/PolicyItem.tsx
+import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+var PolicyItem = forwardRef(({
+  policy,
+  onChange,
+  onRemove,
+  availableFields,
+  isSubmitting = false,
+  usedActions,
+  error
+}, ref) => {
+  const { t } = useTranslation3();
+  const takenActions = new Set(Array.from(usedActions || []));
+  takenActions.delete(policy.action);
+  const actionOptions = POLICY_ACTIONS.map((a) => ({
+    value: a,
+    label: t(`modules.form.publicPolicies.fields.action.options.${a}`)
+  }));
+  return /* @__PURE__ */ jsxs9(
+    Paper,
+    {
+      ref,
+      sx: {
+        p: 3,
+        border: "1px solid #d1d9e0",
+        borderRadius: 2,
+        position: "relative",
+        backgroundColor: "#ffffff"
+      },
+      children: [
+        /* @__PURE__ */ jsxs9(Box9, { sx: { display: "flex", justifyContent: "space-between", alignItems: "flex-start", mb: 3 }, children: [
+          /* @__PURE__ */ jsx12(
+            Typography9,
+            {
+              variant: "subtitle1",
+              sx: {
+                fontWeight: 600,
+                color: "#111418",
+                fontSize: "1rem"
+              },
+              children: t("modules.form.publicPolicies.policyTitle")
+            }
+          ),
+          /* @__PURE__ */ jsx12(
+            IconButton2,
+            {
+              onClick: onRemove,
+              size: "small",
+              disabled: isSubmitting,
+              "aria-label": t("modules.form.publicPolicies.removePolicy"),
+              sx: {
+                color: "#656d76",
+                "&:hover": {
+                  color: "#cf222e",
+                  backgroundColor: "rgba(207, 34, 46, 0.1)"
+                }
+              },
+              children: /* @__PURE__ */ jsx12(Delete, {})
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs9(Stack2, { spacing: 3, children: [
+          /* @__PURE__ */ jsx12(Stack2, { direction: { xs: "column", md: "row" }, spacing: 2, children: /* @__PURE__ */ jsx12(Box9, { sx: { flex: 1, minWidth: 200 }, children: /* @__PURE__ */ jsxs9(FormControl, { fullWidth: true, children: [
+            /* @__PURE__ */ jsx12(InputLabel, { children: t("modules.form.publicPolicies.fields.action.label") }),
+            /* @__PURE__ */ jsx12(
+              Select,
+              {
+                value: policy.action,
+                label: t("modules.form.publicPolicies.fields.action.label"),
+                disabled: isSubmitting,
+                onChange: (e) => {
+                  const newAction = e.target.value;
+                  const next = { ...policy, action: newAction };
+                  if (newAction === "delete") {
+                    next.permission = "deny";
+                    delete next.fields;
+                  } else {
+                    next.fields = { allow: [], owner_allow: [], deny: availableFields };
+                    delete next.permission;
+                  }
+                  onChange(next);
+                },
+                sx: {
+                  backgroundColor: "#ffffff",
+                  "&:hover .MuiOutlinedInput-notchedOutline": {
+                    borderColor: "#8c959f"
+                  },
+                  "&.Mui-focused .MuiOutlinedInput-notchedOutline": {
+                    borderColor: "#0969da",
+                    borderWidth: 2
+                  }
+                },
+                children: actionOptions.map((option) => {
+                  const disabledOption = takenActions.has(option.value);
+                  return /* @__PURE__ */ jsx12(MenuItem, { value: option.value, disabled: disabledOption, children: option.label }, option.value);
+                })
+              }
+            ),
+            error && /* @__PURE__ */ jsx12(FormHelperText2, { error: true, children: error })
+          ] }) }) }),
+          policy.action === "delete" ? /* @__PURE__ */ jsxs9(Box9, { children: [
+            /* @__PURE__ */ jsx12(Typography9, { variant: "body2", color: "text.secondary", sx: { mb: 2 }, children: t("modules.form.publicPolicies.fields.conditions.label") }),
+            /* @__PURE__ */ jsxs9(Stack2, { direction: "row", spacing: 1, sx: { mb: 3 }, children: [
+              /* @__PURE__ */ jsx12(
+                Button6,
+                {
+                  variant: policy.permission === "*" ? "contained" : "outlined",
+                  startIcon: /* @__PURE__ */ jsx12(SelectAll2, {}),
+                  onClick: () => onChange({ ...policy, permission: "*" }),
+                  disabled: isSubmitting,
+                  size: "small",
+                  sx: {
+                    minWidth: 140,
+                    whiteSpace: "nowrap",
+                    ...policy.permission === "*" && {
+                      backgroundColor: "#16a34a",
+                      "&:hover": { backgroundColor: "#15803d" }
+                    }
+                  },
+                  children: t("modules.form.publicPolicies.fields.conditions.allFields")
+                }
+              ),
+              /* @__PURE__ */ jsx12(
+                Button6,
+                {
+                  variant: policy.permission === "owner" ? "contained" : "outlined",
+                  onClick: () => onChange({ ...policy, permission: "owner" }),
+                  disabled: isSubmitting,
+                  size: "small",
+                  sx: {
+                    minWidth: 140,
+                    whiteSpace: "nowrap",
+                    ...policy.permission === "owner" && {
+                      backgroundColor: "#0ea5e9",
+                      "&:hover": { backgroundColor: "#0284c7" }
+                    }
+                  },
+                  children: t("modules.form.publicPolicies.fields.conditions.states.ownerAllow")
+                }
+              ),
+              /* @__PURE__ */ jsx12(
+                Button6,
+                {
+                  variant: policy.permission === "deny" ? "contained" : "outlined",
+                  startIcon: /* @__PURE__ */ jsx12(ClearAll2, {}),
+                  onClick: () => onChange({ ...policy, permission: "deny" }),
+                  disabled: isSubmitting,
+                  size: "small",
+                  sx: {
+                    minWidth: 140,
+                    whiteSpace: "nowrap",
+                    ...policy.permission === "deny" && {
+                      backgroundColor: "#cf222e",
+                      "&:hover": { backgroundColor: "#bc1f2c" }
+                    }
+                  },
+                  children: t("modules.form.publicPolicies.fields.conditions.noFields")
+                }
+              )
+            ] })
+          ] }) : /* @__PURE__ */ jsx12(
+            FieldSelector_default,
+            {
+              value: policy.fields || { allow: [], owner_allow: [], deny: [] },
+              onChange: (nextFields) => onChange({ ...policy, fields: nextFields }),
+              availableFields,
+              disabled: isSubmitting
+            }
+          ),
+          /* @__PURE__ */ jsx12(Paper, { variant: "outlined", sx: { p: 2, backgroundColor: "#f9fafb" }, children: policy.action === "delete" ? /* @__PURE__ */ jsxs9(Typography9, { variant: "body2", sx: { fontFamily: "monospace", color: "text.secondary" }, children: [
+            /* @__PURE__ */ jsxs9(Box9, { component: "span", sx: {
+              color: policy.permission === "*" ? "#16a34a" : policy.permission === "owner" ? "#0ea5e9" : "#dc2626"
+            }, children: [
+              t("modules.form.publicPolicies.fields.conditions.states.allow"),
+              ":"
+            ] }),
+            " ",
+            policy.permission || "-"
+          ] }) : /* @__PURE__ */ jsxs9(Stack2, { spacing: 0.5, divider: /* @__PURE__ */ jsx12(Divider2, { sx: { borderColor: "#e5e7eb" } }), children: [
+            /* @__PURE__ */ jsxs9(Typography9, { variant: "body2", sx: { fontFamily: "monospace", color: "text.secondary" }, children: [
+              /* @__PURE__ */ jsxs9(Box9, { component: "span", sx: { color: "#16a34a" }, children: [
+                t("modules.form.publicPolicies.fields.conditions.states.allow"),
+                ":"
+              ] }),
+              " ",
+              (policy?.fields?.allow || []).join(", ") || "-"
+            ] }),
+            /* @__PURE__ */ jsxs9(Typography9, { variant: "body2", sx: { fontFamily: "monospace", color: "text.secondary" }, children: [
+              /* @__PURE__ */ jsxs9(Box9, { component: "span", sx: { color: "#0ea5e9" }, children: [
+                t("modules.form.publicPolicies.fields.conditions.states.ownerAllow"),
+                ":"
+              ] }),
+              " ",
+              (policy?.fields?.owner_allow || []).join(", ") || "-"
+            ] }),
+            /* @__PURE__ */ jsxs9(Typography9, { variant: "body2", sx: { fontFamily: "monospace", color: "text.secondary" }, children: [
+              /* @__PURE__ */ jsxs9(Box9, { component: "span", sx: { color: "#dc2626" }, children: [
+                t("modules.form.publicPolicies.fields.conditions.states.deny"),
+                ":"
+              ] }),
+              " ",
+              (policy?.fields?.deny || []).join(", ") || "-"
+            ] })
+          ] }) })
+        ] })
+      ]
+    }
+  );
+});
+var PolicyItem_default = PolicyItem;
+
+// src/components/PublicPolicies/Policies.tsx
+import { Fragment as Fragment7, jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
+var generateId = () => {
+  const c = globalThis?.crypto;
+  if (c && typeof c.randomUUID === "function") return c.randomUUID();
+  return `${Date.now()}-${Math.random().toString(16).slice(2)}`;
+};
+var Policies = ({
+  policies,
+  onChange,
+  availableFields,
+  errors,
+  isSubmitting = false
+}) => {
+  const { t } = useTranslation4();
+  const policyRefs = useRef4({});
+  const takenActions = new Set((policies || []).map((p) => p.action).filter(Boolean));
+  const remainingActions = PREFERRED_POLICY_ORDER.filter((a) => !takenActions.has(a));
+  const canAddPolicy = remainingActions.length > 0;
+  const addPolicy = () => {
+    const defaultAction = remainingActions[0] || "create";
+    const newPolicy = {
+      id: generateId(),
+      action: defaultAction
+    };
+    if (defaultAction === "delete") {
+      newPolicy.permission = "deny";
+    } else {
+      newPolicy.fields = {
+        allow: [],
+        owner_allow: [],
+        deny: availableFields
+      };
+    }
+    const next = [...policies || [], newPolicy];
+    onChange(next);
+    setTimeout(() => {
+      const newIndex = next.length - 1;
+      const el = policyRefs.current[newIndex];
+      if (el) {
+        el.scrollIntoView({ behavior: "smooth", block: "center" });
+      }
+    }, 100);
+  };
+  const removePolicy = (index) => {
+    const next = [...policies];
+    next.splice(index, 1);
+    onChange(next);
+  };
+  const arrayError = (() => {
+    if (!errors) return null;
+    if (typeof errors === "string") return errors;
+    const msg = errors._error;
+    return typeof msg === "string" ? msg : null;
+  })();
+  const usedActions = new Set((policies || []).map((p) => p.action));
+  return /* @__PURE__ */ jsxs10(Fragment7, { children: [
+    /* @__PURE__ */ jsx13(Divider3, { sx: { borderColor: "#e0e4e7" } }),
+    /* @__PURE__ */ jsxs10(Box10, { children: [
+      /* @__PURE__ */ jsx13(Box10, { display: "flex", justifyContent: "space-between", alignItems: "center", mb: 3, children: /* @__PURE__ */ jsxs10(Box10, { children: [
+        /* @__PURE__ */ jsx13(
+          Typography10,
+          {
+            variant: "h6",
+            sx: {
+              fontWeight: 600,
+              color: "#111418",
+              mb: 1
+            },
+            children: t("modules.form.publicPolicies.title")
+          }
+        ),
+        /* @__PURE__ */ jsx13(
+          Typography10,
+          {
+            variant: "body2",
+            color: "text.secondary",
+            sx: { fontSize: "0.875rem" },
+            children: t("modules.form.publicPolicies.description")
+          }
+        )
+      ] }) }),
+      arrayError && /* @__PURE__ */ jsx13(Alert7, { severity: "error", sx: { mb: 3 }, children: arrayError }),
+      /* @__PURE__ */ jsxs10(Stack3, { spacing: 3, children: [
+        (policies || []).length === 0 ? /* @__PURE__ */ jsx13(Alert7, { severity: "info", children: t("modules.form.publicPolicies.noPolicies") }) : policies.map((policy, index) => /* @__PURE__ */ jsx13(
+          PolicyItem_default,
+          {
+            ref: (el) => {
+              policyRefs.current[index] = el;
+            },
+            policy,
+            onChange: (nextPolicy) => {
+              const next = [...policies];
+              next[index] = nextPolicy;
+              onChange(next);
+            },
+            onRemove: () => removePolicy(index),
+            availableFields,
+            isSubmitting,
+            usedActions,
+            error: typeof errors === "object" && errors && policy.id in errors ? errors[policy.id] : void 0
+          },
+          policy.id
+        )),
+        canAddPolicy && /* @__PURE__ */ jsx13(Box10, { children: /* @__PURE__ */ jsx13(
+          Button7,
+          {
+            type: "button",
+            variant: "outlined",
+            startIcon: /* @__PURE__ */ jsx13(Add, {}),
+            onClick: addPolicy,
+            disabled: isSubmitting,
+            sx: {
+              borderColor: "#d0d7de",
+              color: "#656d76",
+              "&:hover": {
+                borderColor: "#8c959f",
+                backgroundColor: "transparent"
+              }
+            },
+            children: t("modules.form.publicPolicies.addPolicy")
+          }
+        ) })
+      ] })
+    ] })
+  ] });
+};
+var Policies_default = Policies;
+
 // src/hooks/useCrudifyUser.ts
-import { useState as useState8, useEffect as useEffect8, useCallback as useCallback2, useRef as useRef3 } from "react";
+import { useState as useState9, useEffect as useEffect9, useCallback as useCallback2, useRef as useRef5 } from "react";
 import crudify3 from "@nocios/crudify-browser";
 var useCrudifyUser = (options = {}) => {
   const { autoFetch = true, retryOnError = false, maxRetries = 3 } = options;
   const { isAuthenticated, isInitialized, user: jwtUser, token } = useCrudifyDataContext();
-  const [userData, setUserData] = useState8(null);
-  const [loading, setLoading] = useState8(false);
-  const [error, setError] = useState8(null);
-  const abortControllerRef = useRef3(null);
-  const mountedRef = useRef3(true);
-  const requestIdRef = useRef3(0);
-  const retryCountRef = useRef3(0);
+  const [userData, setUserData] = useState9(null);
+  const [loading, setLoading] = useState9(false);
+  const [error, setError] = useState9(null);
+  const abortControllerRef = useRef5(null);
+  const mountedRef = useRef5(true);
+  const requestIdRef = useRef5(0);
+  const retryCountRef = useRef5(0);
   const getUserEmailFromJWT = useCallback2(() => {
     if (!jwtUser) return null;
     return jwtUser.email || jwtUser["cognito:username"] || null;
@@ -2182,14 +2794,14 @@ var useCrudifyUser = (options = {}) => {
       }
     }
   }, [isInitialized, getUserEmailFromJWT, retryOnError, maxRetries]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (autoFetch && isAuthenticated && isInitialized) {
       refreshProfile();
     } else if (!isAuthenticated) {
       clearProfile();
     }
   }, [autoFetch, isAuthenticated, isInitialized, refreshProfile, clearProfile]);
-  useEffect8(() => {
+  useEffect9(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;
@@ -2959,9 +3571,9 @@ var SessionManager = class _SessionManager {
 };
 
 // src/hooks/useSession.ts
-import { useState as useState9, useEffect as useEffect9, useCallback as useCallback5 } from "react";
+import { useState as useState10, useEffect as useEffect10, useCallback as useCallback5 } from "react";
 function useSession(options = {}) {
-  const [state, setState] = useState9({
+  const [state, setState] = useState10({
     isAuthenticated: false,
     isLoading: true,
     isInitialized: false,
@@ -3133,7 +3745,7 @@ function useSession(options = {}) {
   const getTokenInfo = useCallback5(() => {
     return sessionManager.getTokenInfo();
   }, [sessionManager]);
-  useEffect9(() => {
+  useEffect10(() => {
     initialize();
   }, [initialize]);
   return {
@@ -3155,7 +3767,7 @@ function useSession(options = {}) {
 
 // src/providers/SessionProvider.tsx
 import { createContext as createContext4, useContext as useContext4, useMemo as useMemo3 } from "react";
-import { Fragment as Fragment7, jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
 var SessionContext = createContext4(void 0);
 function SessionProvider({ children, options = {} }) {
   const sessionHook = useSession(options);
@@ -3187,7 +3799,7 @@ function SessionProvider({ children, options = {} }) {
     ...sessionHook,
     sessionData
   };
-  return /* @__PURE__ */ jsx11(SessionContext.Provider, { value: contextValue, children });
+  return /* @__PURE__ */ jsx14(SessionContext.Provider, { value: contextValue, children });
 }
 function useSessionContext() {
   const context = useContext4(SessionContext);
@@ -3198,28 +3810,28 @@ function useSessionContext() {
 }
 function ProtectedRoute({
   children,
-  fallback = /* @__PURE__ */ jsx11("div", { children: "Please log in to access this content" }),
+  fallback = /* @__PURE__ */ jsx14("div", { children: "Please log in to access this content" }),
   redirectTo
 }) {
   const { isAuthenticated, isLoading, isInitialized } = useSessionContext();
   if (!isInitialized || isLoading) {
-    return /* @__PURE__ */ jsx11("div", { children: "Loading..." });
+    return /* @__PURE__ */ jsx14("div", { children: "Loading..." });
   }
   if (!isAuthenticated) {
     if (redirectTo) {
       redirectTo();
       return null;
     }
-    return /* @__PURE__ */ jsx11(Fragment7, { children: fallback });
+    return /* @__PURE__ */ jsx14(Fragment8, { children: fallback });
   }
-  return /* @__PURE__ */ jsx11(Fragment7, { children });
+  return /* @__PURE__ */ jsx14(Fragment8, { children });
 }
 function SessionDebugInfo() {
   const session = useSessionContext();
   if (!session.isInitialized) {
-    return /* @__PURE__ */ jsx11("div", { children: "Session not initialized" });
+    return /* @__PURE__ */ jsx14("div", { children: "Session not initialized" });
   }
-  return /* @__PURE__ */ jsxs8("div", { style: {
+  return /* @__PURE__ */ jsxs11("div", { style: {
     padding: "10px",
     margin: "10px",
     border: "1px solid #ccc",
@@ -3227,49 +3839,49 @@ function SessionDebugInfo() {
     fontSize: "12px",
     fontFamily: "monospace"
   }, children: [
-    /* @__PURE__ */ jsx11("h4", { children: "Session Debug Info" }),
-    /* @__PURE__ */ jsxs8("div", { children: [
-      /* @__PURE__ */ jsx11("strong", { children: "Authenticated:" }),
+    /* @__PURE__ */ jsx14("h4", { children: "Session Debug Info" }),
+    /* @__PURE__ */ jsxs11("div", { children: [
+      /* @__PURE__ */ jsx14("strong", { children: "Authenticated:" }),
       " ",
       session.isAuthenticated ? "Yes" : "No"
     ] }),
-    /* @__PURE__ */ jsxs8("div", { children: [
-      /* @__PURE__ */ jsx11("strong", { children: "Loading:" }),
+    /* @__PURE__ */ jsxs11("div", { children: [
+      /* @__PURE__ */ jsx14("strong", { children: "Loading:" }),
       " ",
       session.isLoading ? "Yes" : "No"
     ] }),
-    /* @__PURE__ */ jsxs8("div", { children: [
-      /* @__PURE__ */ jsx11("strong", { children: "Error:" }),
+    /* @__PURE__ */ jsxs11("div", { children: [
+      /* @__PURE__ */ jsx14("strong", { children: "Error:" }),
       " ",
       session.error || "None"
     ] }),
-    session.tokens && /* @__PURE__ */ jsxs8(Fragment7, { children: [
-      /* @__PURE__ */ jsxs8("div", { children: [
-        /* @__PURE__ */ jsx11("strong", { children: "Access Token:" }),
+    session.tokens && /* @__PURE__ */ jsxs11(Fragment8, { children: [
+      /* @__PURE__ */ jsxs11("div", { children: [
+        /* @__PURE__ */ jsx14("strong", { children: "Access Token:" }),
         " ",
         session.tokens.accessToken.substring(0, 20),
         "..."
       ] }),
-      /* @__PURE__ */ jsxs8("div", { children: [
-        /* @__PURE__ */ jsx11("strong", { children: "Refresh Token:" }),
+      /* @__PURE__ */ jsxs11("div", { children: [
+        /* @__PURE__ */ jsx14("strong", { children: "Refresh Token:" }),
         " ",
         session.tokens.refreshToken.substring(0, 20),
         "..."
       ] }),
-      /* @__PURE__ */ jsxs8("div", { children: [
-        /* @__PURE__ */ jsx11("strong", { children: "Access Expires In:" }),
+      /* @__PURE__ */ jsxs11("div", { children: [
+        /* @__PURE__ */ jsx14("strong", { children: "Access Expires In:" }),
         " ",
         Math.round(session.expiresIn / 1e3 / 60),
         " minutes"
       ] }),
-      /* @__PURE__ */ jsxs8("div", { children: [
-        /* @__PURE__ */ jsx11("strong", { children: "Refresh Expires In:" }),
+      /* @__PURE__ */ jsxs11("div", { children: [
+        /* @__PURE__ */ jsx14("strong", { children: "Refresh Expires In:" }),
         " ",
         Math.round(session.refreshExpiresIn / 1e3 / 60 / 60),
         " hours"
       ] }),
-      /* @__PURE__ */ jsxs8("div", { children: [
-        /* @__PURE__ */ jsx11("strong", { children: "Expiring Soon:" }),
+      /* @__PURE__ */ jsxs11("div", { children: [
+        /* @__PURE__ */ jsx14("strong", { children: "Expiring Soon:" }),
         " ",
         session.isExpiringSoon ? "Yes" : "No"
       ] })
@@ -3278,13 +3890,13 @@ function SessionDebugInfo() {
 }
 
 // src/components/LoginComponent.tsx
-import { useState as useState10 } from "react";
-import { Button as Button5, TextField as TextField5, Box as Box8, Alert as Alert7, Typography as Typography8, CircularProgress as CircularProgress7 } from "@mui/material";
-import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+import { useState as useState11 } from "react";
+import { Button as Button8, TextField as TextField5, Box as Box11, Alert as Alert8, Typography as Typography11, CircularProgress as CircularProgress7 } from "@mui/material";
+import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
 function LoginComponent() {
-  const [email, setEmail] = useState10("");
-  const [password, setPassword] = useState10("");
-  const [showForm, setShowForm] = useState10(false);
+  const [email, setEmail] = useState11("");
+  const [password, setPassword] = useState11("");
+  const [showForm, setShowForm] = useState11(false);
   const {
     isAuthenticated,
     isLoading,
@@ -3315,31 +3927,31 @@ function LoginComponent() {
     await refreshTokens();
   };
   if (isAuthenticated) {
-    return /* @__PURE__ */ jsxs9(Box8, { sx: { maxWidth: 600, mx: "auto", p: 3 }, children: [
-      /* @__PURE__ */ jsx12(Typography8, { variant: "h4", gutterBottom: true, children: "Welcome! \u{1F389}" }),
-      /* @__PURE__ */ jsx12(Alert7, { severity: "success", sx: { mb: 3 }, children: "You are successfully logged in with Refresh Token Pattern enabled" }),
-      /* @__PURE__ */ jsxs9(Box8, { sx: { mb: 3, p: 2, bgcolor: "background.paper", border: 1, borderColor: "divider", borderRadius: 1 }, children: [
-        /* @__PURE__ */ jsx12(Typography8, { variant: "h6", gutterBottom: true, children: "Token Status" }),
-        /* @__PURE__ */ jsxs9(Typography8, { variant: "body2", color: "text.secondary", children: [
+    return /* @__PURE__ */ jsxs12(Box11, { sx: { maxWidth: 600, mx: "auto", p: 3 }, children: [
+      /* @__PURE__ */ jsx15(Typography11, { variant: "h4", gutterBottom: true, children: "Welcome! \u{1F389}" }),
+      /* @__PURE__ */ jsx15(Alert8, { severity: "success", sx: { mb: 3 }, children: "You are successfully logged in with Refresh Token Pattern enabled" }),
+      /* @__PURE__ */ jsxs12(Box11, { sx: { mb: 3, p: 2, bgcolor: "background.paper", border: 1, borderColor: "divider", borderRadius: 1 }, children: [
+        /* @__PURE__ */ jsx15(Typography11, { variant: "h6", gutterBottom: true, children: "Token Status" }),
+        /* @__PURE__ */ jsxs12(Typography11, { variant: "body2", color: "text.secondary", children: [
           "Access Token expires in: ",
           Math.round(expiresIn / 1e3 / 60),
           " minutes"
         ] }),
-        isExpiringSoon && /* @__PURE__ */ jsx12(Alert7, { severity: "warning", sx: { mt: 1 }, children: "Token expires soon - automatic refresh will happen" })
+        isExpiringSoon && /* @__PURE__ */ jsx15(Alert8, { severity: "warning", sx: { mt: 1 }, children: "Token expires soon - automatic refresh will happen" })
       ] }),
-      /* @__PURE__ */ jsxs9(Box8, { sx: { display: "flex", gap: 2, flexWrap: "wrap" }, children: [
-        /* @__PURE__ */ jsx12(
-          Button5,
+      /* @__PURE__ */ jsxs12(Box11, { sx: { display: "flex", gap: 2, flexWrap: "wrap" }, children: [
+        /* @__PURE__ */ jsx15(
+          Button8,
           {
             variant: "contained",
             onClick: handleRefreshTokens,
             disabled: isLoading,
-            startIcon: isLoading ? /* @__PURE__ */ jsx12(CircularProgress7, { size: 16 }) : null,
+            startIcon: isLoading ? /* @__PURE__ */ jsx15(CircularProgress7, { size: 16 }) : null,
             children: "Refresh Tokens"
           }
         ),
-        /* @__PURE__ */ jsx12(
-          Button5,
+        /* @__PURE__ */ jsx15(
+          Button8,
           {
             variant: "outlined",
             color: "error",
@@ -3349,14 +3961,14 @@ function LoginComponent() {
           }
         )
       ] }),
-      error && /* @__PURE__ */ jsx12(Alert7, { severity: "error", sx: { mt: 2 }, onClose: clearError, children: error })
+      error && /* @__PURE__ */ jsx15(Alert8, { severity: "error", sx: { mt: 2 }, onClose: clearError, children: error })
     ] });
   }
-  return /* @__PURE__ */ jsxs9(Box8, { sx: { maxWidth: 400, mx: "auto", p: 3 }, children: [
-    /* @__PURE__ */ jsx12(Typography8, { variant: "h4", gutterBottom: true, align: "center", children: "Login with Refresh Tokens" }),
-    /* @__PURE__ */ jsx12(Alert7, { severity: "info", sx: { mb: 3 }, children: "This demo shows the new Refresh Token Pattern with automatic session management" }),
-    !showForm ? /* @__PURE__ */ jsx12(
-      Button5,
+  return /* @__PURE__ */ jsxs12(Box11, { sx: { maxWidth: 400, mx: "auto", p: 3 }, children: [
+    /* @__PURE__ */ jsx15(Typography11, { variant: "h4", gutterBottom: true, align: "center", children: "Login with Refresh Tokens" }),
+    /* @__PURE__ */ jsx15(Alert8, { severity: "info", sx: { mb: 3 }, children: "This demo shows the new Refresh Token Pattern with automatic session management" }),
+    !showForm ? /* @__PURE__ */ jsx15(
+      Button8,
       {
         fullWidth: true,
         variant: "contained",
@@ -3365,8 +3977,8 @@ function LoginComponent() {
         sx: { mt: 2 },
         children: "Show Login Form"
       }
-    ) : /* @__PURE__ */ jsxs9("form", { onSubmit: handleLogin, children: [
-      /* @__PURE__ */ jsx12(
+    ) : /* @__PURE__ */ jsxs12("form", { onSubmit: handleLogin, children: [
+      /* @__PURE__ */ jsx15(
         TextField5,
         {
           fullWidth: true,
@@ -3379,7 +3991,7 @@ function LoginComponent() {
           autoComplete: "email"
         }
       ),
-      /* @__PURE__ */ jsx12(
+      /* @__PURE__ */ jsx15(
         TextField5,
         {
           fullWidth: true,
@@ -3392,37 +4004,37 @@ function LoginComponent() {
           autoComplete: "current-password"
         }
       ),
-      /* @__PURE__ */ jsx12(
-        Button5,
+      /* @__PURE__ */ jsx15(
+        Button8,
         {
           type: "submit",
           fullWidth: true,
           variant: "contained",
           size: "large",
           disabled: isLoading,
-          startIcon: isLoading ? /* @__PURE__ */ jsx12(CircularProgress7, { size: 16 }) : null,
+          startIcon: isLoading ? /* @__PURE__ */ jsx15(CircularProgress7, { size: 16 }) : null,
           sx: { mt: 3, mb: 2 },
           children: isLoading ? "Logging in..." : "Login"
         }
       )
     ] }),
-    error && /* @__PURE__ */ jsx12(Alert7, { severity: "error", sx: { mt: 2 }, onClose: clearError, children: error })
+    error && /* @__PURE__ */ jsx15(Alert8, { severity: "error", sx: { mt: 2 }, onClose: clearError, children: error })
   ] });
 }
 function SessionStatus() {
   const { isAuthenticated, isLoading, isExpiringSoon, expiresIn } = useSessionContext();
   if (isLoading) {
-    return /* @__PURE__ */ jsxs9(Box8, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-      /* @__PURE__ */ jsx12(CircularProgress7, { size: 16 }),
-      /* @__PURE__ */ jsx12(Typography8, { variant: "caption", children: "Loading session..." })
+    return /* @__PURE__ */ jsxs12(Box11, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+      /* @__PURE__ */ jsx15(CircularProgress7, { size: 16 }),
+      /* @__PURE__ */ jsx15(Typography11, { variant: "caption", children: "Loading session..." })
     ] });
   }
   if (!isAuthenticated) {
-    return /* @__PURE__ */ jsx12(Typography8, { variant: "caption", color: "text.secondary", children: "Not logged in" });
+    return /* @__PURE__ */ jsx15(Typography11, { variant: "caption", color: "text.secondary", children: "Not logged in" });
   }
-  return /* @__PURE__ */ jsxs9(Box8, { children: [
-    /* @__PURE__ */ jsx12(Typography8, { variant: "caption", color: "success.main", children: "\u2713 Authenticated" }),
-    isExpiringSoon && /* @__PURE__ */ jsxs9(Typography8, { variant: "caption", color: "warning.main", display: "block", children: [
+  return /* @__PURE__ */ jsxs12(Box11, { children: [
+    /* @__PURE__ */ jsx15(Typography11, { variant: "caption", color: "success.main", children: "\u2713 Authenticated" }),
+    isExpiringSoon && /* @__PURE__ */ jsxs12(Typography11, { variant: "caption", color: "warning.main", display: "block", children: [
       "\u26A0 Token expires in ",
       Math.round(expiresIn / 1e3 / 60),
       " min"
@@ -3431,18 +4043,18 @@ function SessionStatus() {
 }
 
 // src/hooks/useUserData.ts
-import { useState as useState11, useEffect as useEffect10, useCallback as useCallback6, useRef as useRef4 } from "react";
+import { useState as useState12, useEffect as useEffect11, useCallback as useCallback6, useRef as useRef6 } from "react";
 import crudify7 from "@nocios/crudify-browser";
 var useUserData = (options = {}) => {
   const { autoFetch = true, retryOnError = false, maxRetries = 3 } = options;
   const { isAuthenticated, isInitialized, sessionData, tokens } = useSessionContext();
-  const [userData, setUserData] = useState11(null);
-  const [loading, setLoading] = useState11(false);
-  const [error, setError] = useState11(null);
-  const abortControllerRef = useRef4(null);
-  const mountedRef = useRef4(true);
-  const requestIdRef = useRef4(0);
-  const retryCountRef = useRef4(0);
+  const [userData, setUserData] = useState12(null);
+  const [loading, setLoading] = useState12(false);
+  const [error, setError] = useState12(null);
+  const abortControllerRef = useRef6(null);
+  const mountedRef = useRef6(true);
+  const requestIdRef = useRef6(0);
+  const retryCountRef = useRef6(0);
   const getUserEmail = useCallback6(() => {
     if (!sessionData) return null;
     return sessionData.email || sessionData["cognito:username"] || null;
@@ -3585,14 +4197,14 @@ var useUserData = (options = {}) => {
       }
     }
   }, [isInitialized, getUserEmail, retryOnError, maxRetries]);
-  useEffect10(() => {
+  useEffect11(() => {
     if (autoFetch && isAuthenticated && isInitialized) {
       refreshProfile();
     } else if (!isAuthenticated) {
       clearProfile();
     }
   }, [autoFetch, isAuthenticated, isInitialized, refreshProfile, clearProfile]);
-  useEffect10(() => {
+  useEffect11(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;
@@ -3773,6 +4385,9 @@ export {
   ERROR_CODES,
   ERROR_SEVERITY_MAP,
   LoginComponent,
+  POLICY_ACTIONS,
+  PREFERRED_POLICY_ORDER,
+  Policies_default as Policies,
   ProtectedRoute,
   SessionDebugInfo,
   SessionManager,