ptechcore_ui 1.0.20 → 1.0.22

package/dist/index.cjs

@@ -819,6 +819,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
@@ -993,7 +1023,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
@@ -1020,9 +1065,10 @@ var ToastProvider = ({ children }) => {
   };
   const addToast = (0, import_react3.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]);
@@ -1736,7 +1782,30 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
   const [showThemeMenu, setShowThemeMenu] = (0, import_react5.useState)(false);
   const [showCenterMenu, setShowCenterMenu] = (0, import_react5.useState)(false);
   const [showModulesMenu, setShowModulesMenu] = (0, import_react5.useState)(false);
+  const [showProfileModal, setShowProfileModal] = (0, import_react5.useState)(false);
+  const [showEditProfileModal, setShowEditProfileModal] = (0, import_react5.useState)(false);
+  const [showChangePasswordModal, setShowChangePasswordModal] = (0, import_react5.useState)(false);
   const [currentSlide, setCurrentSlide] = (0, import_react5.useState)(0);
+  const [editProfileData, setEditProfileData] = (0, import_react5.useState)({
+    first_name: "",
+    last_name: "",
+    email: "",
+    phonenumber: "",
+    job_title: "",
+    department: ""
+  });
+  const [savingProfile, setSavingProfile] = (0, import_react5.useState)(false);
+  const [uploadingPhoto, setUploadingPhoto] = (0, import_react5.useState)(false);
+  const [passwordData, setPasswordData] = (0, import_react5.useState)({
+    current_password: "",
+    new_password: "",
+    confirm_password: ""
+  });
+  const [savingPassword, setSavingPassword] = (0, import_react5.useState)(false);
+  const [showCurrentPassword, setShowCurrentPassword] = (0, import_react5.useState)(false);
+  const [showNewPassword, setShowNewPassword] = (0, import_react5.useState)(false);
+  const [showConfirmPassword, setShowConfirmPassword] = (0, import_react5.useState)(false);
+  const fileInputRef = import_react5.default.useRef(null);
   const slides = [
     {
       title: "Rappel \u2013 Gestion des jours de cong\xE9",
@@ -1855,6 +1924,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__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex h-screen bg-[var(--color-background)] overflow-hidden", children: [
     /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       "a",
@@ -2404,6 +2600,10 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                       /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
                         "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: [
@@ -2701,6 +2901,418 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
           }
         )
       }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      Modals_default,
+      {
+        title: "Mon Profil",
+        description: "G\xE9rez vos informations personnelles",
+        width: "max-w-2xl",
+        open: showProfileModal,
+        onClose: () => setShowProfileModal(false),
+        children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "space-y-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+            "input",
+            {
+              ref: fileInputRef,
+              type: "file",
+              accept: "image/jpeg,image/png,image/gif,image/webp",
+              onChange: handlePhotoChange,
+              className: "hidden"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex flex-col sm:flex-row items-center gap-6 pb-6 border-b border-[var(--color-border)]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "relative group", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("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__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Loader2, { className: "w-8 h-8 text-white animate-spin" }) : loggedUser?.profile_picture ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                "img",
+                {
+                  src: loggedUser.profile_picture,
+                  alt: "Photo de profil",
+                  className: "w-full h-full rounded-full object-cover"
+                }
+              ) : /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("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__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "absolute -bottom-1 -right-1 flex gap-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                  "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__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Camera, { className: "w-4 h-4 text-white" })
+                  }
+                ),
+                loggedUser?.profile_picture && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                  "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__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Trash2, { className: "w-4 h-4 text-white" })
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "text-center sm:text-left flex-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("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__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-[var(--color-text-secondary)] mt-1", children: loggedUser?.job_title || "Membre de l'\xE9quipe" }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex items-center justify-center sm:justify-start gap-2 mt-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("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__ */ (0, import_jsx_runtime9.jsx)("span", { className: "px-2 py-1 text-xs font-medium rounded-full bg-blue-100 text-blue-700", children: "Staff" })
+              ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+              "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__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Edit3, { className: "w-4 h-4" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text-sm font-medium", children: "Modifier" })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex items-center gap-3 p-4 bg-[var(--color-surface)] rounded-lg border border-[var(--color-border)]", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "w-10 h-10 bg-[var(--color-primary-light)] rounded-lg flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Mail, { className: "w-5 h-5 text-[var(--color-primary)]" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex-1 min-w-0", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-xs text-[var(--color-text-tertiary)] uppercase tracking-wide", children: "Email" }),
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-sm font-medium text-[var(--color-text-primary)] truncate", children: loggedUser?.email || "Non renseign\xE9" })
+              ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex items-center gap-3 p-4 bg-[var(--color-surface)] rounded-lg border border-[var(--color-border)]", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "w-10 h-10 bg-[var(--color-primary-light)] rounded-lg flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Phone, { className: "w-5 h-5 text-[var(--color-primary)]" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex-1 min-w-0", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-xs text-[var(--color-text-tertiary)] uppercase tracking-wide", children: "T\xE9l\xE9phone" }),
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-sm font-medium text-[var(--color-text-primary)] truncate", children: loggedUser?.phonenumber || "Non renseign\xE9" })
+              ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex items-center gap-3 p-4 bg-[var(--color-surface)] rounded-lg border border-[var(--color-border)]", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "w-10 h-10 bg-[var(--color-primary-light)] rounded-lg flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.User, { className: "w-5 h-5 text-[var(--color-primary)]" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex-1 min-w-0", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-xs text-[var(--color-text-tertiary)] uppercase tracking-wide", children: "Nom d'utilisateur" }),
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-sm font-medium text-[var(--color-text-primary)] truncate", children: loggedUser?.username || "Non renseign\xE9" })
+              ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex items-center gap-3 p-4 bg-[var(--color-surface)] rounded-lg border border-[var(--color-border)]", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "w-10 h-10 bg-[var(--color-primary-light)] rounded-lg flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Briefcase, { className: "w-5 h-5 text-[var(--color-primary)]" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex-1 min-w-0", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-xs text-[var(--color-text-tertiary)] uppercase tracking-wide", children: "D\xE9partement" }),
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("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__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "pt-4 border-t border-[var(--color-border)]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("h3", { className: "text-sm font-semibold text-[var(--color-text-primary)] mb-3 flex items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Building2, { className: "w-4 h-4 text-[var(--color-primary)]" }),
+              "Centres d'acc\xE8s (",
+              loggedUser.centers_access.length,
+              ")"
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "flex flex-wrap gap-2", children: loggedUser.centers_access.map((center) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+              "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__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "pt-4 border-t border-[var(--color-border)]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("h3", { className: "text-sm font-semibold text-[var(--color-text-primary)] mb-3 flex items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Shield, { className: "w-4 h-4 text-[var(--color-primary)]" }),
+              "S\xE9curit\xE9 du compte"
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex items-center justify-between p-3 bg-[var(--color-surface)] rounded-lg", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text-sm text-[var(--color-text-secondary)]", children: "Derni\xE8re connexion" }),
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("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__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex items-center justify-between p-3 bg-[var(--color-surface)] rounded-lg", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text-sm text-[var(--color-text-secondary)]", children: "Membre depuis" }),
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("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__ */ (0, import_jsx_runtime9.jsxs)(
+              "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__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Lock, { className: "w-4 h-4" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text-sm font-medium", children: "Changer le mot de passe" })
+                ]
+              }
+            )
+          ] })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      Modals_default,
+      {
+        title: "Modifier mon profil",
+        description: "Mettez \xE0 jour vos informations personnelles",
+        width: "max-w-lg",
+        open: showEditProfileModal,
+        onClose: () => setShowEditProfileModal(false),
+        children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "grid grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("label", { className: "block text-sm font-medium text-[var(--color-text-secondary)] mb-1", children: "Pr\xE9nom" }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                "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__ */ (0, import_jsx_runtime9.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("label", { className: "block text-sm font-medium text-[var(--color-text-secondary)] mb-1", children: "Nom" }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                "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__ */ (0, import_jsx_runtime9.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("label", { className: "block text-sm font-medium text-[var(--color-text-secondary)] mb-1", children: "Email" }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "relative", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Mail, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-[var(--color-text-tertiary)]" }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                "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__ */ (0, import_jsx_runtime9.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("label", { className: "block text-sm font-medium text-[var(--color-text-secondary)] mb-1", children: "T\xE9l\xE9phone" }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "relative", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Phone, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-[var(--color-text-tertiary)]" }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                "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__ */ (0, import_jsx_runtime9.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("label", { className: "block text-sm font-medium text-[var(--color-text-secondary)] mb-1", children: "Poste / Titre" }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "relative", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Briefcase, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-[var(--color-text-tertiary)]" }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                "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__ */ (0, import_jsx_runtime9.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("label", { className: "block text-sm font-medium text-[var(--color-text-secondary)] mb-1", children: "D\xE9partement" }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "relative", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Building2, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-[var(--color-text-tertiary)]" }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                "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__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex justify-end gap-3 pt-4 border-t border-[var(--color-border)]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+              "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__ */ (0, import_jsx_runtime9.jsxs)(
+              "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__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Loader2, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Save, { className: "w-4 h-4" }),
+                  savingProfile ? "Enregistrement..." : "Enregistrer"
+                ]
+              }
+            )
+          ] })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      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__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("label", { className: "block text-sm font-medium text-[var(--color-text-secondary)] mb-1", children: "Mot de passe actuel" }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "relative", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Lock, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-[var(--color-text-tertiary)]" }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                "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__ */ (0, import_jsx_runtime9.jsx)(
+                "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__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.EyeOff, { className: "w-4 h-4" }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Eye, { className: "w-4 h-4" })
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("label", { className: "block text-sm font-medium text-[var(--color-text-secondary)] mb-1", children: "Nouveau mot de passe" }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "relative", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Lock, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-[var(--color-text-tertiary)]" }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                "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__ */ (0, import_jsx_runtime9.jsx)(
+                "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__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.EyeOff, { className: "w-4 h-4" }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Eye, { className: "w-4 h-4" })
+                }
+              )
+            ] }),
+            passwordData.new_password && passwordData.new_password.length < 8 && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "mt-1 text-xs text-red-500", children: "Le mot de passe doit contenir au moins 8 caract\xE8res" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("label", { className: "block text-sm font-medium text-[var(--color-text-secondary)] mb-1", children: "Confirmer le nouveau mot de passe" }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "relative", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Lock, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-[var(--color-text-tertiary)]" }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                "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__ */ (0, import_jsx_runtime9.jsx)(
+                "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__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.EyeOff, { className: "w-4 h-4" }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Eye, { className: "w-4 h-4" })
+                }
+              )
+            ] }),
+            passwordData.confirm_password && passwordData.new_password !== passwordData.confirm_password && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("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__ */ (0, import_jsx_runtime9.jsxs)("p", { className: "mt-1 text-xs text-green-600 flex items-center gap-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Check, { className: "w-3 h-3" }),
+              " Les mots de passe correspondent"
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex justify-end gap-3 pt-4 border-t border-[var(--color-border)]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+              "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__ */ (0, import_jsx_runtime9.jsxs)(
+              "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__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Loader2, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Shield, { className: "w-4 h-4" }),
+                  savingPassword ? "Modification..." : "Changer le mot de passe"
+                ]
+              }
+            )
+          ] })
+        ] })
+      }
     )
   ] });
 };
@@ -5132,515 +5744,11 @@ var useAlert = () => {
 };
 
 // src/components/common/CommonSelect.tsx
-var import_react102 = require("react");
-
-// dist/index.js
-var import_jsx_runtime17 = require("react/jsx-runtime");
-var import_jsx_runtime18 = require("react/jsx-runtime");
-var import_react_router_dom5 = require("react-router-dom");
-var import_jsx_runtime19 = require("react/jsx-runtime");
-var import_react12 = __toESM(require("react"), 1);
-var import_react_router_dom6 = require("react-router-dom");
-var import_lucide_react9 = require("lucide-react");
-var import_clsx2 = require("clsx");
-var import_tailwind_merge2 = require("tailwind-merge");
 var import_react13 = require("react");
-var import_jsx_runtime20 = require("react/jsx-runtime");
-var import_react14 = require("react");
-var import_jsx_runtime21 = require("react/jsx-runtime");
-var import_react15 = require("react");
-var import_lucide_react10 = require("lucide-react");
-var import_jsx_runtime22 = require("react/jsx-runtime");
-var import_react16 = require("react");
-var import_jsx_runtime23 = require("react/jsx-runtime");
-var import_lucide_react11 = require("lucide-react");
-var import_react_router_dom7 = require("react-router-dom");
-var import_jsx_runtime24 = require("react/jsx-runtime");
-var import_jsx_runtime25 = require("react/jsx-runtime");
-var import_react17 = require("react");
-var import_lucide_react12 = require("lucide-react");
-var import_jsx_runtime26 = require("react/jsx-runtime");
-var import_lucide_react13 = require("lucide-react");
-var import_react18 = require("react");
-var import_jsx_runtime27 = require("react/jsx-runtime");
-var import_react19 = __toESM(require("react"), 1);
-var import_react_router_dom8 = require("react-router-dom");
-var import_lucide_react14 = require("lucide-react");
-var import_jsx_runtime28 = require("react/jsx-runtime");
-var import_react20 = require("react");
-var import_react21 = require("react");
-var import_lucide_react15 = require("lucide-react");
-var import_jsx_runtime29 = require("react/jsx-runtime");
-var import_lucide_react16 = require("lucide-react");
-var import_jsx_runtime30 = require("react/jsx-runtime");
-var import_react22 = require("react");
-var import_jsx_runtime31 = require("react/jsx-runtime");
-var import_jsx_runtime32 = require("react/jsx-runtime");
-var import_react23 = require("react");
-var import_jsx_runtime33 = require("react/jsx-runtime");
-var import_jsx_runtime34 = require("react/jsx-runtime");
-var import_react_router_dom9 = require("react-router-dom");
-var import_jsx_runtime35 = require("react/jsx-runtime");
-var import_react24 = __toESM(require("react"), 1);
-var import_react_router_dom10 = require("react-router-dom");
-var import_lucide_react17 = require("lucide-react");
-var import_clsx3 = require("clsx");
-var import_tailwind_merge3 = require("tailwind-merge");
-var import_react25 = require("react");
-var import_jsx_runtime36 = require("react/jsx-runtime");
-var import_react26 = require("react");
-var import_jsx_runtime37 = require("react/jsx-runtime");
-var import_react27 = require("react");
-var import_jsx_runtime38 = require("react/jsx-runtime");
-var import_react28 = require("react");
-var import_jsx_runtime39 = require("react/jsx-runtime");
-var import_lucide_react18 = require("lucide-react");
-var import_react_router_dom11 = require("react-router-dom");
-var import_jsx_runtime40 = require("react/jsx-runtime");
-var import_jsx_runtime41 = require("react/jsx-runtime");
-var import_react29 = require("react");
-var import_lucide_react19 = require("lucide-react");
-var import_jsx_runtime42 = require("react/jsx-runtime");
-var import_lucide_react20 = require("lucide-react");
-var import_react30 = require("react");
-var import_jsx_runtime43 = require("react/jsx-runtime");
-var import_react31 = require("react");
-var import_react_router_dom12 = require("react-router-dom");
-var import_lucide_react21 = require("lucide-react");
-var import_jsx_runtime44 = require("react/jsx-runtime");
-var import_react32 = require("react");
-var import_react33 = require("react");
-var import_lucide_react22 = require("lucide-react");
-var import_jsx_runtime45 = require("react/jsx-runtime");
-var import_lucide_react23 = require("lucide-react");
-var import_jsx_runtime46 = require("react/jsx-runtime");
-var import_react34 = require("react");
-var import_jsx_runtime47 = require("react/jsx-runtime");
-var import_jsx_runtime48 = require("react/jsx-runtime");
-var import_react35 = require("react");
-var import_jsx_runtime49 = require("react/jsx-runtime");
-var import_jsx_runtime50 = require("react/jsx-runtime");
-var import_react_router_dom13 = require("react-router-dom");
-var import_jsx_runtime51 = require("react/jsx-runtime");
-var import_react36 = __toESM(require("react"), 1);
-var import_react_router_dom14 = require("react-router-dom");
-var import_lucide_react24 = require("lucide-react");
-var import_clsx4 = require("clsx");
-var import_tailwind_merge4 = require("tailwind-merge");
-var import_react37 = require("react");
-var import_jsx_runtime52 = require("react/jsx-runtime");
-var import_react38 = require("react");
-var import_jsx_runtime53 = require("react/jsx-runtime");
-var import_react39 = require("react");
-var import_jsx_runtime54 = require("react/jsx-runtime");
-var import_react40 = require("react");
-var import_jsx_runtime55 = require("react/jsx-runtime");
-var import_lucide_react25 = require("lucide-react");
-var import_react_router_dom15 = require("react-router-dom");
-var import_jsx_runtime56 = require("react/jsx-runtime");
-var import_jsx_runtime57 = require("react/jsx-runtime");
-var import_react41 = require("react");
-var import_lucide_react26 = require("lucide-react");
-var import_jsx_runtime58 = require("react/jsx-runtime");
-var import_lucide_react27 = require("lucide-react");
-var import_react42 = require("react");
-var import_jsx_runtime59 = require("react/jsx-runtime");
-var import_react43 = require("react");
-var import_react_router_dom16 = require("react-router-dom");
-var import_lucide_react28 = require("lucide-react");
-var import_jsx_runtime60 = require("react/jsx-runtime");
-var import_react44 = require("react");
-var import_react45 = require("react");
-var import_lucide_react29 = require("lucide-react");
-var import_jsx_runtime61 = require("react/jsx-runtime");
-var import_lucide_react30 = require("lucide-react");
-var import_jsx_runtime62 = require("react/jsx-runtime");
-var import_react46 = require("react");
-var import_jsx_runtime63 = require("react/jsx-runtime");
-var import_jsx_runtime64 = require("react/jsx-runtime");
-var import_react47 = require("react");
-var import_jsx_runtime65 = require("react/jsx-runtime");
-var import_jsx_runtime66 = require("react/jsx-runtime");
-var import_react_router_dom17 = require("react-router-dom");
-var import_jsx_runtime67 = require("react/jsx-runtime");
-var import_react48 = __toESM(require("react"), 1);
-var import_react_router_dom18 = require("react-router-dom");
-var import_lucide_react31 = require("lucide-react");
-var import_clsx5 = require("clsx");
-var import_tailwind_merge5 = require("tailwind-merge");
-var import_react49 = require("react");
-var import_jsx_runtime68 = require("react/jsx-runtime");
-var import_react50 = require("react");
-var import_jsx_runtime69 = require("react/jsx-runtime");
-var import_react51 = require("react");
-var import_jsx_runtime70 = require("react/jsx-runtime");
-var import_react52 = require("react");
-var import_jsx_runtime71 = require("react/jsx-runtime");
-var import_lucide_react32 = require("lucide-react");
-var import_react_router_dom19 = require("react-router-dom");
-var import_jsx_runtime72 = require("react/jsx-runtime");
-var import_jsx_runtime73 = require("react/jsx-runtime");
-var import_react53 = require("react");
-var import_lucide_react33 = require("lucide-react");
-var import_jsx_runtime74 = require("react/jsx-runtime");
-var import_lucide_react34 = require("lucide-react");
-var import_react54 = require("react");
-var import_jsx_runtime75 = require("react/jsx-runtime");
-var import_react55 = require("react");
-var import_react_router_dom20 = require("react-router-dom");
-var import_lucide_react35 = require("lucide-react");
-var import_jsx_runtime76 = require("react/jsx-runtime");
-var import_react56 = require("react");
-var import_react57 = require("react");
-var import_lucide_react36 = require("lucide-react");
-var import_jsx_runtime77 = require("react/jsx-runtime");
-var import_lucide_react37 = require("lucide-react");
-var import_jsx_runtime78 = require("react/jsx-runtime");
-var import_react58 = require("react");
-var import_jsx_runtime79 = require("react/jsx-runtime");
-var import_jsx_runtime80 = require("react/jsx-runtime");
-var import_react59 = require("react");
-var import_jsx_runtime81 = require("react/jsx-runtime");
-var import_jsx_runtime82 = require("react/jsx-runtime");
-var import_react_router_dom21 = require("react-router-dom");
-var import_jsx_runtime83 = require("react/jsx-runtime");
-var import_react60 = __toESM(require("react"), 1);
-var import_react_router_dom22 = require("react-router-dom");
-var import_lucide_react38 = require("lucide-react");
-var import_clsx6 = require("clsx");
-var import_tailwind_merge6 = require("tailwind-merge");
-var import_react61 = require("react");
-var import_jsx_runtime84 = require("react/jsx-runtime");
-var import_react62 = require("react");
-var import_jsx_runtime85 = require("react/jsx-runtime");
-var import_react63 = require("react");
-var import_jsx_runtime86 = require("react/jsx-runtime");
-var import_react64 = require("react");
-var import_jsx_runtime87 = require("react/jsx-runtime");
-var import_lucide_react39 = require("lucide-react");
-var import_react_router_dom23 = require("react-router-dom");
-var import_jsx_runtime88 = require("react/jsx-runtime");
-var import_jsx_runtime89 = require("react/jsx-runtime");
-var import_react65 = require("react");
-var import_lucide_react40 = require("lucide-react");
-var import_jsx_runtime90 = require("react/jsx-runtime");
-var import_lucide_react41 = require("lucide-react");
-var import_react66 = require("react");
-var import_jsx_runtime91 = require("react/jsx-runtime");
-var import_react67 = require("react");
-var import_react_router_dom24 = require("react-router-dom");
-var import_lucide_react42 = require("lucide-react");
-var import_jsx_runtime92 = require("react/jsx-runtime");
-var import_react68 = require("react");
-var import_react69 = require("react");
-var import_lucide_react43 = require("lucide-react");
-var import_jsx_runtime93 = require("react/jsx-runtime");
-var import_lucide_react44 = require("lucide-react");
-var import_jsx_runtime94 = require("react/jsx-runtime");
-var import_react70 = require("react");
-var import_jsx_runtime95 = require("react/jsx-runtime");
-var import_jsx_runtime96 = require("react/jsx-runtime");
-var import_react71 = require("react");
-var import_jsx_runtime97 = require("react/jsx-runtime");
-var import_jsx_runtime98 = require("react/jsx-runtime");
-var import_react_router_dom25 = require("react-router-dom");
-var import_jsx_runtime99 = require("react/jsx-runtime");
-var import_react72 = __toESM(require("react"), 1);
-var import_react_router_dom26 = require("react-router-dom");
-var import_lucide_react45 = require("lucide-react");
-var import_clsx7 = require("clsx");
-var import_tailwind_merge7 = require("tailwind-merge");
-var import_react73 = require("react");
-var import_jsx_runtime100 = require("react/jsx-runtime");
-var import_react74 = require("react");
-var import_jsx_runtime101 = require("react/jsx-runtime");
-var import_react75 = require("react");
-var import_jsx_runtime102 = require("react/jsx-runtime");
-var import_react76 = require("react");
-var import_jsx_runtime103 = require("react/jsx-runtime");
-var import_lucide_react46 = require("lucide-react");
-var import_react_router_dom27 = require("react-router-dom");
-var import_jsx_runtime104 = require("react/jsx-runtime");
-var import_jsx_runtime105 = require("react/jsx-runtime");
-var import_react77 = require("react");
-var import_lucide_react47 = require("lucide-react");
-var import_jsx_runtime106 = require("react/jsx-runtime");
-var import_lucide_react48 = require("lucide-react");
-var import_react78 = require("react");
-var import_jsx_runtime107 = require("react/jsx-runtime");
-var import_react79 = require("react");
-var import_react_router_dom28 = require("react-router-dom");
-var import_lucide_react49 = require("lucide-react");
-var import_jsx_runtime108 = require("react/jsx-runtime");
-var import_react80 = require("react");
-var import_react81 = require("react");
-var import_lucide_react50 = require("lucide-react");
-var import_jsx_runtime109 = require("react/jsx-runtime");
-var import_lucide_react51 = require("lucide-react");
-var import_jsx_runtime110 = require("react/jsx-runtime");
-var import_react82 = require("react");
-var import_jsx_runtime111 = require("react/jsx-runtime");
-var import_jsx_runtime112 = require("react/jsx-runtime");
-var import_react83 = require("react");
-var import_jsx_runtime113 = require("react/jsx-runtime");
-var import_jsx_runtime114 = require("react/jsx-runtime");
-var import_react_router_dom29 = require("react-router-dom");
-var import_jsx_runtime115 = require("react/jsx-runtime");
-var import_react84 = __toESM(require("react"), 1);
-var import_react_router_dom30 = require("react-router-dom");
-var import_lucide_react52 = require("lucide-react");
-var import_clsx8 = require("clsx");
-var import_tailwind_merge8 = require("tailwind-merge");
-var import_react85 = require("react");
-var import_jsx_runtime116 = require("react/jsx-runtime");
-var import_react86 = require("react");
-var import_jsx_runtime117 = require("react/jsx-runtime");
-var import_react87 = require("react");
-var import_jsx_runtime118 = require("react/jsx-runtime");
-var import_react88 = require("react");
-var import_jsx_runtime119 = require("react/jsx-runtime");
-var import_lucide_react53 = require("lucide-react");
-var import_react_router_dom31 = require("react-router-dom");
-var import_jsx_runtime120 = require("react/jsx-runtime");
-var import_jsx_runtime121 = require("react/jsx-runtime");
-var import_react89 = require("react");
-var import_lucide_react54 = require("lucide-react");
-var import_jsx_runtime122 = require("react/jsx-runtime");
-var import_lucide_react55 = require("lucide-react");
-var import_react90 = require("react");
-var import_jsx_runtime123 = require("react/jsx-runtime");
-var import_react91 = require("react");
-var import_react_router_dom32 = require("react-router-dom");
-var import_lucide_react56 = require("lucide-react");
-var import_jsx_runtime124 = require("react/jsx-runtime");
-var import_react92 = require("react");
-var import_react93 = require("react");
-var import_lucide_react57 = require("lucide-react");
-var import_jsx_runtime125 = require("react/jsx-runtime");
-var import_lucide_react58 = require("lucide-react");
-var import_jsx_runtime126 = require("react/jsx-runtime");
-var import_react94 = require("react");
-var import_jsx_runtime127 = require("react/jsx-runtime");
-var import_jsx_runtime128 = require("react/jsx-runtime");
-var import_react95 = require("react");
-var import_jsx_runtime129 = require("react/jsx-runtime");
-var import_jsx_runtime130 = require("react/jsx-runtime");
-var import_react96 = require("react");
-var import_jsx_runtime131 = require("react/jsx-runtime");
-var import_jsx_runtime132 = require("react/jsx-runtime");
-var import_jsx_runtime133 = require("react/jsx-runtime");
-var import_react97 = require("react");
-var import_jsx_runtime134 = require("react/jsx-runtime");
-var import_jsx_runtime135 = require("react/jsx-runtime");
-var import_jsx_runtime136 = require("react/jsx-runtime");
-var import_react98 = require("react");
-var import_jsx_runtime137 = require("react/jsx-runtime");
-var import_jsx_runtime138 = require("react/jsx-runtime");
-var import_jsx_runtime139 = require("react/jsx-runtime");
-var import_react99 = require("react");
-var import_jsx_runtime140 = require("react/jsx-runtime");
-var import_jsx_runtime141 = require("react/jsx-runtime");
-var import_jsx_runtime142 = require("react/jsx-runtime");
-var import_react100 = require("react");
-var import_jsx_runtime143 = require("react/jsx-runtime");
-var import_jsx_runtime144 = require("react/jsx-runtime");
-var import_jsx_runtime145 = require("react/jsx-runtime");
-var PrimaryButton2 = ({
-  loading = false,
-  children,
-  classname = "",
-  variant = "full",
-  ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-  "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__ */ (0, import_jsx_runtime18.jsx)("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: `bg-white rounded-lg p-6 mx-4 w-full ${width}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex justify-between items-start mb-6", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h3", { className: "text-xl font-semibold text-tuatara flex items-center space-x-2", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { children: title }) }),
-        description && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-sm text-gray-600 mt-1", children: description })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-        "button",
-        {
-          onClick: onClose,
-          className: "text-gray-400 hover:text-gray-600 text-xl",
-          "aria-label": "Close modal",
-          children: "\u2715"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("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__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex flex-col gap-1 w-full", children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("label", { htmlFor: name, className: "block text-gray-700 text-sm font-medium mb-2", children: [
-      label,
-      " ",
-      required && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-red-500", children: "*" })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-      "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__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-xs text-red-500", children: error })
-  ] });
-};
-var TextInput2 = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(InputField2, { ...props, type: "text" });
-};
-var ThemeContext2 = (0, import_react13.createContext)(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 = (0, import_react14.createContext)(void 0);
-var API_BASE_URL22 = `${API_URL2}/core/auth/`;
-var USERS_API_URL2 = `${API_URL2}/core/users/`;
-var ToastContext2 = (0, import_react15.createContext)(void 0);
-var APPROVAL_API_URL2 = `${API_URL2}/approvals/cases/`;
-var AlertContext2 = (0, import_react22.createContext)(void 0);
-var ThemeContext22 = (0, import_react25.createContext)(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 = (0, import_react26.createContext)(void 0);
-var API_BASE_URL222 = `${API_URL22}/core/auth/`;
-var USERS_API_URL22 = `${API_URL22}/core/users/`;
-var ToastContext22 = (0, import_react27.createContext)(void 0);
-var APPROVAL_API_URL22 = `${API_URL22}/approvals/cases/`;
-var AlertContext22 = (0, import_react34.createContext)(void 0);
-var VENDORS_API_URL22 = `${API_URL22}/accounting/vendors/`;
-var ThemeContext222 = (0, import_react37.createContext)(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 = (0, import_react38.createContext)(void 0);
-var API_BASE_URL2222 = `${API_URL222}/core/auth/`;
-var USERS_API_URL222 = `${API_URL222}/core/users/`;
-var ToastContext222 = (0, import_react39.createContext)(void 0);
-var APPROVAL_API_URL222 = `${API_URL222}/approvals/cases/`;
-var AlertContext222 = (0, import_react46.createContext)(void 0);
-var VENDORS_API_URL222 = `${API_URL222}/accounting/vendors/`;
-var ThemeContext2222 = (0, import_react49.createContext)(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 = (0, import_react50.createContext)(void 0);
-var API_BASE_URL22222 = `${API_URL2222}/core/auth/`;
-var USERS_API_URL2222 = `${API_URL2222}/core/users/`;
-var ToastContext2222 = (0, import_react51.createContext)(void 0);
-var APPROVAL_API_URL2222 = `${API_URL2222}/approvals/cases/`;
-var AlertContext2222 = (0, import_react58.createContext)(void 0);
-var VENDORS_API_URL2222 = `${API_URL2222}/accounting/vendors/`;
-var ThemeContext22222 = (0, import_react61.createContext)(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 = (0, import_react62.createContext)(void 0);
-var API_BASE_URL222222 = `${API_URL22222}/core/auth/`;
-var USERS_API_URL22222 = `${API_URL22222}/core/users/`;
-var ToastContext22222 = (0, import_react63.createContext)(void 0);
-var APPROVAL_API_URL22222 = `${API_URL22222}/approvals/cases/`;
-var AlertContext22222 = (0, import_react70.createContext)(void 0);
-var VENDORS_API_URL22222 = `${API_URL22222}/accounting/vendors/`;
-var ThemeContext222222 = (0, import_react73.createContext)(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 = (0, import_react74.createContext)(void 0);
-var API_BASE_URL2222222 = `${API_URL222222}/core/auth/`;
-var USERS_API_URL222222 = `${API_URL222222}/core/users/`;
-var ToastContext222222 = (0, import_react75.createContext)(void 0);
-var APPROVAL_API_URL222222 = `${API_URL222222}/approvals/cases/`;
-var AlertContext222222 = (0, import_react82.createContext)(void 0);
-var VENDORS_API_URL222222 = `${API_URL222222}/accounting/vendors/`;
-var ThemeContext2222222 = (0, import_react85.createContext)(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 = (0, import_react86.createContext)(void 0);
-var API_BASE_URL22222222 = `${API_URL2222222}/core/auth/`;
-var USERS_API_URL2222222 = `${API_URL2222222}/core/users/`;
-var ToastContext2222222 = (0, import_react87.createContext)(void 0);
-var APPROVAL_API_URL2222222 = `${API_URL2222222}/approvals/cases/`;
-var AlertContext2222222 = (0, import_react94.createContext)(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/`;
 
 // src/components/common/FormVendor.tsx
-var import_react101 = require("react");
-var import_jsx_runtime146 = require("react/jsx-runtime");
+var import_react12 = require("react");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var MinimalVendorForm = ({
   isOpen,
   onClose,
@@ -5649,13 +5757,13 @@ var MinimalVendorForm = ({
   refresh = () => {
   }
 }) => {
-  const [formData, setFormData] = (0, import_react101.useState)(object || {
+  const [formData, setFormData] = (0, import_react12.useState)(object || {
     from_module: from ?? null,
     legal_name: "",
     trading_name: ""
   });
-  const [errors, setErrors] = (0, import_react101.useState)({});
-  const [loading, setLoading] = (0, import_react101.useState)(false);
+  const [errors, setErrors] = (0, import_react12.useState)({});
+  const [loading, setLoading] = (0, import_react12.useState)(false);
   const { token } = useSession();
   const { success, error: showError } = useToast();
   const handleInputChange = (e) => {
@@ -5714,18 +5822,18 @@ var MinimalVendorForm = ({
     }
   };
   if (!isOpen) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
-    Modals_default2,
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    Modals_default,
     {
       title: "Ajouter un fournisseur",
       width: "w-[100%]",
       description: ``,
       open: isOpen,
       onClose,
-      children: /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("form", { onSubmit: handleSubmit, className: "p-", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("div", { className: "space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
-            TextInput2,
+      children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("form", { onSubmit: handleSubmit, className: "p-", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+            TextInput,
             {
               label: "Raison sociale",
               name: "legal_name",
@@ -5736,8 +5844,8 @@ var MinimalVendorForm = ({
               onChange: handleInputChange
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
-            TextInput2,
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+            TextInput,
             {
               label: "Nom commercial",
               name: "trading_name",
@@ -5747,8 +5855,8 @@ var MinimalVendorForm = ({
             }
           )
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("div", { className: "flex justify-between pt-6 mt-8", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex justify-between pt-6 mt-8", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
             "button",
             {
               type: "button",
@@ -5757,8 +5865,8 @@ var MinimalVendorForm = ({
               children: "Annuler"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
-            Buttons_default2,
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+            Buttons_default,
             {
               type: "button",
               onClick: handleSubmit,
@@ -5773,43 +5881,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
-var import_jsx_runtime147 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var SelectVendor = ({
   value,
   onSelect
 }) => {
-  const [showModal, setShowModal] = (0, import_react102.useState)(false);
-  const [selectedVendor, setSelectedVendor] = (0, import_react102.useState)(null);
+  const [showModal, setShowModal] = (0, import_react13.useState)(false);
+  const [selectedVendor, setSelectedVendor] = (0, import_react13.useState)(null);
   const { token, activeBusinessEntity } = useSession();
-  const [vendors, setVendors] = (0, import_react102.useState)(() => {
+  const [vendors, setVendors] = (0, import_react13.useState)(() => {
     const cacheKey = `vendors_cache_${activeBusinessEntity?.id || "default"}`;
     const cached = sessionStorage.getItem(cacheKey);
     return cached ? JSON.parse(cached) : [];
   });
-  const [loadingVendors, setLoadingVendors] = (0, import_react102.useState)(false);
-  (0, import_react102.useEffect)(() => {
+  const [loadingVendors, setLoadingVendors] = (0, import_react13.useState)(false);
+  (0, import_react13.useEffect)(() => {
     const cacheKey = `vendors_cache_${activeBusinessEntity?.id || "default"}`;
     const cached = sessionStorage.getItem(cacheKey);
     if (!cached) {
@@ -5847,9 +5955,9 @@ var SelectVendor = ({
     sessionStorage.removeItem(cacheKey);
     loadVendors();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", { className: "flex justify-between ", children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Ajouter un fournisseur" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "flex justify-between ", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Ajouter un fournisseur" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       SearchableSelect,
       {
         value,
@@ -5865,8 +5973,8 @@ var SelectVendor = ({
       },
       "fourni" + value
     ),
-    loadingVendors && /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("p", { className: "text-sm text-gray-500 mt-2", children: "Chargement des fournisseurs..." }),
-    showModal && /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
+    loadingVendors && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-sm text-gray-500 mt-2", children: "Chargement des fournisseurs..." }),
+    showModal && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       MinimalVendorForm,
       {
         object: selectedVendor,
@@ -5883,13 +5991,13 @@ var SelectUser = ({
   onSelect
 }) => {
   const { token, activeBusinessEntity } = useSession();
-  const [users, setUsers] = (0, import_react102.useState)(() => {
+  const [users, setUsers] = (0, import_react13.useState)(() => {
     const cacheKey = `users_cache_${activeBusinessEntity?.id || "default"}`;
     const cached = sessionStorage.getItem(cacheKey);
     return cached ? JSON.parse(cached) : [];
   });
-  const [loading, setLoading] = (0, import_react102.useState)(false);
-  (0, import_react102.useEffect)(() => {
+  const [loading, setLoading] = (0, import_react13.useState)(false);
+  (0, import_react13.useEffect)(() => {
     const cacheKey = `users_cache_${activeBusinessEntity?.id || "default"}`;
     const cached = sessionStorage.getItem(cacheKey);
     if (!cached) {
@@ -5925,19 +6033,19 @@ var SelectUser = ({
     return users.map((user) => ({
       value: user.id,
       label: `${user.first_name} ${user.last_name}`,
-      content: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", { className: "flex items-center space-x-3", children: /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "flex-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "font-medium text-gray-900", children: [
+      content: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "flex items-center space-x-3", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "font-medium text-gray-900", children: [
           user.first_name,
           " ",
           user.last_name
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", { className: "text-sm text-gray-500", children: user.email })
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "text-sm text-gray-500", children: user.email })
       ] }) })
     }));
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", { className: "flex justify-between ", children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "S\xE9lectionner un utilisateur" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "flex justify-between ", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "S\xE9lectionner un utilisateur" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       SearchableSelect,
       {
         value,
@@ -5950,7 +6058,7 @@ var SelectUser = ({
       },
       "user" + value
     ),
-    loading && /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("p", { className: "text-sm text-gray-500 mt-2", children: "Chargement des utilisateurs..." })
+    loading && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-sm text-gray-500 mt-2", children: "Chargement des utilisateurs..." })
   ] });
 };
 var SelectDepartment = ({
@@ -5958,13 +6066,13 @@ var SelectDepartment = ({
   onSelect
 }) => {
   const { token, activeBusinessEntity } = useSession();
-  const [departments, setDepartments] = (0, import_react102.useState)(() => {
+  const [departments, setDepartments] = (0, import_react13.useState)(() => {
     const cacheKey = `departments_cache_${activeBusinessEntity?.id || "default"}`;
     const cached = sessionStorage.getItem(cacheKey);
     return cached ? JSON.parse(cached) : [];
   });
-  const [loading, setLoading] = (0, import_react102.useState)(false);
-  (0, import_react102.useEffect)(() => {
+  const [loading, setLoading] = (0, import_react13.useState)(false);
+  (0, import_react13.useEffect)(() => {
     const cacheKey = `departments_cache_${activeBusinessEntity?.id || "default"}`;
     const cached = sessionStorage.getItem(cacheKey);
     if (!cached) {
@@ -6000,9 +6108,9 @@ var SelectDepartment = ({
       label: dept.name
     }));
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", { className: "flex justify-between ", children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "S\xE9lectionner un d\xE9partement" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "flex justify-between ", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "S\xE9lectionner un d\xE9partement" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       SearchableSelect,
       {
         value,
@@ -6015,7 +6123,7 @@ var SelectDepartment = ({
       },
       "dept" + value
     ),
-    loading && /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("p", { className: "text-sm text-gray-500 mt-2", children: "Chargement des d\xE9partements..." })
+    loading && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-sm text-gray-500 mt-2", children: "Chargement des d\xE9partements..." })
   ] });
 };
 var SelectCostCenter = ({
@@ -6023,13 +6131,13 @@ var SelectCostCenter = ({
   onSelect
 }) => {
   const { token, activeBusinessEntity } = useSession();
-  const [costCenters, setCostCenters] = (0, import_react102.useState)(() => {
+  const [costCenters, setCostCenters] = (0, import_react13.useState)(() => {
     const cacheKey = `cost_centers_cache_${activeBusinessEntity?.id || "default"}`;
     const cached = sessionStorage.getItem(cacheKey);
     return cached ? JSON.parse(cached) : [];
   });
-  const [loading, setLoading] = (0, import_react102.useState)(false);
-  (0, import_react102.useEffect)(() => {
+  const [loading, setLoading] = (0, import_react13.useState)(false);
+  (0, import_react13.useEffect)(() => {
     const cacheKey = `cost_centers_cache_${activeBusinessEntity?.id || "default"}`;
     const cached = sessionStorage.getItem(cacheKey);
     if (!cached) {
@@ -6063,18 +6171,18 @@ var SelectCostCenter = ({
     return costCenters.map((center) => ({
       value: center.id,
       label: `${center.code ? `[${center.code}] ` : ""}${center.name}`,
-      content: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", { className: "flex items-center space-x-3", children: /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "flex-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", { className: "font-medium text-gray-900", children: center.name }),
-        center.code && /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "text-sm text-gray-500", children: [
+      content: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "flex items-center space-x-3", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "font-medium text-gray-900", children: center.name }),
+        center.code && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "text-sm text-gray-500", children: [
           "Code: ",
           center.code
         ] })
       ] }) })
     }));
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", { className: "flex justify-between ", children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "S\xE9lectionner un centre de co\xFBt" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "flex justify-between ", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "S\xE9lectionner un centre de co\xFBt" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       SearchableSelect,
       {
         value,
@@ -6087,12 +6195,12 @@ var SelectCostCenter = ({
       },
       "cost" + value
     ),
-    loading && /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("p", { className: "text-sm text-gray-500 mt-2", children: "Chargement des centres de co\xFBt..." })
+    loading && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-sm text-gray-500 mt-2", children: "Chargement des centres de co\xFBt..." })
   ] });
 };
 
 // src/components/common/Choices.tsx
-var import_jsx_runtime148 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var CHOICES = {
   INVOICE_TYPES: [
     { value: "sale", label: { fr: "Vente", en: "Sale", default: "Sale" } },
@@ -6350,7 +6458,7 @@ var InvoiceTypeSelector = ({
     value: item.value,
     label: item.label[language]
   }));
-  return /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     SearchableSelect,
     {
       value,
@@ -6373,7 +6481,7 @@ var PaymentMethodSelector = ({
     value: item.value,
     label: item.label[language]
   }));
-  return /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     SearchableSelect,
     {
       value,
@@ -6396,7 +6504,7 @@ var TemplateFNESelector = ({
     value: item.value,
     label: item.label[language]
   }));
-  return /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     SearchableSelect,
     {
       value,
@@ -6419,7 +6527,7 @@ var ForeignCurrencySelector = ({
     value: item.value,
     label: item.label[language]
   }));
-  return /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     SearchableSelect,
     {
       value,
@@ -6443,7 +6551,7 @@ var TaxSelector = ({
     value: item.value,
     label: item.label[language]
   }));
-  return /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     SearchableSelect,
     {
       value,
@@ -6471,7 +6579,7 @@ var LegalFormSelector = ({
     value: item.value,
     label: item.label[language] ?? item.label.default
   }));
-  return /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     SearchableSelect,
     {
       value,
@@ -6494,7 +6602,7 @@ var CountrySelector = ({
     value: item.value,
     label: item.label[language]
   }));
-  return /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     SearchableSelect,
     {
       value,