ptechcore_ui 1.0.20 → 1.0.21

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,7 +5697,7 @@ var useAlert = () => {
 };
 
 // src/components/common/CommonSelect.tsx
-import { useEffect as useEffect17, useState as useState27 } from "react";
+import { useEffect as useEffect19, useState as useState31 } from "react";
 
 // dist/index.js
 import { jsx as jsx17 } from "react/jsx-runtime";
@@ -5095,7 +5720,20 @@ import {
   DollarSign as DollarSign2,
   HelpCircle as HelpCircle22,
   Building2 as Building22,
-  LayoutGrid as LayoutGrid2
+  LayoutGrid as LayoutGrid2,
+  Mail as Mail2,
+  Phone as Phone2,
+  Shield as Shield2,
+  Briefcase as Briefcase2,
+  Edit3 as Edit32,
+  Camera as Camera2,
+  Eye as Eye22,
+  EyeOff as EyeOff3,
+  Lock as Lock2,
+  Save as Save2,
+  Loader2 as Loader22,
+  Check as Check22,
+  Trash2 as Trash24
 } from "lucide-react";
 import { clsx as clsx2 } from "clsx";
 import { twMerge as twMerge2 } from "tailwind-merge";
@@ -5108,7 +5746,7 @@ import { AlertTriangle as AlertTriangle3, HelpCircle as HelpCircle3, AlertCircle
 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 { X as X22, Loader as Loader4, Eye as Eye5, FileText as FileText3, Check as Check3, 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";
@@ -5120,18 +5758,18 @@ 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 { 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 Trash222, 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 { X as X72, Plus as Plus32, Trash2 as Trash232, Users as Users2, Loader as Loader32, RotateCcw as RotateCcw2, Ban as Ban2, Eye as Eye42, 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 { useEffect as useEffect18, useState as useState29 } 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";
@@ -5147,11 +5785,12 @@ import {
   User as User22,
   LogOut as LogOut22,
   Menu as Menu32,
-  X as X222,
+  X as X322,
   Palette as Palette22,
   DollarSign as DollarSign22,
-  HelpCircle as HelpCircle32,
-  Building2 as Building222
+  HelpCircle as HelpCircle222,
+  Building2 as Building222,
+  LayoutGrid as LayoutGrid22
 } from "lucide-react";
 import { clsx as clsx22 } from "clsx";
 import { twMerge as twMerge22 } from "tailwind-merge";
@@ -5160,35 +5799,36 @@ 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 { AlertTriangle as AlertTriangle32, HelpCircle as HelpCircle32, AlertCircle as AlertCircle42, X as X82 } from "lucide-react";
+import { jsx as jsx622, jsxs as jsxs322 } 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 { jsx as jsx722, jsxs as jsxs422 } from "react/jsx-runtime";
+import { X as X222, Loader as Loader42, Eye as Eye52, FileText as FileText32, Check as Check32, XCircle as XCircle32, Edit as Edit22, CheckCircle as CheckCircle32, Clock as Clock22, AlertCircle as AlertCircle222, 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 { Fragment as Fragment72, jsx as jsx822, jsxs as jsxs522 } from "react/jsx-runtime";
+import { Fragment as Fragment222, jsx as jsx922, jsxs as jsxs622 } 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 { CheckCircle as CheckCircle232, XCircle as XCircle222, AlertTriangle as AlertTriangle222, Info as Info222, X as X422 } from "lucide-react";
+import { jsx as jsx1022, jsxs as jsxs722 } 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 { Fragment as Fragment322, jsx as jsx1122, jsxs as jsxs822 } from "react/jsx-runtime";
+import React722, { useEffect as useEffect622, useState as useState822, useRef as useRef32 } 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 { ArrowDownAZ as ArrowDownAZ22, ArrowDownUp as ArrowDownUp22, ArrowUpAZ as ArrowUpAZ22, AlertCircle as AlertCircle322, CheckCircle2 as CheckCircle2222, ChevronDown as ChevronDown32, Columns3 as Columns322, Copy as Copy22, Download as Download222, FileSpreadsheet as FileSpreadsheet22, Filter as Filter22, Maximize2 as Maximize222, Minimize2 as Minimize222, MoreVertical as MoreVertical22, Plus as Plus42, Printer as Printer22, RefreshCw as RefreshCw32, Settings2 as Settings2222, Trash2 as Trash242, Upload as Upload22, X as X522, Search as Search222, SquareIcon as SquareIcon22 } from "lucide-react";
+import { Fragment as Fragment422, jsx as jsx1222, jsxs as jsxs922 } 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 { useState as useState922, useRef as useRef222, useEffect as useEffect722 } from "react";
+import { Search as Search322, ChevronDown as ChevronDown222, X as X622, RefreshCw as RefreshCw222, Plus as Plus222 } from "lucide-react";
+import { Fragment as Fragment522, jsx as jsx1322, jsxs as jsxs1022 } from "react/jsx-runtime";
+import { X as X722, Plus as Plus322, Trash2 as Trash2222, Users as Users22, Loader as Loader222, RotateCcw as RotateCcw22, Ban as Ban22, Eye as Eye32, FileText as FileText222, History as History22 } from "lucide-react";
+import { Fragment as Fragment622, jsx as jsx1422, jsxs as jsxs1122 } 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 jsx1522, jsxs as jsxs1222 } from "react/jsx-runtime";
+import { jsx as jsx1622, jsxs as jsxs1322 } from "react/jsx-runtime";
+import { useEffect as useEffect17, useState as useState27 } from "react";
 import { jsx as jsx1722 } from "react/jsx-runtime";
-import { jsx as jsx2222, jsxs as jsxs1322 } from "react/jsx-runtime";
+import { jsx as jsx2222, jsxs as jsxs1422 } 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";
@@ -5202,11 +5842,12 @@ import {
   User as User222,
   LogOut as LogOut222,
   Menu as Menu322,
-  X as X2222,
+  X as X3222,
   Palette as Palette222,
   DollarSign as DollarSign222,
-  HelpCircle as HelpCircle222,
-  Building2 as Building2222
+  HelpCircle as HelpCircle2222,
+  Building2 as Building2222,
+  LayoutGrid as LayoutGrid222
 } from "lucide-react";
 import { clsx as clsx222 } from "clsx";
 import { twMerge as twMerge222 } from "tailwind-merge";
@@ -5215,35 +5856,36 @@ 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 { AlertTriangle as AlertTriangle322, HelpCircle as HelpCircle322, AlertCircle as AlertCircle422, X as X822 } from "lucide-react";
+import { jsx as jsx6222, jsxs as jsxs3222 } 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 { jsx as jsx7222, jsxs as jsxs4222 } from "react/jsx-runtime";
+import { X as X2222, Loader as Loader322, Eye as Eye422, FileText as FileText322, Check as Check222, XCircle as XCircle322, Edit as Edit222, CheckCircle as CheckCircle322, Clock as Clock222, AlertCircle as AlertCircle2222, 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 { Fragment as Fragment722, jsx as jsx8222, jsxs as jsxs5222 } from "react/jsx-runtime";
+import { Fragment as Fragment2222, jsx as jsx9222, jsxs as jsxs6222 } 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 { CheckCircle as CheckCircle2322, XCircle as XCircle2222, AlertTriangle as AlertTriangle2222, Info as Info2222, X as X4222 } from "lucide-react";
+import { jsx as jsx10222, jsxs as jsxs7222 } from "react/jsx-runtime";
+import { ChevronLeft as ChevronLeft2222, Download as Download322, Menu as Menu2222, Settings as Settings2322 } 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 { Fragment as Fragment3222, jsx as jsx11222, jsxs as jsxs8222 } from "react/jsx-runtime";
+import React7222, { useEffect as useEffect6222, useState as useState8222, useRef as useRef322 } 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 { ArrowDownAZ as ArrowDownAZ222, ArrowDownUp as ArrowDownUp222, ArrowUpAZ as ArrowUpAZ222, AlertCircle as AlertCircle3222, CheckCircle2 as CheckCircle22222, ChevronDown as ChevronDown322, Columns3 as Columns3222, Copy as Copy222, Download as Download2222, FileSpreadsheet as FileSpreadsheet222, Filter as Filter222, Maximize2 as Maximize2222, Minimize2 as Minimize2222, MoreVertical as MoreVertical222, Plus as Plus422, Printer as Printer222, RefreshCw as RefreshCw322, Settings2 as Settings22222, Trash2 as Trash2322, Upload as Upload222, X as X5222, Search as Search2222, SquareIcon as SquareIcon222 } from "lucide-react";
+import { Fragment as Fragment4222, jsx as jsx12222, jsxs as jsxs9222 } 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 { useState as useState9222, useRef as useRef2222, useEffect as useEffect7222 } from "react";
+import { Search as Search3222, ChevronDown as ChevronDown2222, X as X6222, RefreshCw as RefreshCw2222, Plus as Plus2222 } from "lucide-react";
+import { Fragment as Fragment5222, jsx as jsx13222, jsxs as jsxs10222 } from "react/jsx-runtime";
+import { X as X7222, Plus as Plus3222, Trash2 as Trash22222, Users as Users222, Loader as Loader2222, RotateCcw as RotateCcw222, Ban as Ban222, Eye as Eye322, FileText as FileText2222, History as History222 } from "lucide-react";
+import { Fragment as Fragment6222, jsx as jsx14222, jsxs as jsxs11222 } 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 jsx15222, jsxs as jsxs12222 } from "react/jsx-runtime";
+import { jsx as jsx16222, jsxs as jsxs13222 } from "react/jsx-runtime";
+import { useEffect as useEffect16, useState as useState25 } from "react";
 import { jsx as jsx17222 } from "react/jsx-runtime";
-import { jsx as jsx22222, jsxs as jsxs13222 } from "react/jsx-runtime";
+import { jsx as jsx22222, jsxs as jsxs14222 } 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";
@@ -5260,7 +5902,7 @@ import {
   X as X22222,
   Palette as Palette2222,
   DollarSign as DollarSign2222,
-  HelpCircle as HelpCircle2222,
+  HelpCircle as HelpCircle3222,
   Building2 as Building22222
 } from "lucide-react";
 import { clsx as clsx2222 } from "clsx";
@@ -5273,14 +5915,14 @@ import { createContext as createContext32222, useContext as useContext32222, use
 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 { X as X8222, Loader as Loader3222, Eye as Eye4222, FileText as FileText3222, Check as Check2222, XCircle as XCircle3222, Edit as Edit2222, CheckCircle as CheckCircle3222, Clock as Clock2222, AlertCircle as AlertCircle4222, 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 { CheckCircle as CheckCircle23222, XCircle as XCircle22222, AlertTriangle as AlertTriangle3222, Info as Info3, 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 { ChevronLeft as ChevronLeft22222, Download as Download3222, Menu as Menu22222, Settings as Settings23222 } 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";
@@ -5288,15 +5930,15 @@ import { useLocation as useLocation22222, useNavigate as useNavigate22222, useSe
 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 { useState as useState92222, useRef as useRef3222, useEffect as useEffect72222 } from "react";
+import { Search as Search32222, ChevronDown as ChevronDown3222, X as X42222, RefreshCw as RefreshCw3222, Plus as Plus4222 } 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 { X as X52222, Plus as Plus22222, Trash2 as Trash23222, Users as Users2222, Loader as Loader22222, RotateCcw as RotateCcw2222, Ban as Ban2222, Eye as Eye222, 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 { useEffect as useEffect15, useState as useState23 } 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";
@@ -5328,7 +5970,7 @@ import { createContext as createContext322222, useContext as useContext322222, u
 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 { X as X62222, Loader as Loader32222, Eye as Eye3222, 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";
@@ -5346,12 +5988,12 @@ 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 { X as X522222, Plus as Plus222222, Trash2 as Trash222222, Users as Users22222, Loader as Loader222222, RotateCcw as RotateCcw22222, Ban as Ban22222, Eye as Eye2222, 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 { useEffect as useEffect14, useState as useState20 } 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";
@@ -5383,7 +6025,7 @@ import { createContext as createContext3222222, useContext as useContext3222222,
 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 { X as X622222, Loader as Loader322222, Eye as Eye32222, 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";
@@ -5401,12 +6043,12 @@ import { useState as useState10222222, useEffect as useEffect8222222 } from "rea
 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 { X as X5222222, Plus as Plus2222222, Trash2 as Trash2222222, Users as Users222222, Loader as Loader2222222, RotateCcw as RotateCcw222222, Ban as Ban222222, Eye as Eye22222, 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 { useEffect as useEffect13, useState as useState18 } 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";
@@ -5438,7 +6080,7 @@ import { createContext as createContext32222222, useContext as useContext3222222
 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 { X as X6222222, Loader as Loader3222222, Eye as Eye322222, 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";
@@ -5454,15 +6096,125 @@ import { ArrowDownAZ as ArrowDownAZ2222222, ArrowDownUp as ArrowDownUp2222222, A
 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 { Search as Search32222222, ChevronDown as ChevronDown2222222, X as X42222222, RefreshCw as RefreshCw2222222, Plus as Plus3222222 } 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 { X as X52222222, Plus as Plus22222222, Trash2 as Trash22222222, Users as Users2222222, Loader as Loader22222222, RotateCcw as RotateCcw2222222, Ban as Ban2222222, Eye as Eye222222, 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 { useEffect as useEffect12, useState as useState16 } from "react";
+import { jsx as jsx172222222 } from "react/jsx-runtime";
+import { jsx as jsx222222222, jsxs as jsxs132222222 } from "react/jsx-runtime";
+import { Link as Link32222222 } from "react-router-dom";
+import { jsx as jsx322222222, jsxs as jsxs222222222 } from "react/jsx-runtime";
+import React422222222, { useState as useState522222222, useEffect as useEffect422222222 } from "react";
+import { useLocation as useLocation32222222, useNavigate as useNavigate32222222 } from "react-router-dom";
+import {
+  Settings as Settings32222222,
+  ChevronLeft as ChevronLeft32222222,
+  ChevronRight as ChevronRight22222222,
+  Search as Search42222222,
+  Bell as Bell22222222,
+  User as User22222222,
+  LogOut as LogOut22222222,
+  Menu as Menu32222222,
+  X as X222222222,
+  Palette as Palette22222222,
+  DollarSign as DollarSign22222222,
+  HelpCircle as HelpCircle22222222,
+  Building2 as Building222222222
+} from "lucide-react";
+import { clsx as clsx22222222 } from "clsx";
+import { twMerge as twMerge22222222 } from "tailwind-merge";
+import { createContext as createContext52222222, useContext as useContext52222222, useState as useState122222222, useEffect as useEffect92222222 } from "react";
+import { jsx as jsx422222222 } from "react/jsx-runtime";
+import { createContext as createContext222222222, useContext as useContext222222222, useEffect as useEffect222222222, useState as useState222222222 } from "react";
+import { jsx as jsx522222222 } from "react/jsx-runtime";
+import { createContext as createContext322222222, useContext as useContext322222222, useState as useState322222222, useCallback as useCallback32222222 } from "react";
+import { jsx as jsx622222222 } from "react/jsx-runtime";
+import { useState as useState422222222, useEffect as useEffect322222222 } from "react";
+import { jsx as jsx722222222, jsxs as jsxs322222222 } from "react/jsx-runtime";
+import { X as X62222222, Loader as Loader32222222, Eye as Eye3222222, FileText as FileText32222222, Check as Check22222222, XCircle as XCircle32222222, Edit as Edit22222222, CheckCircle as CheckCircle32222222, Clock as Clock22222222, AlertCircle as AlertCircle22222222, User as UserIcon22222222, Send as Send22222222 } from "lucide-react";
+import { useParams as useParams22222222, useSearchParams as useSearchParams32222222 } from "react-router-dom";
+import { Fragment as Fragment72222222, jsx as jsx822222222, jsxs as jsxs422222222 } from "react/jsx-runtime";
+import { Fragment as Fragment222222222, jsx as jsx922222222, jsxs as jsxs522222222 } from "react/jsx-runtime";
+import { useEffect as useEffect522222222, useState as useState622222222 } from "react";
+import { CheckCircle as CheckCircle222222222, XCircle as XCircle222222222, AlertTriangle as AlertTriangle22222222, Info as Info22222222, X as X322222222 } from "lucide-react";
+import { jsx as jsx1022222222, jsxs as jsxs622222222 } from "react/jsx-runtime";
+import { ChevronLeft as ChevronLeft222222222, Download as Download32222222, Menu as Menu222222222, Settings as Settings222222222 } from "lucide-react";
+import { useState as useState722222222 } from "react";
+import { Fragment as Fragment322222222, jsx as jsx1122222222, jsxs as jsxs722222222 } from "react/jsx-runtime";
+import { useEffect as useEffect622222222, useState as useState822222222 } from "react";
+import { useLocation as useLocation222222222, useNavigate as useNavigate222222222, useSearchParams as useSearchParams222222222, Link as Link222222222 } from "react-router-dom";
+import { ArrowDownAZ as ArrowDownAZ22222222, ArrowDownUp as ArrowDownUp22222222, ArrowUpAZ as ArrowUpAZ22222222, Download as Download222222222, Filter as Filter22222222, MoreVertical as MoreVertical22222222, Printer as Printer22222222, Search as Search222222222 } from "lucide-react";
+import { Fragment as Fragment422222222, jsx as jsx1222222222, jsxs as jsxs822222222 } from "react/jsx-runtime";
+import { useState as useState1022222222, useEffect as useEffect822222222 } from "react";
+import { useState as useState922222222, useRef as useRef22222222, useEffect as useEffect722222222 } from "react";
+import { Search as Search322222222, ChevronDown as ChevronDown22222222, X as X422222222, RefreshCw as RefreshCw22222222, Plus as Plus32222222 } from "lucide-react";
+import { Fragment as Fragment522222222, jsx as jsx1322222222, jsxs as jsxs922222222 } from "react/jsx-runtime";
+import { X as X522222222, Plus as Plus222222222, Trash2 as Trash222222222, Users as Users22222222, Loader as Loader222222222, RotateCcw as RotateCcw22222222, Ban as Ban22222222, Eye as Eye2222222, FileText as FileText222222222, History as History22222222 } from "lucide-react";
+import { Fragment as Fragment622222222, jsx as jsx1422222222, jsxs as jsxs1022222222 } from "react/jsx-runtime";
+import { createContext as createContext422222222, useContext as useContext422222222, useState as useState1122222222, useCallback as useCallback222222222 } from "react";
+import { jsx as jsx1522222222, jsxs as jsxs1122222222 } from "react/jsx-runtime";
+import { jsx as jsx1622222222, jsxs as jsxs1222222222 } from "react/jsx-runtime";
+import { useEffect as useEffect11, useState as useState14 } from "react";
+import { jsx as jsx1722222222 } from "react/jsx-runtime";
+import { jsx as jsx2222222222, jsxs as jsxs1322222222 } from "react/jsx-runtime";
+import { Link as Link322222222 } from "react-router-dom";
+import { jsx as jsx3222222222, jsxs as jsxs2222222222 } from "react/jsx-runtime";
+import React4222222222, { useState as useState5222222222, useEffect as useEffect4222222222 } from "react";
+import { useLocation as useLocation322222222, useNavigate as useNavigate322222222 } from "react-router-dom";
+import {
+  Settings as Settings322222222,
+  ChevronLeft as ChevronLeft322222222,
+  ChevronRight as ChevronRight222222222,
+  Search as Search422222222,
+  Bell as Bell222222222,
+  User as User222222222,
+  LogOut as LogOut222222222,
+  Menu as Menu322222222,
+  X as X2222222222,
+  Palette as Palette222222222,
+  DollarSign as DollarSign222222222,
+  HelpCircle as HelpCircle222222222,
+  Building2 as Building2222222222
+} from "lucide-react";
+import { clsx as clsx222222222 } from "clsx";
+import { twMerge as twMerge222222222 } from "tailwind-merge";
+import { createContext as createContext522222222, useContext as useContext522222222, useState as useState1222222222, useEffect as useEffect922222222 } from "react";
+import { jsx as jsx4222222222 } from "react/jsx-runtime";
+import { createContext as createContext2222222222, useContext as useContext2222222222, useEffect as useEffect2222222222, useState as useState2222222222 } from "react";
+import { jsx as jsx5222222222 } from "react/jsx-runtime";
+import { createContext as createContext3222222222, useContext as useContext3222222222, useState as useState3222222222, useCallback as useCallback322222222 } from "react";
+import { jsx as jsx6222222222 } from "react/jsx-runtime";
+import { useState as useState4222222222, useEffect as useEffect3222222222 } from "react";
+import { jsx as jsx7222222222, jsxs as jsxs3222222222 } from "react/jsx-runtime";
+import { X as X622222222, Loader as Loader322222222, Eye as Eye32222222, FileText as FileText322222222, Check as Check222222222, XCircle as XCircle322222222, Edit as Edit222222222, CheckCircle as CheckCircle322222222, Clock as Clock222222222, AlertCircle as AlertCircle222222222, User as UserIcon222222222, Send as Send222222222 } from "lucide-react";
+import { useParams as useParams222222222, useSearchParams as useSearchParams322222222 } from "react-router-dom";
+import { Fragment as Fragment722222222, jsx as jsx8222222222, jsxs as jsxs4222222222 } from "react/jsx-runtime";
+import { Fragment as Fragment2222222222, jsx as jsx9222222222, jsxs as jsxs5222222222 } from "react/jsx-runtime";
+import { useEffect as useEffect5222222222, useState as useState6222222222 } from "react";
+import { CheckCircle as CheckCircle2222222222, XCircle as XCircle2222222222, AlertTriangle as AlertTriangle222222222, Info as Info222222222, X as X3222222222 } from "lucide-react";
+import { jsx as jsx10222222222, jsxs as jsxs6222222222 } from "react/jsx-runtime";
+import { ChevronLeft as ChevronLeft2222222222, Download as Download322222222, Menu as Menu2222222222, Settings as Settings2222222222 } from "lucide-react";
+import { useState as useState7222222222 } from "react";
+import { Fragment as Fragment3222222222, jsx as jsx11222222222, jsxs as jsxs7222222222 } from "react/jsx-runtime";
+import { useEffect as useEffect6222222222, useState as useState8222222222 } from "react";
+import { useLocation as useLocation2222222222, useNavigate as useNavigate2222222222, useSearchParams as useSearchParams2222222222, Link as Link2222222222 } from "react-router-dom";
+import { ArrowDownAZ as ArrowDownAZ222222222, ArrowDownUp as ArrowDownUp222222222, ArrowUpAZ as ArrowUpAZ222222222, Download as Download2222222222, Filter as Filter222222222, MoreVertical as MoreVertical222222222, Printer as Printer222222222, Search as Search2222222222 } from "lucide-react";
+import { Fragment as Fragment4222222222, jsx as jsx12222222222, jsxs as jsxs8222222222 } from "react/jsx-runtime";
+import { useState as useState10222222222, useEffect as useEffect8222222222 } from "react";
+import { useState as useState9222222222, useRef as useRef222222222, useEffect as useEffect7222222222 } from "react";
+import { Search as Search3222222222, ChevronDown as ChevronDown222222222, X as X4222222222 } from "lucide-react";
+import { Fragment as Fragment5222222222, jsx as jsx13222222222, jsxs as jsxs9222222222 } from "react/jsx-runtime";
+import { X as X5222222222, Plus as Plus322222222, Trash2 as Trash2222222222, Users as Users222222222, Loader as Loader2222222222, RotateCcw as RotateCcw222222222, Ban as Ban222222222, Eye as Eye22222222, FileText as FileText2222222222, History as History222222222 } from "lucide-react";
+import { Fragment as Fragment6222222222, jsx as jsx14222222222, jsxs as jsxs10222222222 } from "react/jsx-runtime";
+import { createContext as createContext4222222222, useContext as useContext4222222222, useState as useState11222222222, useCallback as useCallback2222222222 } from "react";
+import { jsx as jsx15222222222, jsxs as jsxs11222222222 } from "react/jsx-runtime";
+import { jsx as jsx16222222222, jsxs as jsxs12222222222 } from "react/jsx-runtime";
 import { useState as useState13 } from "react";
-import { jsx as jsx18, jsxs as jsxs1422 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs142222 } 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";
@@ -5484,6 +6236,14 @@ 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";
+import { useState as useState26 } from "react";
+import { jsx as jsx37, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx39 } from "react/jsx-runtime";
+import { useState as useState28 } from "react";
+import { jsx as jsx40, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx43 } from "react/jsx-runtime";
 var PrimaryButton2 = ({
   loading = false,
   children,
@@ -5584,26 +6344,26 @@ var ADDRESS_IP22 = chooseEnv22 === "prod" ? "back.rewise.praeduim-tech.com" : "l
 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 VENDORS_API_URL22 = `${API_URL22}/accounting/vendors/`;
 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 VENDORS_API_URL222 = `${API_URL222}/accounting/vendors/`;
 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";
@@ -5618,8 +6378,9 @@ 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 chooseEnv22222 = localStorage.getItem("env") ?? "prod";
+var ADDRESS_IP22222 = chooseEnv22222 === "prod" ? "back.rewise.praeduim-tech.com" : "localhost:8000";
+var ADDRESS_IP_URL22222 = chooseEnv22222 === "prod" ? `https://${ADDRESS_IP22222}/` : `http://${ADDRESS_IP22222}/`;
 var API_URL22222 = `${ADDRESS_IP_URL22222}api`;
 var API_BASE_URL32222 = `${API_URL22222}/core/auth/`;
 var SessionContext22222 = createContext222222(void 0);
@@ -5630,8 +6391,9 @@ 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 chooseEnv222222 = localStorage.getItem("env") ?? "prod";
+var ADDRESS_IP222222 = chooseEnv222222 === "prod" ? "back.rewise.praeduim-tech.com" : "localhost:8000";
+var ADDRESS_IP_URL222222 = chooseEnv222222 === "prod" ? `https://${ADDRESS_IP222222}/` : `http://${ADDRESS_IP222222}/`;
 var API_URL222222 = `${ADDRESS_IP_URL222222}api`;
 var API_BASE_URL322222 = `${API_URL222222}/core/auth/`;
 var SessionContext222222 = createContext2222222(void 0);
@@ -5652,34 +6414,66 @@ 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/`;
+var VENDORS_API_URL2222222 = `${API_URL2222222}/accounting/vendors/`;
+var ThemeContext22222222 = createContext52222222(void 0);
+var ADDRESS_IP22222222 = "localhost:8000";
+var ADDRESS_IP_URL22222222 = `http://${ADDRESS_IP22222222}/`;
+var API_URL22222222 = `${ADDRESS_IP_URL22222222}api`;
+var API_BASE_URL32222222 = `${API_URL22222222}/core/auth/`;
+var SessionContext22222222 = createContext222222222(void 0);
+var API_BASE_URL222222222 = `${API_URL22222222}/core/auth/`;
+var USERS_API_URL22222222 = `${API_URL22222222}/core/users/`;
+var ToastContext22222222 = createContext322222222(void 0);
+var APPROVAL_API_URL22222222 = `${API_URL22222222}/approvals/cases/`;
+var AlertContext22222222 = createContext422222222(void 0);
+var VENDORS_API_URL22222222 = `${API_URL22222222}/accounting/vendors/`;
+var ThemeContext222222222 = createContext522222222(void 0);
+var ADDRESS_IP222222222 = "localhost:8000";
+var ADDRESS_IP_URL222222222 = `http://${ADDRESS_IP222222222}/`;
+var API_URL222222222 = `${ADDRESS_IP_URL222222222}api`;
+var API_BASE_URL322222222 = `${API_URL222222222}/core/auth/`;
+var SessionContext222222222 = createContext2222222222(void 0);
+var API_BASE_URL2222222222 = `${API_URL222222222}/core/auth/`;
+var USERS_API_URL222222222 = `${API_URL222222222}/core/users/`;
+var ToastContext222222222 = createContext3222222222(void 0);
+var APPROVAL_API_URL222222222 = `${API_URL222222222}/approvals/cases/`;
+var AlertContext222222222 = createContext4222222222(void 0);
+var URI = `${API_URL22222222}/core/departments/`;
+var URI2 = `${API_URL22222222}/accounting/profit-or-cost-center/`;
+var COST_URI = `${API_URL22222222}/accounting/cost-center/`;
+var PROFIT_URI = `${API_URL22222222}/accounting/profit-center/`;
+var URI3 = `${API_URL2222222}/core/departments/`;
+var URI4 = `${API_URL2222222}/accounting/profit-or-cost-center/`;
+var COST_URI2 = `${API_URL2222222}/accounting/cost-center/`;
+var PROFIT_URI2 = `${API_URL2222222}/accounting/profit-center/`;
+var URI5 = `${API_URL222222}/core/departments/`;
+var URI6 = `${API_URL222222}/accounting/profit-or-cost-center/`;
+var COST_URI3 = `${API_URL222222}/accounting/cost-center/`;
+var PROFIT_URI3 = `${API_URL222222}/accounting/profit-center/`;
+var URI7 = `${API_URL22222}/core/departments/`;
+var URI8 = `${API_URL22222}/accounting/profit-or-cost-center/`;
+var COST_URI4 = `${API_URL22222}/accounting/cost-center/`;
+var PROFIT_URI4 = `${API_URL22222}/accounting/profit-center/`;
+var URI9 = `${API_URL2222}/core/departments/`;
+var URI10 = `${API_URL2222}/accounting/profit-or-cost-center/`;
+var COST_URI5 = `${API_URL2222}/accounting/cost-center/`;
+var PROFIT_URI5 = `${API_URL2222}/accounting/profit-center/`;
+var URI11 = `${API_URL222}/core/departments/`;
+var URI12 = `${API_URL222}/accounting/profit-or-cost-center/`;
+var COST_URI6 = `${API_URL222}/accounting/cost-center/`;
+var PROFIT_URI6 = `${API_URL222}/accounting/profit-center/`;
+var URI13 = `${API_URL22}/core/departments/`;
+var URI14 = `${API_URL22}/accounting/profit-or-cost-center/`;
+var COST_URI7 = `${API_URL22}/accounting/cost-center/`;
+var PROFIT_URI7 = `${API_URL22}/accounting/profit-center/`;
+var URI15 = `${API_URL2}/core/departments/`;
+var URI16 = `${API_URL2}/accounting/profit-or-cost-center/`;
+var COST_URI8 = `${API_URL2}/accounting/cost-center/`;
+var PROFIT_URI8 = `${API_URL2}/accounting/profit-center/`;
 
 // 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 useState30 } from "react";
+import { jsx as jsx44, jsxs as jsxs31 } from "react/jsx-runtime";
 var MinimalVendorForm = ({
   isOpen,
   onClose,
@@ -5688,13 +6482,13 @@ var MinimalVendorForm = ({
   refresh = () => {
   }
 }) => {
-  const [formData, setFormData] = useState26(object || {
+  const [formData, setFormData] = useState30(object || {
     from_module: from ?? null,
     legal_name: "",
     trading_name: ""
   });
-  const [errors, setErrors] = useState26({});
-  const [loading, setLoading] = useState26(false);
+  const [errors, setErrors] = useState30({});
+  const [loading, setLoading] = useState30(false);
   const { token } = useSession();
   const { success, error: showError } = useToast();
   const handleInputChange = (e) => {
@@ -5753,7 +6547,7 @@ var MinimalVendorForm = ({
     }
   };
   if (!isOpen) return null;
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx44(
     Modals_default2,
     {
       title: "Ajouter un fournisseur",
@@ -5761,9 +6555,9 @@ var MinimalVendorForm = ({
       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(
+      children: /* @__PURE__ */ jsxs31("form", { onSubmit: handleSubmit, className: "p-", children: [
+        /* @__PURE__ */ jsx44("div", { className: "space-y-4", children: /* @__PURE__ */ jsxs31("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ jsx44(
             TextInput2,
             {
               label: "Raison sociale",
@@ -5775,7 +6569,7 @@ var MinimalVendorForm = ({
               onChange: handleInputChange
             }
           ),
-          /* @__PURE__ */ jsx37(
+          /* @__PURE__ */ jsx44(
             TextInput2,
             {
               label: "Nom commercial",
@@ -5786,8 +6580,8 @@ var MinimalVendorForm = ({
             }
           )
         ] }) }),
-        /* @__PURE__ */ jsxs27("div", { className: "flex justify-between pt-6 mt-8", children: [
-          /* @__PURE__ */ jsx37(
+        /* @__PURE__ */ jsxs31("div", { className: "flex justify-between pt-6 mt-8", children: [
+          /* @__PURE__ */ jsx44(
             "button",
             {
               type: "button",
@@ -5796,7 +6590,7 @@ var MinimalVendorForm = ({
               children: "Annuler"
             }
           ),
-          /* @__PURE__ */ jsx37(
+          /* @__PURE__ */ jsx44(
             Buttons_default2,
             {
               type: "button",
@@ -5812,43 +6606,43 @@ var MinimalVendorForm = ({
 };
 
 // src/services/DepartmentServices.ts
-var URI13 = `${API_URL}/core/departments/`;
+var URI17 = `${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(`${URI17}`, data),
+  get: (id) => FetchApi.get(`${URI17}${id}/`),
+  list: (params) => FetchApi.get(`${URI17}?${new URLSearchParams(params).toString()}`),
+  update: (id, data) => FetchApi.put(`${URI17}${id}/`, data),
+  delete: (id) => FetchApi.delete(`${URI17}${id}/`)
 };
 
 // src/services/ProfitCostsServices.ts
-var URI14 = `${API_URL}/accounting/profit-or-cost-center/`;
-var COST_URI7 = `${API_URL}/accounting/cost-center/`;
+var URI18 = `${API_URL}/accounting/profit-or-cost-center/`;
+var COST_URI9 = `${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_URI9}`, data),
+  get: (id) => FetchApi.get(`${COST_URI9}${id}/`),
+  list: (params) => FetchApi.get(`${COST_URI9}?${new URLSearchParams(params).toString()}`),
+  update: (id, data) => FetchApi.put(`${COST_URI9}${id}/`, data),
+  delete: (id) => FetchApi.delete(`${COST_URI9}${id}/`)
 };
-var PROFIT_URI7 = `${API_URL}/accounting/profit-center/`;
+var PROFIT_URI9 = `${API_URL}/accounting/profit-center/`;
 
 // src/components/common/CommonSelect.tsx
-import { jsx as jsx38, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs33 } from "react/jsx-runtime";
 var SelectVendor = ({
   value,
   onSelect
 }) => {
-  const [showModal, setShowModal] = useState27(false);
-  const [selectedVendor, setSelectedVendor] = useState27(null);
+  const [showModal, setShowModal] = useState31(false);
+  const [selectedVendor, setSelectedVendor] = useState31(null);
   const { token, activeBusinessEntity } = useSession();
-  const [vendors, setVendors] = useState27(() => {
+  const [vendors, setVendors] = useState31(() => {
     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] = useState31(false);
+  useEffect19(() => {
     const cacheKey = `vendors_cache_${activeBusinessEntity?.id || "default"}`;
     const cached = sessionStorage.getItem(cacheKey);
     if (!cached) {
@@ -5886,9 +6680,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__ */ jsxs33("div", { children: [
+    /* @__PURE__ */ jsx45("div", { className: "flex justify-between ", children: /* @__PURE__ */ jsx45("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Ajouter un fournisseur" }) }),
+    /* @__PURE__ */ jsx45(
       SearchableSelect,
       {
         value,
@@ -5904,8 +6698,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__ */ jsx45("p", { className: "text-sm text-gray-500 mt-2", children: "Chargement des fournisseurs..." }),
+    showModal && /* @__PURE__ */ jsx45(
       MinimalVendorForm,
       {
         object: selectedVendor,
@@ -5922,13 +6716,13 @@ var SelectUser = ({
   onSelect
 }) => {
   const { token, activeBusinessEntity } = useSession();
-  const [users, setUsers] = useState27(() => {
+  const [users, setUsers] = useState31(() => {
     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] = useState31(false);
+  useEffect19(() => {
     const cacheKey = `users_cache_${activeBusinessEntity?.id || "default"}`;
     const cached = sessionStorage.getItem(cacheKey);
     if (!cached) {
@@ -5964,19 +6758,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__ */ jsx45("div", { className: "flex items-center space-x-3", children: /* @__PURE__ */ jsxs33("div", { className: "flex-1", children: [
+        /* @__PURE__ */ jsxs33("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__ */ jsx45("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__ */ jsxs33("div", { children: [
+    /* @__PURE__ */ jsx45("div", { className: "flex justify-between ", children: /* @__PURE__ */ jsx45("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "S\xE9lectionner un utilisateur" }) }),
+    /* @__PURE__ */ jsx45(
       SearchableSelect,
       {
         value,
@@ -5989,7 +6783,7 @@ var SelectUser = ({
       },
       "user" + value
     ),
-    loading && /* @__PURE__ */ jsx38("p", { className: "text-sm text-gray-500 mt-2", children: "Chargement des utilisateurs..." })
+    loading && /* @__PURE__ */ jsx45("p", { className: "text-sm text-gray-500 mt-2", children: "Chargement des utilisateurs..." })
   ] });
 };
 var SelectDepartment = ({
@@ -5997,13 +6791,13 @@ var SelectDepartment = ({
   onSelect
 }) => {
   const { token, activeBusinessEntity } = useSession();
-  const [departments, setDepartments] = useState27(() => {
+  const [departments, setDepartments] = useState31(() => {
     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] = useState31(false);
+  useEffect19(() => {
     const cacheKey = `departments_cache_${activeBusinessEntity?.id || "default"}`;
     const cached = sessionStorage.getItem(cacheKey);
     if (!cached) {
@@ -6039,9 +6833,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__ */ jsxs33("div", { children: [
+    /* @__PURE__ */ jsx45("div", { className: "flex justify-between ", children: /* @__PURE__ */ jsx45("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "S\xE9lectionner un d\xE9partement" }) }),
+    /* @__PURE__ */ jsx45(
       SearchableSelect,
       {
         value,
@@ -6054,7 +6848,7 @@ var SelectDepartment = ({
       },
       "dept" + value
     ),
-    loading && /* @__PURE__ */ jsx38("p", { className: "text-sm text-gray-500 mt-2", children: "Chargement des d\xE9partements..." })
+    loading && /* @__PURE__ */ jsx45("p", { className: "text-sm text-gray-500 mt-2", children: "Chargement des d\xE9partements..." })
   ] });
 };
 var SelectCostCenter = ({
@@ -6062,13 +6856,13 @@ var SelectCostCenter = ({
   onSelect
 }) => {
   const { token, activeBusinessEntity } = useSession();
-  const [costCenters, setCostCenters] = useState27(() => {
+  const [costCenters, setCostCenters] = useState31(() => {
     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] = useState31(false);
+  useEffect19(() => {
     const cacheKey = `cost_centers_cache_${activeBusinessEntity?.id || "default"}`;
     const cached = sessionStorage.getItem(cacheKey);
     if (!cached) {
@@ -6102,18 +6896,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__ */ jsx45("div", { className: "flex items-center space-x-3", children: /* @__PURE__ */ jsxs33("div", { className: "flex-1", children: [
+        /* @__PURE__ */ jsx45("div", { className: "font-medium text-gray-900", children: center.name }),
+        center.code && /* @__PURE__ */ jsxs33("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__ */ jsxs33("div", { children: [
+    /* @__PURE__ */ jsx45("div", { className: "flex justify-between ", children: /* @__PURE__ */ jsx45("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "S\xE9lectionner un centre de co\xFBt" }) }),
+    /* @__PURE__ */ jsx45(
       SearchableSelect,
       {
         value,
@@ -6126,12 +6920,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__ */ jsx45("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 jsx46 } from "react/jsx-runtime";
 var CHOICES = {
   INVOICE_TYPES: [
     { value: "sale", label: { fr: "Vente", en: "Sale", default: "Sale" } },
@@ -6389,7 +7183,7 @@ var InvoiceTypeSelector = ({
     value: item.value,
     label: item.label[language]
   }));
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx46(
     SearchableSelect,
     {
       value,
@@ -6412,7 +7206,7 @@ var PaymentMethodSelector = ({
     value: item.value,
     label: item.label[language]
   }));
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx46(
     SearchableSelect,
     {
       value,
@@ -6435,7 +7229,7 @@ var TemplateFNESelector = ({
     value: item.value,
     label: item.label[language]
   }));
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx46(
     SearchableSelect,
     {
       value,
@@ -6458,7 +7252,7 @@ var ForeignCurrencySelector = ({
     value: item.value,
     label: item.label[language]
   }));
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx46(
     SearchableSelect,
     {
       value,
@@ -6482,7 +7276,7 @@ var TaxSelector = ({
     value: item.value,
     label: item.label[language]
   }));
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx46(
     SearchableSelect,
     {
       value,
@@ -6510,7 +7304,7 @@ var LegalFormSelector = ({
     value: item.value,
     label: item.label[language] ?? item.label.default
   }));
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx46(
     SearchableSelect,
     {
       value,
@@ -6533,7 +7327,7 @@ var CountrySelector = ({
     value: item.value,
     label: item.label[language]
   }));
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx46(
     SearchableSelect,
     {
       value,