@dashadmin/dash-admin 1.3.25 → 1.3.26

package/dist/components/navigation/BreadcrumbsManager.js

@@ -1 +1,194 @@
-import{Fragment as E,jsx as M}from"react/jsx-runtime";import{useEffect as R,useMemo as g}from"react";import{useLocation as A}from"react-router-dom";import{useDispatch as P}from"react-redux";import{useStore as C}from"react-admin";import{DASH_REDUX_ACTIONS as D}from"@dashadmin/dash-admin-state";import{DASHAdminSystemConstants as B}from"@dashadmin/dash-constants";const h={create:"Crear",edit:"Editar",show:"Ver",list:"Lista",inline:"Detalle",trash:"Papelera",admin:"Admin",system:"Sistema",settings:"Configuraci\xF3n",users:"Usuarios",roles:"Roles",permissions:"Permisos",tenants:"Tenants",profile:"Perfil",dashboard:"Dashboard",apps:"Aplicaciones",client:"Cliente",mall:"Mall",public:"P\xFAblico"},S=(e,l,o)=>l[e]?l[e]:h[e]?h[e]:o&&(o.model?.split("/")||[]).includes(e)?o.label||e:e.replace(/[-_]/g," ").replace(/\b\w/g,d=>d.toUpperCase()),y=e=>!!(/^\d+$/.test(e)||/^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i.test(e)||/^[a-z0-9]{20,}$/i.test(e)),L=(e,l,o,d,f,m,p)=>{const u=B.system.URL_PREFIX||"";let c=e;u&&c.startsWith(u)&&(c=c.slice(u.length));const s=c.split("/").filter(Boolean);if(s.length===0)return[];const r=[];d&&r.push({label:m||"Home",path:f||"/"});let i=u;return i&&!i.startsWith("/")&&(i=`/${i}`),s.forEach((n,a)=>{i+=`/${n}`;const t=a===s.length-1;if(y(n)){if(p&&(t||a===s.length-2))r.push({label:p,path:t?void 0:i,isActive:t,data:{id:n}});else{const I=n.length>8?`#${n.substring(0,8)}...`:`#${n}`;r.push({label:I,path:t?void 0:i,isActive:t,data:{id:n}})}return}const b=S(n,l,o);r.push({label:b,path:t?void 0:i,isActive:t})}),r},$=({labelMap:e={},includeHome:l=!1,homePath:o="/",homeLabel:d="Home",customGenerator:f,recordNameField:m="name",children:p})=>{const u=P(),c=A(),[s]=C("resourceConfig"),r=null,i=g(()=>({...h,...e}),[e]),n=g(()=>{if(!r)return;const a=[m,"name","title","label","displayName","username"];for(const t of a)if(r[t])return String(r[t]);if(s?.recordRepresentation){const t=s.recordRepresentation;if(typeof t=="string"&&r[t])return String(r[t])}},[r,m,s]);return R(()=>{let a;f?a=f(c.pathname,s,r):a=L(c.pathname,i,s,l,o,d,n),a.length>0&&u(D.updatePage({breadcrumbs:a}))},[c.pathname,i,s,l,o,d,n,f,u,r]),M(E,{children:p})};var z=$;export{$ as BreadcrumbsManager,z as default};
+var __defProp = Object.defineProperty;
+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;
+};
+import { Fragment, jsx } from "react/jsx-runtime";
+import { useEffect, useMemo } from "react";
+import { useLocation } from "react-router-dom";
+import { useDispatch } from "react-redux";
+import { useStore } from "react-admin";
+import { DASH_REDUX_ACTIONS } from "dash-admin-state";
+import { DASHAdminSystemConstants } from "dash-constants";
+const defaultLabelMap = {
+  // Common actions
+  "create": "Crear",
+  "edit": "Editar",
+  "show": "Ver",
+  "list": "Lista",
+  "inline": "Detalle",
+  "trash": "Papelera",
+  // Common routes
+  "admin": "Admin",
+  "system": "Sistema",
+  "settings": "Configuraci\xF3n",
+  "users": "Usuarios",
+  "roles": "Roles",
+  "permissions": "Permisos",
+  "tenants": "Tenants",
+  "profile": "Perfil",
+  "dashboard": "Dashboard",
+  "apps": "Aplicaciones",
+  "client": "Cliente",
+  "mall": "Mall",
+  "public": "P\xFAblico"
+};
+const parseSegmentLabel = (segment, labelMap, resourceConfig) => {
+  var _a;
+  if (labelMap[segment]) {
+    return labelMap[segment];
+  }
+  if (defaultLabelMap[segment]) {
+    return defaultLabelMap[segment];
+  }
+  if (resourceConfig) {
+    const modelParts = ((_a = resourceConfig.model) == null ? void 0 : _a.split("/")) || [];
+    if (modelParts.includes(segment)) {
+      return resourceConfig.label || segment;
+    }
+  }
+  return segment.replace(/[-_]/g, " ").replace(/\b\w/g, (char) => char.toUpperCase());
+};
+const isIdSegment = (segment) => {
+  if (/^\d+$/.test(segment)) {
+    return true;
+  }
+  if (/^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i.test(segment)) {
+    return true;
+  }
+  if (/^[a-z0-9]{20,}$/i.test(segment)) {
+    return true;
+  }
+  return false;
+};
+const generateBreadcrumbsFromPath = (pathname, labelMap, resourceConfig, includeHome, homePath, homeLabel, recordName) => {
+  const URL_PREFIX = DASHAdminSystemConstants.system.URL_PREFIX || "";
+  let cleanPath = pathname;
+  if (URL_PREFIX && cleanPath.startsWith(URL_PREFIX)) {
+    cleanPath = cleanPath.slice(URL_PREFIX.length);
+  }
+  const segments = cleanPath.split("/").filter(Boolean);
+  if (segments.length === 0) {
+    return [];
+  }
+  const breadcrumbs = [];
+  if (includeHome) {
+    breadcrumbs.push({
+      label: homeLabel || "Home",
+      path: homePath || "/"
+    });
+  }
+  let currentPath = URL_PREFIX;
+  if (currentPath && !currentPath.startsWith("/")) {
+    currentPath = `/${currentPath}`;
+  }
+  segments.forEach((segment, index) => {
+    currentPath += `/${segment}`;
+    const isLast = index === segments.length - 1;
+    const isId = isIdSegment(segment);
+    if (isId) {
+      if (recordName && (isLast || index === segments.length - 2)) {
+        breadcrumbs.push({
+          label: recordName,
+          path: isLast ? void 0 : currentPath,
+          isActive: isLast,
+          data: { id: segment }
+        });
+      } else {
+        const displayId = segment.length > 8 ? `#${segment.substring(0, 8)}...` : `#${segment}`;
+        breadcrumbs.push({
+          label: displayId,
+          path: isLast ? void 0 : currentPath,
+          isActive: isLast,
+          data: { id: segment }
+        });
+      }
+      return;
+    }
+    const label = parseSegmentLabel(segment, labelMap, resourceConfig);
+    breadcrumbs.push({
+      label,
+      path: isLast ? void 0 : currentPath,
+      isActive: isLast
+    });
+  });
+  return breadcrumbs;
+};
+const BreadcrumbsManager = ({
+  labelMap = {},
+  includeHome = false,
+  homePath = "/",
+  homeLabel = "Home",
+  customGenerator,
+  recordNameField = "name",
+  children
+}) => {
+  const dispatch = useDispatch();
+  const location = useLocation();
+  const [resourceConfig] = useStore("resourceConfig");
+  const record = null;
+  const mergedLabelMap = useMemo(() => __spreadValues(__spreadValues({}, defaultLabelMap), labelMap), [labelMap]);
+  const recordName = useMemo(() => {
+    if (!record) return void 0;
+    const nameFields = [recordNameField, "name", "title", "label", "displayName", "username"];
+    for (const field of nameFields) {
+      if (record[field]) {
+        return String(record[field]);
+      }
+    }
+    if (resourceConfig == null ? void 0 : resourceConfig.recordRepresentation) {
+      const repr = resourceConfig.recordRepresentation;
+      if (typeof repr === "string" && record[repr]) {
+        return String(record[repr]);
+      }
+    }
+    return void 0;
+  }, [record, recordNameField, resourceConfig]);
+  useEffect(() => {
+    let breadcrumbs;
+    if (customGenerator) {
+      breadcrumbs = customGenerator(location.pathname, resourceConfig, record);
+    } else {
+      breadcrumbs = generateBreadcrumbsFromPath(
+        location.pathname,
+        mergedLabelMap,
+        resourceConfig,
+        includeHome,
+        homePath,
+        homeLabel,
+        recordName
+      );
+    }
+    if (breadcrumbs.length > 0) {
+      dispatch(DASH_REDUX_ACTIONS.updatePage({ breadcrumbs }));
+    }
+  }, [
+    location.pathname,
+    mergedLabelMap,
+    resourceConfig,
+    includeHome,
+    homePath,
+    homeLabel,
+    recordName,
+    customGenerator,
+    dispatch,
+    record
+  ]);
+  return /* @__PURE__ */ jsx(Fragment, { children });
+};
+var BreadcrumbsManager_default = BreadcrumbsManager;
+export {
+  BreadcrumbsManager,
+  BreadcrumbsManager_default as default
+};

package/dist/components/navigation/index.js

@@ -1 +1,8 @@
-import{Breadcrumbs as a,default as m}from"./Breadcrumbs";import{BreadcrumbsManager as s,default as d}from"./BreadcrumbsManager";export{a as Breadcrumbs,m as BreadcrumbsComponent,s as BreadcrumbsManager,d as BreadcrumbsManagerComponent};
+import { Breadcrumbs, default as default2 } from "./Breadcrumbs";
+import { BreadcrumbsManager, default as default3 } from "./BreadcrumbsManager";
+export {
+  Breadcrumbs,
+  default2 as BreadcrumbsComponent,
+  BreadcrumbsManager,
+  default3 as BreadcrumbsManagerComponent
+};

package/dist/components/panel/Error.js

@@ -1 +1,161 @@
-import{jsx as t,jsxs as l}from"react/jsx-runtime";import{Fragment as g}from"react";import{styled as u}from"@mui/material/styles";import a from"prop-types";import{Button as y}from"@mui/material";import E from"@mui/icons-material/Report";import"@mui/icons-material/ExpandMore";import I from"@mui/icons-material/History";import{useTranslate as b}from"react-admin";import{useResetErrorBoundaryOnLocationChange as $}from"react-admin";import{Title as k}from"react-admin";const v=r=>r?typeof r=="string"?r:typeof r=="object"&&r!==null&&"message"in r?String(r.message||"Unknown error"):"Unknown error":"Unknown error",T=r=>{const{error:n,errorComponent:c,errorInfo:m,resetErrorBoundary:p,className:d,title:s,...f}=r,i=b();if($(p),c)return t(c,{error:n,errorInfo:m,title:s});const h=v(n);return l(g,{children:[s&&t(k,{title:s}),l(C,{className:d,...f,children:[l("h1",{className:o.title,role:"alert",children:[t(E,{className:o.icon}),i("ra.page.error")]}),t("div",{children:i("ra.message.error")}),!1,t("div",{className:o.toolbar,children:t(y,{variant:"contained",startIcon:t(I,{}),onClick:N,children:i("ra.action.back")})})]})]})};T.propTypes={className:a.string,error:a.object.isRequired,errorInfo:a.object,title:a.string};const e="RaError",o={container:`${e}-container`,title:`${e}-title`,icon:`${e}-icon`,panel:`${e}-panel`,panelSumary:`${e}-panelSumary`,panelDetails:`${e}-panelDetails`,toolbar:`${e}-toolbar`,advice:`${e}-advice`},C=u("div",{name:e,overridesResolver:(r,n)=>n.root})(({theme:r})=>({display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",[r.breakpoints.down("md")]:{padding:"1em"},fontFamily:"Roboto, sans-serif",opacity:.5,[`& .${o.title}`]:{display:"flex",alignItems:"center"},[`& .${o.icon}`]:{width:"2em",height:"2em",marginRight:"0.5em"},[`& .${o.panel}`]:{marginTop:"1em",maxWidth:"60em"},[`& .${o.panelSumary}`]:{userSelect:"all"},[`& .${o.panelDetails}`]:{whiteSpace:"pre-wrap"},[`& .${o.toolbar}`]:{marginTop:"2em"},[`& .${o.advice}`]:{marginTop:"2em"}}));function N(){window.history.go(-1)}export{T as Error,o as ErrorClasses};
+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 __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment2 } from "react";
+import { styled } from "@mui/material/styles";
+import PropTypes from "prop-types";
+import {
+  Button,
+  Accordion,
+  AccordionDetails,
+  AccordionSummary
+} from "@mui/material";
+import ErrorIcon from "@mui/icons-material/Report";
+import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
+import History from "@mui/icons-material/History";
+import { useTranslate } from "react-admin";
+import { useResetErrorBoundaryOnLocationChange } from "react-admin";
+import { Title } from "react-admin";
+const Error2 = (props) => {
+  const _a = props, {
+    error,
+    errorComponent: ErrorComponent,
+    errorInfo,
+    resetErrorBoundary,
+    className,
+    title
+  } = _a, rest = __objRest(_a, [
+    "error",
+    "errorComponent",
+    "errorInfo",
+    "resetErrorBoundary",
+    "className",
+    "title"
+  ]);
+  const translate = useTranslate();
+  useResetErrorBoundaryOnLocationChange(resetErrorBoundary);
+  if (ErrorComponent) {
+    return /* @__PURE__ */ jsx(ErrorComponent, { error, errorInfo, title });
+  }
+  return /* @__PURE__ */ jsxs(Fragment2, { children: [
+    title && /* @__PURE__ */ jsx(Title, { title }),
+    /* @__PURE__ */ jsxs(Root, __spreadProps(__spreadValues({ className }, rest), { children: [
+      /* @__PURE__ */ jsxs("h1", { className: ErrorClasses.title, role: "alert", children: [
+        /* @__PURE__ */ jsx(ErrorIcon, { className: ErrorClasses.icon }),
+        translate("ra.page.error")
+      ] }),
+      /* @__PURE__ */ jsx("div", { children: translate("ra.message.error") }),
+      process.env.NODE_ENV !== "production" && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Accordion, { className: ErrorClasses.panel, children: [
+        /* @__PURE__ */ jsx(
+          AccordionSummary,
+          {
+            expandIcon: /* @__PURE__ */ jsx(ExpandMoreIcon, {}),
+            className: ErrorClasses.panelSumary,
+            children: translate(error.message, {
+              _: error.message
+            })
+          }
+        ),
+        /* @__PURE__ */ jsxs(AccordionDetails, { className: ErrorClasses.panelDetails, children: [
+          /* @__PURE__ */ jsx("p", { children: translate(error.message, {
+            _: error.message
+          }) }),
+          /* @__PURE__ */ jsx("p", { children: errorInfo == null ? void 0 : errorInfo.componentStack })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsx("div", { className: ErrorClasses.toolbar, children: /* @__PURE__ */ jsx(Button, { variant: "contained", startIcon: /* @__PURE__ */ jsx(History, {}), onClick: goBack, children: translate("ra.action.back") }) })
+    ] }))
+  ] });
+};
+Error2.propTypes = {
+  className: PropTypes.string,
+  error: PropTypes.object.isRequired,
+  errorInfo: PropTypes.object,
+  title: PropTypes.string
+};
+const PREFIX = "RaError";
+const ErrorClasses = {
+  container: `${PREFIX}-container`,
+  title: `${PREFIX}-title`,
+  icon: `${PREFIX}-icon`,
+  panel: `${PREFIX}-panel`,
+  panelSumary: `${PREFIX}-panelSumary`,
+  panelDetails: `${PREFIX}-panelDetails`,
+  toolbar: `${PREFIX}-toolbar`,
+  advice: `${PREFIX}-advice`
+};
+const Root = styled("div", {
+  name: PREFIX,
+  overridesResolver: (props, styles) => styles.root
+})(({ theme }) => ({
+  display: "flex",
+  flexDirection: "column",
+  alignItems: "center",
+  justifyContent: "center",
+  [theme.breakpoints.down("md")]: {
+    padding: "1em"
+  },
+  fontFamily: "Roboto, sans-serif",
+  opacity: 0.5,
+  [`& .${ErrorClasses.title}`]: {
+    display: "flex",
+    alignItems: "center"
+  },
+  [`& .${ErrorClasses.icon}`]: {
+    width: "2em",
+    height: "2em",
+    marginRight: "0.5em"
+  },
+  [`& .${ErrorClasses.panel}`]: {
+    marginTop: "1em",
+    maxWidth: "60em"
+  },
+  [`& .${ErrorClasses.panelSumary}`]: {
+    userSelect: "all"
+  },
+  [`& .${ErrorClasses.panelDetails}`]: {
+    whiteSpace: "pre-wrap"
+  },
+  [`& .${ErrorClasses.toolbar}`]: {
+    marginTop: "2em"
+  },
+  [`& .${ErrorClasses.advice}`]: {
+    marginTop: "2em"
+  }
+}));
+function goBack() {
+  window.history.go(-1);
+}
+export {
+  Error2 as Error,
+  ErrorClasses
+};

package/dist/components/permission/AvailablePermissionsContext.js

@@ -1 +1,157 @@
-import{jsx as A}from"react/jsx-runtime";import{useAxios as h}from"@dashadmin/dash-axios-hook";import{createContext as E,useState as f,useEffect as y,useContext as v}from"react";const F="SystemSettingsCacheDB",l="kvstore",P=1;function b(){return new Promise((s,a)=>{const t=indexedDB.open(F,P);t.onupgradeneeded=()=>{t.result.createObjectStore(l)},t.onsuccess=()=>s(t.result),t.onerror=()=>a(t.error)})}async function _(s,a){const t=await b();return new Promise((n,m)=>{const e=t.transaction(l,"readwrite");e.objectStore(l).put(a,s),e.oncomplete=()=>n(),e.onerror=()=>m(e.error)})}async function x(s){const a=await b();return new Promise((t,n)=>{const e=a.transaction(l,"readonly").objectStore(l).get(s);e.onsuccess=()=>t(e.result),e.onerror=()=>n(e.error)})}let i=null,r=null,c=0;const p=E({formats:null,fetchFormats:async()=>{},loading:!1}),S=({children:s})=>{const a=h(),[t,n]=f(r),[m,e]=f(!r&&!i),[C,w]=f(!!c),d=async()=>{if(i)return i;const u=Date.now();if(!c)try{c=await x("system_available_permissions_cache")||0}catch(o){console.error("Error reading from IndexedDB:",o)}if(r&&u-c<1e4){t||n(r);return}return e(!0),i=(async()=>{try{console.log("FETCHING AVAILABLE PERMISSIONS");const{data:o}=await a.get("system/permission/availablePermissions");r=o,c=Date.now(),n(o),w(!0);try{await _("system_available_permissions_cache",c),await _("system_available_permissions_formats",o)}catch(g){console.error("Error writing to IndexedDB:",g)}}catch(o){console.error("Error fetching settings formats:",o)}finally{e(!1),i=null}})(),i};return y(()=>{(async()=>{try{if(!r){const o=await x("system_available_permissions_formats");o&&(r=o,n(o),e(!1))}r||e(!0),await d()}catch(o){console.error("Error loading cached formats:",o),e(!0),await d()}})()},[]),y(()=>{t&&e(!1)},[t]),A(p.Provider,{value:{formats:(t||r)??null,fetchFormats:d,loading:m},children:s})},R=()=>v(p);var L=S;export{S as AvailablePermissionsContext,L as default,x as idbGet,_ as idbSet,R as useAvailablePermissionsFormats};
+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 { jsx } from "react/jsx-runtime";
+import { useAxios } from "dash-axios-hook";
+import { createContext, useState, useEffect, useContext } from "react";
+const DB_NAME = "SystemSettingsCacheDB";
+const STORE_NAME = "kvstore";
+const DB_VERSION = 1;
+function openDB() {
+  return new Promise((resolve, reject) => {
+    const req = indexedDB.open(DB_NAME, DB_VERSION);
+    req.onupgradeneeded = () => {
+      req.result.createObjectStore(STORE_NAME);
+    };
+    req.onsuccess = () => resolve(req.result);
+    req.onerror = () => reject(req.error);
+  });
+}
+function idbSet(key, value) {
+  return __async(this, null, function* () {
+    const db = yield openDB();
+    return new Promise((resolve, reject) => {
+      const tx = db.transaction(STORE_NAME, "readwrite");
+      tx.objectStore(STORE_NAME).put(value, key);
+      tx.oncomplete = () => resolve();
+      tx.onerror = () => reject(tx.error);
+    });
+  });
+}
+function idbGet(key) {
+  return __async(this, null, function* () {
+    const db = yield openDB();
+    return new Promise((resolve, reject) => {
+      const tx = db.transaction(STORE_NAME, "readonly");
+      const req = tx.objectStore(STORE_NAME).get(key);
+      req.onsuccess = () => resolve(req.result);
+      req.onerror = () => reject(req.error);
+    });
+  });
+}
+let GLOBAL_FETCH_PROMISE = null;
+let GLOBAL_FORMATS = null;
+let LAST_FETCH_TIME = 0;
+const AvailablePermissionsFormatsContext = createContext({
+  formats: null,
+  fetchFormats: () => __async(null, null, function* () {
+  }),
+  loading: false
+});
+const AvailablePermissionsContext = ({ children }) => {
+  var _a;
+  const axios = useAxios();
+  const [formats, setFormats] = useState(GLOBAL_FORMATS);
+  const [loading, setLoading] = useState(!GLOBAL_FORMATS && !GLOBAL_FETCH_PROMISE);
+  const [initialized, setInitialized] = useState(!!LAST_FETCH_TIME);
+  const fetchFormats = () => __async(null, null, function* () {
+    if (GLOBAL_FETCH_PROMISE) {
+      return GLOBAL_FETCH_PROMISE;
+    }
+    const now = Date.now();
+    if (!LAST_FETCH_TIME) {
+      try {
+        LAST_FETCH_TIME = (yield idbGet("system_available_permissions_cache")) || 0;
+      } catch (error) {
+        console.error("Error reading from IndexedDB:", error);
+      }
+    }
+    if (GLOBAL_FORMATS && now - LAST_FETCH_TIME < 1e4) {
+      if (!formats) {
+        setFormats(GLOBAL_FORMATS);
+      }
+      return;
+    }
+    setLoading(true);
+    GLOBAL_FETCH_PROMISE = (() => __async(null, null, function* () {
+      try {
+        console.log("FETCHING AVAILABLE PERMISSIONS");
+        const { data } = yield axios.get("system/permission/availablePermissions");
+        GLOBAL_FORMATS = data;
+        LAST_FETCH_TIME = Date.now();
+        setFormats(data);
+        setInitialized(true);
+        try {
+          yield idbSet("system_available_permissions_cache", LAST_FETCH_TIME);
+          yield idbSet("system_available_permissions_formats", data);
+        } catch (error) {
+          console.error("Error writing to IndexedDB:", error);
+        }
+      } catch (error) {
+        console.error("Error fetching settings formats:", error);
+      } finally {
+        setLoading(false);
+        GLOBAL_FETCH_PROMISE = null;
+      }
+    }))();
+    return GLOBAL_FETCH_PROMISE;
+  });
+  useEffect(() => {
+    const loadCachedFormats = () => __async(null, null, function* () {
+      try {
+        if (!GLOBAL_FORMATS) {
+          const cachedFormats = yield idbGet("system_available_permissions_formats");
+          if (cachedFormats) {
+            GLOBAL_FORMATS = cachedFormats;
+            setFormats(cachedFormats);
+            setLoading(false);
+          }
+        }
+        if (!GLOBAL_FORMATS) setLoading(true);
+        yield fetchFormats();
+      } catch (error) {
+        console.error("Error loading cached formats:", error);
+        setLoading(true);
+        yield fetchFormats();
+      }
+    });
+    loadCachedFormats();
+  }, []);
+  useEffect(() => {
+    if (formats) setLoading(false);
+  }, [formats]);
+  return /* @__PURE__ */ jsx(AvailablePermissionsFormatsContext.Provider, { value: {
+    formats: (_a = formats || GLOBAL_FORMATS) != null ? _a : null,
+    fetchFormats,
+    loading
+  }, children });
+};
+const useAvailablePermissionsFormats = () => {
+  const ctx = useContext(AvailablePermissionsFormatsContext);
+  return ctx;
+};
+var AvailablePermissionsContext_default = AvailablePermissionsContext;
+export {
+  AvailablePermissionsContext,
+  AvailablePermissionsContext_default as default,
+  idbGet,
+  idbSet,
+  useAvailablePermissionsFormats
+};