ptechcore_ui 1.0.20 → 1.0.22

package/dist/index.js

@@ -230,7 +230,20 @@ import {
   DollarSign,
   HelpCircle as HelpCircle2,
   Building2,
-  LayoutGrid
+  LayoutGrid,
+  Mail,
+  Phone,
+  Shield,
+  Briefcase,
+  Edit3,
+  Camera,
+  Eye as Eye2,
+  EyeOff,
+  Lock,
+  Save,
+  Loader2,
+  Check as Check2,
+  Trash2
 } from "lucide-react";
 
 // src/assets/modules-icons/crm-blue.svg
@@ -759,6 +772,36 @@ var FetchApi = class {
     if (!res.ok) throw new Error(await res.text());
     return res.json();
   }
+  static async uploadFile(url, formData, token) {
+    const headers = {};
+    const local_token = localStorage.getItem("token");
+    if (local_token) {
+      headers["Authorization"] = `Token ${local_token}`;
+    }
+    const res = await fetch(url, {
+      method: "POST",
+      headers,
+      body: formData
+    });
+    if (!res.ok) throw new Error(await res.text());
+    return res.json();
+  }
+  static async patch(url, payload, token) {
+    const headers = {
+      "Content-Type": "application/json"
+    };
+    const local_token = localStorage.getItem("token");
+    if (local_token) {
+      headers["Authorization"] = `Token ${local_token}`;
+    }
+    const res = await fetch(url, {
+      method: "PATCH",
+      headers,
+      body: payload ? JSON.stringify(payload) : void 0
+    });
+    if (!res.ok) throw new Error(await res.text());
+    return res.json();
+  }
 };
 
 // src/services/AuthServices.ts
@@ -933,7 +976,22 @@ var UserServices = {
   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)
+  addUserToEntity: (entityId, userId, token) => FetchApi.post(`${API_URL}/core/entities/${entityId}/users/`, { user_id: userId }, token),
+  // === Nouvelles méthodes pour le profil utilisateur ===
+  // Mettre à jour le profil de l'utilisateur connecté
+  updateMyProfile: (data) => FetchApi.put(`${USERS_API_URL}me/`, data),
+  // Changer la photo de profil
+  updateProfilePicture: (file) => {
+    const formData = new FormData();
+    formData.append("profile_picture", file);
+    return FetchApi.uploadFile(`${USERS_API_URL}me/upload-picture/`, formData);
+  },
+  // Supprimer la photo de profil
+  deleteProfilePicture: () => FetchApi.delete(`${USERS_API_URL}me/delete-picture/`),
+  // Changer le mot de passe (utilisateur authentifié)
+  changePassword: (data) => FetchApi.post(`${API_BASE_URL2}change-my-password/`, data),
+  // Obtenir le profil de l'utilisateur connecté
+  getMyProfile: () => FetchApi.get(`${USERS_API_URL}me/`)
 };
 
 // src/contexts/ToastContext.tsx
@@ -960,9 +1018,10 @@ var ToastProvider = ({ children }) => {
   };
   const addToast = useCallback((toast) => {
     const id = generateId();
+    const defaultDuration = toast.type === "error" ? 7e3 : 3e3;
     const newToast = {
       id,
-      duration: 5e3,
+      duration: toast.duration ?? defaultDuration,
       ...toast
     };
     setToasts((prev) => [...prev, newToast]);
@@ -1676,7 +1735,30 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
   const [showThemeMenu, setShowThemeMenu] = useState5(false);
   const [showCenterMenu, setShowCenterMenu] = useState5(false);
   const [showModulesMenu, setShowModulesMenu] = useState5(false);
+  const [showProfileModal, setShowProfileModal] = useState5(false);
+  const [showEditProfileModal, setShowEditProfileModal] = useState5(false);
+  const [showChangePasswordModal, setShowChangePasswordModal] = useState5(false);
   const [currentSlide, setCurrentSlide] = useState5(0);
+  const [editProfileData, setEditProfileData] = useState5({
+    first_name: "",
+    last_name: "",
+    email: "",
+    phonenumber: "",
+    job_title: "",
+    department: ""
+  });
+  const [savingProfile, setSavingProfile] = useState5(false);
+  const [uploadingPhoto, setUploadingPhoto] = useState5(false);
+  const [passwordData, setPasswordData] = useState5({
+    current_password: "",
+    new_password: "",
+    confirm_password: ""
+  });
+  const [savingPassword, setSavingPassword] = useState5(false);
+  const [showCurrentPassword, setShowCurrentPassword] = useState5(false);
+  const [showNewPassword, setShowNewPassword] = useState5(false);
+  const [showConfirmPassword, setShowConfirmPassword] = useState5(false);
+  const fileInputRef = React4.useRef(null);
   const slides = [
     {
       title: "Rappel \u2013 Gestion des jours de cong\xE9",
@@ -1795,6 +1877,133 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
       showError("Erreur lors du marquage de la notification comme lue");
     }
   };
+  const openEditProfileModal = () => {
+    setEditProfileData({
+      first_name: loggedUser?.first_name || "",
+      last_name: loggedUser?.last_name || "",
+      email: loggedUser?.email || "",
+      phonenumber: loggedUser?.phonenumber || "",
+      job_title: loggedUser?.job_title || "",
+      department: loggedUser?.department || ""
+    });
+    setShowEditProfileModal(true);
+  };
+  const handleSaveProfile = async () => {
+    setSavingProfile(true);
+    try {
+      const response = await UserServices.updateMyProfile(editProfileData);
+      if (response.success) {
+        success("Profil mis \xE0 jour avec succ\xE8s");
+        setShowEditProfileModal(false);
+        window.location.reload();
+      } else {
+        showError(response.message || "Erreur lors de la mise \xE0 jour du profil");
+      }
+    } catch (error) {
+      console.error("Erreur lors de la mise \xE0 jour du profil:", error);
+      showError("Erreur lors de la mise \xE0 jour du profil");
+    } finally {
+      setSavingProfile(false);
+    }
+  };
+  const handlePhotoChange = async (event) => {
+    const file = event.target.files?.[0];
+    if (!file) return;
+    const allowedTypes = ["image/jpeg", "image/png", "image/gif", "image/webp"];
+    if (!allowedTypes.includes(file.type)) {
+      showError("Format de fichier non support\xE9. Utilisez JPG, PNG, GIF ou WebP.");
+      return;
+    }
+    const maxSize = 5 * 1024 * 1024;
+    if (file.size > maxSize) {
+      showError("La taille du fichier ne doit pas d\xE9passer 5 MB");
+      return;
+    }
+    setUploadingPhoto(true);
+    try {
+      const response = await UserServices.updateProfilePicture(file);
+      if (response.success) {
+        success("Photo de profil mise \xE0 jour avec succ\xE8s");
+        window.location.reload();
+      } else {
+        showError(response.message || "Erreur lors du t\xE9l\xE9chargement de la photo");
+      }
+    } catch (error) {
+      console.error("Erreur lors du t\xE9l\xE9chargement de la photo:", error);
+      showError("Erreur lors du t\xE9l\xE9chargement de la photo");
+    } finally {
+      setUploadingPhoto(false);
+      if (fileInputRef.current) {
+        fileInputRef.current.value = "";
+      }
+    }
+  };
+  const handleDeletePhoto = async () => {
+    setUploadingPhoto(true);
+    try {
+      const response = await UserServices.deleteProfilePicture();
+      if (response.success) {
+        success("Photo de profil supprim\xE9e");
+        window.location.reload();
+      } else {
+        showError(response.message || "Erreur lors de la suppression de la photo");
+      }
+    } catch (error) {
+      console.error("Erreur lors de la suppression de la photo:", error);
+      showError("Erreur lors de la suppression de la photo");
+    } finally {
+      setUploadingPhoto(false);
+    }
+  };
+  const openChangePasswordModal = () => {
+    setPasswordData({
+      current_password: "",
+      new_password: "",
+      confirm_password: ""
+    });
+    setShowCurrentPassword(false);
+    setShowNewPassword(false);
+    setShowConfirmPassword(false);
+    setShowChangePasswordModal(true);
+  };
+  const handleChangePassword = async () => {
+    if (!passwordData.current_password) {
+      showError("Veuillez entrer votre mot de passe actuel");
+      return;
+    }
+    if (!passwordData.new_password) {
+      showError("Veuillez entrer un nouveau mot de passe");
+      return;
+    }
+    if (passwordData.new_password.length < 8) {
+      showError("Le nouveau mot de passe doit contenir au moins 8 caract\xE8res");
+      return;
+    }
+    if (passwordData.new_password !== passwordData.confirm_password) {
+      showError("Les mots de passe ne correspondent pas");
+      return;
+    }
+    setSavingPassword(true);
+    try {
+      const response = await UserServices.changePassword(passwordData);
+      if (response.success) {
+        success("Mot de passe chang\xE9 avec succ\xE8s");
+        setShowChangePasswordModal(false);
+        setPasswordData({
+          current_password: "",
+          new_password: "",
+          confirm_password: ""
+        });
+      } else {
+        showError(response.message || "Erreur lors du changement de mot de passe");
+      }
+    } catch (error) {
+      console.error("Erreur lors du changement de mot de passe:", error);
+      showError("Mot de passe actuel incorrect ou erreur serveur");
+    } finally {
+      setSavingPassword(false);
+    }
+  };
   return /* @__PURE__ */ jsxs6("div", { className: "flex h-screen bg-[var(--color-background)] overflow-hidden", children: [
     /* @__PURE__ */ jsx9(
       "a",
@@ -2344,6 +2553,10 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                       /* @__PURE__ */ jsxs6(
                         "button",
                         {
+                          onClick: () => {
+                            setShowProfileModal(true);
+                            setShowUserMenu(false);
+                          },
                           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: [
@@ -2641,6 +2854,418 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
           }
         )
       }
+    ),
+    /* @__PURE__ */ jsx9(
+      Modals_default,
+      {
+        title: "Mon Profil",
+        description: "G\xE9rez vos informations personnelles",
+        width: "max-w-2xl",
+        open: showProfileModal,
+        onClose: () => setShowProfileModal(false),
+        children: /* @__PURE__ */ jsxs6("div", { className: "space-y-6", children: [
+          /* @__PURE__ */ jsx9(
+            "input",
+            {
+              ref: fileInputRef,
+              type: "file",
+              accept: "image/jpeg,image/png,image/gif,image/webp",
+              onChange: handlePhotoChange,
+              className: "hidden"
+            }
+          ),
+          /* @__PURE__ */ jsxs6("div", { className: "flex flex-col sm:flex-row items-center gap-6 pb-6 border-b border-[var(--color-border)]", children: [
+            /* @__PURE__ */ jsxs6("div", { className: "relative group", children: [
+              /* @__PURE__ */ jsx9("div", { className: "w-24 h-24 bg-gradient-to-br from-[var(--color-primary)] to-[var(--color-accent)] rounded-full flex items-center justify-center shadow-lg overflow-hidden", children: uploadingPhoto ? /* @__PURE__ */ jsx9(Loader2, { className: "w-8 h-8 text-white animate-spin" }) : loggedUser?.profile_picture ? /* @__PURE__ */ jsx9(
+                "img",
+                {
+                  src: loggedUser.profile_picture,
+                  alt: "Photo de profil",
+                  className: "w-full h-full rounded-full object-cover"
+                }
+              ) : /* @__PURE__ */ jsxs6("span", { className: "text-3xl font-bold text-white", children: [
+                loggedUser?.first_name?.charAt(0) || loggedUser?.username?.charAt(0) || "U",
+                loggedUser?.last_name?.charAt(0) || ""
+              ] }) }),
+              /* @__PURE__ */ jsxs6("div", { className: "absolute -bottom-1 -right-1 flex gap-1", children: [
+                /* @__PURE__ */ jsx9(
+                  "button",
+                  {
+                    onClick: () => fileInputRef.current?.click(),
+                    disabled: uploadingPhoto,
+                    className: "w-8 h-8 bg-[var(--color-primary)] border-2 border-[var(--color-background)] rounded-full flex items-center justify-center shadow-md hover:bg-[var(--color-primary-dark)] transition-colors disabled:opacity-50",
+                    title: "Changer la photo",
+                    children: /* @__PURE__ */ jsx9(Camera, { className: "w-4 h-4 text-white" })
+                  }
+                ),
+                loggedUser?.profile_picture && /* @__PURE__ */ jsx9(
+                  "button",
+                  {
+                    onClick: handleDeletePhoto,
+                    disabled: uploadingPhoto,
+                    className: "w-8 h-8 bg-red-500 border-2 border-[var(--color-background)] rounded-full flex items-center justify-center shadow-md hover:bg-red-600 transition-colors disabled:opacity-50",
+                    title: "Supprimer la photo",
+                    children: /* @__PURE__ */ jsx9(Trash2, { className: "w-4 h-4 text-white" })
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs6("div", { className: "text-center sm:text-left flex-1", children: [
+              /* @__PURE__ */ jsx9("h2", { className: "text-xl font-bold text-[var(--color-text-primary)]", children: loggedUser?.first_name && loggedUser?.last_name ? `${loggedUser.first_name} ${loggedUser.last_name}` : loggedUser?.username || "Utilisateur" }),
+              /* @__PURE__ */ jsx9("p", { className: "text-[var(--color-text-secondary)] mt-1", children: loggedUser?.job_title || "Membre de l'\xE9quipe" }),
+              /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-center sm:justify-start gap-2 mt-2", children: [
+                /* @__PURE__ */ jsx9("span", { className: cn(
+                  "px-2 py-1 text-xs font-medium rounded-full",
+                  loggedUser?.is_active ? "bg-green-100 text-green-700" : "bg-gray-100 text-gray-600"
+                ), children: loggedUser?.is_active ? "Actif" : "Inactif" }),
+                loggedUser?.is_staff && /* @__PURE__ */ jsx9("span", { className: "px-2 py-1 text-xs font-medium rounded-full bg-blue-100 text-blue-700", children: "Staff" })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs6(
+              "button",
+              {
+                onClick: openEditProfileModal,
+                className: "flex items-center gap-2 px-4 py-2 bg-[var(--color-primary)] text-white rounded-lg hover:bg-[var(--color-primary-dark)] transition-colors",
+                title: "Modifier le profil",
+                children: [
+                  /* @__PURE__ */ jsx9(Edit3, { className: "w-4 h-4" }),
+                  /* @__PURE__ */ jsx9("span", { className: "text-sm font-medium", children: "Modifier" })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs6("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-3 p-4 bg-[var(--color-surface)] rounded-lg border border-[var(--color-border)]", children: [
+              /* @__PURE__ */ jsx9("div", { className: "w-10 h-10 bg-[var(--color-primary-light)] rounded-lg flex items-center justify-center", children: /* @__PURE__ */ jsx9(Mail, { className: "w-5 h-5 text-[var(--color-primary)]" }) }),
+              /* @__PURE__ */ jsxs6("div", { className: "flex-1 min-w-0", children: [
+                /* @__PURE__ */ jsx9("p", { className: "text-xs text-[var(--color-text-tertiary)] uppercase tracking-wide", children: "Email" }),
+                /* @__PURE__ */ jsx9("p", { className: "text-sm font-medium text-[var(--color-text-primary)] truncate", children: loggedUser?.email || "Non renseign\xE9" })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-3 p-4 bg-[var(--color-surface)] rounded-lg border border-[var(--color-border)]", children: [
+              /* @__PURE__ */ jsx9("div", { className: "w-10 h-10 bg-[var(--color-primary-light)] rounded-lg flex items-center justify-center", children: /* @__PURE__ */ jsx9(Phone, { className: "w-5 h-5 text-[var(--color-primary)]" }) }),
+              /* @__PURE__ */ jsxs6("div", { className: "flex-1 min-w-0", children: [
+                /* @__PURE__ */ jsx9("p", { className: "text-xs text-[var(--color-text-tertiary)] uppercase tracking-wide", children: "T\xE9l\xE9phone" }),
+                /* @__PURE__ */ jsx9("p", { className: "text-sm font-medium text-[var(--color-text-primary)] truncate", children: loggedUser?.phonenumber || "Non renseign\xE9" })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-3 p-4 bg-[var(--color-surface)] rounded-lg border border-[var(--color-border)]", children: [
+              /* @__PURE__ */ jsx9("div", { className: "w-10 h-10 bg-[var(--color-primary-light)] rounded-lg flex items-center justify-center", children: /* @__PURE__ */ jsx9(User, { className: "w-5 h-5 text-[var(--color-primary)]" }) }),
+              /* @__PURE__ */ jsxs6("div", { className: "flex-1 min-w-0", children: [
+                /* @__PURE__ */ jsx9("p", { className: "text-xs text-[var(--color-text-tertiary)] uppercase tracking-wide", children: "Nom d'utilisateur" }),
+                /* @__PURE__ */ jsx9("p", { className: "text-sm font-medium text-[var(--color-text-primary)] truncate", children: loggedUser?.username || "Non renseign\xE9" })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-3 p-4 bg-[var(--color-surface)] rounded-lg border border-[var(--color-border)]", children: [
+              /* @__PURE__ */ jsx9("div", { className: "w-10 h-10 bg-[var(--color-primary-light)] rounded-lg flex items-center justify-center", children: /* @__PURE__ */ jsx9(Briefcase, { className: "w-5 h-5 text-[var(--color-primary)]" }) }),
+              /* @__PURE__ */ jsxs6("div", { className: "flex-1 min-w-0", children: [
+                /* @__PURE__ */ jsx9("p", { className: "text-xs text-[var(--color-text-tertiary)] uppercase tracking-wide", children: "D\xE9partement" }),
+                /* @__PURE__ */ jsx9("p", { className: "text-sm font-medium text-[var(--color-text-primary)] truncate", children: loggedUser?.department || "Non renseign\xE9" })
+              ] })
+            ] })
+          ] }),
+          loggedUser?.centers_access && loggedUser.centers_access.length > 0 && /* @__PURE__ */ jsxs6("div", { className: "pt-4 border-t border-[var(--color-border)]", children: [
+            /* @__PURE__ */ jsxs6("h3", { className: "text-sm font-semibold text-[var(--color-text-primary)] mb-3 flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx9(Building2, { className: "w-4 h-4 text-[var(--color-primary)]" }),
+              "Centres d'acc\xE8s (",
+              loggedUser.centers_access.length,
+              ")"
+            ] }),
+            /* @__PURE__ */ jsx9("div", { className: "flex flex-wrap gap-2", children: loggedUser.centers_access.map((center) => /* @__PURE__ */ jsx9(
+              "span",
+              {
+                className: cn(
+                  "px-3 py-1.5 text-sm rounded-lg border transition-colors",
+                  activeBusinessEntity?.id === center.id ? "bg-[var(--color-primary)] text-white border-[var(--color-primary)]" : "bg-[var(--color-surface)] text-[var(--color-text-secondary)] border-[var(--color-border)] hover:bg-[var(--color-surface-hover)]"
+                ),
+                children: center.legal_name
+              },
+              center.id
+            )) })
+          ] }),
+          /* @__PURE__ */ jsxs6("div", { className: "pt-4 border-t border-[var(--color-border)]", children: [
+            /* @__PURE__ */ jsxs6("h3", { className: "text-sm font-semibold text-[var(--color-text-primary)] mb-3 flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx9(Shield, { className: "w-4 h-4 text-[var(--color-primary)]" }),
+              "S\xE9curit\xE9 du compte"
+            ] }),
+            /* @__PURE__ */ jsxs6("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3", children: [
+              /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-between p-3 bg-[var(--color-surface)] rounded-lg", children: [
+                /* @__PURE__ */ jsx9("span", { className: "text-sm text-[var(--color-text-secondary)]", children: "Derni\xE8re connexion" }),
+                /* @__PURE__ */ jsx9("span", { className: "text-sm font-medium text-[var(--color-text-primary)]", children: loggedUser?.last_login ? new Date(loggedUser.last_login).toLocaleDateString("fr-FR", {
+                  day: "numeric",
+                  month: "short",
+                  year: "numeric",
+                  hour: "2-digit",
+                  minute: "2-digit"
+                }) : "Aujourd'hui" })
+              ] }),
+              /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-between p-3 bg-[var(--color-surface)] rounded-lg", children: [
+                /* @__PURE__ */ jsx9("span", { className: "text-sm text-[var(--color-text-secondary)]", children: "Membre depuis" }),
+                /* @__PURE__ */ jsx9("span", { className: "text-sm font-medium text-[var(--color-text-primary)]", children: loggedUser?.date_joined ? new Date(loggedUser.date_joined).toLocaleDateString("fr-FR", {
+                  day: "numeric",
+                  month: "short",
+                  year: "numeric"
+                }) : "N/A" })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs6(
+              "button",
+              {
+                onClick: openChangePasswordModal,
+                className: "mt-4 w-full flex items-center justify-center gap-2 px-4 py-2.5 border border-[var(--color-border)] text-[var(--color-text-secondary)] rounded-lg hover:bg-[var(--color-surface-hover)] transition-colors",
+                children: [
+                  /* @__PURE__ */ jsx9(Lock, { className: "w-4 h-4" }),
+                  /* @__PURE__ */ jsx9("span", { className: "text-sm font-medium", children: "Changer le mot de passe" })
+                ]
+              }
+            )
+          ] })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx9(
+      Modals_default,
+      {
+        title: "Modifier mon profil",
+        description: "Mettez \xE0 jour vos informations personnelles",
+        width: "max-w-lg",
+        open: showEditProfileModal,
+        onClose: () => setShowEditProfileModal(false),
+        children: /* @__PURE__ */ jsxs6("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsxs6("div", { className: "grid grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ jsxs6("div", { children: [
+              /* @__PURE__ */ jsx9("label", { className: "block text-sm font-medium text-[var(--color-text-secondary)] mb-1", children: "Pr\xE9nom" }),
+              /* @__PURE__ */ jsx9(
+                "input",
+                {
+                  type: "text",
+                  value: editProfileData.first_name,
+                  onChange: (e) => setEditProfileData((prev) => ({ ...prev, first_name: e.target.value })),
+                  className: "w-full px-3 py-2 border border-[var(--color-border)] rounded-lg focus:outline-none focus:ring-2 focus:ring-[var(--color-primary)] focus:border-transparent bg-[var(--color-background)] text-[var(--color-text-primary)]",
+                  placeholder: "Votre pr\xE9nom"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs6("div", { children: [
+              /* @__PURE__ */ jsx9("label", { className: "block text-sm font-medium text-[var(--color-text-secondary)] mb-1", children: "Nom" }),
+              /* @__PURE__ */ jsx9(
+                "input",
+                {
+                  type: "text",
+                  value: editProfileData.last_name,
+                  onChange: (e) => setEditProfileData((prev) => ({ ...prev, last_name: e.target.value })),
+                  className: "w-full px-3 py-2 border border-[var(--color-border)] rounded-lg focus:outline-none focus:ring-2 focus:ring-[var(--color-primary)] focus:border-transparent bg-[var(--color-background)] text-[var(--color-text-primary)]",
+                  placeholder: "Votre nom"
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs6("div", { children: [
+            /* @__PURE__ */ jsx9("label", { className: "block text-sm font-medium text-[var(--color-text-secondary)] mb-1", children: "Email" }),
+            /* @__PURE__ */ jsxs6("div", { className: "relative", children: [
+              /* @__PURE__ */ jsx9(Mail, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-[var(--color-text-tertiary)]" }),
+              /* @__PURE__ */ jsx9(
+                "input",
+                {
+                  type: "email",
+                  value: editProfileData.email,
+                  onChange: (e) => setEditProfileData((prev) => ({ ...prev, email: e.target.value })),
+                  className: "w-full pl-10 pr-3 py-2 border border-[var(--color-border)] rounded-lg focus:outline-none focus:ring-2 focus:ring-[var(--color-primary)] focus:border-transparent bg-[var(--color-background)] text-[var(--color-text-primary)]",
+                  placeholder: "votre@email.com"
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs6("div", { children: [
+            /* @__PURE__ */ jsx9("label", { className: "block text-sm font-medium text-[var(--color-text-secondary)] mb-1", children: "T\xE9l\xE9phone" }),
+            /* @__PURE__ */ jsxs6("div", { className: "relative", children: [
+              /* @__PURE__ */ jsx9(Phone, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-[var(--color-text-tertiary)]" }),
+              /* @__PURE__ */ jsx9(
+                "input",
+                {
+                  type: "tel",
+                  value: editProfileData.phonenumber,
+                  onChange: (e) => setEditProfileData((prev) => ({ ...prev, phonenumber: e.target.value })),
+                  className: "w-full pl-10 pr-3 py-2 border border-[var(--color-border)] rounded-lg focus:outline-none focus:ring-2 focus:ring-[var(--color-primary)] focus:border-transparent bg-[var(--color-background)] text-[var(--color-text-primary)]",
+                  placeholder: "+225 XX XX XX XX"
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs6("div", { children: [
+            /* @__PURE__ */ jsx9("label", { className: "block text-sm font-medium text-[var(--color-text-secondary)] mb-1", children: "Poste / Titre" }),
+            /* @__PURE__ */ jsxs6("div", { className: "relative", children: [
+              /* @__PURE__ */ jsx9(Briefcase, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-[var(--color-text-tertiary)]" }),
+              /* @__PURE__ */ jsx9(
+                "input",
+                {
+                  type: "text",
+                  value: editProfileData.job_title,
+                  onChange: (e) => setEditProfileData((prev) => ({ ...prev, job_title: e.target.value })),
+                  className: "w-full pl-10 pr-3 py-2 border border-[var(--color-border)] rounded-lg focus:outline-none focus:ring-2 focus:ring-[var(--color-primary)] focus:border-transparent bg-[var(--color-background)] text-[var(--color-text-primary)]",
+                  placeholder: "Ex: Responsable Commercial"
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs6("div", { children: [
+            /* @__PURE__ */ jsx9("label", { className: "block text-sm font-medium text-[var(--color-text-secondary)] mb-1", children: "D\xE9partement" }),
+            /* @__PURE__ */ jsxs6("div", { className: "relative", children: [
+              /* @__PURE__ */ jsx9(Building2, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-[var(--color-text-tertiary)]" }),
+              /* @__PURE__ */ jsx9(
+                "input",
+                {
+                  type: "text",
+                  value: editProfileData.department,
+                  onChange: (e) => setEditProfileData((prev) => ({ ...prev, department: e.target.value })),
+                  className: "w-full pl-10 pr-3 py-2 border border-[var(--color-border)] rounded-lg focus:outline-none focus:ring-2 focus:ring-[var(--color-primary)] focus:border-transparent bg-[var(--color-background)] text-[var(--color-text-primary)]",
+                  placeholder: "Ex: Ventes"
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs6("div", { className: "flex justify-end gap-3 pt-4 border-t border-[var(--color-border)]", children: [
+            /* @__PURE__ */ jsx9(
+              "button",
+              {
+                onClick: () => setShowEditProfileModal(false),
+                className: "px-4 py-2 text-sm font-medium text-[var(--color-text-secondary)] bg-[var(--color-surface)] border border-[var(--color-border)] rounded-lg hover:bg-[var(--color-surface-hover)] transition-colors",
+                children: "Annuler"
+              }
+            ),
+            /* @__PURE__ */ jsxs6(
+              "button",
+              {
+                onClick: handleSaveProfile,
+                disabled: savingProfile,
+                className: "flex items-center gap-2 px-4 py-2 text-sm font-medium text-white bg-[var(--color-primary)] rounded-lg hover:bg-[var(--color-primary-dark)] transition-colors disabled:opacity-50",
+                children: [
+                  savingProfile ? /* @__PURE__ */ jsx9(Loader2, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ jsx9(Save, { className: "w-4 h-4" }),
+                  savingProfile ? "Enregistrement..." : "Enregistrer"
+                ]
+              }
+            )
+          ] })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx9(
+      Modals_default,
+      {
+        title: "Changer le mot de passe",
+        description: "Entrez votre mot de passe actuel et choisissez un nouveau mot de passe",
+        width: "max-w-md",
+        open: showChangePasswordModal,
+        onClose: () => setShowChangePasswordModal(false),
+        children: /* @__PURE__ */ jsxs6("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsxs6("div", { children: [
+            /* @__PURE__ */ jsx9("label", { className: "block text-sm font-medium text-[var(--color-text-secondary)] mb-1", children: "Mot de passe actuel" }),
+            /* @__PURE__ */ jsxs6("div", { className: "relative", children: [
+              /* @__PURE__ */ jsx9(Lock, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-[var(--color-text-tertiary)]" }),
+              /* @__PURE__ */ jsx9(
+                "input",
+                {
+                  type: showCurrentPassword ? "text" : "password",
+                  value: passwordData.current_password,
+                  onChange: (e) => setPasswordData((prev) => ({ ...prev, current_password: e.target.value })),
+                  className: "w-full pl-10 pr-10 py-2 border border-[var(--color-border)] rounded-lg focus:outline-none focus:ring-2 focus:ring-[var(--color-primary)] focus:border-transparent bg-[var(--color-background)] text-[var(--color-text-primary)]",
+                  placeholder: "Votre mot de passe actuel"
+                }
+              ),
+              /* @__PURE__ */ jsx9(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => setShowCurrentPassword(!showCurrentPassword),
+                  className: "absolute right-3 top-1/2 -translate-y-1/2 text-[var(--color-text-tertiary)] hover:text-[var(--color-text-secondary)]",
+                  children: showCurrentPassword ? /* @__PURE__ */ jsx9(EyeOff, { className: "w-4 h-4" }) : /* @__PURE__ */ jsx9(Eye2, { className: "w-4 h-4" })
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs6("div", { children: [
+            /* @__PURE__ */ jsx9("label", { className: "block text-sm font-medium text-[var(--color-text-secondary)] mb-1", children: "Nouveau mot de passe" }),
+            /* @__PURE__ */ jsxs6("div", { className: "relative", children: [
+              /* @__PURE__ */ jsx9(Lock, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-[var(--color-text-tertiary)]" }),
+              /* @__PURE__ */ jsx9(
+                "input",
+                {
+                  type: showNewPassword ? "text" : "password",
+                  value: passwordData.new_password,
+                  onChange: (e) => setPasswordData((prev) => ({ ...prev, new_password: e.target.value })),
+                  className: "w-full pl-10 pr-10 py-2 border border-[var(--color-border)] rounded-lg focus:outline-none focus:ring-2 focus:ring-[var(--color-primary)] focus:border-transparent bg-[var(--color-background)] text-[var(--color-text-primary)]",
+                  placeholder: "Au moins 8 caract\xE8res"
+                }
+              ),
+              /* @__PURE__ */ jsx9(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => setShowNewPassword(!showNewPassword),
+                  className: "absolute right-3 top-1/2 -translate-y-1/2 text-[var(--color-text-tertiary)] hover:text-[var(--color-text-secondary)]",
+                  children: showNewPassword ? /* @__PURE__ */ jsx9(EyeOff, { className: "w-4 h-4" }) : /* @__PURE__ */ jsx9(Eye2, { className: "w-4 h-4" })
+                }
+              )
+            ] }),
+            passwordData.new_password && passwordData.new_password.length < 8 && /* @__PURE__ */ jsx9("p", { className: "mt-1 text-xs text-red-500", children: "Le mot de passe doit contenir au moins 8 caract\xE8res" })
+          ] }),
+          /* @__PURE__ */ jsxs6("div", { children: [
+            /* @__PURE__ */ jsx9("label", { className: "block text-sm font-medium text-[var(--color-text-secondary)] mb-1", children: "Confirmer le nouveau mot de passe" }),
+            /* @__PURE__ */ jsxs6("div", { className: "relative", children: [
+              /* @__PURE__ */ jsx9(Lock, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-[var(--color-text-tertiary)]" }),
+              /* @__PURE__ */ jsx9(
+                "input",
+                {
+                  type: showConfirmPassword ? "text" : "password",
+                  value: passwordData.confirm_password,
+                  onChange: (e) => setPasswordData((prev) => ({ ...prev, confirm_password: e.target.value })),
+                  className: cn(
+                    "w-full pl-10 pr-10 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-[var(--color-primary)] focus:border-transparent bg-[var(--color-background)] text-[var(--color-text-primary)]",
+                    passwordData.confirm_password && passwordData.new_password !== passwordData.confirm_password ? "border-red-500" : "border-[var(--color-border)]"
+                  ),
+                  placeholder: "R\xE9p\xE9tez le nouveau mot de passe"
+                }
+              ),
+              /* @__PURE__ */ jsx9(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => setShowConfirmPassword(!showConfirmPassword),
+                  className: "absolute right-3 top-1/2 -translate-y-1/2 text-[var(--color-text-tertiary)] hover:text-[var(--color-text-secondary)]",
+                  children: showConfirmPassword ? /* @__PURE__ */ jsx9(EyeOff, { className: "w-4 h-4" }) : /* @__PURE__ */ jsx9(Eye2, { className: "w-4 h-4" })
+                }
+              )
+            ] }),
+            passwordData.confirm_password && passwordData.new_password !== passwordData.confirm_password && /* @__PURE__ */ jsx9("p", { className: "mt-1 text-xs text-red-500", children: "Les mots de passe ne correspondent pas" }),
+            passwordData.confirm_password && passwordData.new_password === passwordData.confirm_password && passwordData.new_password.length >= 8 && /* @__PURE__ */ jsxs6("p", { className: "mt-1 text-xs text-green-600 flex items-center gap-1", children: [
+              /* @__PURE__ */ jsx9(Check2, { className: "w-3 h-3" }),
+              " Les mots de passe correspondent"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs6("div", { className: "flex justify-end gap-3 pt-4 border-t border-[var(--color-border)]", children: [
+            /* @__PURE__ */ jsx9(
+              "button",
+              {
+                onClick: () => setShowChangePasswordModal(false),
+                className: "px-4 py-2 text-sm font-medium text-[var(--color-text-secondary)] bg-[var(--color-surface)] border border-[var(--color-border)] rounded-lg hover:bg-[var(--color-surface-hover)] transition-colors",
+                children: "Annuler"
+              }
+            ),
+            /* @__PURE__ */ jsxs6(
+              "button",
+              {
+                onClick: handleChangePassword,
+                disabled: savingPassword || !passwordData.current_password || !passwordData.new_password || passwordData.new_password !== passwordData.confirm_password || passwordData.new_password.length < 8,
+                className: "flex items-center gap-2 px-4 py-2 text-sm font-medium text-white bg-[var(--color-primary)] rounded-lg hover:bg-[var(--color-primary-dark)] transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
+                children: [
+                  savingPassword ? /* @__PURE__ */ jsx9(Loader2, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ jsx9(Shield, { className: "w-4 h-4" }),
+                  savingPassword ? "Modification..." : "Changer le mot de passe"
+                ]
+              }
+            )
+          ] })
+        ] })
+      }
     )
   ] });
 };
@@ -2792,7 +3417,7 @@ var Pages_default = Pages;
 // src/components/common/FDrawer.tsx
 import React7, { useEffect as useEffect6, useState as useState8, useRef } from "react";
 import { useLocation as useLocation2, useNavigate as useNavigate2, useSearchParams as useSearchParams2, Link as Link2 } from "react-router-dom";
-import { ArrowDownAZ, ArrowDownUp, ArrowUpAZ, AlertCircle as AlertCircle3, CheckCircle2 as CheckCircle22, ChevronDown, Columns3, Copy, Download as Download2, FileSpreadsheet, Filter, Maximize2, Minimize2, MoreVertical, Plus, Printer, RefreshCw, Settings2 as Settings22, Trash2, Upload, X as X5, Search as Search2, SquareIcon } from "lucide-react";
+import { ArrowDownAZ, ArrowDownUp, ArrowUpAZ, AlertCircle as AlertCircle3, CheckCircle2 as CheckCircle22, ChevronDown, Columns3, Copy, Download as Download2, FileSpreadsheet, Filter, Maximize2, Minimize2, MoreVertical, Plus, Printer, RefreshCw, Settings2 as Settings22, Trash2 as Trash22, Upload, X as X5, Search as Search2, SquareIcon } from "lucide-react";
 import { Fragment as Fragment4, jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
 var ExcelImportModal = ({
   isOpen,
@@ -3050,7 +3675,7 @@ var ExcelImportModal = ({
                 type: "button",
                 onClick: () => removeMappingRow(index),
                 className: "p-2 text-red-500 hover:bg-red-50 rounded-lg mt-5",
-                children: /* @__PURE__ */ jsx12(Trash2, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ jsx12(Trash22, { className: "h-4 w-4" })
               }
             )
           ] }, index)) }),
@@ -3700,7 +4325,7 @@ var FDrawer = ({
             onClick: handleBulkDelete,
             className: "px-3 py-1.5 bg-red-500 text-white rounded-lg text-sm flex items-center gap-2 hover:bg-red-600",
             children: [
-              /* @__PURE__ */ jsx12(Trash2, { className: "h-4 w-4" }),
+              /* @__PURE__ */ jsx12(Trash22, { className: "h-4 w-4" }),
               "Supprimer"
             ]
           }
@@ -4091,7 +4716,7 @@ var SearchableSelect = ({
 };
 
 // src/components/common/ApprovalWorkflow.tsx
-import { X as X7, Plus as Plus3, Trash2 as Trash22, Users, Loader as Loader2, RotateCcw, Ban, Eye as Eye3, FileText as FileText2, History } from "lucide-react";
+import { X as X7, Plus as Plus3, Trash2 as Trash23, Users, Loader as Loader3, RotateCcw, Ban, Eye as Eye4, FileText as FileText2, History } from "lucide-react";
 import { Fragment as Fragment6, jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
 var ApprovalWorkflow = ({
   process,
@@ -4427,7 +5052,7 @@ var ApprovalWorkflow = ({
     ] });
   };
   if (loading) {
-    return /* @__PURE__ */ jsx14(RewiseBasicCard, { title, children: /* @__PURE__ */ jsx14("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ jsx14(Loader2, { className: "w-8 h-8 animate-spin text-[#6A8A82]" }) }) });
+    return /* @__PURE__ */ jsx14(RewiseBasicCard, { title, children: /* @__PURE__ */ jsx14("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ jsx14(Loader3, { className: "w-8 h-8 animate-spin text-[#6A8A82]" }) }) });
   }
   const renderTabContent = () => {
     switch (activeTab) {
@@ -4506,14 +5131,14 @@ var ApprovalWorkflow = ({
               dangerouslySetInnerHTML: { __html: caseData.html_content }
             }
           ) : /* @__PURE__ */ jsxs11("div", { className: "text-center py-12 border-2 border-dashed border-[#D9D9D9] rounded-lg bg-[#FAFAFA]", children: [
-            /* @__PURE__ */ jsx14(Eye3, { className: "w-12 h-12 text-[#767676] mx-auto mb-4" }),
+            /* @__PURE__ */ jsx14(Eye4, { className: "w-12 h-12 text-[#767676] mx-auto mb-4" }),
             /* @__PURE__ */ jsx14("p", { className: "text-[#767676]", children: "Aucun aper\xE7u disponible" })
           ] })
         ] }) });
       case "history":
         return /* @__PURE__ */ jsxs11("div", { className: "space-y-6", children: [
           /* @__PURE__ */ jsx14("h3", { className: "text-lg font-semibold text-[#191919]", children: "Historique des versions" }),
-          loadingHistory ? /* @__PURE__ */ jsx14("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ jsx14(Loader2, { className: "w-8 h-8 animate-spin text-[#6A8A82]" }) }) : history.length === 0 ? /* @__PURE__ */ jsxs11("div", { className: "text-center py-12 border-2 border-dashed border-[#D9D9D9] rounded-lg bg-[#FAFAFA]", children: [
+          loadingHistory ? /* @__PURE__ */ jsx14("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ jsx14(Loader3, { className: "w-8 h-8 animate-spin text-[#6A8A82]" }) }) : history.length === 0 ? /* @__PURE__ */ jsxs11("div", { className: "text-center py-12 border-2 border-dashed border-[#D9D9D9] rounded-lg bg-[#FAFAFA]", children: [
             /* @__PURE__ */ jsx14(History, { className: "w-12 h-12 text-[#767676] mx-auto mb-4" }),
             /* @__PURE__ */ jsx14("p", { className: "text-[#767676]", children: "Aucun historique disponible" })
           ] }) : /* @__PURE__ */ jsx14("div", { className: "space-y-4", children: history.map((item, index) => /* @__PURE__ */ jsx14("div", { className: "border border-[#D9D9D9] rounded-lg p-4 bg-white hover:shadow-md transition-shadow", children: /* @__PURE__ */ jsx14("div", { className: "flex items-start justify-between", children: /* @__PURE__ */ jsxs11("div", { className: "flex-1", children: [
@@ -4615,7 +5240,7 @@ var ApprovalWorkflow = ({
             onClick: () => setActiveTab("preview"),
             className: `px-4 py-3 text-sm font-medium transition-colors flex items-center gap-2 ${activeTab === "preview" ? "border-b-2 border-[#6A8A82] text-[#6A8A82]" : "text-[#767676] hover:text-[#191919]"}`,
             children: [
-              /* @__PURE__ */ jsx14(Eye3, { className: "w-4 h-4" }),
+              /* @__PURE__ */ jsx14(Eye4, { className: "w-4 h-4" }),
               "Aper\xE7u"
             ]
           }
@@ -4706,7 +5331,7 @@ var StageRow = ({
         onClick: onRemove,
         className: "text-[#B85450] hover:text-red-700 transition-colors",
         title: "Supprimer",
-        children: /* @__PURE__ */ jsx14(Trash22, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ jsx14(Trash23, { className: "w-4 h-4" })
       }
     ) }),
     /* @__PURE__ */ jsx14("td", { className: "border border-gray-300 px-4 py-2 text-center", children: index + 1 }),
@@ -5072,614 +5697,11 @@ var useAlert = () => {
 };
 
 // src/components/common/CommonSelect.tsx
-import { useEffect as useEffect17, useState as useState27 } from "react";
-
-// dist/index.js
-import { jsx as jsx17 } from "react/jsx-runtime";
-import { jsx as jsx22, jsxs as jsxs14 } from "react/jsx-runtime";
-import { Link as Link3 } from "react-router-dom";
-import { jsx as jsx32, jsxs as jsxs22 } from "react/jsx-runtime";
-import React42, { useState as useState52, useEffect as useEffect42 } from "react";
-import { useLocation as useLocation3, useNavigate as useNavigate3 } from "react-router-dom";
-import {
-  Settings as Settings3,
-  ChevronLeft as ChevronLeft3,
-  ChevronRight as ChevronRight2,
-  Search as Search4,
-  Bell as Bell2,
-  User as User2,
-  LogOut as LogOut2,
-  Menu as Menu3,
-  X as X32,
-  Palette as Palette2,
-  DollarSign as DollarSign2,
-  HelpCircle as HelpCircle22,
-  Building2 as Building22,
-  LayoutGrid as LayoutGrid2
-} from "lucide-react";
-import { clsx as clsx2 } from "clsx";
-import { twMerge as twMerge2 } from "tailwind-merge";
-import { createContext as createContext5, useContext as useContext5, useState as useState12, useEffect as useEffect9 } from "react";
-import { jsx as jsx42 } from "react/jsx-runtime";
-import { createContext as createContext22, useContext as useContext22, useEffect as useEffect22, useState as useState22 } from "react";
-import { jsx as jsx52 } from "react/jsx-runtime";
-import { createContext as createContext32, useContext as useContext32, useState as useState32, useCallback as useCallback3 } from "react";
-import { AlertTriangle as AlertTriangle3, HelpCircle as HelpCircle3, AlertCircle as AlertCircle4, X as X8 } from "lucide-react";
-import { jsx as jsx62, jsxs as jsxs32 } from "react/jsx-runtime";
-import { useState as useState42, useEffect as useEffect32 } from "react";
-import { jsx as jsx72, jsxs as jsxs42 } from "react/jsx-runtime";
-import { X as X22, Loader as Loader3, Eye as Eye4, FileText as FileText3, Check as Check2, XCircle as XCircle3, Edit as Edit2, CheckCircle as CheckCircle3, Clock as Clock2, AlertCircle as AlertCircle22, User as UserIcon2, Send as Send2 } from "lucide-react";
-import { useParams as useParams2, useSearchParams as useSearchParams3 } from "react-router-dom";
-import { Fragment as Fragment7, jsx as jsx82, jsxs as jsxs52 } from "react/jsx-runtime";
-import { Fragment as Fragment22, jsx as jsx92, jsxs as jsxs62 } from "react/jsx-runtime";
-import { useEffect as useEffect52, useState as useState62 } from "react";
-import { CheckCircle as CheckCircle23, XCircle as XCircle22, AlertTriangle as AlertTriangle22, Info as Info22, X as X42 } from "lucide-react";
-import { jsx as jsx102, jsxs as jsxs72 } from "react/jsx-runtime";
-import { ChevronLeft as ChevronLeft22, Download as Download3, Menu as Menu22, Settings as Settings23 } from "lucide-react";
-import { useState as useState72 } from "react";
-import { Fragment as Fragment32, jsx as jsx112, jsxs as jsxs82 } from "react/jsx-runtime";
-import React72, { useEffect as useEffect62, useState as useState82, useRef as useRef3 } from "react";
-import { useLocation as useLocation22, useNavigate as useNavigate22, useSearchParams as useSearchParams22, Link as Link22 } from "react-router-dom";
-import { ArrowDownAZ as ArrowDownAZ2, ArrowDownUp as ArrowDownUp2, ArrowUpAZ as ArrowUpAZ2, AlertCircle as AlertCircle32, CheckCircle2 as CheckCircle222, ChevronDown as ChevronDown3, Columns3 as Columns32, Copy as Copy2, Download as Download22, FileSpreadsheet as FileSpreadsheet2, Filter as Filter2, Maximize2 as Maximize22, Minimize2 as Minimize22, MoreVertical as MoreVertical2, Plus as Plus4, Printer as Printer2, RefreshCw as RefreshCw3, Settings2 as Settings222, Trash2 as Trash23, Upload as Upload2, X as X52, Search as Search22, SquareIcon as SquareIcon2 } from "lucide-react";
-import { Fragment as Fragment42, jsx as jsx122, jsxs as jsxs92 } from "react/jsx-runtime";
-import { useState as useState102, useEffect as useEffect82 } from "react";
-import { useState as useState92, useRef as useRef22, useEffect as useEffect72 } from "react";
-import { Search as Search32, ChevronDown as ChevronDown22, X as X62, RefreshCw as RefreshCw22, Plus as Plus22 } from "lucide-react";
-import { Fragment as Fragment52, jsx as jsx132, jsxs as jsxs102 } from "react/jsx-runtime";
-import { X as X72, Plus as Plus32, Trash2 as Trash222, Users as Users2, Loader as Loader22, RotateCcw as RotateCcw2, Ban as Ban2, Eye as Eye32, FileText as FileText22, History as History2 } from "lucide-react";
-import { Fragment as Fragment62, jsx as jsx142, jsxs as jsxs112 } from "react/jsx-runtime";
-import { createContext as createContext42, useContext as useContext42, useState as useState112, useCallback as useCallback22 } from "react";
-import { jsx as jsx152, jsxs as jsxs122 } from "react/jsx-runtime";
-import { jsx as jsx162, jsxs as jsxs132 } from "react/jsx-runtime";
-import { useEffect as useEffect16, useState as useState25 } from "react";
-import { jsx as jsx172 } from "react/jsx-runtime";
-import { jsx as jsx222, jsxs as jsxs142 } from "react/jsx-runtime";
-import { Link as Link32 } from "react-router-dom";
-import { jsx as jsx322, jsxs as jsxs222 } from "react/jsx-runtime";
-import React422, { useState as useState522, useEffect as useEffect422 } from "react";
-import { useLocation as useLocation32, useNavigate as useNavigate32 } from "react-router-dom";
-import {
-  Settings as Settings32,
-  ChevronLeft as ChevronLeft32,
-  ChevronRight as ChevronRight22,
-  Search as Search42,
-  Bell as Bell22,
-  User as User22,
-  LogOut as LogOut22,
-  Menu as Menu32,
-  X as X222,
-  Palette as Palette22,
-  DollarSign as DollarSign22,
-  HelpCircle as HelpCircle32,
-  Building2 as Building222
-} from "lucide-react";
-import { clsx as clsx22 } from "clsx";
-import { twMerge as twMerge22 } from "tailwind-merge";
-import { createContext as createContext52, useContext as useContext52, useState as useState122, useEffect as useEffect92 } from "react";
-import { jsx as jsx422 } from "react/jsx-runtime";
-import { createContext as createContext222, useContext as useContext222, useEffect as useEffect222, useState as useState222 } from "react";
-import { jsx as jsx522 } from "react/jsx-runtime";
-import { createContext as createContext322, useContext as useContext322, useState as useState322, useCallback as useCallback32 } from "react";
-import { jsx as jsx622 } from "react/jsx-runtime";
-import { useState as useState422, useEffect as useEffect322 } from "react";
-import { jsx as jsx722, jsxs as jsxs322 } from "react/jsx-runtime";
-import { X as X82, Loader as Loader32, Eye as Eye42, FileText as FileText32, Check as Check22, XCircle as XCircle32, Edit as Edit22, CheckCircle as CheckCircle32, Clock as Clock22, AlertCircle as AlertCircle42, User as UserIcon22, Send as Send22 } from "lucide-react";
-import { useParams as useParams22, useSearchParams as useSearchParams32 } from "react-router-dom";
-import { Fragment as Fragment72, jsx as jsx822, jsxs as jsxs422 } from "react/jsx-runtime";
-import { Fragment as Fragment222, jsx as jsx922, jsxs as jsxs522 } from "react/jsx-runtime";
-import { useEffect as useEffect522, useState as useState622 } from "react";
-import { CheckCircle as CheckCircle232, XCircle as XCircle222, AlertTriangle as AlertTriangle32, Info as Info3, X as X322 } from "lucide-react";
-import { jsx as jsx1022, jsxs as jsxs622 } from "react/jsx-runtime";
-import { ChevronLeft as ChevronLeft222, Download as Download32, Menu as Menu222, Settings as Settings232 } from "lucide-react";
-import { useState as useState722 } from "react";
-import { Fragment as Fragment322, jsx as jsx1122, jsxs as jsxs722 } from "react/jsx-runtime";
-import { useEffect as useEffect622, useState as useState822 } from "react";
-import { useLocation as useLocation222, useNavigate as useNavigate222, useSearchParams as useSearchParams222, Link as Link222 } from "react-router-dom";
-import { ArrowDownAZ as ArrowDownAZ22, ArrowDownUp as ArrowDownUp22, ArrowUpAZ as ArrowUpAZ22, Download as Download222, Filter as Filter22, MoreVertical as MoreVertical22, Printer as Printer22, Search as Search222 } from "lucide-react";
-import { Fragment as Fragment422, jsx as jsx1222, jsxs as jsxs822 } from "react/jsx-runtime";
-import { useState as useState1022, useEffect as useEffect822 } from "react";
-import { useState as useState922, useRef as useRef32, useEffect as useEffect722 } from "react";
-import { Search as Search322, ChevronDown as ChevronDown32, X as X422, RefreshCw as RefreshCw32, Plus as Plus42 } from "lucide-react";
-import { Fragment as Fragment522, jsx as jsx1322, jsxs as jsxs922 } from "react/jsx-runtime";
-import { X as X522, Plus as Plus222, Trash2 as Trash232, Users as Users22, Loader as Loader222, RotateCcw as RotateCcw22, Ban as Ban22, Eye as Eye22, FileText as FileText222, History as History22 } from "lucide-react";
-import { Fragment as Fragment622, jsx as jsx1422, jsxs as jsxs1022 } from "react/jsx-runtime";
-import { createContext as createContext422, useContext as useContext422, useState as useState1122, useCallback as useCallback222 } from "react";
-import { jsx as jsx1522, jsxs as jsxs1122 } from "react/jsx-runtime";
-import { jsx as jsx1622, jsxs as jsxs1222 } from "react/jsx-runtime";
-import { useEffect as useEffect15, useState as useState23 } from "react";
-import { jsx as jsx1722 } from "react/jsx-runtime";
-import { jsx as jsx2222, jsxs as jsxs1322 } from "react/jsx-runtime";
-import { Link as Link322 } from "react-router-dom";
-import { jsx as jsx3222, jsxs as jsxs2222 } from "react/jsx-runtime";
-import React4222, { useState as useState5222, useEffect as useEffect4222 } from "react";
-import { useLocation as useLocation322, useNavigate as useNavigate322 } from "react-router-dom";
-import {
-  Settings as Settings322,
-  ChevronLeft as ChevronLeft322,
-  ChevronRight as ChevronRight222,
-  Search as Search422,
-  Bell as Bell222,
-  User as User222,
-  LogOut as LogOut222,
-  Menu as Menu322,
-  X as X2222,
-  Palette as Palette222,
-  DollarSign as DollarSign222,
-  HelpCircle as HelpCircle222,
-  Building2 as Building2222
-} from "lucide-react";
-import { clsx as clsx222 } from "clsx";
-import { twMerge as twMerge222 } from "tailwind-merge";
-import { createContext as createContext522, useContext as useContext522, useState as useState1222, useEffect as useEffect922 } from "react";
-import { jsx as jsx4222 } from "react/jsx-runtime";
-import { createContext as createContext2222, useContext as useContext2222, useEffect as useEffect2222, useState as useState2222 } from "react";
-import { jsx as jsx5222 } from "react/jsx-runtime";
-import { createContext as createContext3222, useContext as useContext3222, useState as useState3222, useCallback as useCallback322 } from "react";
-import { jsx as jsx6222 } from "react/jsx-runtime";
-import { useState as useState4222, useEffect as useEffect3222 } from "react";
-import { jsx as jsx7222, jsxs as jsxs3222 } from "react/jsx-runtime";
-import { X as X622, Loader as Loader322, Eye as Eye322, FileText as FileText322, Check as Check222, XCircle as XCircle322, Edit as Edit222, CheckCircle as CheckCircle322, Clock as Clock222, AlertCircle as AlertCircle222, User as UserIcon222, Send as Send222 } from "lucide-react";
-import { useParams as useParams222, useSearchParams as useSearchParams322 } from "react-router-dom";
-import { Fragment as Fragment722, jsx as jsx8222, jsxs as jsxs4222 } from "react/jsx-runtime";
-import { Fragment as Fragment2222, jsx as jsx9222, jsxs as jsxs5222 } from "react/jsx-runtime";
-import { useEffect as useEffect5222, useState as useState6222 } from "react";
-import { CheckCircle as CheckCircle2222, XCircle as XCircle2222, AlertTriangle as AlertTriangle222, Info as Info222, X as X3222 } from "lucide-react";
-import { jsx as jsx10222, jsxs as jsxs6222 } from "react/jsx-runtime";
-import { ChevronLeft as ChevronLeft2222, Download as Download322, Menu as Menu2222, Settings as Settings2222 } from "lucide-react";
-import { useState as useState7222 } from "react";
-import { Fragment as Fragment3222, jsx as jsx11222, jsxs as jsxs7222 } from "react/jsx-runtime";
-import { useEffect as useEffect6222, useState as useState8222 } from "react";
-import { useLocation as useLocation2222, useNavigate as useNavigate2222, useSearchParams as useSearchParams2222, Link as Link2222 } from "react-router-dom";
-import { ArrowDownAZ as ArrowDownAZ222, ArrowDownUp as ArrowDownUp222, ArrowUpAZ as ArrowUpAZ222, Download as Download2222, Filter as Filter222, MoreVertical as MoreVertical222, Printer as Printer222, Search as Search2222 } from "lucide-react";
-import { Fragment as Fragment4222, jsx as jsx12222, jsxs as jsxs8222 } from "react/jsx-runtime";
-import { useState as useState10222, useEffect as useEffect8222 } from "react";
-import { useState as useState9222, useRef as useRef222, useEffect as useEffect7222 } from "react";
-import { Search as Search3222, ChevronDown as ChevronDown222, X as X4222, RefreshCw as RefreshCw222, Plus as Plus322 } from "lucide-react";
-import { Fragment as Fragment5222, jsx as jsx13222, jsxs as jsxs9222 } from "react/jsx-runtime";
-import { X as X5222, Plus as Plus2222, Trash2 as Trash2222, Users as Users222, Loader as Loader2222, RotateCcw as RotateCcw222, Ban as Ban222, Eye as Eye222, FileText as FileText2222, History as History222 } from "lucide-react";
-import { Fragment as Fragment6222, jsx as jsx14222, jsxs as jsxs10222 } from "react/jsx-runtime";
-import { createContext as createContext4222, useContext as useContext4222, useState as useState11222, useCallback as useCallback2222 } from "react";
-import { jsx as jsx15222, jsxs as jsxs11222 } from "react/jsx-runtime";
-import { jsx as jsx16222, jsxs as jsxs12222 } from "react/jsx-runtime";
-import { useEffect as useEffect14, useState as useState20 } from "react";
-import { jsx as jsx17222 } from "react/jsx-runtime";
-import { jsx as jsx22222, jsxs as jsxs13222 } from "react/jsx-runtime";
-import { Link as Link3222 } from "react-router-dom";
-import { jsx as jsx32222, jsxs as jsxs22222 } from "react/jsx-runtime";
-import React42222, { useState as useState52222, useEffect as useEffect42222 } from "react";
-import { useLocation as useLocation3222, useNavigate as useNavigate3222 } from "react-router-dom";
-import {
-  Settings as Settings3222,
-  ChevronLeft as ChevronLeft3222,
-  ChevronRight as ChevronRight2222,
-  Search as Search4222,
-  Bell as Bell2222,
-  User as User2222,
-  LogOut as LogOut2222,
-  Menu as Menu3222,
-  X as X22222,
-  Palette as Palette2222,
-  DollarSign as DollarSign2222,
-  HelpCircle as HelpCircle2222,
-  Building2 as Building22222
-} from "lucide-react";
-import { clsx as clsx2222 } from "clsx";
-import { twMerge as twMerge2222 } from "tailwind-merge";
-import { createContext as createContext5222, useContext as useContext5222, useState as useState12222, useEffect as useEffect9222 } from "react";
-import { jsx as jsx42222 } from "react/jsx-runtime";
-import { createContext as createContext22222, useContext as useContext22222, useEffect as useEffect22222, useState as useState22222 } from "react";
-import { jsx as jsx52222 } from "react/jsx-runtime";
-import { createContext as createContext32222, useContext as useContext32222, useState as useState32222, useCallback as useCallback3222 } from "react";
-import { jsx as jsx62222 } from "react/jsx-runtime";
-import { useState as useState42222, useEffect as useEffect32222 } from "react";
-import { jsx as jsx72222, jsxs as jsxs32222 } from "react/jsx-runtime";
-import { X as X6222, Loader as Loader3222, Eye as Eye3222, FileText as FileText3222, Check as Check2222, XCircle as XCircle3222, Edit as Edit2222, CheckCircle as CheckCircle3222, Clock as Clock2222, AlertCircle as AlertCircle2222, User as UserIcon2222, Send as Send2222 } from "lucide-react";
-import { useParams as useParams2222, useSearchParams as useSearchParams3222 } from "react-router-dom";
-import { Fragment as Fragment7222, jsx as jsx82222, jsxs as jsxs42222 } from "react/jsx-runtime";
-import { Fragment as Fragment22222, jsx as jsx92222, jsxs as jsxs52222 } from "react/jsx-runtime";
-import { useEffect as useEffect52222, useState as useState62222 } from "react";
-import { CheckCircle as CheckCircle22222, XCircle as XCircle22222, AlertTriangle as AlertTriangle2222, Info as Info2222, X as X32222 } from "lucide-react";
-import { jsx as jsx102222, jsxs as jsxs62222 } from "react/jsx-runtime";
-import { ChevronLeft as ChevronLeft22222, Download as Download3222, Menu as Menu22222, Settings as Settings22222 } from "lucide-react";
-import { useState as useState72222 } from "react";
-import { Fragment as Fragment32222, jsx as jsx112222, jsxs as jsxs72222 } from "react/jsx-runtime";
-import { useEffect as useEffect62222, useState as useState82222 } from "react";
-import { useLocation as useLocation22222, useNavigate as useNavigate22222, useSearchParams as useSearchParams22222, Link as Link22222 } from "react-router-dom";
-import { ArrowDownAZ as ArrowDownAZ2222, ArrowDownUp as ArrowDownUp2222, ArrowUpAZ as ArrowUpAZ2222, Download as Download22222, Filter as Filter2222, MoreVertical as MoreVertical2222, Printer as Printer2222, Search as Search22222 } from "lucide-react";
-import { Fragment as Fragment42222, jsx as jsx122222, jsxs as jsxs82222 } from "react/jsx-runtime";
-import { useState as useState102222, useEffect as useEffect82222 } from "react";
-import { useState as useState92222, useRef as useRef2222, useEffect as useEffect72222 } from "react";
-import { Search as Search32222, ChevronDown as ChevronDown2222, X as X42222, RefreshCw as RefreshCw2222, Plus as Plus3222 } from "lucide-react";
-import { Fragment as Fragment52222, jsx as jsx132222, jsxs as jsxs92222 } from "react/jsx-runtime";
-import { X as X52222, Plus as Plus22222, Trash2 as Trash22222, Users as Users2222, Loader as Loader22222, RotateCcw as RotateCcw2222, Ban as Ban2222, Eye as Eye2222, FileText as FileText22222, History as History2222 } from "lucide-react";
-import { Fragment as Fragment62222, jsx as jsx142222, jsxs as jsxs102222 } from "react/jsx-runtime";
-import { createContext as createContext42222, useContext as useContext42222, useState as useState112222, useCallback as useCallback22222 } from "react";
-import { jsx as jsx152222, jsxs as jsxs112222 } from "react/jsx-runtime";
-import { jsx as jsx162222, jsxs as jsxs122222 } from "react/jsx-runtime";
-import { useEffect as useEffect13, useState as useState18 } from "react";
-import { jsx as jsx172222 } from "react/jsx-runtime";
-import { jsx as jsx222222, jsxs as jsxs132222 } from "react/jsx-runtime";
-import { Link as Link32222 } from "react-router-dom";
-import { jsx as jsx322222, jsxs as jsxs222222 } from "react/jsx-runtime";
-import React422222, { useState as useState522222, useEffect as useEffect422222 } from "react";
-import { useLocation as useLocation32222, useNavigate as useNavigate32222 } from "react-router-dom";
-import {
-  Settings as Settings32222,
-  ChevronLeft as ChevronLeft32222,
-  ChevronRight as ChevronRight22222,
-  Search as Search42222,
-  Bell as Bell22222,
-  User as User22222,
-  LogOut as LogOut22222,
-  Menu as Menu32222,
-  X as X222222,
-  Palette as Palette22222,
-  DollarSign as DollarSign22222,
-  HelpCircle as HelpCircle22222,
-  Building2 as Building222222
-} from "lucide-react";
-import { clsx as clsx22222 } from "clsx";
-import { twMerge as twMerge22222 } from "tailwind-merge";
-import { createContext as createContext52222, useContext as useContext52222, useState as useState122222, useEffect as useEffect92222 } from "react";
-import { jsx as jsx422222 } from "react/jsx-runtime";
-import { createContext as createContext222222, useContext as useContext222222, useEffect as useEffect222222, useState as useState222222 } from "react";
-import { jsx as jsx522222 } from "react/jsx-runtime";
-import { createContext as createContext322222, useContext as useContext322222, useState as useState322222, useCallback as useCallback32222 } from "react";
-import { jsx as jsx622222 } from "react/jsx-runtime";
-import { useState as useState422222, useEffect as useEffect322222 } from "react";
-import { jsx as jsx722222, jsxs as jsxs322222 } from "react/jsx-runtime";
-import { X as X62222, Loader as Loader32222, Eye as Eye32222, FileText as FileText32222, Check as Check22222, XCircle as XCircle32222, Edit as Edit22222, CheckCircle as CheckCircle32222, Clock as Clock22222, AlertCircle as AlertCircle22222, User as UserIcon22222, Send as Send22222 } from "lucide-react";
-import { useParams as useParams22222, useSearchParams as useSearchParams32222 } from "react-router-dom";
-import { Fragment as Fragment72222, jsx as jsx822222, jsxs as jsxs422222 } from "react/jsx-runtime";
-import { Fragment as Fragment222222, jsx as jsx922222, jsxs as jsxs522222 } from "react/jsx-runtime";
-import { useEffect as useEffect522222, useState as useState622222 } from "react";
-import { CheckCircle as CheckCircle222222, XCircle as XCircle222222, AlertTriangle as AlertTriangle22222, Info as Info22222, X as X322222 } from "lucide-react";
-import { jsx as jsx1022222, jsxs as jsxs622222 } from "react/jsx-runtime";
-import { ChevronLeft as ChevronLeft222222, Download as Download32222, Menu as Menu222222, Settings as Settings222222 } from "lucide-react";
-import { useState as useState722222 } from "react";
-import { Fragment as Fragment322222, jsx as jsx1122222, jsxs as jsxs722222 } from "react/jsx-runtime";
-import { useEffect as useEffect622222, useState as useState822222 } from "react";
-import { useLocation as useLocation222222, useNavigate as useNavigate222222, useSearchParams as useSearchParams222222, Link as Link222222 } from "react-router-dom";
-import { ArrowDownAZ as ArrowDownAZ22222, ArrowDownUp as ArrowDownUp22222, ArrowUpAZ as ArrowUpAZ22222, Download as Download222222, Filter as Filter22222, MoreVertical as MoreVertical22222, Printer as Printer22222, Search as Search222222 } from "lucide-react";
-import { Fragment as Fragment422222, jsx as jsx1222222, jsxs as jsxs822222 } from "react/jsx-runtime";
-import { useState as useState1022222, useEffect as useEffect822222 } from "react";
-import { useState as useState922222, useRef as useRef22222, useEffect as useEffect722222 } from "react";
-import { Search as Search322222, ChevronDown as ChevronDown22222, X as X422222, RefreshCw as RefreshCw22222, Plus as Plus32222 } from "lucide-react";
-import { Fragment as Fragment522222, jsx as jsx1322222, jsxs as jsxs922222 } from "react/jsx-runtime";
-import { X as X522222, Plus as Plus222222, Trash2 as Trash222222, Users as Users22222, Loader as Loader222222, RotateCcw as RotateCcw22222, Ban as Ban22222, Eye as Eye22222, FileText as FileText222222, History as History22222 } from "lucide-react";
-import { Fragment as Fragment622222, jsx as jsx1422222, jsxs as jsxs1022222 } from "react/jsx-runtime";
-import { createContext as createContext422222, useContext as useContext422222, useState as useState1122222, useCallback as useCallback222222 } from "react";
-import { jsx as jsx1522222, jsxs as jsxs1122222 } from "react/jsx-runtime";
-import { jsx as jsx1622222, jsxs as jsxs1222222 } from "react/jsx-runtime";
-import { useEffect as useEffect12, useState as useState16 } from "react";
-import { jsx as jsx1722222 } from "react/jsx-runtime";
-import { jsx as jsx2222222, jsxs as jsxs1322222 } from "react/jsx-runtime";
-import { Link as Link322222 } from "react-router-dom";
-import { jsx as jsx3222222, jsxs as jsxs2222222 } from "react/jsx-runtime";
-import React4222222, { useState as useState5222222, useEffect as useEffect4222222 } from "react";
-import { useLocation as useLocation322222, useNavigate as useNavigate322222 } from "react-router-dom";
-import {
-  Settings as Settings322222,
-  ChevronLeft as ChevronLeft322222,
-  ChevronRight as ChevronRight222222,
-  Search as Search422222,
-  Bell as Bell222222,
-  User as User222222,
-  LogOut as LogOut222222,
-  Menu as Menu322222,
-  X as X2222222,
-  Palette as Palette222222,
-  DollarSign as DollarSign222222,
-  HelpCircle as HelpCircle222222,
-  Building2 as Building2222222
-} from "lucide-react";
-import { clsx as clsx222222 } from "clsx";
-import { twMerge as twMerge222222 } from "tailwind-merge";
-import { createContext as createContext522222, useContext as useContext522222, useState as useState1222222, useEffect as useEffect922222 } from "react";
-import { jsx as jsx4222222 } from "react/jsx-runtime";
-import { createContext as createContext2222222, useContext as useContext2222222, useEffect as useEffect2222222, useState as useState2222222 } from "react";
-import { jsx as jsx5222222 } from "react/jsx-runtime";
-import { createContext as createContext3222222, useContext as useContext3222222, useState as useState3222222, useCallback as useCallback322222 } from "react";
-import { jsx as jsx6222222 } from "react/jsx-runtime";
-import { useState as useState4222222, useEffect as useEffect3222222 } from "react";
-import { jsx as jsx7222222, jsxs as jsxs3222222 } from "react/jsx-runtime";
-import { X as X622222, Loader as Loader322222, Eye as Eye322222, FileText as FileText322222, Check as Check222222, XCircle as XCircle322222, Edit as Edit222222, CheckCircle as CheckCircle322222, Clock as Clock222222, AlertCircle as AlertCircle222222, User as UserIcon222222, Send as Send222222 } from "lucide-react";
-import { useParams as useParams222222, useSearchParams as useSearchParams322222 } from "react-router-dom";
-import { Fragment as Fragment722222, jsx as jsx8222222, jsxs as jsxs4222222 } from "react/jsx-runtime";
-import { Fragment as Fragment2222222, jsx as jsx9222222, jsxs as jsxs5222222 } from "react/jsx-runtime";
-import { useEffect as useEffect5222222, useState as useState6222222 } from "react";
-import { CheckCircle as CheckCircle2222222, XCircle as XCircle2222222, AlertTriangle as AlertTriangle222222, Info as Info222222, X as X3222222 } from "lucide-react";
-import { jsx as jsx10222222, jsxs as jsxs6222222 } from "react/jsx-runtime";
-import { ChevronLeft as ChevronLeft2222222, Download as Download322222, Menu as Menu2222222, Settings as Settings2222222 } from "lucide-react";
-import { useState as useState7222222 } from "react";
-import { Fragment as Fragment3222222, jsx as jsx11222222, jsxs as jsxs7222222 } from "react/jsx-runtime";
-import { useEffect as useEffect6222222, useState as useState8222222 } from "react";
-import { useLocation as useLocation2222222, useNavigate as useNavigate2222222, useSearchParams as useSearchParams2222222, Link as Link2222222 } from "react-router-dom";
-import { ArrowDownAZ as ArrowDownAZ222222, ArrowDownUp as ArrowDownUp222222, ArrowUpAZ as ArrowUpAZ222222, Download as Download2222222, Filter as Filter222222, MoreVertical as MoreVertical222222, Printer as Printer222222, Search as Search2222222 } from "lucide-react";
-import { Fragment as Fragment4222222, jsx as jsx12222222, jsxs as jsxs8222222 } from "react/jsx-runtime";
-import { useState as useState10222222, useEffect as useEffect8222222 } from "react";
-import { useState as useState9222222, useRef as useRef222222, useEffect as useEffect7222222 } from "react";
-import { Search as Search3222222, ChevronDown as ChevronDown222222, X as X4222222, RefreshCw as RefreshCw222222, Plus as Plus322222 } from "lucide-react";
-import { Fragment as Fragment5222222, jsx as jsx13222222, jsxs as jsxs9222222 } from "react/jsx-runtime";
-import { X as X5222222, Plus as Plus2222222, Trash2 as Trash2222222, Users as Users222222, Loader as Loader2222222, RotateCcw as RotateCcw222222, Ban as Ban222222, Eye as Eye222222, FileText as FileText2222222, History as History222222 } from "lucide-react";
-import { Fragment as Fragment6222222, jsx as jsx14222222, jsxs as jsxs10222222 } from "react/jsx-runtime";
-import { createContext as createContext4222222, useContext as useContext4222222, useState as useState11222222, useCallback as useCallback2222222 } from "react";
-import { jsx as jsx15222222, jsxs as jsxs11222222 } from "react/jsx-runtime";
-import { jsx as jsx16222222, jsxs as jsxs12222222 } from "react/jsx-runtime";
-import { useEffect as useEffect11, useState as useState14 } from "react";
-import { jsx as jsx17222222 } from "react/jsx-runtime";
-import { jsx as jsx22222222, jsxs as jsxs13222222 } from "react/jsx-runtime";
-import { Link as Link3222222 } from "react-router-dom";
-import { jsx as jsx32222222, jsxs as jsxs22222222 } from "react/jsx-runtime";
-import React42222222, { useState as useState52222222, useEffect as useEffect42222222 } from "react";
-import { useLocation as useLocation3222222, useNavigate as useNavigate3222222 } from "react-router-dom";
-import {
-  Settings as Settings3222222,
-  ChevronLeft as ChevronLeft3222222,
-  ChevronRight as ChevronRight2222222,
-  Search as Search4222222,
-  Bell as Bell2222222,
-  User as User2222222,
-  LogOut as LogOut2222222,
-  Menu as Menu3222222,
-  X as X22222222,
-  Palette as Palette2222222,
-  DollarSign as DollarSign2222222,
-  HelpCircle as HelpCircle2222222,
-  Building2 as Building22222222
-} from "lucide-react";
-import { clsx as clsx2222222 } from "clsx";
-import { twMerge as twMerge2222222 } from "tailwind-merge";
-import { createContext as createContext5222222, useContext as useContext5222222, useState as useState12222222, useEffect as useEffect9222222 } from "react";
-import { jsx as jsx42222222 } from "react/jsx-runtime";
-import { createContext as createContext22222222, useContext as useContext22222222, useEffect as useEffect22222222, useState as useState22222222 } from "react";
-import { jsx as jsx52222222 } from "react/jsx-runtime";
-import { createContext as createContext32222222, useContext as useContext32222222, useState as useState32222222, useCallback as useCallback3222222 } from "react";
-import { jsx as jsx62222222 } from "react/jsx-runtime";
-import { useState as useState42222222, useEffect as useEffect32222222 } from "react";
-import { jsx as jsx72222222, jsxs as jsxs32222222 } from "react/jsx-runtime";
-import { X as X6222222, Loader as Loader3222222, Eye as Eye3222222, FileText as FileText3222222, Check as Check2222222, XCircle as XCircle3222222, Edit as Edit2222222, CheckCircle as CheckCircle3222222, Clock as Clock2222222, AlertCircle as AlertCircle2222222, User as UserIcon2222222, Send as Send2222222 } from "lucide-react";
-import { useParams as useParams2222222, useSearchParams as useSearchParams3222222 } from "react-router-dom";
-import { Fragment as Fragment7222222, jsx as jsx82222222, jsxs as jsxs42222222 } from "react/jsx-runtime";
-import { Fragment as Fragment22222222, jsx as jsx92222222, jsxs as jsxs52222222 } from "react/jsx-runtime";
-import { useEffect as useEffect52222222, useState as useState62222222 } from "react";
-import { CheckCircle as CheckCircle22222222, XCircle as XCircle22222222, AlertTriangle as AlertTriangle2222222, Info as Info2222222, X as X32222222 } from "lucide-react";
-import { jsx as jsx102222222, jsxs as jsxs62222222 } from "react/jsx-runtime";
-import { ChevronLeft as ChevronLeft22222222, Download as Download3222222, Menu as Menu22222222, Settings as Settings22222222 } from "lucide-react";
-import { useState as useState72222222 } from "react";
-import { Fragment as Fragment32222222, jsx as jsx112222222, jsxs as jsxs72222222 } from "react/jsx-runtime";
-import { useEffect as useEffect62222222, useState as useState82222222 } from "react";
-import { useLocation as useLocation22222222, useNavigate as useNavigate22222222, useSearchParams as useSearchParams22222222, Link as Link22222222 } from "react-router-dom";
-import { ArrowDownAZ as ArrowDownAZ2222222, ArrowDownUp as ArrowDownUp2222222, ArrowUpAZ as ArrowUpAZ2222222, Download as Download22222222, Filter as Filter2222222, MoreVertical as MoreVertical2222222, Printer as Printer2222222, Search as Search22222222 } from "lucide-react";
-import { Fragment as Fragment42222222, jsx as jsx122222222, jsxs as jsxs82222222 } from "react/jsx-runtime";
-import { useState as useState102222222, useEffect as useEffect82222222 } from "react";
-import { useState as useState92222222, useRef as useRef2222222, useEffect as useEffect72222222 } from "react";
-import { Search as Search32222222, ChevronDown as ChevronDown2222222, X as X42222222 } from "lucide-react";
-import { Fragment as Fragment52222222, jsx as jsx132222222, jsxs as jsxs92222222 } from "react/jsx-runtime";
-import { X as X52222222, Plus as Plus3222222, Trash2 as Trash22222222, Users as Users2222222, Loader as Loader22222222, RotateCcw as RotateCcw2222222, Ban as Ban2222222, Eye as Eye2222222, FileText as FileText22222222, History as History2222222 } from "lucide-react";
-import { Fragment as Fragment62222222, jsx as jsx142222222, jsxs as jsxs102222222 } from "react/jsx-runtime";
-import { createContext as createContext42222222, useContext as useContext42222222, useState as useState112222222, useCallback as useCallback22222222 } from "react";
-import { jsx as jsx152222222, jsxs as jsxs112222222 } from "react/jsx-runtime";
-import { jsx as jsx162222222, jsxs as jsxs122222222 } from "react/jsx-runtime";
-import { useState as useState13 } from "react";
-import { jsx as jsx18, jsxs as jsxs1422 } from "react/jsx-runtime";
-import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
-import { useState as useState15 } from "react";
-import { jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
-import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
-import { jsx as jsx23 } from "react/jsx-runtime";
-import { useState as useState17 } from "react";
-import { jsx as jsx24, jsxs as jsxs18 } from "react/jsx-runtime";
-import { jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
-import { jsx as jsx26 } from "react/jsx-runtime";
-import { useState as useState19 } from "react";
-import { jsx as jsx27, jsxs as jsxs20 } from "react/jsx-runtime";
-import { jsx as jsx28, jsxs as jsxs21 } from "react/jsx-runtime";
-import { jsx as jsx29 } from "react/jsx-runtime";
-import { useState as useState21 } from "react";
-import { jsx as jsx30, jsxs as jsxs23 } from "react/jsx-runtime";
-import { jsx as jsx31, jsxs as jsxs24 } from "react/jsx-runtime";
-import { jsx as jsx33 } from "react/jsx-runtime";
-import { useState as useState24 } from "react";
-import { jsx as jsx34, jsxs as jsxs25 } from "react/jsx-runtime";
-import { jsx as jsx35, jsxs as jsxs26 } from "react/jsx-runtime";
-import { jsx as jsx36 } from "react/jsx-runtime";
-var PrimaryButton2 = ({
-  loading = false,
-  children,
-  classname = "",
-  variant = "full",
-  ...props
-}) => /* @__PURE__ */ jsx17(
-  "button",
-  {
-    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]"}`,
-    ...props,
-    children: loading ? "Connexion en cours..." : children
-  }
-);
-var Buttons_default2 = PrimaryButton2;
-var Modal2 = ({ title, description, width = "max-w-lg", open, onClose, children }) => {
-  if (!open) return null;
-  return /* @__PURE__ */ jsx22("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50", children: /* @__PURE__ */ jsxs14("div", { className: `bg-white rounded-lg p-6 mx-4 w-full ${width}`, children: [
-    /* @__PURE__ */ jsxs14("div", { className: "flex justify-between items-start mb-6", children: [
-      /* @__PURE__ */ jsxs14("div", { children: [
-        /* @__PURE__ */ jsx22("h3", { className: "text-xl font-semibold text-tuatara flex items-center space-x-2", children: /* @__PURE__ */ jsx22("span", { children: title }) }),
-        description && /* @__PURE__ */ jsx22("p", { className: "text-sm text-gray-600 mt-1", children: description })
-      ] }),
-      /* @__PURE__ */ jsx22(
-        "button",
-        {
-          onClick: onClose,
-          className: "text-gray-400 hover:text-gray-600 text-xl",
-          "aria-label": "Close modal",
-          children: "\u2715"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx22("div", { className: "w-full max-h-[80vh] overflow-y-auto", children })
-  ] }) });
-};
-var Modals_default2 = Modal2;
-var InputField2 = ({
-  label,
-  name,
-  type = "text",
-  value,
-  placeholder,
-  required = false,
-  disabled = false,
-  error,
-  onChange,
-  onBlur
-}) => {
-  return /* @__PURE__ */ jsxs22("div", { className: "flex flex-col gap-1 w-full", children: [
-    label && /* @__PURE__ */ jsxs22("label", { htmlFor: name, className: "block text-gray-700 text-sm font-medium mb-2", children: [
-      label,
-      " ",
-      required && /* @__PURE__ */ jsx32("span", { className: "text-red-500", children: "*" })
-    ] }),
-    /* @__PURE__ */ jsx32(
-      "input",
-      {
-        id: name,
-        name,
-        type,
-        value,
-        placeholder,
-        required,
-        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" : ""}
-        `
-      }
-    ),
-    error && /* @__PURE__ */ jsx32("p", { className: "text-xs text-red-500", children: error })
-  ] });
-};
-var TextInput2 = (props) => {
-  return /* @__PURE__ */ jsx32(InputField2, { ...props, type: "text" });
-};
-var ThemeContext2 = createContext5(void 0);
-var chooseEnv2 = localStorage.getItem("env") ?? "prod";
-var ADDRESS_IP2 = chooseEnv2 === "prod" ? "back.rewise.praeduim-tech.com" : "localhost:8000";
-var ADDRESS_IP_URL2 = chooseEnv2 === "prod" ? `https://${ADDRESS_IP2}/` : `http://${ADDRESS_IP2}/`;
-var API_URL2 = `${ADDRESS_IP_URL2}api`;
-var API_BASE_URL3 = `${API_URL2}/core/auth/`;
-var VENDORS_API_URL2 = `${API_URL2}/accounting/vendors/`;
-var SessionContext2 = createContext22(void 0);
-var API_BASE_URL22 = `${API_URL2}/core/auth/`;
-var USERS_API_URL2 = `${API_URL2}/core/users/`;
-var ToastContext2 = createContext32(void 0);
-var APPROVAL_API_URL2 = `${API_URL2}/approvals/cases/`;
-var AlertContext2 = createContext42(void 0);
-var ThemeContext22 = createContext52(void 0);
-var chooseEnv22 = localStorage.getItem("env") ?? "prod";
-var ADDRESS_IP22 = chooseEnv22 === "prod" ? "back.rewise.praeduim-tech.com" : "localhost:8000";
-var ADDRESS_IP_URL22 = chooseEnv22 === "prod" ? `https://${ADDRESS_IP22}/` : `http://${ADDRESS_IP22}/`;
-var API_URL22 = `${ADDRESS_IP_URL22}api`;
-var API_BASE_URL32 = `${API_URL22}/core/auth/`;
-var SessionContext22 = createContext222(void 0);
-var API_BASE_URL222 = `${API_URL22}/core/auth/`;
-var USERS_API_URL22 = `${API_URL22}/core/users/`;
-var ToastContext22 = createContext322(void 0);
-var APPROVAL_API_URL22 = `${API_URL22}/approvals/cases/`;
-var AlertContext22 = createContext422(void 0);
-var VENDORS_API_URL22 = `${API_URL22}/accounting/vendors/`;
-var ThemeContext222 = createContext522(void 0);
-var chooseEnv222 = localStorage.getItem("env") ?? "prod";
-var ADDRESS_IP222 = chooseEnv222 === "prod" ? "back.rewise.praeduim-tech.com" : "localhost:8000";
-var ADDRESS_IP_URL222 = chooseEnv222 === "prod" ? `https://${ADDRESS_IP222}/` : `http://${ADDRESS_IP222}/`;
-var API_URL222 = `${ADDRESS_IP_URL222}api`;
-var API_BASE_URL322 = `${API_URL222}/core/auth/`;
-var SessionContext222 = createContext2222(void 0);
-var API_BASE_URL2222 = `${API_URL222}/core/auth/`;
-var USERS_API_URL222 = `${API_URL222}/core/users/`;
-var ToastContext222 = createContext3222(void 0);
-var APPROVAL_API_URL222 = `${API_URL222}/approvals/cases/`;
-var AlertContext222 = createContext4222(void 0);
-var VENDORS_API_URL222 = `${API_URL222}/accounting/vendors/`;
-var ThemeContext2222 = createContext5222(void 0);
-var chooseEnv2222 = localStorage.getItem("env") ?? "prod";
-var ADDRESS_IP2222 = chooseEnv2222 === "prod" ? "back.rewise.praeduim-tech.com" : "localhost:8000";
-var ADDRESS_IP_URL2222 = chooseEnv2222 === "prod" ? `https://${ADDRESS_IP2222}/` : `http://${ADDRESS_IP2222}/`;
-var API_URL2222 = `${ADDRESS_IP_URL2222}api`;
-var API_BASE_URL3222 = `${API_URL2222}/core/auth/`;
-var SessionContext2222 = createContext22222(void 0);
-var API_BASE_URL22222 = `${API_URL2222}/core/auth/`;
-var USERS_API_URL2222 = `${API_URL2222}/core/users/`;
-var ToastContext2222 = createContext32222(void 0);
-var APPROVAL_API_URL2222 = `${API_URL2222}/approvals/cases/`;
-var AlertContext2222 = createContext42222(void 0);
-var VENDORS_API_URL2222 = `${API_URL2222}/accounting/vendors/`;
-var ThemeContext22222 = createContext52222(void 0);
-var ADDRESS_IP22222 = "localhost:8000";
-var ADDRESS_IP_URL22222 = `http://${ADDRESS_IP22222}/`;
-var API_URL22222 = `${ADDRESS_IP_URL22222}api`;
-var API_BASE_URL32222 = `${API_URL22222}/core/auth/`;
-var SessionContext22222 = createContext222222(void 0);
-var API_BASE_URL222222 = `${API_URL22222}/core/auth/`;
-var USERS_API_URL22222 = `${API_URL22222}/core/users/`;
-var ToastContext22222 = createContext322222(void 0);
-var APPROVAL_API_URL22222 = `${API_URL22222}/approvals/cases/`;
-var AlertContext22222 = createContext422222(void 0);
-var VENDORS_API_URL22222 = `${API_URL22222}/accounting/vendors/`;
-var ThemeContext222222 = createContext522222(void 0);
-var ADDRESS_IP222222 = "localhost:8000";
-var ADDRESS_IP_URL222222 = `http://${ADDRESS_IP222222}/`;
-var API_URL222222 = `${ADDRESS_IP_URL222222}api`;
-var API_BASE_URL322222 = `${API_URL222222}/core/auth/`;
-var SessionContext222222 = createContext2222222(void 0);
-var API_BASE_URL2222222 = `${API_URL222222}/core/auth/`;
-var USERS_API_URL222222 = `${API_URL222222}/core/users/`;
-var ToastContext222222 = createContext3222222(void 0);
-var APPROVAL_API_URL222222 = `${API_URL222222}/approvals/cases/`;
-var AlertContext222222 = createContext4222222(void 0);
-var VENDORS_API_URL222222 = `${API_URL222222}/accounting/vendors/`;
-var ThemeContext2222222 = createContext5222222(void 0);
-var ADDRESS_IP2222222 = "localhost:8000";
-var ADDRESS_IP_URL2222222 = `http://${ADDRESS_IP2222222}/`;
-var API_URL2222222 = `${ADDRESS_IP_URL2222222}api`;
-var API_BASE_URL3222222 = `${API_URL2222222}/core/auth/`;
-var SessionContext2222222 = createContext22222222(void 0);
-var API_BASE_URL22222222 = `${API_URL2222222}/core/auth/`;
-var USERS_API_URL2222222 = `${API_URL2222222}/core/users/`;
-var ToastContext2222222 = createContext32222222(void 0);
-var APPROVAL_API_URL2222222 = `${API_URL2222222}/approvals/cases/`;
-var AlertContext2222222 = createContext42222222(void 0);
-var URI = `${API_URL222222}/core/departments/`;
-var URI2 = `${API_URL222222}/accounting/profit-or-cost-center/`;
-var COST_URI = `${API_URL222222}/accounting/cost-center/`;
-var PROFIT_URI = `${API_URL222222}/accounting/profit-center/`;
-var URI3 = `${API_URL22222}/core/departments/`;
-var URI4 = `${API_URL22222}/accounting/profit-or-cost-center/`;
-var COST_URI2 = `${API_URL22222}/accounting/cost-center/`;
-var PROFIT_URI2 = `${API_URL22222}/accounting/profit-center/`;
-var URI5 = `${API_URL2222}/core/departments/`;
-var URI6 = `${API_URL2222}/accounting/profit-or-cost-center/`;
-var COST_URI3 = `${API_URL2222}/accounting/cost-center/`;
-var PROFIT_URI3 = `${API_URL2222}/accounting/profit-center/`;
-var URI7 = `${API_URL222}/core/departments/`;
-var URI8 = `${API_URL222}/accounting/profit-or-cost-center/`;
-var COST_URI4 = `${API_URL222}/accounting/cost-center/`;
-var PROFIT_URI4 = `${API_URL222}/accounting/profit-center/`;
-var URI9 = `${API_URL22}/core/departments/`;
-var URI10 = `${API_URL22}/accounting/profit-or-cost-center/`;
-var COST_URI5 = `${API_URL22}/accounting/cost-center/`;
-var PROFIT_URI5 = `${API_URL22}/accounting/profit-center/`;
-var URI11 = `${API_URL2}/core/departments/`;
-var URI12 = `${API_URL2}/accounting/profit-or-cost-center/`;
-var COST_URI6 = `${API_URL2}/accounting/cost-center/`;
-var PROFIT_URI6 = `${API_URL2}/accounting/profit-center/`;
+import { useEffect as useEffect10, useState as useState13 } from "react";
 
 // src/components/common/FormVendor.tsx
-import { useState as useState26 } from "react";
-import { jsx as jsx37, jsxs as jsxs27 } from "react/jsx-runtime";
+import { useState as useState12 } from "react";
+import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
 var MinimalVendorForm = ({
   isOpen,
   onClose,
@@ -5688,13 +5710,13 @@ var MinimalVendorForm = ({
   refresh = () => {
   }
 }) => {
-  const [formData, setFormData] = useState26(object || {
+  const [formData, setFormData] = useState12(object || {
     from_module: from ?? null,
     legal_name: "",
     trading_name: ""
   });
-  const [errors, setErrors] = useState26({});
-  const [loading, setLoading] = useState26(false);
+  const [errors, setErrors] = useState12({});
+  const [loading, setLoading] = useState12(false);
   const { token } = useSession();
   const { success, error: showError } = useToast();
   const handleInputChange = (e) => {
@@ -5753,18 +5775,18 @@ var MinimalVendorForm = ({
     }
   };
   if (!isOpen) return null;
-  return /* @__PURE__ */ jsx37(
-    Modals_default2,
+  return /* @__PURE__ */ jsx17(
+    Modals_default,
     {
       title: "Ajouter un fournisseur",
       width: "w-[100%]",
       description: ``,
       open: isOpen,
       onClose,
-      children: /* @__PURE__ */ jsxs27("form", { onSubmit: handleSubmit, className: "p-", children: [
-        /* @__PURE__ */ jsx37("div", { className: "space-y-4", children: /* @__PURE__ */ jsxs27("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-          /* @__PURE__ */ jsx37(
-            TextInput2,
+      children: /* @__PURE__ */ jsxs14("form", { onSubmit: handleSubmit, className: "p-", children: [
+        /* @__PURE__ */ jsx17("div", { className: "space-y-4", children: /* @__PURE__ */ jsxs14("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ jsx17(
+            TextInput,
             {
               label: "Raison sociale",
               name: "legal_name",
@@ -5775,8 +5797,8 @@ var MinimalVendorForm = ({
               onChange: handleInputChange
             }
           ),
-          /* @__PURE__ */ jsx37(
-            TextInput2,
+          /* @__PURE__ */ jsx17(
+            TextInput,
             {
               label: "Nom commercial",
               name: "trading_name",
@@ -5786,8 +5808,8 @@ var MinimalVendorForm = ({
             }
           )
         ] }) }),
-        /* @__PURE__ */ jsxs27("div", { className: "flex justify-between pt-6 mt-8", children: [
-          /* @__PURE__ */ jsx37(
+        /* @__PURE__ */ jsxs14("div", { className: "flex justify-between pt-6 mt-8", children: [
+          /* @__PURE__ */ jsx17(
             "button",
             {
               type: "button",
@@ -5796,8 +5818,8 @@ var MinimalVendorForm = ({
               children: "Annuler"
             }
           ),
-          /* @__PURE__ */ jsx37(
-            Buttons_default2,
+          /* @__PURE__ */ jsx17(
+            Buttons_default,
             {
               type: "button",
               onClick: handleSubmit,
@@ -5812,43 +5834,43 @@ var MinimalVendorForm = ({
 };
 
 // src/services/DepartmentServices.ts
-var URI13 = `${API_URL}/core/departments/`;
+var URI = `${API_URL}/core/departments/`;
 var DepartmentServices = {
-  create: (data) => FetchApi.post(`${URI13}`, data),
-  get: (id) => FetchApi.get(`${URI13}${id}/`),
-  list: (params) => FetchApi.get(`${URI13}?${new URLSearchParams(params).toString()}`),
-  update: (id, data) => FetchApi.put(`${URI13}${id}/`, data),
-  delete: (id) => FetchApi.delete(`${URI13}${id}/`)
+  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/services/ProfitCostsServices.ts
-var URI14 = `${API_URL}/accounting/profit-or-cost-center/`;
-var COST_URI7 = `${API_URL}/accounting/cost-center/`;
+var URI2 = `${API_URL}/accounting/profit-or-cost-center/`;
+var COST_URI = `${API_URL}/accounting/cost-center/`;
 var CostServices = {
-  create: (data) => FetchApi.post(`${COST_URI7}`, data),
-  get: (id) => FetchApi.get(`${COST_URI7}${id}/`),
-  list: (params) => FetchApi.get(`${COST_URI7}?${new URLSearchParams(params).toString()}`),
-  update: (id, data) => FetchApi.put(`${COST_URI7}${id}/`, data),
-  delete: (id) => FetchApi.delete(`${COST_URI7}${id}/`)
+  create: (data) => FetchApi.post(`${COST_URI}`, data),
+  get: (id) => FetchApi.get(`${COST_URI}${id}/`),
+  list: (params) => FetchApi.get(`${COST_URI}?${new URLSearchParams(params).toString()}`),
+  update: (id, data) => FetchApi.put(`${COST_URI}${id}/`, data),
+  delete: (id) => FetchApi.delete(`${COST_URI}${id}/`)
 };
-var PROFIT_URI7 = `${API_URL}/accounting/profit-center/`;
+var PROFIT_URI = `${API_URL}/accounting/profit-center/`;
 
 // src/components/common/CommonSelect.tsx
-import { jsx as jsx38, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
 var SelectVendor = ({
   value,
   onSelect
 }) => {
-  const [showModal, setShowModal] = useState27(false);
-  const [selectedVendor, setSelectedVendor] = useState27(null);
+  const [showModal, setShowModal] = useState13(false);
+  const [selectedVendor, setSelectedVendor] = useState13(null);
   const { token, activeBusinessEntity } = useSession();
-  const [vendors, setVendors] = useState27(() => {
+  const [vendors, setVendors] = useState13(() => {
     const cacheKey = `vendors_cache_${activeBusinessEntity?.id || "default"}`;
     const cached = sessionStorage.getItem(cacheKey);
     return cached ? JSON.parse(cached) : [];
   });
-  const [loadingVendors, setLoadingVendors] = useState27(false);
-  useEffect17(() => {
+  const [loadingVendors, setLoadingVendors] = useState13(false);
+  useEffect10(() => {
     const cacheKey = `vendors_cache_${activeBusinessEntity?.id || "default"}`;
     const cached = sessionStorage.getItem(cacheKey);
     if (!cached) {
@@ -5886,9 +5908,9 @@ var SelectVendor = ({
     sessionStorage.removeItem(cacheKey);
     loadVendors();
   };
-  return /* @__PURE__ */ jsxs28("div", { children: [
-    /* @__PURE__ */ jsx38("div", { className: "flex justify-between ", children: /* @__PURE__ */ jsx38("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Ajouter un fournisseur" }) }),
-    /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsxs15("div", { children: [
+    /* @__PURE__ */ jsx18("div", { className: "flex justify-between ", children: /* @__PURE__ */ jsx18("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Ajouter un fournisseur" }) }),
+    /* @__PURE__ */ jsx18(
       SearchableSelect,
       {
         value,
@@ -5904,8 +5926,8 @@ var SelectVendor = ({
       },
       "fourni" + value
     ),
-    loadingVendors && /* @__PURE__ */ jsx38("p", { className: "text-sm text-gray-500 mt-2", children: "Chargement des fournisseurs..." }),
-    showModal && /* @__PURE__ */ jsx38(
+    loadingVendors && /* @__PURE__ */ jsx18("p", { className: "text-sm text-gray-500 mt-2", children: "Chargement des fournisseurs..." }),
+    showModal && /* @__PURE__ */ jsx18(
       MinimalVendorForm,
       {
         object: selectedVendor,
@@ -5922,13 +5944,13 @@ var SelectUser = ({
   onSelect
 }) => {
   const { token, activeBusinessEntity } = useSession();
-  const [users, setUsers] = useState27(() => {
+  const [users, setUsers] = useState13(() => {
     const cacheKey = `users_cache_${activeBusinessEntity?.id || "default"}`;
     const cached = sessionStorage.getItem(cacheKey);
     return cached ? JSON.parse(cached) : [];
   });
-  const [loading, setLoading] = useState27(false);
-  useEffect17(() => {
+  const [loading, setLoading] = useState13(false);
+  useEffect10(() => {
     const cacheKey = `users_cache_${activeBusinessEntity?.id || "default"}`;
     const cached = sessionStorage.getItem(cacheKey);
     if (!cached) {
@@ -5964,19 +5986,19 @@ var SelectUser = ({
     return users.map((user) => ({
       value: user.id,
       label: `${user.first_name} ${user.last_name}`,
-      content: /* @__PURE__ */ jsx38("div", { className: "flex items-center space-x-3", children: /* @__PURE__ */ jsxs28("div", { className: "flex-1", children: [
-        /* @__PURE__ */ jsxs28("div", { className: "font-medium text-gray-900", children: [
+      content: /* @__PURE__ */ jsx18("div", { className: "flex items-center space-x-3", children: /* @__PURE__ */ jsxs15("div", { className: "flex-1", children: [
+        /* @__PURE__ */ jsxs15("div", { className: "font-medium text-gray-900", children: [
           user.first_name,
           " ",
           user.last_name
         ] }),
-        /* @__PURE__ */ jsx38("div", { className: "text-sm text-gray-500", children: user.email })
+        /* @__PURE__ */ jsx18("div", { className: "text-sm text-gray-500", children: user.email })
       ] }) })
     }));
   };
-  return /* @__PURE__ */ jsxs28("div", { children: [
-    /* @__PURE__ */ jsx38("div", { className: "flex justify-between ", children: /* @__PURE__ */ jsx38("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "S\xE9lectionner un utilisateur" }) }),
-    /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsxs15("div", { children: [
+    /* @__PURE__ */ jsx18("div", { className: "flex justify-between ", children: /* @__PURE__ */ jsx18("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "S\xE9lectionner un utilisateur" }) }),
+    /* @__PURE__ */ jsx18(
       SearchableSelect,
       {
         value,
@@ -5989,7 +6011,7 @@ var SelectUser = ({
       },
       "user" + value
     ),
-    loading && /* @__PURE__ */ jsx38("p", { className: "text-sm text-gray-500 mt-2", children: "Chargement des utilisateurs..." })
+    loading && /* @__PURE__ */ jsx18("p", { className: "text-sm text-gray-500 mt-2", children: "Chargement des utilisateurs..." })
   ] });
 };
 var SelectDepartment = ({
@@ -5997,13 +6019,13 @@ var SelectDepartment = ({
   onSelect
 }) => {
   const { token, activeBusinessEntity } = useSession();
-  const [departments, setDepartments] = useState27(() => {
+  const [departments, setDepartments] = useState13(() => {
     const cacheKey = `departments_cache_${activeBusinessEntity?.id || "default"}`;
     const cached = sessionStorage.getItem(cacheKey);
     return cached ? JSON.parse(cached) : [];
   });
-  const [loading, setLoading] = useState27(false);
-  useEffect17(() => {
+  const [loading, setLoading] = useState13(false);
+  useEffect10(() => {
     const cacheKey = `departments_cache_${activeBusinessEntity?.id || "default"}`;
     const cached = sessionStorage.getItem(cacheKey);
     if (!cached) {
@@ -6039,9 +6061,9 @@ var SelectDepartment = ({
       label: dept.name
     }));
   };
-  return /* @__PURE__ */ jsxs28("div", { children: [
-    /* @__PURE__ */ jsx38("div", { className: "flex justify-between ", children: /* @__PURE__ */ jsx38("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "S\xE9lectionner un d\xE9partement" }) }),
-    /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsxs15("div", { children: [
+    /* @__PURE__ */ jsx18("div", { className: "flex justify-between ", children: /* @__PURE__ */ jsx18("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "S\xE9lectionner un d\xE9partement" }) }),
+    /* @__PURE__ */ jsx18(
       SearchableSelect,
       {
         value,
@@ -6054,7 +6076,7 @@ var SelectDepartment = ({
       },
       "dept" + value
     ),
-    loading && /* @__PURE__ */ jsx38("p", { className: "text-sm text-gray-500 mt-2", children: "Chargement des d\xE9partements..." })
+    loading && /* @__PURE__ */ jsx18("p", { className: "text-sm text-gray-500 mt-2", children: "Chargement des d\xE9partements..." })
   ] });
 };
 var SelectCostCenter = ({
@@ -6062,13 +6084,13 @@ var SelectCostCenter = ({
   onSelect
 }) => {
   const { token, activeBusinessEntity } = useSession();
-  const [costCenters, setCostCenters] = useState27(() => {
+  const [costCenters, setCostCenters] = useState13(() => {
     const cacheKey = `cost_centers_cache_${activeBusinessEntity?.id || "default"}`;
     const cached = sessionStorage.getItem(cacheKey);
     return cached ? JSON.parse(cached) : [];
   });
-  const [loading, setLoading] = useState27(false);
-  useEffect17(() => {
+  const [loading, setLoading] = useState13(false);
+  useEffect10(() => {
     const cacheKey = `cost_centers_cache_${activeBusinessEntity?.id || "default"}`;
     const cached = sessionStorage.getItem(cacheKey);
     if (!cached) {
@@ -6102,18 +6124,18 @@ var SelectCostCenter = ({
     return costCenters.map((center) => ({
       value: center.id,
       label: `${center.code ? `[${center.code}] ` : ""}${center.name}`,
-      content: /* @__PURE__ */ jsx38("div", { className: "flex items-center space-x-3", children: /* @__PURE__ */ jsxs28("div", { className: "flex-1", children: [
-        /* @__PURE__ */ jsx38("div", { className: "font-medium text-gray-900", children: center.name }),
-        center.code && /* @__PURE__ */ jsxs28("div", { className: "text-sm text-gray-500", children: [
+      content: /* @__PURE__ */ jsx18("div", { className: "flex items-center space-x-3", children: /* @__PURE__ */ jsxs15("div", { className: "flex-1", children: [
+        /* @__PURE__ */ jsx18("div", { className: "font-medium text-gray-900", children: center.name }),
+        center.code && /* @__PURE__ */ jsxs15("div", { className: "text-sm text-gray-500", children: [
           "Code: ",
           center.code
         ] })
       ] }) })
     }));
   };
-  return /* @__PURE__ */ jsxs28("div", { children: [
-    /* @__PURE__ */ jsx38("div", { className: "flex justify-between ", children: /* @__PURE__ */ jsx38("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "S\xE9lectionner un centre de co\xFBt" }) }),
-    /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsxs15("div", { children: [
+    /* @__PURE__ */ jsx18("div", { className: "flex justify-between ", children: /* @__PURE__ */ jsx18("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "S\xE9lectionner un centre de co\xFBt" }) }),
+    /* @__PURE__ */ jsx18(
       SearchableSelect,
       {
         value,
@@ -6126,12 +6148,12 @@ var SelectCostCenter = ({
       },
       "cost" + value
     ),
-    loading && /* @__PURE__ */ jsx38("p", { className: "text-sm text-gray-500 mt-2", children: "Chargement des centres de co\xFBt..." })
+    loading && /* @__PURE__ */ jsx18("p", { className: "text-sm text-gray-500 mt-2", children: "Chargement des centres de co\xFBt..." })
   ] });
 };
 
 // src/components/common/Choices.tsx
-import { jsx as jsx39 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 var CHOICES = {
   INVOICE_TYPES: [
     { value: "sale", label: { fr: "Vente", en: "Sale", default: "Sale" } },
@@ -6389,7 +6411,7 @@ var InvoiceTypeSelector = ({
     value: item.value,
     label: item.label[language]
   }));
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx19(
     SearchableSelect,
     {
       value,
@@ -6412,7 +6434,7 @@ var PaymentMethodSelector = ({
     value: item.value,
     label: item.label[language]
   }));
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx19(
     SearchableSelect,
     {
       value,
@@ -6435,7 +6457,7 @@ var TemplateFNESelector = ({
     value: item.value,
     label: item.label[language]
   }));
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx19(
     SearchableSelect,
     {
       value,
@@ -6458,7 +6480,7 @@ var ForeignCurrencySelector = ({
     value: item.value,
     label: item.label[language]
   }));
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx19(
     SearchableSelect,
     {
       value,
@@ -6482,7 +6504,7 @@ var TaxSelector = ({
     value: item.value,
     label: item.label[language]
   }));
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx19(
     SearchableSelect,
     {
       value,
@@ -6510,7 +6532,7 @@ var LegalFormSelector = ({
     value: item.value,
     label: item.label[language] ?? item.label.default
   }));
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx19(
     SearchableSelect,
     {
       value,
@@ -6533,7 +6555,7 @@ var CountrySelector = ({
     value: item.value,
     label: item.label[language]
   }));
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx19(
     SearchableSelect,
     {
       value,