ptechcore_ui 1.0.6 → 1.0.8

package/dist/index.js

@@ -212,7 +212,7 @@ var FileInput = ({
 };
 
 // src/components/layout/ModernDoubleSidebarLayout.tsx
-import React2, { useState as useState2, useEffect as useEffect2 } from "react";
+import React2, { useState as useState3, useEffect as useEffect3 } from "react";
 import { useLocation, useNavigate } from "react-router-dom";
 import {
   Settings,
@@ -226,7 +226,8 @@ import {
   X,
   Palette,
   DollarSign,
-  HelpCircle
+  HelpCircle,
+  Building2
 } from "lucide-react";
 
 // src/utils/utils.ts
@@ -604,21 +605,194 @@ var ThemeProvider = ({ children }) => {
 };
 var ThemeContext_default = ThemeProvider;
 
+// src/contexts/SessionContext.tsx
+import { createContext as createContext2, useContext as useContext2, useEffect as useEffect2, useState as useState2 } from "react";
+
+// src/services/api.ts
+var ADDRESS_IP = "localhost:8000";
+var ADDRESS_IP_URL = `http://${ADDRESS_IP}/`;
+var API_URL = `${ADDRESS_IP_URL}api`;
+var FetchApi = class {
+  static async post(url, payload, token) {
+    const headers = {
+      "Content-Type": "application/json"
+    };
+    if (token) {
+      headers["Authorization"] = `Token ${token}`;
+    }
+    const res = await fetch(url, {
+      method: "POST",
+      headers,
+      body: payload ? JSON.stringify(payload) : void 0
+    });
+    if (!res.ok) throw new Error(await res.text());
+    return res.json();
+  }
+  static async get(url, token) {
+    const headers = {};
+    if (token) {
+      headers["Authorization"] = `Token ${token}`;
+    }
+    const res = await fetch(url, {
+      method: "GET",
+      headers
+    });
+    if (!res.ok) throw new Error(await res.text());
+    return res.json();
+  }
+  static async put(url, payload, token) {
+    const headers = {
+      "Content-Type": "application/json"
+    };
+    if (token) {
+      headers["Authorization"] = `Token ${token}`;
+    }
+    const res = await fetch(url, {
+      method: "PUT",
+      headers,
+      body: payload ? JSON.stringify(payload) : void 0
+    });
+    if (!res.ok) throw new Error(await res.text());
+    return res.json();
+  }
+  static async delete(url, token) {
+    const headers = {};
+    if (token) {
+      headers["Authorization"] = `Token ${token}`;
+    }
+    const res = await fetch(url, {
+      method: "DELETE",
+      headers
+    });
+    if (!res.ok) throw new Error(await res.text());
+    return res.json();
+  }
+};
+
+// src/services/AuthServices.ts
+var API_BASE_URL = `${API_URL}/core/auth/`;
+var FetchApi2 = class {
+  static async post(url, payload, token) {
+    const headers = {
+      "Content-Type": "application/json"
+    };
+    if (token) {
+      headers["Authorization"] = `Token ${token}`;
+    }
+    const res = await fetch(url, {
+      method: "POST",
+      headers,
+      body: payload ? JSON.stringify(payload) : void 0
+    });
+    if (!res.ok) throw new Error(await res.text());
+    return res.json();
+  }
+  static async get(url, token) {
+    const headers = {};
+    if (token) {
+      headers["Authorization"] = `Token ${token}`;
+    }
+    const res = await fetch(url, {
+      method: "GET",
+      headers
+    });
+    if (!res.ok) throw new Error(await res.text());
+    return res.json();
+  }
+};
+var AuthServices = {
+  sendOtp: (payload) => FetchApi2.post(`${API_BASE_URL}send-otp/`, payload),
+  verifyOtp: (payload) => FetchApi2.post(`${API_BASE_URL}verify-otp/`, payload),
+  completeRegistration: (payload) => FetchApi2.post(`${API_BASE_URL}complete-registration/`, payload),
+  getInvitations: (token) => FetchApi2.get(`${API_BASE_URL}invitations/?token=${token}`),
+  respondInvitationEmail: (payload) => FetchApi2.post(`${API_BASE_URL}respond-invitation-email/`, payload),
+  change_password: (payload) => FetchApi2.post(`${API_BASE_URL}change-password/`, payload),
+  addUser: (payload) => FetchApi2.post(`${API_BASE_URL}add-user/`, payload),
+  login: (payload) => FetchApi2.post(`${API_BASE_URL}login/`, payload),
+  getUserInformations: (token) => FetchApi2.get(`${API_BASE_URL}user-informations/`, token),
+  logout: () => FetchApi2.post(`${API_BASE_URL}logout/`)
+};
+
+// src/contexts/SessionContext.tsx
+import { jsx as jsx5 } from "react/jsx-runtime";
+var SessionContext = createContext2(void 0);
+var useSession = () => {
+  const context = useContext2(SessionContext);
+  if (!context) {
+    throw new Error("useSession must be used within a SessionProvider");
+  }
+  return context;
+};
+var SessionProvider = ({ children }) => {
+  const [token, setToken] = useState2(localStorage.getItem("token"));
+  const [loggedUser, setLoggedUser] = useState2(null);
+  const [activeBusinessEntity, setActiveBusinessEntity] = useState2(null);
+  const saved_center_id = localStorage.getItem("active_center_id") || "";
+  useEffect2(() => {
+    const storedToken = localStorage.getItem("token");
+    if (storedToken) {
+      setToken(storedToken);
+    }
+  }, []);
+  const login = (newToken) => {
+    localStorage.setItem("token", newToken);
+    setToken(newToken);
+  };
+  const logout = () => {
+    localStorage.removeItem("token");
+    setToken(null);
+  };
+  useEffect2(() => {
+    if (token) {
+      AuthServices.getUserInformations(token).then((res) => {
+        const result = res;
+        if (result.success === true) {
+          setLoggedUser(result.data.user);
+          setActiveBusinessEntity(result.data.user.centers_access.find((item) => parseInt(item.id) === parseInt(saved_center_id)) || result.data.user.centers_access[0] || null);
+        } else {
+          setLoggedUser(null);
+        }
+      }).catch(() => setLoggedUser(null));
+    } else {
+      setLoggedUser(null);
+    }
+  }, [token]);
+  useEffect2(() => {
+    if (activeBusinessEntity) {
+      localStorage.setItem("active_center_id", activeBusinessEntity.id.toString());
+    }
+  }, [activeBusinessEntity]);
+  return /* @__PURE__ */ jsx5(SessionContext.Provider, { value: {
+    isAuthenticated: !!token,
+    loggedUser,
+    activeBusinessEntity,
+    setActiveBusinessEntity,
+    token,
+    login,
+    logout
+  }, children });
+};
+
 // src/components/layout/ModernDoubleSidebarLayout.tsx
-import { Fragment, jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
 var RewiseLayout = ({ children, module_name = "Rewise", module_description = "Description du module", primaryMenuItems, secondaryMenuItems }) => {
   const location = useLocation();
   const navigate = useNavigate();
   const { theme, themeType, setTheme } = useTheme();
-  const [primaryCollapsed, setPrimaryCollapsed] = useState2(false);
-  const [secondaryCollapsed, setSecondaryCollapsed] = useState2(false);
-  const [mobileMenuOpen, setMobileMenuOpen] = useState2(false);
-  const [selectedModule, setSelectedModule] = useState2("dashboard");
-  const [searchQuery, setSearchQuery] = useState2("");
-  const [showNotifications, setShowNotifications] = useState2(false);
-  const [showUserMenu, setShowUserMenu] = useState2(false);
-  const [showThemeMenu, setShowThemeMenu] = useState2(false);
-  const [notifications, setNotifications] = useState2([
+  const { loggedUser, activeBusinessEntity, setActiveBusinessEntity } = useSession();
+  const [primaryCollapsed, setPrimaryCollapsed] = useState3(false);
+  const [secondaryCollapsed, setSecondaryCollapsed] = useState3(false);
+  const [mobileMenuOpen, setMobileMenuOpen] = useState3(false);
+  const [selectedModule, setSelectedModule] = useState3("dashboard");
+  const [searchQuery, setSearchQuery] = useState3("");
+  const [showNotifications, setShowNotifications] = useState3(false);
+  const [showUserMenu, setShowUserMenu] = useState3(false);
+  const [showThemeMenu, setShowThemeMenu] = useState3(false);
+  const [showCenterMenu, setShowCenterMenu] = useState3(false);
+  const [selectedCenterId, setSelectedCenterId] = useState3(
+    loggedUser?.centers_access?.[0]?.id || null
+  );
+  const [notifications, setNotifications] = useState3([
     {
       id: "1",
       title: "Nouvelle facture",
@@ -636,7 +810,7 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
       read: false
     }
   ]);
-  useEffect2(() => {
+  useEffect3(() => {
     const handleKeyDown = (e) => {
       if (e.altKey && e.key === "m") {
         e.preventDefault();
@@ -656,7 +830,7 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
     document.addEventListener("keydown", handleKeyDown);
     return () => document.removeEventListener("keydown", handleKeyDown);
   }, []);
-  useEffect2(() => {
+  useEffect3(() => {
     const path = location.pathname;
     const moduleMatch = path.match(/^\/([^/]+)/);
     if (moduleMatch) {
@@ -692,7 +866,7 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
     );
   };
   return /* @__PURE__ */ jsxs3("div", { className: "flex h-screen bg-[var(--color-background)] overflow-hidden", children: [
-    /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsx6(
       "a",
       {
         href: "#main-content",
@@ -715,27 +889,27 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
               "flex items-center gap-3",
               primaryCollapsed && "justify-center"
             ), children: [
-              /* @__PURE__ */ jsx5("div", { className: "w-10 h-10 bg-[var(--color-primary)] rounded-lg flex items-center justify-center", children: /* @__PURE__ */ jsx5("span", { className: "text-[var(--color-background)] font-bold text-xl", children: "W" }) }),
+              /* @__PURE__ */ jsx6("div", { className: "w-10 h-10 bg-[var(--color-primary)] rounded-lg flex items-center justify-center", children: /* @__PURE__ */ jsx6("span", { className: "text-[var(--color-background)] font-bold text-xl", children: "W" }) }),
               !primaryCollapsed && /* @__PURE__ */ jsxs3("div", { children: [
-                /* @__PURE__ */ jsx5("h1", { className: "text-[var(--color-sidebar-text)] font-bold text-lg", children: module_name }),
-                /* @__PURE__ */ jsx5("p", { className: "text-[var(--color-sidebar-text-secondary)] text-xs", children: module_description })
+                /* @__PURE__ */ jsx6("h1", { className: "text-[var(--color-sidebar-text)] font-bold text-lg", children: module_name }),
+                /* @__PURE__ */ jsx6("p", { className: "text-[var(--color-sidebar-text-secondary)] text-xs", children: module_description })
               ] })
             ] }),
-            /* @__PURE__ */ jsx5(
+            /* @__PURE__ */ jsx6(
               "button",
               {
                 onClick: () => setPrimaryCollapsed(!primaryCollapsed),
                 className: "text-[var(--color-sidebar-text-secondary)] hover:text-[var(--color-sidebar-text)] transition-colors",
                 "aria-label": primaryCollapsed ? "D\xE9velopper le menu" : "R\xE9duire le menu",
                 "aria-expanded": !primaryCollapsed,
-                children: /* @__PURE__ */ jsx5(ChevronLeft, { className: cn(
+                children: /* @__PURE__ */ jsx6(ChevronLeft, { className: cn(
                   "w-5 h-5 transition-transform",
                   primaryCollapsed && "rotate-180"
                 ) })
               }
             )
           ] }),
-          /* @__PURE__ */ jsx5(
+          /* @__PURE__ */ jsx6(
             "nav",
             {
               className: "flex-1 py-4 overflow-y-auto",
@@ -761,45 +935,45 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                   "aria-label": item.ariaLabel || item.label,
                   "aria-current": isModuleActive(item.id) ? "page" : void 0,
                   children: [
-                    /* @__PURE__ */ jsx5("div", { className: cn(
+                    /* @__PURE__ */ jsx6("div", { className: cn(
                       "transition-colors",
                       isModuleActive(item.id) ? "text-[var(--color-primary)]" : "text-[var(--color-sidebar-text-secondary)] group-hover:text-[var(--color-sidebar-text)]"
                     ), children: item.icon }),
                     !primaryCollapsed && /* @__PURE__ */ jsxs3(Fragment, { children: [
-                      /* @__PURE__ */ jsx5("span", { className: cn(
+                      /* @__PURE__ */ jsx6("span", { className: cn(
                         "flex-1 text-left text-sm font-medium transition-colors",
                         isModuleActive(item.id) ? "text-[var(--color-sidebar-text)]" : "text-[var(--color-sidebar-text-secondary)] group-hover:text-[var(--color-sidebar-text)]"
                       ), children: item.label }),
-                      item.badge && /* @__PURE__ */ jsx5("span", { className: "px-2 py-0.5 text-xs bg-[var(--color-primary)] text-[var(--color-background)] rounded-full", children: item.badge })
+                      item.badge && /* @__PURE__ */ jsx6("span", { className: "px-2 py-0.5 text-xs bg-[var(--color-primary)] text-[var(--color-background)] rounded-full", children: item.badge })
                     ] }),
-                    primaryCollapsed && /* @__PURE__ */ jsx5("div", { className: "absolute left-full ml-2 px-2 py-1 bg-[var(--color-sidebar-active)] text-[var(--color-sidebar-text)] text-xs rounded opacity-0 group-hover:opacity-100 pointer-events-none whitespace-nowrap z-50", children: item.label })
+                    primaryCollapsed && /* @__PURE__ */ jsx6("div", { className: "absolute left-full ml-2 px-2 py-1 bg-[var(--color-sidebar-active)] text-[var(--color-sidebar-text)] text-xs rounded opacity-0 group-hover:opacity-100 pointer-events-none whitespace-nowrap z-50", children: item.label })
                   ]
                 },
                 item.id
               ))
             }
           ),
-          /* @__PURE__ */ jsx5("div", { className: "p-4 border-t border-[var(--color-sidebar-border)]", children: /* @__PURE__ */ jsxs3("div", { className: cn(
+          /* @__PURE__ */ jsx6("div", { className: "p-4 border-t border-[var(--color-sidebar-border)]", children: /* @__PURE__ */ jsxs3("div", { className: cn(
             "flex items-center gap-3",
             primaryCollapsed && "justify-center"
           ), children: [
-            /* @__PURE__ */ jsx5("div", { className: "w-10 h-10 bg-[var(--color-sidebar-avatar-bg)] rounded-full flex items-center justify-center", children: /* @__PURE__ */ jsx5(User, { className: "w-5 h-5 text-[var(--color-sidebar-text-secondary)]" }) }),
+            /* @__PURE__ */ jsx6("div", { className: "w-10 h-10 bg-[var(--color-primary)] rounded-full flex items-center justify-center", children: /* @__PURE__ */ jsx6(User, { className: "w-5 h-5 text-[var(--color-background)]" }) }),
             !primaryCollapsed && /* @__PURE__ */ jsxs3("div", { className: "flex-1", children: [
-              /* @__PURE__ */ jsx5("p", { className: "text-sm font-medium text-[var(--color-sidebar-text)]", children: "Admin" }),
-              /* @__PURE__ */ jsx5("p", { className: "text-xs text-[var(--color-sidebar-text-secondary)]", children: "admin@wisebook.com" })
+              /* @__PURE__ */ jsx6("p", { className: "text-sm font-medium text-[var(--color-sidebar-text)]", children: loggedUser?.first_name && loggedUser?.last_name ? `${loggedUser.first_name} ${loggedUser.last_name}` : loggedUser?.username || "Utilisateur" }),
+              /* @__PURE__ */ jsx6("p", { className: "text-xs text-[var(--color-sidebar-text-secondary)]", children: loggedUser?.email || "email@example.com" })
             ] })
           ] }) })
         ]
       }
     ),
     secondaryMenuItems[selectedModule] && /* @__PURE__ */ jsxs3(Fragment, { children: [
-      secondaryCollapsed && /* @__PURE__ */ jsx5(
+      secondaryCollapsed && /* @__PURE__ */ jsx6(
         "button",
         {
           onClick: () => setSecondaryCollapsed(false),
           className: "hidden lg:flex items-center justify-center w-12 h-full bg-[var(--color-background)] border-r border-[var(--color-border)] hover:bg-[var(--color-surface-hover)] transition-colors",
           "aria-label": "Ouvrir le sous-menu",
-          children: /* @__PURE__ */ jsx5(ChevronRight, { className: "w-5 h-5 text-[var(--color-text-tertiary)]" })
+          children: /* @__PURE__ */ jsx6(ChevronRight, { className: "w-5 h-5 text-[var(--color-text-tertiary)]" })
         }
       ),
       /* @__PURE__ */ jsxs3(
@@ -813,21 +987,21 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
           "aria-label": "Navigation secondaire",
           children: [
             /* @__PURE__ */ jsxs3("div", { className: "h-16 flex items-center justify-between px-4 border-b border-[var(--color-border)]", children: [
-              /* @__PURE__ */ jsx5("h2", { className: "text-sm font-semibold text-[var(--color-text-secondary)] uppercase tracking-wider whitespace-nowrap", children: primaryMenuItems.find((item) => item.id === selectedModule)?.label }),
-              /* @__PURE__ */ jsx5(
+              /* @__PURE__ */ jsx6("h2", { className: "text-sm font-semibold text-[var(--color-text-secondary)] uppercase tracking-wider whitespace-nowrap", children: primaryMenuItems.find((item) => item.id === selectedModule)?.label }),
+              /* @__PURE__ */ jsx6(
                 "button",
                 {
                   onClick: () => setSecondaryCollapsed(!secondaryCollapsed),
                   className: "text-[var(--color-text-tertiary)] hover:text-[var(--color-text-primary)] flex-shrink-0",
                   "aria-label": secondaryCollapsed ? "D\xE9velopper le sous-menu" : "R\xE9duire le sous-menu",
-                  children: /* @__PURE__ */ jsx5(ChevronLeft, { className: cn(
+                  children: /* @__PURE__ */ jsx6(ChevronLeft, { className: cn(
                     "w-4 h-4 transition-transform",
                     secondaryCollapsed && "rotate-180"
                   ) })
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx5(
+            /* @__PURE__ */ jsx6(
               "nav",
               {
                 className: "flex-1 py-4 overflow-y-auto",
@@ -845,15 +1019,15 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                     role: "menuitem",
                     "aria-current": isActive(item.path || "") ? "page" : void 0,
                     children: [
-                      item.icon && /* @__PURE__ */ jsx5("div", { className: cn(
+                      item.icon && /* @__PURE__ */ jsx6("div", { className: cn(
                         "transition-colors",
                         isActive(item.path || "") ? "text-[var(--color-primary)]" : "text-[var(--color-text-tertiary)]"
                       ), children: item.icon }),
-                      /* @__PURE__ */ jsx5("span", { className: cn(
+                      /* @__PURE__ */ jsx6("span", { className: cn(
                         "flex-1 text-left text-sm",
                         isActive(item.path || "") ? "text-[var(--color-primary)] font-medium" : "text-[var(--color-text-secondary)]"
                       ), children: item.label }),
-                      item.badge && /* @__PURE__ */ jsx5("span", { className: "px-2 py-0.5 text-xs bg-[var(--color-primary)] text-white rounded-full", children: item.badge })
+                      item.badge && /* @__PURE__ */ jsx6("span", { className: "px-2 py-0.5 text-xs bg-[var(--color-primary)] text-white rounded-full", children: item.badge })
                     ]
                   },
                   item.id
@@ -864,7 +1038,7 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
         }
       )
     ] }),
-    mobileMenuOpen && /* @__PURE__ */ jsx5(
+    mobileMenuOpen && /* @__PURE__ */ jsx6(
       "div",
       {
         className: "fixed inset-0 bg-black bg-opacity-50 z-50 lg:hidden",
@@ -880,23 +1054,23 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
             children: [
               /* @__PURE__ */ jsxs3("div", { className: "h-16 flex items-center justify-between px-4 border-b border-[var(--color-sidebar-border)]", children: [
                 /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-3", children: [
-                  /* @__PURE__ */ jsx5("div", { className: "w-10 h-10 bg-[var(--color-primary)] rounded-lg flex items-center justify-center", children: /* @__PURE__ */ jsx5("span", { className: "text-[var(--color-background)] font-bold text-xl", children: "W" }) }),
+                  /* @__PURE__ */ jsx6("div", { className: "w-10 h-10 bg-[var(--color-primary)] rounded-lg flex items-center justify-center", children: /* @__PURE__ */ jsx6("span", { className: "text-[var(--color-background)] font-bold text-xl", children: "W" }) }),
                   /* @__PURE__ */ jsxs3("div", { children: [
-                    /* @__PURE__ */ jsx5("h1", { className: "text-white font-bold text-lg", children: "WiseBook" }),
-                    /* @__PURE__ */ jsx5("p", { className: "text-gray-400 text-xs", children: "ERP Next-Gen" })
+                    /* @__PURE__ */ jsx6("h1", { className: "text-white font-bold text-lg", children: "WiseBook" }),
+                    /* @__PURE__ */ jsx6("p", { className: "text-gray-400 text-xs", children: "ERP Next-Gen" })
                   ] })
                 ] }),
-                /* @__PURE__ */ jsx5(
+                /* @__PURE__ */ jsx6(
                   "button",
                   {
                     onClick: () => setMobileMenuOpen(false),
                     className: "text-[var(--color-sidebar-text-secondary)]",
                     "aria-label": "Fermer le menu",
-                    children: /* @__PURE__ */ jsx5(X, { className: "w-6 h-6" })
+                    children: /* @__PURE__ */ jsx6(X, { className: "w-6 h-6" })
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx5("nav", { className: "py-4", role: "menubar", children: primaryMenuItems.map((item) => /* @__PURE__ */ jsxs3("div", { children: [
+              /* @__PURE__ */ jsx6("nav", { className: "py-4", role: "menubar", children: primaryMenuItems.map((item) => /* @__PURE__ */ jsxs3("div", { children: [
                 /* @__PURE__ */ jsxs3(
                   "button",
                   {
@@ -916,19 +1090,19 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                     role: "menuitem",
                     "aria-current": isModuleActive(item.id) ? "page" : void 0,
                     children: [
-                      /* @__PURE__ */ jsx5("div", { className: cn(
+                      /* @__PURE__ */ jsx6("div", { className: cn(
                         "transition-colors",
                         isModuleActive(item.id) ? "text-[var(--color-primary)]" : "text-[var(--color-sidebar-text-secondary)]"
                       ), children: item.icon }),
-                      /* @__PURE__ */ jsx5("span", { className: cn(
+                      /* @__PURE__ */ jsx6("span", { className: cn(
                         "flex-1 text-left text-sm font-medium",
                         isModuleActive(item.id) ? "text-[var(--color-sidebar-text)]" : "text-[var(--color-sidebar-text-secondary)]"
                       ), children: item.label }),
-                      item.badge && /* @__PURE__ */ jsx5("span", { className: "px-2 py-0.5 text-xs bg-[var(--color-primary)] text-[var(--color-background)] rounded-full", children: item.badge })
+                      item.badge && /* @__PURE__ */ jsx6("span", { className: "px-2 py-0.5 text-xs bg-[var(--color-primary)] text-[var(--color-background)] rounded-full", children: item.badge })
                     ]
                   }
                 ),
-                isModuleActive(item.id) && secondaryMenuItems[item.id] && /* @__PURE__ */ jsx5("div", { className: "bg-[var(--color-sidebar-submenu-bg)] py-2", children: secondaryMenuItems[item.id].map((subItem) => /* @__PURE__ */ jsxs3(
+                isModuleActive(item.id) && secondaryMenuItems[item.id] && /* @__PURE__ */ jsx6("div", { className: "bg-[var(--color-sidebar-submenu-bg)] py-2", children: secondaryMenuItems[item.id].map((subItem) => /* @__PURE__ */ jsxs3(
                   "button",
                   {
                     onClick: () => {
@@ -944,7 +1118,7 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                     ),
                     children: [
                       subItem.icon,
-                      /* @__PURE__ */ jsx5("span", { className: cn(
+                      /* @__PURE__ */ jsx6("span", { className: cn(
                         isActive(subItem.path || "") ? "text-[var(--color-primary)]" : "text-[var(--color-sidebar-text-secondary)]"
                       ), children: subItem.label })
                     ]
@@ -965,23 +1139,23 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
           role: "banner",
           children: [
             /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-4 flex-1", children: [
-              /* @__PURE__ */ jsx5(
+              /* @__PURE__ */ jsx6(
                 "button",
                 {
                   onClick: () => setMobileMenuOpen(true),
                   className: "lg:hidden text-[var(--color-text-primary)]",
                   "aria-label": "Ouvrir le menu mobile",
-                  children: /* @__PURE__ */ jsx5(Menu, { className: "w-6 h-6" })
+                  children: /* @__PURE__ */ jsx6(Menu, { className: "w-6 h-6" })
                 }
               ),
-              /* @__PURE__ */ jsx5(
+              /* @__PURE__ */ jsx6(
                 "nav",
                 {
                   className: "hidden sm:flex items-center gap-2 text-sm",
                   "aria-label": "Fil d'Ariane",
                   children: getBreadcrumbs().map((crumb, index) => /* @__PURE__ */ jsxs3(React2.Fragment, { children: [
-                    index > 0 && /* @__PURE__ */ jsx5(ChevronRight, { className: "w-4 h-4 text-[var(--color-text-tertiary)]" }),
-                    /* @__PURE__ */ jsx5(
+                    index > 0 && /* @__PURE__ */ jsx6(ChevronRight, { className: "w-4 h-4 text-[var(--color-text-tertiary)]" }),
+                    /* @__PURE__ */ jsx6(
                       "button",
                       {
                         onClick: () => navigate(crumb.path),
@@ -996,8 +1170,8 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                 }
               ),
               /* @__PURE__ */ jsxs3("div", { className: "relative max-w-md flex-1 hidden lg:block", children: [
-                /* @__PURE__ */ jsx5(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 text-[var(--color-text-tertiary)] w-5 h-5" }),
-                /* @__PURE__ */ jsx5(
+                /* @__PURE__ */ jsx6(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 text-[var(--color-text-tertiary)] w-5 h-5" }),
+                /* @__PURE__ */ jsx6(
                   "input",
                   {
                     id: "global-search",
@@ -1012,8 +1186,68 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
               ] })
             ] }),
             /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-3", children: [
+              loggedUser?.centers_access && loggedUser.centers_access.length > 0 && /* @__PURE__ */ jsxs3("div", { className: "relative", children: [
+                /* @__PURE__ */ jsxs3(
+                  "button",
+                  {
+                    onClick: () => setShowCenterMenu(!showCenterMenu),
+                    className: "flex items-center gap-2 px-3 py-1.5 bg-[var(--color-surface)] rounded-lg border border-[var(--color-border)] hover:bg-[var(--color-surface-hover)] transition-colors",
+                    title: "S\xE9lectionner un centre",
+                    "aria-label": "S\xE9lecteur de centre",
+                    "aria-expanded": showCenterMenu,
+                    children: [
+                      /* @__PURE__ */ jsx6(Building2, { className: "w-4 h-4 text-[var(--color-primary)]" }),
+                      /* @__PURE__ */ jsx6("span", { className: "text-sm font-medium text-[var(--color-text-primary)] hidden sm:block", children: loggedUser.centers_access.find((c) => c.id === activeBusinessEntity?.id)?.legal_name || "S\xE9lectionner" }),
+                      /* @__PURE__ */ jsx6(ChevronRight, { className: cn(
+                        "w-4 h-4 text-[var(--color-text-tertiary)] transition-transform",
+                        showCenterMenu && "rotate-90"
+                      ) })
+                    ]
+                  }
+                ),
+                showCenterMenu && /* @__PURE__ */ jsx6(
+                  "div",
+                  {
+                    className: "absolute right-0 mt-2 w-64 bg-[var(--color-background)] rounded-lg shadow-xl border border-[var(--color-border)] z-50 max-h-80 overflow-y-auto",
+                    role: "menu",
+                    "aria-label": "S\xE9lection du centre",
+                    children: /* @__PURE__ */ jsxs3("div", { className: "p-2", children: [
+                      /* @__PURE__ */ jsx6("p", { className: "px-3 py-2 text-xs font-semibold text-[var(--color-text-tertiary)] uppercase", children: "Centres disponibles" }),
+                      loggedUser.centers_access.map((center) => /* @__PURE__ */ jsxs3(
+                        "button",
+                        {
+                          onClick: () => {
+                            setActiveBusinessEntity(center);
+                            setSelectedCenterId(center.id);
+                            setShowCenterMenu(false);
+                          },
+                          className: cn(
+                            "w-full flex items-center gap-3 px-3 py-2 rounded-lg hover:bg-[var(--color-surface-hover)] transition-colors",
+                            selectedCenterId === center.id && "bg-[var(--color-primary-light)] border-l-2 border-[var(--color-primary)]"
+                          ),
+                          role: "menuitem",
+                          children: [
+                            /* @__PURE__ */ jsx6(Building2, { className: cn(
+                              "w-5 h-5",
+                              selectedCenterId === center.id ? "text-[var(--color-primary)]" : "text-[var(--color-text-tertiary)]"
+                            ) }),
+                            /* @__PURE__ */ jsxs3("div", { className: "text-left flex-1", children: [
+                              /* @__PURE__ */ jsx6("p", { className: cn(
+                                "text-sm font-medium",
+                                selectedCenterId === center.id ? "text-[var(--color-primary)]" : "text-[var(--color-text-primary)]"
+                              ), children: center.legal_name }),
+                              center.trading_name && /* @__PURE__ */ jsx6("p", { className: "text-xs text-[var(--color-text-tertiary)]", children: center.trading_name })
+                            ] })
+                          ]
+                        },
+                        center.id
+                      ))
+                    ] })
+                  }
+                )
+              ] }),
               /* @__PURE__ */ jsxs3("div", { className: "relative", children: [
-                /* @__PURE__ */ jsx5(
+                /* @__PURE__ */ jsx6(
                   "button",
                   {
                     onClick: () => setShowThemeMenu(!showThemeMenu),
@@ -1021,17 +1255,17 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                     title: "Changer le th\xE8me",
                     "aria-label": "S\xE9lecteur de th\xE8me",
                     "aria-expanded": showThemeMenu,
-                    children: /* @__PURE__ */ jsx5(Palette, { className: "w-5 h-5 text-[var(--color-text-secondary)]" })
+                    children: /* @__PURE__ */ jsx6(Palette, { className: "w-5 h-5 text-[var(--color-text-secondary)]" })
                   }
                 ),
-                showThemeMenu && /* @__PURE__ */ jsx5(
+                showThemeMenu && /* @__PURE__ */ jsx6(
                   "div",
                   {
                     className: "absolute right-0 mt-2 w-64 bg-[var(--color-background)] rounded-lg shadow-xl border border-[var(--color-border)] z-50",
                     role: "menu",
                     "aria-label": "S\xE9lection du th\xE8me",
                     children: /* @__PURE__ */ jsxs3("div", { className: "p-2", children: [
-                      /* @__PURE__ */ jsx5("p", { className: "px-3 py-2 text-xs font-semibold text-[var(--color-text-tertiary)] uppercase", children: "Th\xE8mes disponibles" }),
+                      /* @__PURE__ */ jsx6("p", { className: "px-3 py-2 text-xs font-semibold text-[var(--color-text-tertiary)] uppercase", children: "Th\xE8mes disponibles" }),
                       /* @__PURE__ */ jsxs3(
                         "button",
                         {
@@ -1042,10 +1276,10 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                           ),
                           role: "menuitem",
                           children: [
-                            /* @__PURE__ */ jsx5("div", { className: "w-10 h-10 rounded-lg bg-gradient-to-br from-[var(--color-primary)] to-[var(--color-accent)]" }),
+                            /* @__PURE__ */ jsx6("div", { className: "w-10 h-10 rounded-lg bg-gradient-to-br from-[var(--color-primary)] to-[var(--color-accent)]" }),
                             /* @__PURE__ */ jsxs3("div", { className: "text-left", children: [
-                              /* @__PURE__ */ jsx5("p", { className: "text-sm font-medium", children: "\xC9l\xE9gance Sobre" }),
-                              /* @__PURE__ */ jsx5("p", { className: "text-xs text-[var(--color-text-tertiary)]", children: "Finance traditionnelle" })
+                              /* @__PURE__ */ jsx6("p", { className: "text-sm font-medium", children: "\xC9l\xE9gance Sobre" }),
+                              /* @__PURE__ */ jsx6("p", { className: "text-xs text-[var(--color-text-tertiary)]", children: "Finance traditionnelle" })
                             ] })
                           ]
                         }
@@ -1060,10 +1294,10 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                           ),
                           role: "menuitem",
                           children: [
-                            /* @__PURE__ */ jsx5("div", { className: "w-10 h-10 rounded-lg bg-gradient-to-br from-[var(--color-success)] to-[var(--color-text-primary)]" }),
+                            /* @__PURE__ */ jsx6("div", { className: "w-10 h-10 rounded-lg bg-gradient-to-br from-[var(--color-success)] to-[var(--color-text-primary)]" }),
                             /* @__PURE__ */ jsxs3("div", { className: "text-left", children: [
-                              /* @__PURE__ */ jsx5("p", { className: "text-sm font-medium", children: "Modern Fintech" }),
-                              /* @__PURE__ */ jsx5("p", { className: "text-xs text-[var(--color-text-tertiary)]", children: "Tableau de bord moderne" })
+                              /* @__PURE__ */ jsx6("p", { className: "text-sm font-medium", children: "Modern Fintech" }),
+                              /* @__PURE__ */ jsx6("p", { className: "text-xs text-[var(--color-text-tertiary)]", children: "Tableau de bord moderne" })
                             ] })
                           ]
                         }
@@ -1078,10 +1312,10 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                           ),
                           role: "menuitem",
                           children: [
-                            /* @__PURE__ */ jsx5("div", { className: "w-10 h-10 rounded-lg bg-gradient-to-br from-[var(--color-text-secondary)] to-[var(--color-accent)]" }),
+                            /* @__PURE__ */ jsx6("div", { className: "w-10 h-10 rounded-lg bg-gradient-to-br from-[var(--color-text-secondary)] to-[var(--color-accent)]" }),
                             /* @__PURE__ */ jsxs3("div", { className: "text-left", children: [
-                              /* @__PURE__ */ jsx5("p", { className: "text-sm font-medium", children: "Minimaliste Premium" }),
-                              /* @__PURE__ */ jsx5("p", { className: "text-xs text-[var(--color-text-tertiary)]", children: "\xC9l\xE9gance minimaliste" })
+                              /* @__PURE__ */ jsx6("p", { className: "text-sm font-medium", children: "Minimaliste Premium" }),
+                              /* @__PURE__ */ jsx6("p", { className: "text-xs text-[var(--color-text-tertiary)]", children: "\xC9l\xE9gance minimaliste" })
                             ] })
                           ]
                         }
@@ -1091,8 +1325,8 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                 )
               ] }),
               /* @__PURE__ */ jsxs3("div", { className: "flex items-center px-3 py-1.5 bg-[var(--color-surface)] rounded-lg border border-[var(--color-border)]", children: [
-                /* @__PURE__ */ jsx5(DollarSign, { className: "w-4 h-4 text-[var(--color-primary)] mr-2" }),
-                /* @__PURE__ */ jsx5("span", { className: "text-sm font-medium text-[var(--color-text-primary)]", children: "FCFA" })
+                /* @__PURE__ */ jsx6(DollarSign, { className: "w-4 h-4 text-[var(--color-primary)] mr-2" }),
+                /* @__PURE__ */ jsx6("span", { className: "text-sm font-medium text-[var(--color-text-primary)]", children: "FCFA" })
               ] }),
               /* @__PURE__ */ jsxs3("div", { className: "relative", children: [
                 /* @__PURE__ */ jsxs3(
@@ -1103,8 +1337,8 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                     "aria-label": `Notifications ${notifications.filter((n) => !n.read).length > 0 ? `(${notifications.filter((n) => !n.read).length} non lues)` : ""}`,
                     "aria-expanded": showNotifications,
                     children: [
-                      /* @__PURE__ */ jsx5(Bell, { className: "w-5 h-5 text-[var(--color-text-secondary)]" }),
-                      notifications.filter((n) => !n.read).length > 0 && /* @__PURE__ */ jsx5("span", { className: "absolute top-1 right-1 w-2 h-2 bg-[var(--color-error)] rounded-full" })
+                      /* @__PURE__ */ jsx6(Bell, { className: "w-5 h-5 text-[var(--color-text-secondary)]" }),
+                      notifications.filter((n) => !n.read).length > 0 && /* @__PURE__ */ jsx6("span", { className: "absolute top-1 right-1 w-2 h-2 bg-[var(--color-error)] rounded-full" })
                     ]
                   }
                 ),
@@ -1115,8 +1349,8 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                     role: "region",
                     "aria-label": "Centre de notifications",
                     children: [
-                      /* @__PURE__ */ jsx5("div", { className: "p-4 border-b border-[var(--color-border)]", children: /* @__PURE__ */ jsx5("h3", { className: "font-semibold text-[var(--color-text-primary)]", children: "Notifications" }) }),
-                      /* @__PURE__ */ jsx5("div", { className: "divide-y divide-[var(--color-border)]", children: notifications.map((notif) => /* @__PURE__ */ jsx5(
+                      /* @__PURE__ */ jsx6("div", { className: "p-4 border-b border-[var(--color-border)]", children: /* @__PURE__ */ jsx6("h3", { className: "font-semibold text-[var(--color-text-primary)]", children: "Notifications" }) }),
+                      /* @__PURE__ */ jsx6("div", { className: "divide-y divide-[var(--color-border)]", children: notifications.map((notif) => /* @__PURE__ */ jsx6(
                         "div",
                         {
                           className: cn(
@@ -1125,7 +1359,7 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                           ),
                           onClick: () => markNotificationAsRead(notif.id),
                           children: /* @__PURE__ */ jsxs3("div", { className: "flex items-start gap-3", children: [
-                            /* @__PURE__ */ jsx5("div", { className: cn(
+                            /* @__PURE__ */ jsx6("div", { className: cn(
                               "w-2 h-2 rounded-full mt-2",
                               notif.type === "error" && "bg-[var(--color-error)]",
                               notif.type === "warning" && "bg-[var(--color-warning)]",
@@ -1133,9 +1367,9 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                               notif.type === "info" && "bg-[var(--color-info)]"
                             ) }),
                             /* @__PURE__ */ jsxs3("div", { className: "flex-1", children: [
-                              /* @__PURE__ */ jsx5("p", { className: "text-sm font-medium text-[var(--color-text-primary)]", children: notif.title }),
-                              /* @__PURE__ */ jsx5("p", { className: "text-xs text-[var(--color-text-secondary)] mt-1", children: notif.message }),
-                              /* @__PURE__ */ jsx5("p", { className: "text-xs text-[var(--color-text-tertiary)] mt-2", children: notif.timestamp.toLocaleTimeString() })
+                              /* @__PURE__ */ jsx6("p", { className: "text-sm font-medium text-[var(--color-text-primary)]", children: notif.title }),
+                              /* @__PURE__ */ jsx6("p", { className: "text-xs text-[var(--color-text-secondary)] mt-1", children: notif.message }),
+                              /* @__PURE__ */ jsx6("p", { className: "text-xs text-[var(--color-text-tertiary)] mt-2", children: notif.timestamp.toLocaleTimeString() })
                             ] })
                           ] })
                         },
@@ -1146,17 +1380,17 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                 )
               ] }),
               /* @__PURE__ */ jsxs3("div", { className: "relative", children: [
-                /* @__PURE__ */ jsx5(
+                /* @__PURE__ */ jsx6(
                   "button",
                   {
                     onClick: () => setShowUserMenu(!showUserMenu),
                     className: "flex items-center gap-2 p-2 hover:bg-[var(--color-surface-hover)] rounded-lg transition-colors",
                     "aria-label": "Menu utilisateur",
                     "aria-expanded": showUserMenu,
-                    children: /* @__PURE__ */ jsx5("div", { className: "w-8 h-8 bg-[var(--color-primary)] rounded-full flex items-center justify-center", children: /* @__PURE__ */ jsx5(User, { className: "w-4 h-4 text-[var(--color-background)]" }) })
+                    children: /* @__PURE__ */ jsx6("div", { className: "w-8 h-8 bg-[var(--color-primary)] rounded-full flex items-center justify-center", children: /* @__PURE__ */ jsx6(User, { className: "w-4 h-4 text-[var(--color-background)]" }) })
                   }
                 ),
-                showUserMenu && /* @__PURE__ */ jsx5(
+                showUserMenu && /* @__PURE__ */ jsx6(
                   "div",
                   {
                     className: "absolute right-0 mt-2 w-56 bg-[var(--color-background)] rounded-lg shadow-xl border border-[var(--color-border)] z-50",
@@ -1169,8 +1403,8 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                           className: "w-full flex items-center gap-3 px-3 py-2 rounded-lg hover:bg-[var(--color-surface-hover)] transition-colors",
                           role: "menuitem",
                           children: [
-                            /* @__PURE__ */ jsx5(User, { className: "w-4 h-4" }),
-                            /* @__PURE__ */ jsx5("span", { className: "text-sm", children: "Mon profil" })
+                            /* @__PURE__ */ jsx6(User, { className: "w-4 h-4" }),
+                            /* @__PURE__ */ jsx6("span", { className: "text-sm", children: "Mon profil" })
                           ]
                         }
                       ),
@@ -1184,8 +1418,8 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                           className: "w-full flex items-center gap-3 px-3 py-2 rounded-lg hover:bg-[var(--color-surface-hover)] transition-colors",
                           role: "menuitem",
                           children: [
-                            /* @__PURE__ */ jsx5(Settings, { className: "w-4 h-4" }),
-                            /* @__PURE__ */ jsx5("span", { className: "text-sm", children: "Param\xE8tres" })
+                            /* @__PURE__ */ jsx6(Settings, { className: "w-4 h-4" }),
+                            /* @__PURE__ */ jsx6("span", { className: "text-sm", children: "Param\xE8tres" })
                           ]
                         }
                       ),
@@ -1195,20 +1429,20 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                           className: "w-full flex items-center gap-3 px-3 py-2 rounded-lg hover:bg-[var(--color-surface-hover)] transition-colors",
                           role: "menuitem",
                           children: [
-                            /* @__PURE__ */ jsx5(HelpCircle, { className: "w-4 h-4" }),
-                            /* @__PURE__ */ jsx5("span", { className: "text-sm", children: "Aide" })
+                            /* @__PURE__ */ jsx6(HelpCircle, { className: "w-4 h-4" }),
+                            /* @__PURE__ */ jsx6("span", { className: "text-sm", children: "Aide" })
                           ]
                         }
                       ),
-                      /* @__PURE__ */ jsx5("hr", { className: "my-2 border-[var(--color-border)]" }),
+                      /* @__PURE__ */ jsx6("hr", { className: "my-2 border-[var(--color-border)]" }),
                       /* @__PURE__ */ jsxs3(
                         "button",
                         {
                           className: "w-full flex items-center gap-3 px-3 py-2 rounded-lg hover:bg-[var(--color-surface-hover)] text-[var(--color-error)] transition-colors",
                           role: "menuitem",
                           children: [
-                            /* @__PURE__ */ jsx5(LogOut, { className: "w-4 h-4" }),
-                            /* @__PURE__ */ jsx5("span", { className: "text-sm", children: "D\xE9connexion" })
+                            /* @__PURE__ */ jsx6(LogOut, { className: "w-4 h-4" }),
+                            /* @__PURE__ */ jsx6("span", { className: "text-sm", children: "D\xE9connexion" })
                           ]
                         }
                       )
@@ -1220,13 +1454,13 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
           ]
         }
       ),
-      /* @__PURE__ */ jsx5(
+      /* @__PURE__ */ jsx6(
         "main",
         {
           id: "main-content",
           className: "flex-1 overflow-y-auto bg-[var(--color-background)]",
           role: "main",
-          children: /* @__PURE__ */ jsx5("div", { className: "p-3 lg:p-4", children })
+          children: /* @__PURE__ */ jsx6("div", { className: "p-3 lg:p-4", children })
         }
       )
     ] })
@@ -1235,21 +1469,21 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
 var ModernDoubleSidebarLayout_default = RewiseLayout;
 
 // src/components/ui/Toast.tsx
-import { useEffect as useEffect3, useState as useState4 } from "react";
+import { useEffect as useEffect4, useState as useState5 } from "react";
 
 // src/contexts/ToastContext.tsx
-import { createContext as createContext2, useContext as useContext2, useState as useState3, useCallback } from "react";
-import { jsx as jsx6 } from "react/jsx-runtime";
-var ToastContext = createContext2(void 0);
+import { createContext as createContext3, useContext as useContext3, useState as useState4, useCallback } from "react";
+import { jsx as jsx7 } from "react/jsx-runtime";
+var ToastContext = createContext3(void 0);
 var useToast = () => {
-  const context = useContext2(ToastContext);
+  const context = useContext3(ToastContext);
   if (!context) {
     throw new Error("useToast must be used within a ToastProvider");
   }
   return context;
 };
 var ToastProvider = ({ children }) => {
-  const [toasts, setToasts] = useState3([]);
+  const [toasts, setToasts] = useState4([]);
   const generateId = () => {
     return Date.now().toString(36) + Math.random().toString(36).substr(2);
   };
@@ -1291,17 +1525,17 @@ var ToastProvider = ({ children }) => {
     warning,
     info
   };
-  return /* @__PURE__ */ jsx6(ToastContext.Provider, { value, children });
+  return /* @__PURE__ */ jsx7(ToastContext.Provider, { value, children });
 };
 
 // src/components/ui/Toast.tsx
 import { CheckCircle, XCircle, AlertTriangle, Info, X as X2 } from "lucide-react";
-import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
 var ToastItem = ({ toast }) => {
   const { removeToast } = useToast();
-  const [isVisible, setIsVisible] = useState4(false);
-  const [isLeaving, setIsLeaving] = useState4(false);
-  useEffect3(() => {
+  const [isVisible, setIsVisible] = useState5(false);
+  const [isLeaving, setIsLeaving] = useState5(false);
+  useEffect4(() => {
     const timer = setTimeout(() => setIsVisible(true), 10);
     return () => clearTimeout(timer);
   }, []);
@@ -1314,13 +1548,13 @@ var ToastItem = ({ toast }) => {
   const getIcon = () => {
     switch (toast.type) {
       case "success":
-        return /* @__PURE__ */ jsx7(CheckCircle, { className: "w-5 h-5 text-green-600" });
+        return /* @__PURE__ */ jsx8(CheckCircle, { className: "w-5 h-5 text-green-600" });
       case "error":
-        return /* @__PURE__ */ jsx7(XCircle, { className: "w-5 h-5 text-red-600" });
+        return /* @__PURE__ */ jsx8(XCircle, { className: "w-5 h-5 text-red-600" });
       case "warning":
-        return /* @__PURE__ */ jsx7(AlertTriangle, { className: "w-5 h-5 text-yellow-600" });
+        return /* @__PURE__ */ jsx8(AlertTriangle, { className: "w-5 h-5 text-yellow-600" });
       case "info":
-        return /* @__PURE__ */ jsx7(Info, { className: "w-5 h-5 text-blue-600" });
+        return /* @__PURE__ */ jsx8(Info, { className: "w-5 h-5 text-blue-600" });
     }
   };
   const getBackgroundColor = () => {
@@ -1346,14 +1580,14 @@ var ToastItem = ({ toast }) => {
         flex items-start space-x-3
       `,
       children: [
-        /* @__PURE__ */ jsx7("div", { className: "flex-shrink-0", children: getIcon() }),
-        /* @__PURE__ */ jsx7("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx7("p", { className: "text-sm text-gray-900 font-medium", children: toast.message }) }),
-        /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsx8("div", { className: "flex-shrink-0", children: getIcon() }),
+        /* @__PURE__ */ jsx8("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx8("p", { className: "text-sm text-gray-900 font-medium", children: toast.message }) }),
+        /* @__PURE__ */ jsx8(
           "button",
           {
             onClick: handleClose,
             className: "flex-shrink-0 ml-4 text-gray-400 hover:text-gray-600 transition-colors",
-            children: /* @__PURE__ */ jsx7(X2, { className: "w-4 h-4" })
+            children: /* @__PURE__ */ jsx8(X2, { className: "w-4 h-4" })
           }
         )
       ]
@@ -1362,179 +1596,24 @@ var ToastItem = ({ toast }) => {
 };
 var ToastContainer = () => {
   const { toasts } = useToast();
-  return /* @__PURE__ */ jsx7("div", { className: "fixed top-4 right-4 z-50 space-y-3", children: toasts.map((toast) => /* @__PURE__ */ jsx7(ToastItem, { toast }, toast.id)) });
+  return /* @__PURE__ */ jsx8("div", { className: "fixed top-4 right-4 z-50 space-y-3", children: toasts.map((toast) => /* @__PURE__ */ jsx8(ToastItem, { toast }, toast.id)) });
 };
 var Toast_default = ToastContainer;
 
-// src/contexts/SessionContext.tsx
-import { createContext as createContext3, useContext as useContext3, useEffect as useEffect4, useState as useState5 } from "react";
-
-// src/services/api.ts
-var ADDRESS_IP = "localhost:8000";
-var ADDRESS_IP_URL = `http://${ADDRESS_IP}/`;
-var API_URL = `${ADDRESS_IP_URL}api`;
-var FetchApi = class {
-  static async post(url, payload, token) {
-    const headers = {
-      "Content-Type": "application/json"
-    };
-    if (token) {
-      headers["Authorization"] = `Token ${token}`;
-    }
-    const res = await fetch(url, {
-      method: "POST",
-      headers,
-      body: payload ? JSON.stringify(payload) : void 0
-    });
-    if (!res.ok) throw new Error(await res.text());
-    return res.json();
-  }
-  static async get(url, token) {
-    const headers = {};
-    if (token) {
-      headers["Authorization"] = `Token ${token}`;
-    }
-    const res = await fetch(url, {
-      method: "GET",
-      headers
-    });
-    if (!res.ok) throw new Error(await res.text());
-    return res.json();
-  }
-  static async put(url, payload, token) {
-    const headers = {
-      "Content-Type": "application/json"
-    };
-    if (token) {
-      headers["Authorization"] = `Token ${token}`;
-    }
-    const res = await fetch(url, {
-      method: "PUT",
-      headers,
-      body: payload ? JSON.stringify(payload) : void 0
-    });
-    if (!res.ok) throw new Error(await res.text());
-    return res.json();
-  }
-  static async delete(url, token) {
-    const headers = {};
-    if (token) {
-      headers["Authorization"] = `Token ${token}`;
-    }
-    const res = await fetch(url, {
-      method: "DELETE",
-      headers
-    });
-    if (!res.ok) throw new Error(await res.text());
-    return res.json();
-  }
-};
-
-// src/services/AuthServices.ts
-var API_BASE_URL = `${API_URL}/core/auth/`;
-var FetchApi2 = class {
-  static async post(url, payload, token) {
-    const headers = {
-      "Content-Type": "application/json"
-    };
-    if (token) {
-      headers["Authorization"] = `Token ${token}`;
-    }
-    const res = await fetch(url, {
-      method: "POST",
-      headers,
-      body: payload ? JSON.stringify(payload) : void 0
-    });
-    if (!res.ok) throw new Error(await res.text());
-    return res.json();
-  }
-  static async get(url, token) {
-    const headers = {};
-    if (token) {
-      headers["Authorization"] = `Token ${token}`;
-    }
-    const res = await fetch(url, {
-      method: "GET",
-      headers
-    });
-    if (!res.ok) throw new Error(await res.text());
-    return res.json();
-  }
-};
-var AuthServices = {
-  sendOtp: (payload) => FetchApi2.post(`${API_BASE_URL}send-otp/`, payload),
-  verifyOtp: (payload) => FetchApi2.post(`${API_BASE_URL}verify-otp/`, payload),
-  completeRegistration: (payload) => FetchApi2.post(`${API_BASE_URL}complete-registration/`, payload),
-  addUser: (payload) => FetchApi2.post(`${API_BASE_URL}add-user/`, payload),
-  login: (payload) => FetchApi2.post(`${API_BASE_URL}login/`, payload),
-  getUserInformations: (token) => FetchApi2.get(`${API_BASE_URL}user-informations/`, token),
-  logout: () => FetchApi2.post(`${API_BASE_URL}logout/`)
-};
-
-// src/contexts/SessionContext.tsx
-import { jsx as jsx8 } from "react/jsx-runtime";
-var SessionContext = createContext3(void 0);
-var useSession = () => {
-  const context = useContext3(SessionContext);
-  if (!context) {
-    throw new Error("useSession must be used within a SessionProvider");
-  }
-  return context;
-};
-var SessionProvider = ({ children }) => {
-  const [token, setToken] = useState5(localStorage.getItem("token"));
-  const [loggedUser, setLoggedUser] = useState5(null);
-  useEffect4(() => {
-    const storedToken = localStorage.getItem("token");
-    if (storedToken) {
-      setToken(storedToken);
-    }
-  }, []);
-  const login = (newToken) => {
-    localStorage.setItem("token", newToken);
-    setToken(newToken);
-  };
-  const logout = () => {
-    localStorage.removeItem("token");
-    setToken(null);
-  };
-  useEffect4(() => {
-    if (token) {
-      AuthServices.getUserInformations(token).then((res) => {
-        const result = res;
-        if (result.success === true) {
-          setLoggedUser(result.data.user);
-        } else {
-          setLoggedUser(null);
-        }
-      }).catch(() => setLoggedUser(null));
-    } else {
-      setLoggedUser(null);
-    }
-  }, [token]);
-  return /* @__PURE__ */ jsx8(SessionContext.Provider, { value: {
-    isAuthenticated: !!token,
-    loggedUser,
-    token,
-    login,
-    logout
-  }, children });
-};
-
 // src/components/common/Pages.tsx
 import { ChevronLeft as ChevronLeft2, Download, Menu as Menu2, Settings as Settings2 } from "lucide-react";
 import { useState as useState6 } from "react";
-import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
 var Pages = ({
   title = "",
   description = "",
   sideAction,
   sidebar,
-  tabs = [],
+  tabs = /* @__PURE__ */ jsx9(Fragment2, {}),
   children
 }) => {
   const [sidebarOpen, setSidebarOpen] = useState6(false);
-  return /* @__PURE__ */ jsxs5("div", { className: "flex h-full bg-gray-50", children: [
+  return /* @__PURE__ */ jsxs5("div", { className: "flex h-full bg-gray-100", children: [
     /* @__PURE__ */ jsxs5("div", { className: "flex-1 flex flex-col", children: [
       /* @__PURE__ */ jsxs5("div", { className: "bg-white border-b border-gray-200 p-6", children: [
         /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between", children: [
@@ -1544,16 +1623,9 @@ var Pages = ({
           ] }) }),
           /* @__PURE__ */ jsx9("div", { className: "flex items-center space-x-3", children: sideAction })
         ] }),
-        tabs.length > 0 && /* @__PURE__ */ jsx9("div", { className: "flex space-x-1 mt-4 overflow-x-auto", children: tabs.map((tab) => /* @__PURE__ */ jsx9(
-          "button",
-          {
-            className: `px-4 py-2 text-sm rounded-lg transition-all whitespace-nowrap ${tab.id === "manual" ? "bg-[#6A8A82] text-white shadow-md" : "text-gray-600 hover:bg-gray-100"}`,
-            children: tab.label
-          },
-          tab.id
-        )) })
+        tabs
       ] }),
-      /* @__PURE__ */ jsx9("div", { className: "flex-1 p-6 space-y-6", children })
+      /* @__PURE__ */ jsx9("div", { className: "flex-1 p-6 space-y-6 min-h-[80vh]", children })
     ] }),
     sidebar && /* @__PURE__ */ jsxs5("div", { className: `${sidebarOpen ? "w-80" : "w-16"} bg-[var(--color-surface)] border-r border-[var(--color-border)] transition-all duration-300 flex flex-col`, children: [
       /* @__PURE__ */ jsx9("div", { className: "p-4  ", children: /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between", children: [
@@ -1603,7 +1675,7 @@ var API_BASE_URL2 = `${API_URL}/core/auth/`;
 var USERS_API_URL = `${API_URL}/core/users/`;
 var UserServices = {
   // Créer un nouvel utilisateur
-  addUser: (data, token) => FetchApi.post(`${USERS_API_URL}`, data, token),
+  addUser: (data, token) => FetchApi.post(`${API_BASE_URL2}add-user/`, data, token),
   // Obtenir tous les utilisateurs
   getUsers: (token) => FetchApi.get(`${USERS_API_URL}`, token),
   // Obtenir un utilisateur par ID
@@ -1614,11 +1686,302 @@ var UserServices = {
   deleteUser: (id, token) => FetchApi.delete(`${USERS_API_URL}${id}/`, token),
   // Obtenir les utilisateurs d'une entité
   getEntityUsers: (entityId, token) => FetchApi.get(`${API_URL}/core/entities/${entityId}/users/`, token),
+  // Obtenir les utilisateurs d'une entité
+  getuserEntitiesAccess: (id, token) => FetchApi.get(`${API_URL}/core/entities/`, token),
+  // !!! ce n'est pas la bonne url
   // Ajouter un utilisateur à une entité
   addUserToEntity: (entityId, userId, token) => FetchApi.post(`${API_URL}/core/entities/${entityId}/users/`, { user_id: userId }, token)
 };
+
+// src/components/common/FDrawer.tsx
+import { useEffect as useEffect5, useState as useState7 } from "react";
+import { useLocation as useLocation2, useNavigate as useNavigate2, useSearchParams, Link as Link2 } from "react-router-dom";
+import { ArrowDownAZ, ArrowDownUp, ArrowUpAZ, MoreVertical } from "lucide-react";
+import { Fragment as Fragment3, jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
+var FDrawer = ({
+  children,
+  apiEndpoint,
+  columns,
+  actions,
+  ordering,
+  toggle
+}) => {
+  const navigate = useNavigate2();
+  const [searchParams] = useSearchParams();
+  const location = useLocation2();
+  const allParams = Object.fromEntries([...searchParams]);
+  const { activeBusinessEntity, token } = useSession();
+  const [data, setData] = useState7([]);
+  const [order_by, setOrderBy] = useState7(ordering || "-id");
+  const [loading, setLoading] = useState7(false);
+  const [showOrdering, setShowOrdering] = useState7(null);
+  const [showFilters, setShowFilters] = useState7(null);
+  const [dropdownOpen, setDropdownOpen] = useState7(null);
+  const [queryURL, setQueryURL] = useState7("");
+  const [reponseDetail, setReponseDetail] = useState7({
+    total_pages: null,
+    previous: null,
+    next: null,
+    current_page: null
+  });
+  const makeFilters = () => columns.reduce((acc, item) => {
+    acc[item.formule ? `${item.search_name}__icontains` : `${item.key}__icontains`] = "";
+    return acc;
+  }, {});
+  const preFilters = columns.length > 0 ? makeFilters() : [];
+  const [filters, setFilters] = useState7(
+    () => Object.keys(allParams).length > 0 ? allParams : { ...preFilters, center_id: activeBusinessEntity?.id ?? null, order_by: order_by ?? "id", page: 1 }
+  );
+  const getDataFilter = async () => {
+    setLoading(true);
+    try {
+      const response = await fetch(queryURL, {
+        method: "GET",
+        headers: {
+          "Content-Type": "application/json",
+          "Authorization": `token ${token}`
+        }
+      });
+      if (!response.ok) throw new Error(`HTTP ERROR! STATUS: ${response.status}`);
+      const data2 = await response.json();
+      setReponseDetail(data2.paginate);
+      setData(data2.data);
+    } catch (error) {
+      console.error("ERROR FETCHING DATA", error);
+    } finally {
+      setLoading(false);
+    }
+  };
+  useEffect5(() => {
+    const params = new URLSearchParams(filters).toString();
+    setQueryURL(`${API_URL}${apiEndpoint}?${params}`);
+    navigate(`${location.pathname}?${params}`);
+  }, [filters]);
+  useEffect5(() => {
+    getDataFilter();
+  }, [activeBusinessEntity, queryURL, toggle]);
+  const renderColumnFilter = (column) => {
+    if (!column.filterable) return null;
+    const handleChange = (key, value) => setFilters({ ...filters, [key]: value, page: 1 });
+    switch (column.type) {
+      case "text":
+        return /* @__PURE__ */ jsx10(
+          "input",
+          {
+            id: column.key,
+            type: "text",
+            value: filters[`${column.key}__icontains`] || "",
+            placeholder: "Rechercher...",
+            className: "border border-gray-300 rounded-lg p-3 w-full",
+            onChange: (e) => handleChange(`${column.key}__icontains`, e.target.value)
+          }
+        );
+      case "number":
+        return /* @__PURE__ */ jsxs6("div", { className: "flex w-full gap-1", children: [
+          /* @__PURE__ */ jsx10(
+            "input",
+            {
+              type: "number",
+              placeholder: "Min",
+              className: "border border-gray-300 rounded-lg p-3 w-1/2",
+              onChange: (e) => handleChange(`${column.key}_min`, e.target.value)
+            }
+          ),
+          /* @__PURE__ */ jsx10(
+            "input",
+            {
+              type: "number",
+              placeholder: "Max",
+              className: "border border-gray-300 rounded-lg p-3 w-1/2",
+              onChange: (e) => handleChange(`${column.key}_max`, e.target.value)
+            }
+          )
+        ] });
+      case "date":
+        return /* @__PURE__ */ jsxs6("div", { className: "flex w-full gap-1", children: [
+          /* @__PURE__ */ jsx10(
+            "input",
+            {
+              type: "date",
+              placeholder: "Du",
+              className: "border border-gray-300 rounded-lg p-3 w-1/2",
+              onChange: (e) => handleChange(`${column.key}_from`, e.target.value)
+            }
+          ),
+          /* @__PURE__ */ jsx10(
+            "input",
+            {
+              type: "date",
+              placeholder: "Au",
+              className: "border border-gray-300 rounded-lg p-3 w-1/2",
+              onChange: (e) => handleChange(`${column.key}_to`, e.target.value)
+            }
+          )
+        ] });
+      default:
+        return /* @__PURE__ */ jsx10(
+          "input",
+          {
+            id: column.key,
+            type: column.type,
+            className: "border border-gray-300 rounded-md p-1",
+            onChange: (e) => handleChange(column.key, e.target.value)
+          }
+        );
+    }
+  };
+  const renderLine = (item) => columns.map((column) => {
+    let cellContent = column.formule ? column.formule(item) : item[column.key];
+    if (column.type === "date" && item[column.key])
+      cellContent = new Date(item[column.key]).toLocaleDateString();
+    return /* @__PURE__ */ jsx10("td", { className: "px-6 py-4 whitespace-nowrap text-sm text-gray-500", children: cellContent }, column.key);
+  });
+  return /* @__PURE__ */ jsxs6(Fragment3, { children: [
+    /* @__PURE__ */ jsxs6("table", { className: "w-full", children: [
+      /* @__PURE__ */ jsx10("thead", { className: "bg-gray-50", children: /* @__PURE__ */ jsxs6("tr", { children: [
+        columns.map((column) => /* @__PURE__ */ jsxs6("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider relative", scope: "col", children: [
+          /* @__PURE__ */ jsxs6("div", { className: "flex align-center items-center gap-2", children: [
+            /* @__PURE__ */ jsx10("span", { onClick: () => setShowFilters(showFilters === column.key ? "" : column.key), children: column.label }),
+            /* @__PURE__ */ jsx10(ArrowDownUp, { className: "h-4 w-4 cursor-pointer", onClick: () => setShowOrdering(showOrdering === column.key ? "" : column.key) })
+          ] }),
+          showOrdering === column.key && /* @__PURE__ */ jsx10("div", { className: "absolute left-6 mt-2 bg-[var(--color-background)] rounded-lg shadow-xl border border-[var(--color-border)] z-50 max-h-80 overflow-y-auto", role: "menu", children: /* @__PURE__ */ jsxs6("div", { className: "p-2", children: [
+            /* @__PURE__ */ jsx10(
+              "button",
+              {
+                type: "button",
+                onClick: () => {
+                  setOrderBy(column.key);
+                  setFilters({ ...filters, order_by: column.key });
+                  setShowOrdering(null);
+                },
+                className: cn("w-full flex items-center gap-3 px-3 py-1 border-b rounded-lg hover:bg-[var(--color-surface-hover)] transition-colors", order_by === column.key && "bg-[var(--color-primary-light)]"),
+                role: "menuitem",
+                children: /* @__PURE__ */ jsxs6("div", { className: "text-left flex-1 flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsx10(ArrowUpAZ, { className: "h-4 w-4" }),
+                  /* @__PURE__ */ jsx10("p", { className: cn("text-sm font-medium", order_by === column.key ? "text-[var(--color-primary)]" : "text-[var(--color-text-primary)]"), children: "Croissant" })
+                ] })
+              }
+            ),
+            /* @__PURE__ */ jsx10(
+              "button",
+              {
+                type: "button",
+                onClick: () => {
+                  setOrderBy(`-${column.key}`);
+                  setFilters({ ...filters, order_by: `-${column.key}` });
+                  setShowOrdering(null);
+                },
+                className: cn("w-full flex items-center gap-3 px-3 py-2 rounded-lg hover:bg-[var(--color-surface-hover)] transition-colors", order_by === `-${column.key}` && "bg-[var(--color-primary-light)]"),
+                role: "menuitem",
+                children: /* @__PURE__ */ jsxs6("div", { className: "text-left flex-1 flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsx10(ArrowDownAZ, { className: "h-4 w-4" }),
+                  /* @__PURE__ */ jsx10("p", { className: cn("text-sm font-medium", order_by === `-${column.key}` ? "text-[var(--color-primary)]" : "text-[var(--color-text-primary)]"), children: "D\xE9croissant" })
+                ] })
+              }
+            )
+          ] }) }),
+          showFilters === column.key && /* @__PURE__ */ jsxs6("div", { className: "absolute left-6 mt-2 w-[500px] bg-[var(--color-background)] rounded-lg shadow-xl border border-[var(--color-border)] z-50 max-h-80 overflow-y-auto", role: "menu", children: [
+            /* @__PURE__ */ jsx10("div", { className: "py-2 px-4", children: /* @__PURE__ */ jsx10("h3", { className: "font-semibold text-[var(--color-text-primary)]", children: "Filtrer" }) }),
+            /* @__PURE__ */ jsx10("div", { className: "pb-3 px-4", children: renderColumnFilter(column) })
+          ] })
+        ] }, column.key)),
+        /* @__PURE__ */ jsx10("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" })
+      ] }) }),
+      /* @__PURE__ */ jsx10("tbody", { className: "bg-white divide-y divide-gray-200", children: data.map((item) => /* @__PURE__ */ jsxs6("tr", { className: "hover:bg-gray-50 cursor-pointer", children: [
+        renderLine(item),
+        /* @__PURE__ */ jsx10("td", { className: "px-6 py-4 whitespace-nowrap text-right text-sm font-medium", children: /* @__PURE__ */ jsxs6("div", { className: "relative", children: [
+          /* @__PURE__ */ jsx10(
+            "button",
+            {
+              type: "button",
+              onClick: () => setDropdownOpen(dropdownOpen === item.id ? null : item.id),
+              className: "p-1 rounded-full hover:bg-gray-100 transition-colors",
+              children: /* @__PURE__ */ jsx10(MoreVertical, { className: "w-4 h-4 text-gray-400" })
+            }
+          ),
+          dropdownOpen === item.id && /* @__PURE__ */ jsx10("div", { className: "fixed right-3 mt-2 w-48 bg-white rounded-lg shadow-lg border border-gray-200 py-2 z-10", children: actions.map(
+            (action, index) => action.navigate ? /* @__PURE__ */ jsx10(Link2, { to: action.navigate, className: "w-full px-4 py-2 text-left text-sm text-gray-700 hover:bg-gray-50 flex items-center space-x-2", children: action.label }, index) : /* @__PURE__ */ jsx10("button", { onClick: () => {
+              action.onclick(item);
+              setDropdownOpen(null);
+            }, className: "w-full px-4 py-2 text-left text-sm text-gray-700 hover:bg-gray-50 flex items-center space-x-2", children: action.label }, index)
+          ) })
+        ] }) })
+      ] }, item.id)) })
+    ] }),
+    /* @__PURE__ */ jsx10(Pagination, { reponseDetail, setQueryURL, filters: [filters, setFilters] })
+  ] });
+};
+var Pagination = ({
+  reponseDetail,
+  filters
+}) => {
+  const [filtersValue, setFilters] = filters;
+  const { current_page, total_pages, previous, next, results, count } = reponseDetail;
+  const range = 1;
+  const pageItems = [];
+  const generatePages = () => {
+    if (total_pages <= 5) {
+      for (let i = 1; i <= total_pages; i++)
+        pageItems.push(
+          /* @__PURE__ */ jsx10("li", { className: `page-item ${current_page === i ? "active" : ""}`, children: /* @__PURE__ */ jsx10(Link2, { className: "page-link px-3 py-1 border border-[#E8E8E8] rounded text-sm", to: "#", onClick: () => setFilters({ ...filtersValue, page: i }), children: i }) }, i)
+        );
+    } else {
+      let start = Math.max(1, current_page - range);
+      let end = Math.min(total_pages, current_page + range);
+      if (start > 1) {
+        pageItems.push(
+          /* @__PURE__ */ jsx10("li", { className: `page-item ${current_page === 1 ? "active" : ""}`, children: /* @__PURE__ */ jsx10(Link2, { className: "page-link px-3 py-1 border border-[#E8E8E8] rounded text-sm", to: "#", onClick: () => setFilters({ ...filtersValue, page: 1 }), children: "1" }) }, 1)
+        );
+        if (start > 2)
+          pageItems.push(/* @__PURE__ */ jsx10("li", { className: "page-item disabled", children: /* @__PURE__ */ jsx10("span", { className: "page-link px-3 py-1 text-sm", children: "..." }) }, "ellipsis-start"));
+      }
+      for (let i = start; i <= end; i++)
+        pageItems.push(
+          /* @__PURE__ */ jsx10("li", { className: `page-item ${current_page === i ? "active" : ""}`, children: /* @__PURE__ */ jsx10(Link2, { className: "page-link px-3 py-1 border border-[#E8E8E8] rounded text-sm", to: "#", onClick: () => setFilters({ ...filtersValue, page: i }), children: i }) }, i)
+        );
+      if (end < total_pages) {
+        if (end < total_pages - 1)
+          pageItems.push(/* @__PURE__ */ jsx10("li", { className: "page-item disabled", children: /* @__PURE__ */ jsx10("span", { className: "page-link px-3 py-1 text-sm", children: "..." }) }, "ellipsis-end"));
+        pageItems.push(
+          /* @__PURE__ */ jsx10("li", { className: `page-item ${current_page === total_pages ? "active" : ""}`, children: /* @__PURE__ */ jsx10(Link2, { className: "page-link px-3 py-1 border border-[#E8E8E8] rounded text-sm", to: "#", onClick: () => setFilters({ ...filtersValue, page: total_pages }), children: total_pages }) }, total_pages)
+        );
+      }
+    }
+  };
+  generatePages();
+  const handleChangePage = (direction) => {
+    let newPage = current_page + (direction === "next" ? 1 : -1);
+    if (newPage >= 1 && newPage <= total_pages)
+      setFilters({ ...filtersValue, page: newPage });
+  };
+  return /* @__PURE__ */ jsxs6("div", { className: "p-4 border-t border-[#E8E8E8] flex items-center justify-between", children: [
+    /* @__PURE__ */ jsxs6("span", { className: "text-sm text-[#666666]", children: [
+      "Affichage de 1 \xE0 ",
+      results?.length ?? 0,
+      " sur ",
+      count ?? 0,
+      " entr\xE9es"
+    ] }),
+    /* @__PURE__ */ jsx10("nav", { children: /* @__PURE__ */ jsxs6("ul", { className: "flex items-center space-x-2 pagination", children: [
+      /* @__PURE__ */ jsx10("li", { className: `page-item ${previous === null ? "disabled" : ""}`, children: /* @__PURE__ */ jsx10(Link2, { className: "page-link px-3 py-1 border border-[#E8E8E8] rounded text-sm disabled:opacity-50", to: "#", onClick: () => handleChangePage("previous"), tabIndex: -1, "aria-disabled": previous === null, children: "Pr\xE9c\xE9dent" }) }),
+      pageItems,
+      /* @__PURE__ */ jsx10("li", { className: `page-item ${next === null ? "disabled" : ""}`, children: /* @__PURE__ */ jsx10(Link2, { className: "page-link px-3 py-1 border border-[#E8E8E8] rounded text-sm disabled:opacity-50", to: "#", onClick: () => handleChangePage("next"), "aria-disabled": next === null, children: "Suivant" }) }),
+      /* @__PURE__ */ jsx10("li", { className: "page-item", style: { border: "0.02rem solid #f2f2f2" }, children: /* @__PURE__ */ jsx10(
+        "select",
+        {
+          id: "page-select",
+          value: current_page,
+          onChange: (e) => setFilters({ ...filtersValue, page: Number(e.target.value) }),
+          style: { height: "27px", color: "#72939D", border: "0.05rem solid #f2f2f2", background: "#ffffff" },
+          children: Array.from({ length: total_pages }, (_, index) => /* @__PURE__ */ jsx10("option", { value: index + 1, children: index + 1 }, index + 1))
+        }
+      ) })
+    ] }) })
+  ] });
+};
 export {
   DateInput,
+  FDrawer,
   FileInput,
   InputField,
   Modals_default as Modal,