ptechcore_ui 1.0.25 → 1.0.29

package/dist/index.cjs

@@ -40,6 +40,7 @@ __export(index_exports, {
   CHOICES: () => Choices_default,
   CountrySelector: () => CountrySelector,
   DateInput: () => DateInput,
+  EntityFileManager: () => EntityFileManager,
   FDrawer: () => FDrawer,
   FetchApi: () => FetchApi,
   FileInput: () => FileInput,
@@ -59,6 +60,7 @@ __export(index_exports, {
   SelectCostCenter: () => SelectCostCenter,
   SelectDepartment: () => SelectDepartment,
   SelectInput: () => SelectInput,
+  SelectUnit: () => SelectUnit,
   SelectUser: () => SelectUser,
   SelectVendor: () => SelectVendor,
   SessionProvider: () => SessionProvider,
@@ -68,12 +70,15 @@ __export(index_exports, {
   ThemeProvider: () => ThemeContext_default,
   ToastContainer: () => Toast_default,
   ToastProvider: () => ToastProvider,
+  UnitServices: () => UnitServices,
   UserServices: () => UserServices,
+  fileManagerApi: () => fileManagerApi,
   formatDate: () => formatDate,
   formatFileSize: () => formatFileSize,
   getFileIcon: () => getFileIcon,
   useAlert: () => useAlert,
   useFileManager: () => useFileManager,
+  useFileManagerApi: () => useFileManagerApi,
   useSession: () => useSession,
   useToast: () => useToast
 });
@@ -92,9 +97,9 @@ var PrimaryButton = ({
   {
     type: "submit",
     disabled: loading || props.disabled,
-    className: `px-4 py-2 text-sm rounded-lg hover:bg-opacity-80 transition-colors  disabled:opacity-50 disabled:cursor-not-allowed flex justify-center items-center ${classname} ${variant === "full" ? "bg-[#6A8A82] text-white" : variant === "outline" ? "border border-[#6A8A82] text-[#6A8A82] bg-transparent" : "bg-transparent text-[#6A8A82]"}`,
+    className: `px-4 py-2 text-sm rounded-lg hover:opacity-80 transition-colors disabled:opacity-50 disabled:cursor-not-allowed flex justify-center items-center ${classname} ${variant === "full" ? "bg-[var(--color-primary)] text-[var(--color-text-inverse)]" : variant === "outline" ? "border border-[var(--color-primary)] text-[var(--color-primary)] bg-transparent" : "bg-transparent text-[var(--color-primary)]"}`,
     ...props,
-    children: loading ? "Connexion en cours..." : children
+    children: loading ? "Chargement..." : children
   }
 );
 var SecondaryButton = ({
@@ -107,9 +112,9 @@ var SecondaryButton = ({
   {
     type: "button",
     disabled: loading || props.disabled,
-    className: `px-4 py-2 rounded-lg hover:bg-opacity-80 transition-colors  disabled:opacity-50 disabled:cursor-not-allowed flex items-center ${variant === "full" ? "bg-[#B87333] text-white" : variant === "outline" ? "border border-[#B87333] text-[#B87333] bg-transparent" : "bg-transparent text-[#B87333]"}`,
+    className: `px-4 py-2 text-sm rounded-lg hover:opacity-80 transition-colors disabled:opacity-50 disabled:cursor-not-allowed flex items-center ${variant === "full" ? "bg-[var(--color-secondary)] text-[var(--color-text-inverse)]" : variant === "outline" ? "border border-[var(--color-secondary)] text-[var(--color-secondary)] bg-transparent" : "bg-transparent text-[var(--color-secondary)]"}`,
     ...props,
-    children: loading ? "Connexion en cours..." : children
+    children: loading ? "Chargement..." : children
   }
 );
 var Buttons_default = PrimaryButton;
@@ -117,7 +122,7 @@ var Buttons_default = PrimaryButton;
 // src/components/common/Modals.tsx
 var import_react_dom = require("react-dom");
 var import_jsx_runtime2 = require("react/jsx-runtime");
-var Modal = ({ title, description, width = "max-w-md", open, onClose, children }) => {
+var Modal = ({ title, description, width = "max-w-md", minContentHeight, open, onClose, children }) => {
   if (!open) return null;
   const modalContent = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-[9999]", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: `bg-[var(--color-surface)] rounded-lg p-6 mx-4 w-full ${width}`, children: [
     /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex justify-between items-start mb-6", children: [
@@ -135,7 +140,14 @@ var Modal = ({ title, description, width = "max-w-md", open, onClose, children }
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "w-full max-h-[80vh] overflow-y-auto", children })
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "div",
+      {
+        className: "w-full max-h-[80vh] overflow-y-auto",
+        style: minContentHeight ? { minHeight: minContentHeight } : void 0,
+        children
+      }
+    )
   ] }) });
   return (0, import_react_dom.createPortal)(modalContent, document.body);
 };
@@ -157,10 +169,10 @@ var InputField = ({
   onBlur
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex flex-col gap-1 w-full", children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("label", { htmlFor: name, className: "block text-gray-700 text-sm font-medium mb-2", children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("label", { htmlFor: name, className: "block text-[var(--color-text-secondary)] text-sm font-medium mb-2", children: [
       label,
       " ",
-      required && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "text-red-500", children: "*" })
+      required && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "text-[var(--color-error)]", children: "*" })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       "input",
@@ -174,13 +186,15 @@ var InputField = ({
         disabled,
         onChange,
         onBlur,
-        className: `w-full px-3 py-2 border border-[#D9D9D9]  focus:ring-2 focus:ring-[#6A8A82]/20
-          ${error ? "border-red-500" : "border-gray-300"}
-          ${disabled ? "bg-gray-100 cursor-not-allowed" : ""}
+        className: `w-full px-3 py-2 border rounded-lg text-sm
+          bg-[var(--color-surface)] text-[var(--color-text-primary)]
+          focus:ring-2 focus:ring-[var(--color-primary)]/20 focus:border-[var(--color-primary)] focus:outline-none
+          ${error ? "border-[var(--color-error)]" : "border-[var(--color-border)]"}
+          ${disabled ? "bg-[var(--color-background)] cursor-not-allowed opacity-60" : ""}
         `
       }
     ),
-    error && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "text-xs text-red-500", children: error })
+    error && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "text-xs text-[var(--color-error)]", children: error })
   ] });
 };
 var TextInput = (props) => {
@@ -210,11 +224,11 @@ var SelectInput = ({
       "label",
       {
         htmlFor: name,
-        className: "block text-gray-700 text-sm font-medium mb-2",
+        className: "block text-[var(--color-text-secondary)] text-sm font-medium mb-2",
         children: [
           label,
           " ",
-          required && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "text-red-500", children: "*" })
+          required && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "text-[var(--color-error)]", children: "*" })
         ]
       }
     ),
@@ -229,9 +243,10 @@ var SelectInput = ({
         onChange,
         onBlur,
         className: `w-full px-4 py-2 border rounded-lg text-sm
-          focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent
-          ${error ? "border-red-500" : "border-gray-300"}
-          ${disabled ? "bg-gray-100 cursor-not-allowed" : ""}
+          bg-[var(--color-surface)] text-[var(--color-text-primary)]
+          focus:outline-none focus:ring-2 focus:ring-[var(--color-primary)]/20 focus:border-[var(--color-primary)]
+          ${error ? "border-[var(--color-error)]" : "border-[var(--color-border)]"}
+          ${disabled ? "bg-[var(--color-background)] cursor-not-allowed opacity-60" : ""}
         `,
         children: [
           defaultValue !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("option", { value: "", children: typeof defaultValue === "string" ? defaultValue : "S\xE9lectionnez une option" }),
@@ -239,7 +254,7 @@ var SelectInput = ({
         ]
       }
     ),
-    error && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "text-xs text-red-500", children: error })
+    error && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "text-xs text-[var(--color-error)]", children: error })
   ] });
 };
 var addressIpformMedia = "http://localhost:8000/media/";
@@ -765,7 +780,7 @@ var import_react2 = require("react");
 
 // src/services/api.ts
 var chooseEnv = localStorage.getItem("env") ?? "prod";
-var ADDRESS_IP = chooseEnv === "prod" ? "backend-core.rewise.praedium-tech.com" : "localhost:8000";
+var ADDRESS_IP = chooseEnv === "prod" ? "core.backend-rewise.praedium-tech.com" : "localhost:8000";
 var ADDRESS_IP_URL = chooseEnv === "prod" ? `https://${ADDRESS_IP}/` : `http://${ADDRESS_IP}/`;
 var API_URL = `${ADDRESS_IP_URL}api`;
 var FetchApi = class {
@@ -968,6 +983,21 @@ var SessionProvider = ({ children }) => {
     localStorage.removeItem("token");
     setToken(null);
   };
+  const refreshSession = async () => {
+    if (!token) return;
+    try {
+      const res = await AuthServices.getUserInformations(token);
+      const result = res;
+      if (result.success === true) {
+        setLoggedUser(result.data.user);
+        setActiveBusinessEntity(
+          result.data.user.centers_access.find((item) => parseInt(String(item.id)) === parseInt(saved_center_id)) || result.data.user.centers_access[0] || null
+        );
+      }
+    } catch (error) {
+      console.error("Failed to refresh session:", error);
+    }
+  };
   (0, import_react2.useEffect)(() => {
     if (token) {
       AuthServices.getUserInformations(token).then((res) => {
@@ -995,10 +1025,12 @@ var SessionProvider = ({ children }) => {
     activeBusinessEntity,
     setActiveBusinessEntity,
     token,
+    setToken,
     login,
     logout,
     showAuthModal,
     setShowAuthModal,
+    refreshSession,
     vendors,
     setVendors,
     loadingVendors,
@@ -1027,9 +1059,8 @@ 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
+  // Obtenir les entités auxquelles un utilisateur a accès
+  getuserEntitiesAccess: (id, token) => FetchApi.get(`${API_URL}/core/users/${id}/entities/`, token),
   // Ajouter un utilisateur à une entité
   addUserToEntity: (entityId, userId, token) => FetchApi.post(`${API_URL}/core/entities/${entityId}/users/`, { user_id: userId }, token),
   // === Nouvelles méthodes pour le profil utilisateur ===
@@ -1074,16 +1105,17 @@ var ToastProvider = ({ children }) => {
   const addToast = (0, import_react3.useCallback)((toast) => {
     const id = generateId();
     const defaultDuration = toast.type === "error" ? 7e3 : 3e3;
+    const duration = toast.duration ?? defaultDuration;
     const newToast = {
+      ...toast,
       id,
-      duration: toast.duration ?? defaultDuration,
-      ...toast
+      duration
     };
     setToasts((prev) => [...prev, newToast]);
-    if (newToast.duration && newToast.duration > 0) {
+    if (duration > 0) {
       setTimeout(() => {
-        removeToast(id);
-      }, newToast.duration);
+        setToasts((prev) => prev.filter((t) => t.id !== id));
+      }, duration);
     }
   }, []);
   const removeToast = (0, import_react3.useCallback)((id) => {
@@ -1896,7 +1928,7 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
         "organizations": "organizations",
         "entities": "entities"
       };
-      setSelectedModule(routeMapping[moduleId] || "dashboard");
+      setSelectedModule(routeMapping[moduleId] || moduleId);
     }
   }, [location]);
   const handleThemeChange = (type) => {
@@ -3470,6 +3502,16 @@ var Pages = ({
 };
 var Pages_default = Pages;
 
+// src/services/UnitServices.ts
+var URI = `${API_URL}/crm/units/`;
+var UnitServices = {
+  create: (data) => FetchApi.post(`${URI}`, data),
+  get: (id) => FetchApi.get(`${URI}${id}/`),
+  list: (params) => FetchApi.get(`${URI}?${new URLSearchParams(params).toString()}`),
+  update: (id, data) => FetchApi.put(`${URI}${id}/`, data),
+  delete: (id) => FetchApi.delete(`${URI}${id}/`)
+};
+
 // src/components/common/FDrawer.tsx
 var import_react8 = __toESM(require("react"), 1);
 var import_react_router_dom4 = require("react-router-dom");
@@ -5351,7 +5393,7 @@ var ApprovalWorkflow = ({
   if (CustomBtn) {
     return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CustomBtn, { onClick: open_modal }),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Modals_default, { open: isOpen, onClose: close_modal, title, children: formulaire() })
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Modals_default, { open: isOpen, onClose: close_modal, title, width: "max-w-lg", children: formulaire() })
     ] });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_jsx_runtime14.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
@@ -5549,7 +5591,7 @@ var AddStageButton = ({
     /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       Modals_default,
       {
-        width: "",
+        width: "max-w-lg",
         title: "Ajouter une personne",
         description: "S\xE9lectionnez un utilisateur interne ou ajoutez un validateur externe",
         open: showModal,
@@ -5868,7 +5910,7 @@ var MinimalVendorForm = ({
     Modals_default,
     {
       title: "Ajouter un fournisseur",
-      width: "w-[100%]",
+      width: "max-w-2xl",
       description: ``,
       open: isOpen,
       onClose,
@@ -5923,17 +5965,17 @@ var MinimalVendorForm = ({
 };
 
 // src/services/DepartmentServices.ts
-var URI = `${API_URL}/core/departments/`;
+var URI2 = `${API_URL}/core/departments/`;
 var DepartmentServices = {
-  create: (data) => FetchApi.post(`${URI}`, data),
-  get: (id) => FetchApi.get(`${URI}${id}/`),
-  list: (params) => FetchApi.get(`${URI}?${new URLSearchParams(params).toString()}`),
-  update: (id, data) => FetchApi.put(`${URI}${id}/`, data),
-  delete: (id) => FetchApi.delete(`${URI}${id}/`)
+  create: (data) => FetchApi.post(`${URI2}`, data),
+  get: (id) => FetchApi.get(`${URI2}${id}/`),
+  list: (params) => FetchApi.get(`${URI2}?${new URLSearchParams(params).toString()}`),
+  update: (id, data) => FetchApi.put(`${URI2}${id}/`, data),
+  delete: (id) => FetchApi.delete(`${URI2}${id}/`)
 };
 
 // src/services/ProfitCostsServices.ts
-var URI2 = `${API_URL}/accounting/profit-or-cost-center/`;
+var URI3 = `${API_URL}/accounting/profit-or-cost-center/`;
 var COST_URI = `${API_URL}/accounting/cost-center/`;
 var CostServices = {
   create: (data) => FetchApi.post(`${COST_URI}`, data),
@@ -6240,6 +6282,80 @@ var SelectCostCenter = ({
     loading && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-sm text-gray-500 mt-2", children: "Chargement des centres de co\xFBt..." })
   ] });
 };
+var SelectUnit = ({
+  value,
+  onSelect
+}) => {
+  const { token, activeBusinessEntity } = useSession();
+  const [units, setUnits] = (0, import_react13.useState)(() => {
+    const cacheKey = `units_cache_${activeBusinessEntity?.id || "default"}`;
+    const cached = sessionStorage.getItem(cacheKey);
+    return cached ? JSON.parse(cached) : [];
+  });
+  const [loading, setLoading] = (0, import_react13.useState)(false);
+  (0, import_react13.useEffect)(() => {
+    const cacheKey = `units_cache_${activeBusinessEntity?.id || "default"}`;
+    const cached = sessionStorage.getItem(cacheKey);
+    if (!cached) {
+      loadUnits();
+    } else {
+      setUnits(JSON.parse(cached));
+    }
+  }, [activeBusinessEntity?.id]);
+  const loadUnits = async () => {
+    if (!token) return;
+    try {
+      setLoading(true);
+      const result = await UnitServices.list({ business_entity_id: activeBusinessEntity?.id });
+      if (result.success) {
+        setUnits(result.data);
+        const cacheKey = `units_cache_${activeBusinessEntity?.id || "default"}`;
+        sessionStorage.setItem(cacheKey, JSON.stringify(result.data));
+      }
+    } catch (error) {
+      console.error(error);
+    } finally {
+      setLoading(false);
+    }
+  };
+  const handleRefresh = () => {
+    const cacheKey = `units_cache_${activeBusinessEntity?.id || "default"}`;
+    sessionStorage.removeItem(cacheKey);
+    loadUnits();
+  };
+  const getUnitOptions = () => {
+    return units.map((unit) => ({
+      value: unit.id,
+      label: `${unit.code ? `[${unit.code}] ` : ""}${unit.name || "Sans nom"}`,
+      object: unit,
+      content: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "flex items-center space-x-3", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "font-medium text-gray-900", children: unit.name || "Sans nom" }),
+        unit.code && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "text-sm text-gray-500", children: [
+          "Code: ",
+          unit.code
+        ] }),
+        unit.location && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "text-xs text-gray-400", children: unit.location })
+      ] }) })
+    }));
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "flex justify-between ", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "S\xE9lectionner une unit\xE9" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      SearchableSelect,
+      {
+        value,
+        options: getUnitOptions(),
+        placeholder: "S\xE9lectionner une unit\xE9 ...",
+        searchPlaceholder: "Rechercher...",
+        onSelect,
+        disabled: loading,
+        refresh: handleRefresh
+      },
+      "unit" + value
+    ),
+    loading && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-sm text-gray-500 mt-2", children: "Chargement des unit\xE9s..." })
+  ] });
+};
 
 // src/components/common/Choices.tsx
 var import_jsx_runtime19 = require("react/jsx-runtime");
@@ -7762,6 +7878,495 @@ var FileManagerContent = ({ className }) => {
 var FileManager = (props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(FileManagerProvider, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(FileManagerContent, { className: props.className }) });
 };
+
+// src/components/common/FileManager/components/EntityFileManager.tsx
+var import_react22 = __toESM(require("react"), 1);
+var import_lucide_react17 = require("lucide-react");
+
+// src/components/common/FileManager/hooks/useFileManagerApi.ts
+var import_react21 = require("react");
+
+// src/components/common/FileManager/services/fileManagerApi.ts
+var API_BASE = "/api/files_manager";
+var ENTITY_MODEL_MAP = {
+  CLIENT: "accounting.Client",
+  VENDOR: "accounting.Vendor",
+  RFQ: "procurement.RFQ",
+  DEPT: "core.Departments",
+  PROJECT: "core.Project"
+};
+async function apiRequest(endpoint, options = {}) {
+  const url = `${API_BASE}${endpoint}`;
+  const headers = {
+    ...options.headers
+  };
+  if (!(options.body instanceof FormData)) {
+    headers["Content-Type"] = "application/json";
+  }
+  const csrfToken = getCsrfToken();
+  if (csrfToken) {
+    headers["X-CSRFToken"] = csrfToken;
+  }
+  const response = await fetch(url, {
+    ...options,
+    headers,
+    credentials: "include"
+    // Inclure les cookies pour l'auth
+  });
+  if (!response.ok) {
+    let errorMessage = `Erreur HTTP ${response.status}`;
+    try {
+      const errorData = await response.json();
+      errorMessage = errorData.detail || errorData.message || errorMessage;
+    } catch {
+    }
+    throw new Error(errorMessage);
+  }
+  if (response.status === 204) {
+    return {};
+  }
+  return response.json();
+}
+function getCsrfToken() {
+  const name = "csrftoken";
+  const cookies = document.cookie.split(";");
+  for (const cookie of cookies) {
+    const trimmed = cookie.trim();
+    if (trimmed.startsWith(`${name}=`)) {
+      return trimmed.substring(name.length + 1);
+    }
+  }
+  return null;
+}
+function buildQueryString(params) {
+  const searchParams = new URLSearchParams();
+  for (const [key, value] of Object.entries(params)) {
+    if (value !== void 0 && value !== null) {
+      searchParams.append(key, String(value));
+    }
+  }
+  const queryString = searchParams.toString();
+  return queryString ? `?${queryString}` : "";
+}
+async function getEntityFolders(entityType, entityId, folderType) {
+  const model = ENTITY_MODEL_MAP[entityType];
+  if (!model) {
+    throw new Error(`Type d'entit\xE9 non support\xE9: ${entityType}`);
+  }
+  const params = buildQueryString({
+    model,
+    id: entityId,
+    type: folderType
+  });
+  return apiRequest(`/folders/for_entity/${params}`);
+}
+async function getFolderTree(folderCode) {
+  return apiRequest(`/folders/${folderCode}/tree/`);
+}
+async function getFolder(folderCode) {
+  return apiRequest(`/folders/${folderCode}/`);
+}
+async function createFolder(name, parentCode, businessEntityId) {
+  return apiRequest("/folders/", {
+    method: "POST",
+    body: JSON.stringify({
+      name,
+      parent: parentCode,
+      business_entity: businessEntityId,
+      folder_type: "MISC",
+      // Type par défaut pour les dossiers créés manuellement
+      is_system_folder: false
+    })
+  });
+}
+async function renameFolder(folderCode, newName) {
+  return apiRequest(`/folders/${folderCode}/`, {
+    method: "PATCH",
+    body: JSON.stringify({ name: newName })
+  });
+}
+async function deleteFolder(folderCode) {
+  await apiRequest(`/folders/${folderCode}/`, {
+    method: "DELETE"
+  });
+}
+async function getFolderFiles(folderId) {
+  const params = buildQueryString({ folder: folderId });
+  return apiRequest(`/files/${params}`);
+}
+async function uploadFile(file, folderCode, options = {}) {
+  const formData = new FormData();
+  formData.append("file", file);
+  formData.append("folder_id", folderCode);
+  if (options.name) {
+    formData.append("name", options.name);
+  }
+  if (options.description) {
+    formData.append("description", options.description);
+  }
+  if (options.tags && options.tags.length > 0) {
+    formData.append("tags", JSON.stringify(options.tags));
+  }
+  return apiRequest("/files/", {
+    method: "POST",
+    body: formData
+  });
+}
+async function uploadFiles(files, folderCode) {
+  const results = [];
+  for (const file of files) {
+    const uploaded = await uploadFile(file, folderCode);
+    results.push(uploaded);
+  }
+  return results;
+}
+async function renameFile(fileCode, newName) {
+  return apiRequest(`/files/${fileCode}/`, {
+    method: "PATCH",
+    body: JSON.stringify({ name: newName })
+  });
+}
+async function deleteFile(fileCode) {
+  await apiRequest(`/files/${fileCode}/`, {
+    method: "DELETE"
+  });
+}
+function getDownloadUrl(fileCode) {
+  return `${API_BASE}/files/${fileCode}/download/`;
+}
+function getFileUrl(fileUrl) {
+  if (fileUrl.startsWith("http://") || fileUrl.startsWith("https://")) {
+    return fileUrl;
+  }
+  return fileUrl.startsWith("/") ? fileUrl : `/${fileUrl}`;
+}
+var fileManagerApi = {
+  // Dossiers
+  getEntityFolders,
+  getFolderTree,
+  getFolder,
+  createFolder,
+  renameFolder,
+  deleteFolder,
+  // Fichiers
+  getFolderFiles,
+  uploadFile,
+  uploadFiles,
+  renameFile,
+  deleteFile,
+  // URLs
+  getDownloadUrl,
+  getFileUrl,
+  // Helpers exposés
+  ENTITY_MODEL_MAP
+};
+
+// src/components/common/FileManager/hooks/useFileManagerApi.ts
+function transformFile(backendFile, parentPath, parentId) {
+  return {
+    id: backendFile.code,
+    name: backendFile.name,
+    type: "file",
+    mimeType: backendFile.mime_type,
+    size: backendFile.size,
+    path: `${parentPath}/${backendFile.name}`,
+    parentId,
+    url: fileManagerApi.getFileUrl(backendFile.file_url),
+    createdAt: backendFile.created_at,
+    updatedAt: backendFile.updated_at,
+    metadata: {
+      extension: backendFile.extension,
+      folderId: backendFile.folder
+    }
+  };
+}
+function transformFolder(backendFolder, parentPath = "", parentId = null) {
+  const currentPath = parentPath ? `${parentPath}/${backendFolder.name}` : `/${backendFolder.name}`;
+  const childFolders = (backendFolder.children || []).map(
+    (child) => transformFolder(child, currentPath, backendFolder.code)
+  );
+  const childFiles = (backendFolder.files || []).map(
+    (file) => transformFile(file, currentPath, backendFolder.code)
+  );
+  return {
+    id: backendFolder.code,
+    name: backendFolder.name,
+    type: "folder",
+    path: currentPath,
+    parentId,
+    children: [...childFolders, ...childFiles],
+    metadata: {
+      folderType: backendFolder.folder_type,
+      folderTypeDisplay: backendFolder.folder_type_display,
+      categoryType: backendFolder.category_type,
+      isSystemFolder: backendFolder.is_system_folder,
+      fileCount: backendFolder.file_count,
+      totalSize: backendFolder.total_size
+    }
+  };
+}
+function extractRootChildren(entityFolder) {
+  return entityFolder.children || [];
+}
+function useFileManagerApi(entityType, entityId, businessEntityId) {
+  const [data, setData] = (0, import_react21.useState)([]);
+  const [loading, setLoading] = (0, import_react21.useState)(true);
+  const [error, setError] = (0, import_react21.useState)(null);
+  const [rootFolderCode, setRootFolderCode] = (0, import_react21.useState)(null);
+  const loadEntityFolders = (0, import_react21.useCallback)(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const folders = await fileManagerApi.getEntityFolders(entityType, entityId);
+      if (!folders || folders.length === 0) {
+        setData([]);
+        setRootFolderCode(null);
+        setLoading(false);
+        return;
+      }
+      const entityFolder = folders.find((f) => f.folder_type === "ENTITY");
+      if (!entityFolder) {
+        console.warn("Dossier ENTITY non trouv\xE9, utilisation du premier dossier");
+        const firstFolder = folders[0];
+        setRootFolderCode(firstFolder.code);
+        const tree = await fileManagerApi.getFolderTree(firstFolder.code);
+        const transformed = transformFolder(tree);
+        setData(extractRootChildren(transformed));
+      } else {
+        setRootFolderCode(entityFolder.code);
+        const tree = await fileManagerApi.getFolderTree(entityFolder.code);
+        const transformed = transformFolder(tree);
+        setData(extractRootChildren(transformed));
+      }
+    } catch (err) {
+      console.error("Erreur lors du chargement des dossiers:", err);
+      setError(err instanceof Error ? err : new Error(String(err)));
+      setData([]);
+    } finally {
+      setLoading(false);
+    }
+  }, [entityType, entityId]);
+  const refresh = (0, import_react21.useCallback)(async () => {
+    await loadEntityFolders();
+  }, [loadEntityFolders]);
+  (0, import_react21.useEffect)(() => {
+    loadEntityFolders();
+  }, [loadEntityFolders]);
+  const handleCreateFolder = (0, import_react21.useCallback)(
+    async (name, parentId) => {
+      try {
+        const created = await fileManagerApi.createFolder(
+          name,
+          parentId,
+          businessEntityId
+        );
+        await refresh();
+        return transformFolder(created, "", parentId);
+      } catch (err) {
+        console.error("Erreur lors de la cr\xE9ation du dossier:", err);
+        setError(err instanceof Error ? err : new Error(String(err)));
+        throw err;
+      }
+    },
+    [businessEntityId, refresh]
+  );
+  const handleUploadFiles = (0, import_react21.useCallback)(
+    async (files, parentId) => {
+      try {
+        const uploaded = await fileManagerApi.uploadFiles(files, parentId);
+        await refresh();
+        return uploaded.map((file) => transformFile(file, "", parentId));
+      } catch (err) {
+        console.error("Erreur lors de l'upload:", err);
+        setError(err instanceof Error ? err : new Error(String(err)));
+        throw err;
+      }
+    },
+    [refresh]
+  );
+  const handleRename = (0, import_react21.useCallback)(
+    async (item, newName) => {
+      try {
+        if (item.type === "folder") {
+          await fileManagerApi.renameFolder(item.id, newName);
+        } else {
+          await fileManagerApi.renameFile(item.id, newName);
+        }
+        await refresh();
+      } catch (err) {
+        console.error("Erreur lors du renommage:", err);
+        setError(err instanceof Error ? err : new Error(String(err)));
+        throw err;
+      }
+    },
+    [refresh]
+  );
+  const handleDelete = (0, import_react21.useCallback)(
+    async (item) => {
+      try {
+        if (item.metadata?.isSystemFolder) {
+          throw new Error("Les dossiers syst\xE8me ne peuvent pas \xEAtre supprim\xE9s");
+        }
+        if (item.type === "folder") {
+          await fileManagerApi.deleteFolder(item.id);
+        } else {
+          await fileManagerApi.deleteFile(item.id);
+        }
+        await refresh();
+      } catch (err) {
+        console.error("Erreur lors de la suppression:", err);
+        setError(err instanceof Error ? err : new Error(String(err)));
+        throw err;
+      }
+    },
+    [refresh]
+  );
+  const handleDownload = (0, import_react21.useCallback)((item) => {
+    if (item.type === "file") {
+      const url = item.url || fileManagerApi.getDownloadUrl(item.id);
+      window.open(url, "_blank");
+    }
+  }, []);
+  return {
+    data,
+    loading,
+    error,
+    rootFolderCode,
+    refresh,
+    handlers: {
+      onCreateFolder: handleCreateFolder,
+      onUploadFiles: handleUploadFiles,
+      onRename: handleRename,
+      onDelete: handleDelete,
+      onDownload: handleDownload
+    }
+  };
+}
+
+// src/components/common/FileManager/components/EntityFileManager.tsx
+var import_jsx_runtime29 = require("react/jsx-runtime");
+function getRootName(entityType) {
+  const names = {
+    CLIENT: "Documents Client",
+    VENDOR: "Documents Fournisseur",
+    RFQ: "Documents RFQ",
+    DEPT: "Documents D\xE9partement",
+    PROJECT: "Documents Projet"
+  };
+  return names[entityType] || "Documents";
+}
+var LoadingState = ({ height = "400px" }) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+  "div",
+  {
+    className: "flex flex-col items-center justify-center bg-gray-50 dark:bg-gray-900 rounded-xl border border-gray-200 dark:border-gray-800",
+    style: { height },
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react17.Loader2, { className: "w-10 h-10 text-blue-500 animate-spin mb-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "text-gray-600 dark:text-gray-400 text-sm", children: "Chargement des documents..." })
+    ]
+  }
+);
+var ErrorState = ({ error, onRetry, height = "400px" }) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+  "div",
+  {
+    className: "flex flex-col items-center justify-center bg-red-50 dark:bg-red-900/20 rounded-xl border border-red-200 dark:border-red-800",
+    style: { height },
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react17.AlertCircle, { className: "w-10 h-10 text-red-500 mb-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "text-red-600 dark:text-red-400 text-sm font-medium mb-2", children: "Erreur lors du chargement" }),
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "text-red-500 dark:text-red-400 text-xs mb-4 max-w-md text-center px-4", children: error.message }),
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+        "button",
+        {
+          onClick: onRetry,
+          className: "flex items-center gap-2 px-4 py-2 bg-red-100 dark:bg-red-900/40 text-red-700 dark:text-red-300 rounded-lg hover:bg-red-200 dark:hover:bg-red-900/60 transition-colors text-sm",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react17.RefreshCw, { className: "w-4 h-4" }),
+            "R\xE9essayer"
+          ]
+        }
+      )
+    ]
+  }
+);
+var EmptyState = ({ height = "400px" }) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+  "div",
+  {
+    className: "flex flex-col items-center justify-center bg-gray-50 dark:bg-gray-900 rounded-xl border border-gray-200 dark:border-gray-800",
+    style: { height },
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react17.FolderX, { className: "w-10 h-10 text-gray-400 mb-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "text-gray-600 dark:text-gray-400 text-sm font-medium mb-1", children: "Aucun document trouv\xE9" }),
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "text-gray-500 dark:text-gray-500 text-xs", children: "La structure de dossiers n'a pas encore \xE9t\xE9 cr\xE9\xE9e pour cette entit\xE9." })
+    ]
+  }
+);
+var EntityFileManager = ({
+  entityType,
+  entityId,
+  businessEntityId,
+  className,
+  height = "600px",
+  // Permissions (défaut: tout autorisé)
+  allowUpload = true,
+  allowCreateFolder = true,
+  allowRename = true,
+  allowDelete = true,
+  allowDownload = true,
+  // Callbacks
+  onFileSelect,
+  onFileOpen,
+  onUploadSuccess,
+  onError
+}) => {
+  const { data, loading, error, refresh, handlers } = useFileManagerApi(
+    entityType,
+    entityId,
+    businessEntityId
+  );
+  import_react22.default.useEffect(() => {
+    if (error && onError) {
+      onError(error);
+    }
+  }, [error, onError]);
+  if (loading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(LoadingState, { height });
+  }
+  if (error) {
+    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ErrorState, { error, onRetry: refresh, height });
+  }
+  if (!data || data.length === 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(EmptyState, { height });
+  }
+  const handleUploadFiles = async (files, parentId) => {
+    const result = await handlers.onUploadFiles(files, parentId);
+    if (result && onUploadSuccess) {
+      onUploadSuccess(result);
+    }
+    return result;
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: cn("relative", className), style: { height }, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    FileManager,
+    {
+      data,
+      rootName: getRootName(entityType),
+      onCreateFolder: handlers.onCreateFolder,
+      onUploadFiles: handleUploadFiles,
+      onRename: handlers.onRename,
+      onDelete: handlers.onDelete,
+      onDownload: handlers.onDownload,
+      onSelect: onFileSelect,
+      onOpen: onFileOpen,
+      allowUpload,
+      allowCreateFolder,
+      allowRename,
+      allowDelete,
+      allowDownload,
+      allowMultiSelect: true,
+      className: "h-full"
+    }
+  ) });
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Alert,
@@ -7775,6 +8380,7 @@ var FileManager = (props) => {
   CHOICES,
   CountrySelector,
   DateInput,
+  EntityFileManager,
   FDrawer,
   FetchApi,
   FileInput,
@@ -7794,6 +8400,7 @@ var FileManager = (props) => {
   SelectCostCenter,
   SelectDepartment,
   SelectInput,
+  SelectUnit,
   SelectUser,
   SelectVendor,
   SessionProvider,
@@ -7803,12 +8410,15 @@ var FileManager = (props) => {
   ThemeProvider,
   ToastContainer,
   ToastProvider,
+  UnitServices,
   UserServices,
+  fileManagerApi,
   formatDate,
   formatFileSize,
   getFileIcon,
   useAlert,
   useFileManager,
+  useFileManagerApi,
   useSession,
   useToast
 });