ptechcore_ui 1.0.13 → 1.0.15

package/dist/index.js

@@ -4,13 +4,14 @@ var PrimaryButton = ({
   loading = false,
   children,
   classname = "",
+  variant = "full",
   ...props
 }) => /* @__PURE__ */ jsx(
   "button",
   {
     type: "submit",
     disabled: loading || props.disabled,
-    className: `px-4 py-2 text-sm bg-[#6A8A82] text-white rounded-lg hover:bg-[#5A7A72] transition-colors  disabled:opacity-50 disabled:cursor-not-allowed flex justify-center items-center ${classname}`,
+    className: `px-4 py-2 text-sm rounded-lg hover:bg-opacity-80 transition-colors  disabled:opacity-50 disabled:cursor-not-allowed flex justify-center items-center ${classname} ${variant === "full" ? "bg-[#6A8A82] text-white" : variant === "outline" ? "border border-[#6A8A82] text-[#6A8A82] bg-transparent" : "bg-transparent text-[#6A8A82]"}`,
     ...props,
     children: loading ? "Connexion en cours..." : children
   }
@@ -18,13 +19,14 @@ var PrimaryButton = ({
 var SecondaryButton = ({
   loading = false,
   children,
+  variant = "full",
   ...props
 }) => /* @__PURE__ */ jsx(
   "button",
   {
     type: "button",
     disabled: loading || props.disabled,
-    className: "px-4 py-2 bg-[#B87333] text-white rounded-lg hover:bg-[#A66B2A] transition-colors  disabled:opacity-50 disabled:cursor-not-allowed flex items-center",
+    className: `px-4 py-2 rounded-lg hover:bg-opacity-80 transition-colors  disabled:opacity-50 disabled:cursor-not-allowed flex items-center ${variant === "full" ? "bg-[#B87333] text-white" : variant === "outline" ? "border border-[#B87333] text-[#B87333] bg-transparent" : "bg-transparent text-[#B87333]"}`,
     ...props,
     children: loading ? "Connexion en cours..." : children
   }
@@ -35,7 +37,7 @@ var Buttons_default = PrimaryButton;
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 var Modal = ({ title, description, width, open, onClose, children }) => {
   if (!open) return null;
-  return /* @__PURE__ */ jsx2("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50", children: /* @__PURE__ */ jsxs("div", { className: `bg-white  rounded-lg py-4 px-6 mx-4 w-[${width ? width : "60%"}]`, children: [
+  return /* @__PURE__ */ jsx2("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50", children: /* @__PURE__ */ jsxs("div", { className: `bg-white  rounded-lg pt-4 px-6 mx-4 `, children: [
     /* @__PURE__ */ jsxs("div", { className: "flex  justify-between items-start mb-6", children: [
       /* @__PURE__ */ jsxs("div", { children: [
         /* @__PURE__ */ jsx2("h3", { className: "text-xl font-semibold text-tuatara flex items-center space-x-2", children: /* @__PURE__ */ jsx2("span", { children: title }) }),
@@ -51,7 +53,7 @@ var Modal = ({ title, description, width, open, onClose, children }) => {
         }
       )
     ] }),
-    children
+    /* @__PURE__ */ jsx2("div", { className: "w-full max-h-[80vh] overflow-y-auto mb-1", children })
   ] }) });
 };
 var Modals_default = Modal;
@@ -2545,7 +2547,7 @@ import { useState as useState10, useEffect as useEffect8 } from "react";
 
 // src/components/common/SearchableSelect.tsx
 import { useState as useState9, useRef, useEffect as useEffect7 } from "react";
-import { Search as Search3, ChevronDown, X as X4 } from "lucide-react";
+import { Search as Search3, ChevronDown, X as X4, RefreshCw, Plus } from "lucide-react";
 import { Fragment as Fragment5, jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
 var SearchableSelect = ({
   options,
@@ -2556,7 +2558,9 @@ var SearchableSelect = ({
   onRemove,
   disabled = false,
   allowClear = false,
-  filterFunction
+  filterFunction,
+  addElement,
+  refresh
 }) => {
   const [isOpen, setIsOpen] = useState9(false);
   const [searchTerm, setSearchTerm] = useState9("");
@@ -2643,20 +2647,43 @@ var SearchableSelect = ({
       }
     ),
     isOpen && /* @__PURE__ */ jsxs9("div", { className: "absolute z-50 w-full mt-1 bg-white border border-gray-200 rounded-lg shadow-lg", children: [
-      /* @__PURE__ */ jsx13("div", { className: "p-3 border-b border-gray-200", children: /* @__PURE__ */ jsxs9("div", { className: "relative", children: [
-        /* @__PURE__ */ jsx13(Search3, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-4 h-4" }),
+      /* @__PURE__ */ jsxs9("div", { className: "p-3 border-b border-gray-200 flex", children: [
+        /* @__PURE__ */ jsxs9("div", { className: "relative w-full", children: [
+          /* @__PURE__ */ jsx13(Search3, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-4 h-4" }),
+          /* @__PURE__ */ jsx13(
+            "input",
+            {
+              ref: inputRef,
+              type: "text",
+              placeholder: searchPlaceholder,
+              value: searchTerm,
+              onChange: (e) => setSearchTerm(e.target.value),
+              className: "w-full pl-10 pr-4 py-2 border border-gray-200 rounded-lg focus:ring-2 focus:ring-[#6B7C92] focus:border-transparent"
+            }
+          )
+        ] }),
         /* @__PURE__ */ jsx13(
-          "input",
+          "button",
           {
-            ref: inputRef,
-            type: "text",
-            placeholder: searchPlaceholder,
-            value: searchTerm,
-            onChange: (e) => setSearchTerm(e.target.value),
-            className: "w-full pl-10 pr-4 py-2 border border-gray-200 rounded-lg focus:ring-2 focus:ring-[#6B7C92] focus:border-transparent"
+            type: "button",
+            onClick: refresh,
+            disabled,
+            className: "px-3 py-2 border border-gray-300 text-gray-700 rounded-lg hover:bg-gray-50 transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
+            title: "Rafra\xEEchir la liste",
+            children: /* @__PURE__ */ jsx13(RefreshCw, { className: `w-4 h-4 ${disabled ? "animate-spin" : ""}` })
+          }
+        ),
+        addElement && /* @__PURE__ */ jsx13(
+          "button",
+          {
+            type: "button",
+            onClick: addElement,
+            className: "px-3 py-2 border border-gray-300 text-gray-700 rounded-lg hover:bg-gray-50 transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
+            title: "Rafra\xEEchir la liste",
+            children: /* @__PURE__ */ jsx13(Plus, { className: "w-4 h-4" })
           }
         )
-      ] }) }),
+      ] }),
       /* @__PURE__ */ jsx13("div", { className: "max-h-60 overflow-y-auto", children: filteredOptions.length > 0 ? filteredOptions.map((option) => /* @__PURE__ */ jsxs9(
         "div",
         {
@@ -2681,13 +2708,14 @@ var SearchableSelect = ({
 };
 
 // src/components/common/ApprovalWorkflow.tsx
-import { X as X5, Plus as Plus2, Trash2 as Trash22, Users as Users2, Loader as Loader2, RotateCcw as RotateCcw2, Ban as Ban2, Eye as Eye2, FileText as FileText2, History as History2 } from "lucide-react";
+import { X as X5, Plus as Plus2, Trash2, Users, Loader as Loader2, RotateCcw, Ban, Eye as Eye2, FileText as FileText2, History } from "lucide-react";
 import { Fragment as Fragment6, jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
 var ApprovalWorkflow = ({
   process,
   object_id,
   title = "Validation t\xE2che",
-  readOnly = false
+  readOnly = false,
+  CustomBtn
 }) => {
   const { token, loggedUser } = useSession();
   const { error: showError, success: showSuccess } = useToast();
@@ -2697,7 +2725,7 @@ var ApprovalWorkflow = ({
   const [history, setHistory] = useState10([]);
   const [loadingHistory, setLoadingHistory] = useState10(false);
   const [formData, setFormData] = useState10({
-    title: "",
+    title,
     file: null,
     description: "",
     status: "not-send" /* NOT_SEND */
@@ -2710,6 +2738,9 @@ var ApprovalWorkflow = ({
   const [restarting, setRestarting] = useState10(false);
   const [verification, setVerification] = useState10([]);
   const [validation, setValidation] = useState10([]);
+  const [isOpen, setIsOpen] = useState10(false);
+  const open_modal = () => setIsOpen(true);
+  const close_modal = () => setIsOpen(false);
   useEffect8(() => {
     loadData();
   }, [process, object_id]);
@@ -2748,7 +2779,7 @@ var ApprovalWorkflow = ({
         const caseInfo = response.data;
         setCaseData(caseInfo);
         setFormData({
-          title: caseInfo.title || "",
+          title: caseInfo.title || title,
           file: null,
           description: caseInfo.description || "",
           status: caseInfo.status
@@ -2981,7 +3012,7 @@ var ApprovalWorkflow = ({
         )
       ] }),
       /* @__PURE__ */ jsx14("div", { className: "overflow-x-auto", children: stages.length === 0 ? /* @__PURE__ */ jsxs10("div", { className: "text-center py-6 border-2 border-dashed border-[#D9D9D9] rounded-lg bg-[#FAFAFA]", children: [
-        /* @__PURE__ */ jsx14(Users2, { className: "w-8 h-8 text-[#767676] mx-auto mb-4" }),
+        /* @__PURE__ */ jsx14(Users, { className: "w-8 h-8 text-[#767676] mx-auto mb-4" }),
         /* @__PURE__ */ jsx14("h3", { className: "text-lg font-medium text-[#191919] mb-2", children: "Aucune personne ajout\xE9e" }),
         /* @__PURE__ */ jsx14("p", { className: "text-[#767676] mb-4", children: 'Cliquez sur le bouton "Ajouter une personne" pour commencer' })
       ] }) : /* @__PURE__ */ jsxs10("table", { className: "w-full border-collapse", children: [
@@ -3040,7 +3071,7 @@ var ApprovalWorkflow = ({
                     type: "button",
                     classname: "flex items-center gap-2",
                     children: [
-                      /* @__PURE__ */ jsx14(Ban2, { className: "w-4 h-4" }),
+                      /* @__PURE__ */ jsx14(Ban, { className: "w-4 h-4" }),
                       canceling ? "Annulation..." : "Annuler la demande"
                     ]
                   }
@@ -3053,7 +3084,7 @@ var ApprovalWorkflow = ({
                     type: "button",
                     classname: "flex items-center gap-2",
                     children: [
-                      /* @__PURE__ */ jsx14(RotateCcw2, { className: "w-4 h-4" }),
+                      /* @__PURE__ */ jsx14(RotateCcw, { className: "w-4 h-4" }),
                       restarting ? "Red\xE9marrage..." : "Recommencer"
                     ]
                   }
@@ -3100,7 +3131,7 @@ var ApprovalWorkflow = ({
         return /* @__PURE__ */ jsxs10("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__ */ jsxs10("div", { className: "text-center py-12 border-2 border-dashed border-[#D9D9D9] rounded-lg bg-[#FAFAFA]", children: [
-            /* @__PURE__ */ jsx14(History2, { className: "w-12 h-12 text-[#767676] mx-auto mb-4" }),
+            /* @__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__ */ jsxs10("div", { className: "flex-1", children: [
             /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-3 mb-2", children: [
@@ -3135,7 +3166,99 @@ var ApprovalWorkflow = ({
         return null;
     }
   };
-  return /* @__PURE__ */ jsxs10(
+  const formulaire = () => {
+    return /* @__PURE__ */ jsxs10("div", { children: [
+      /* @__PURE__ */ jsxs10("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [
+        /* @__PURE__ */ jsx14("div", { className: "md:col-span-1", children: /* @__PURE__ */ jsx14(
+          TextInput,
+          {
+            label: "Titre:",
+            name: "title",
+            value: formData.title,
+            onChange: handleInputChange,
+            disabled: readOnly
+          }
+        ) }),
+        /* @__PURE__ */ jsx14("div", { className: "md:col-span-1", children: /* @__PURE__ */ jsx14(
+          FileInput,
+          {
+            label: "Joindre un fichier:",
+            name: "file",
+            onChange: handleFileChange,
+            disabled: readOnly
+          }
+        ) }),
+        /* @__PURE__ */ jsx14("div", { className: "md:col-span-1", children: /* @__PURE__ */ jsx14(
+          TextInput,
+          {
+            label: "Statut:",
+            name: "status",
+            value: formData.status,
+            onChange: handleInputChange,
+            disabled: true
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ jsxs10("div", { children: [
+        /* @__PURE__ */ jsx14("label", { className: "block text-[#191919] text-sm font-medium mb-2", children: "Description:" }),
+        /* @__PURE__ */ jsx14(
+          "textarea",
+          {
+            name: "description",
+            value: formData.description,
+            onChange: handleInputChange,
+            rows: 5,
+            disabled: readOnly,
+            className: "w-full px-3 py-2 border border-[#D9D9D9] rounded-lg focus:ring-2 focus:ring-[#6A8A82] focus:border-transparent resize-none disabled:bg-gray-100",
+            placeholder: "Ajouter une description..."
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx14("div", { className: "border-b border-[#D9D9D9] mb-6", children: /* @__PURE__ */ jsxs10("nav", { className: "flex gap-1", children: [
+        /* @__PURE__ */ jsxs10(
+          "button",
+          {
+            onClick: () => setActiveTab("workflow"),
+            className: `px-4 py-3 text-sm font-medium transition-colors flex items-center gap-2 ${activeTab === "workflow" ? "border-b-2 border-[#6A8A82] text-[#6A8A82]" : "text-[#767676] hover:text-[#191919]"}`,
+            children: [
+              /* @__PURE__ */ jsx14(FileText2, { className: "w-4 h-4" }),
+              "Workflow"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs10(
+          "button",
+          {
+            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(Eye2, { className: "w-4 h-4" }),
+              "Aper\xE7u"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs10(
+          "button",
+          {
+            onClick: () => setActiveTab("history"),
+            className: `px-4 py-3 text-sm font-medium transition-colors flex items-center gap-2 ${activeTab === "history" ? "border-b-2 border-[#6A8A82] text-[#6A8A82]" : "text-[#767676] hover:text-[#191919]"}`,
+            children: [
+              /* @__PURE__ */ jsx14(History, { className: "w-4 h-4" }),
+              "Historique"
+            ]
+          }
+        )
+      ] }) }),
+      renderTabContent()
+    ] });
+  };
+  if (CustomBtn) {
+    return /* @__PURE__ */ jsxs10(Fragment6, { children: [
+      /* @__PURE__ */ jsx14(CustomBtn, { onClick: open_modal }),
+      /* @__PURE__ */ jsx14(Modals_default, { open: isOpen, onClose: close_modal, title, children: formulaire() })
+    ] });
+  }
+  return /* @__PURE__ */ jsx14(Fragment6, { children: /* @__PURE__ */ jsx14(
     RewiseBasicCard,
     {
       title: /* @__PURE__ */ jsxs10("div", { className: "flex items-center justify-between w-full", children: [
@@ -3149,92 +3272,9 @@ var ApprovalWorkflow = ({
           }
         )
       ] }),
-      children: [
-        /* @__PURE__ */ jsxs10("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [
-          /* @__PURE__ */ jsx14("div", { className: "md:col-span-1", children: /* @__PURE__ */ jsx14(
-            TextInput,
-            {
-              label: "Titre:",
-              name: "title",
-              value: formData.title,
-              onChange: handleInputChange,
-              disabled: readOnly
-            }
-          ) }),
-          /* @__PURE__ */ jsx14("div", { className: "md:col-span-1", children: /* @__PURE__ */ jsx14(
-            FileInput,
-            {
-              label: "Joindre un fichier:",
-              name: "file",
-              onChange: handleFileChange,
-              disabled: readOnly
-            }
-          ) }),
-          /* @__PURE__ */ jsx14("div", { className: "md:col-span-1", children: /* @__PURE__ */ jsx14(
-            TextInput,
-            {
-              label: "Statut:",
-              name: "status",
-              value: formData.status,
-              onChange: handleInputChange,
-              disabled: true
-            }
-          ) })
-        ] }),
-        /* @__PURE__ */ jsxs10("div", { children: [
-          /* @__PURE__ */ jsx14("label", { className: "block text-[#191919] text-sm font-medium mb-2", children: "Description:" }),
-          /* @__PURE__ */ jsx14(
-            "textarea",
-            {
-              name: "description",
-              value: formData.description,
-              onChange: handleInputChange,
-              rows: 3,
-              disabled: readOnly,
-              className: "w-full px-3 py-2 border border-[#D9D9D9] rounded-lg focus:ring-2 focus:ring-[#6A8A82] focus:border-transparent resize-none disabled:bg-gray-100",
-              placeholder: "Ajouter une description..."
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx14("div", { className: "border-b border-[#D9D9D9] mb-6", children: /* @__PURE__ */ jsxs10("nav", { className: "flex gap-1", children: [
-          /* @__PURE__ */ jsxs10(
-            "button",
-            {
-              onClick: () => setActiveTab("workflow"),
-              className: `px-4 py-3 text-sm font-medium transition-colors flex items-center gap-2 ${activeTab === "workflow" ? "border-b-2 border-[#6A8A82] text-[#6A8A82]" : "text-[#767676] hover:text-[#191919]"}`,
-              children: [
-                /* @__PURE__ */ jsx14(FileText2, { className: "w-4 h-4" }),
-                "Workflow"
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxs10(
-            "button",
-            {
-              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(Eye2, { className: "w-4 h-4" }),
-                "Aper\xE7u"
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxs10(
-            "button",
-            {
-              onClick: () => setActiveTab("history"),
-              className: `px-4 py-3 text-sm font-medium transition-colors flex items-center gap-2 ${activeTab === "history" ? "border-b-2 border-[#6A8A82] text-[#6A8A82]" : "text-[#767676] hover:text-[#191919]"}`,
-              children: [
-                /* @__PURE__ */ jsx14(History2, { className: "w-4 h-4" }),
-                "Historique"
-              ]
-            }
-          )
-        ] }) }),
-        renderTabContent()
-      ]
+      children: formulaire()
     }
-  );
+  ) });
 };
 var StageRow = ({
   stage,
@@ -3283,7 +3323,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(Trash2, { className: "w-4 h-4" })
       }
     ) }),
     /* @__PURE__ */ jsx14("td", { className: "border border-gray-300 px-4 py-2 text-center", children: index + 1 }),
@@ -3508,13 +3548,779 @@ var AddStageButton = ({
   ] });
 };
 var ApprovalWorkflow_default = ApprovalWorkflow;
+
+// src/contexts/AlertContext.tsx
+import { createContext as createContext4, useContext as useContext4, useState as useState11, useCallback as useCallback2 } from "react";
+
+// src/components/common/Alert.tsx
+import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
+var Alert = ({
+  title,
+  description,
+  variant = "warning",
+  open,
+  onConfirm,
+  onCancel,
+  confirmText = "Oui",
+  cancelText = "Non",
+  confirmButtonVariant = "danger"
+}) => {
+  if (!open) return null;
+  const getIcon = () => {
+    switch (variant) {
+      case "danger":
+        return /* @__PURE__ */ jsx15("div", { className: "mx-auto flex h-12 w-12 items-center justify-center rounded-full bg-red-100", children: /* @__PURE__ */ jsx15("svg", { className: "h-6 w-6 text-red-600", fill: "none", viewBox: "0 0 24 24", strokeWidth: "1.5", stroke: "currentColor", children: /* @__PURE__ */ jsx15("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z" }) }) });
+      case "warning":
+        return /* @__PURE__ */ jsx15("div", { className: "mx-auto flex h-12 w-12 items-center justify-center rounded-full bg-yellow-100", children: /* @__PURE__ */ jsx15("svg", { className: "h-6 w-6 text-yellow-600", fill: "none", viewBox: "0 0 24 24", strokeWidth: "1.5", stroke: "currentColor", children: /* @__PURE__ */ jsx15("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z" }) }) });
+      case "info":
+        return /* @__PURE__ */ jsx15("div", { className: "mx-auto flex h-12 w-12 items-center justify-center rounded-full bg-blue-100", children: /* @__PURE__ */ jsx15("svg", { className: "h-6 w-6 text-blue-600", fill: "none", viewBox: "0 0 24 24", strokeWidth: "1.5", stroke: "currentColor", children: /* @__PURE__ */ jsx15("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z" }) }) });
+      case "success":
+        return /* @__PURE__ */ jsx15("div", { className: "mx-auto flex h-12 w-12 items-center justify-center rounded-full bg-green-100", children: /* @__PURE__ */ jsx15("svg", { className: "h-6 w-6 text-green-600", fill: "none", viewBox: "0 0 24 24", strokeWidth: "1.5", stroke: "currentColor", children: /* @__PURE__ */ jsx15("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }) });
+    }
+  };
+  const getConfirmButtonStyles = () => {
+    switch (confirmButtonVariant) {
+      case "danger":
+        return "bg-red-600 text-white hover:bg-red-700 focus:ring-red-500";
+      case "success":
+        return "bg-green-600 text-white hover:bg-green-700 focus:ring-green-500";
+      case "primary":
+        return "bg-blue-600 text-white hover:bg-blue-700 focus:ring-blue-500";
+      default:
+        return "bg-red-600 text-white hover:bg-red-700 focus:ring-red-500";
+    }
+  };
+  return /* @__PURE__ */ jsx15("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50", children: /* @__PURE__ */ jsxs11("div", { className: "bg-white rounded-lg p-6 mx-4 w-full max-w-md shadow-xl", children: [
+    getIcon(),
+    /* @__PURE__ */ jsxs11("div", { className: "mt-4 text-center", children: [
+      /* @__PURE__ */ jsx15("h3", { className: "text-lg font-semibold text-gray-900", children: title }),
+      description && /* @__PURE__ */ jsx15("p", { className: "mt-2 text-sm text-gray-600", children: description })
+    ] }),
+    /* @__PURE__ */ jsxs11("div", { className: "mt-6 flex flex-col-reverse sm:flex-row gap-3 sm:gap-4", children: [
+      /* @__PURE__ */ jsx15(
+        "button",
+        {
+          type: "button",
+          onClick: onCancel,
+          className: "w-full sm:w-1/2 px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-lg hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500 transition-colors",
+          children: cancelText
+        }
+      ),
+      /* @__PURE__ */ jsx15(
+        "button",
+        {
+          type: "button",
+          onClick: onConfirm,
+          className: `w-full sm:w-1/2 px-4 py-2 text-sm font-medium rounded-lg focus:outline-none focus:ring-2 focus:ring-offset-2 transition-colors ${getConfirmButtonStyles()}`,
+          children: confirmText
+        }
+      )
+    ] })
+  ] }) });
+};
+var Alert_default = Alert;
+
+// src/contexts/AlertContext.tsx
+import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
+var AlertContext = createContext4(void 0);
+var AlertProvider = ({ children }) => {
+  const [alertState, setAlertState] = useState11({
+    open: false,
+    title: "",
+    variant: "warning"
+  });
+  const showConfirmation = useCallback2((options) => {
+    return new Promise((resolve) => {
+      setAlertState({
+        ...options,
+        open: true,
+        resolve
+      });
+    });
+  }, []);
+  const showAlert = useCallback2(
+    (title, confirmText = "Oui", cancelText = "Annuler", description, variant = "warning") => {
+      return showConfirmation({
+        title,
+        description,
+        confirmText,
+        cancelText,
+        variant
+      });
+    },
+    [showConfirmation]
+  );
+  const handleConfirm = useCallback2(() => {
+    if (alertState.resolve) {
+      alertState.resolve(true);
+    }
+    setAlertState((prev) => ({ ...prev, open: false }));
+  }, [alertState.resolve]);
+  const handleCancel = useCallback2(() => {
+    if (alertState.resolve) {
+      alertState.resolve(false);
+    }
+    setAlertState((prev) => ({ ...prev, open: false }));
+  }, [alertState.resolve]);
+  return /* @__PURE__ */ jsxs12(AlertContext.Provider, { value: { showConfirmation, showAlert }, children: [
+    children,
+    /* @__PURE__ */ jsx16(
+      Alert_default,
+      {
+        open: alertState.open,
+        title: alertState.title,
+        description: alertState.description,
+        variant: alertState.variant || "warning",
+        confirmText: alertState.confirmText,
+        cancelText: alertState.cancelText,
+        confirmButtonVariant: alertState.confirmButtonVariant,
+        onConfirm: handleConfirm,
+        onCancel: handleCancel
+      }
+    )
+  ] });
+};
+var useAlert = () => {
+  const context = useContext4(AlertContext);
+  if (!context) {
+    throw new Error("useAlert must be used within an AlertProvider");
+  }
+  return context;
+};
+
+// src/components/common/CommonSelect.tsx
+import { useEffect as useEffect11, useState as useState14 } from "react";
+
+// src/services/VendorServices.ts
+var VENDORS_API_URL = `${API_URL}/accounting/vendors/`;
+var VendorServices = {
+  createVendor: (data, token) => {
+    const payload = { ...data };
+    if (!payload.logo) {
+      delete payload.logo;
+    }
+    return FetchApi.post(`${VENDORS_API_URL}`, payload, token);
+  },
+  getVendor: (id, token) => FetchApi.get(`${VENDORS_API_URL}${id}/`, token),
+  getVendors: (token, params) => FetchApi.get(`${VENDORS_API_URL}?${new URLSearchParams(params).toString()}`, token),
+  updateVendor: (id, data, token) => {
+    const payload = { ...data };
+    if (!payload.logo) {
+      delete payload.logo;
+    }
+    return FetchApi.put(`${VENDORS_API_URL}${id}/`, payload, token);
+  },
+  deleteVendor: (id, token) => FetchApi.delete(`${VENDORS_API_URL}${id}/`, token)
+};
+
+// dist/index.js
+import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Link as Link3 } from "react-router-dom";
+import { jsx as jsx32, jsxs as jsxs22 } from "react/jsx-runtime";
+import React42, { useState as useState52, useEffect as useEffect42 } from "react";
+import { useLocation as useLocation3, useNavigate as useNavigate3 } from "react-router-dom";
+import {
+  Settings as Settings3,
+  ChevronLeft as ChevronLeft3,
+  ChevronRight as ChevronRight2,
+  Search as Search4,
+  Bell as Bell2,
+  User as User2,
+  LogOut as LogOut2,
+  Menu as Menu3,
+  X as X22,
+  Palette as Palette2,
+  DollarSign as DollarSign2,
+  HelpCircle as HelpCircle2,
+  Building2 as Building22
+} from "lucide-react";
+import { clsx as clsx2 } from "clsx";
+import { twMerge as twMerge2 } from "tailwind-merge";
+import { createContext as createContext5, useContext as useContext5, useState as useState12, useEffect as useEffect9 } from "react";
+import { jsx as jsx42 } from "react/jsx-runtime";
+import { createContext as createContext22, useContext as useContext22, useEffect as useEffect22, useState as useState22 } from "react";
+import { jsx as jsx52 } from "react/jsx-runtime";
+import { createContext as createContext32, useContext as useContext32, useState as useState32, useCallback as useCallback3 } from "react";
+import { jsx as jsx62 } from "react/jsx-runtime";
+import { useState as useState42, useEffect as useEffect32 } from "react";
+import { jsx as jsx72, jsxs as jsxs32 } from "react/jsx-runtime";
+import { X as X6, Loader as Loader3, Eye as Eye3, FileText as FileText3, Check as Check2, XCircle as XCircle3, Edit as Edit2, CheckCircle as CheckCircle3, Clock as Clock2, AlertCircle as AlertCircle2, 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 jsxs42 } from "react/jsx-runtime";
+import { Fragment as Fragment22, jsx as jsx92, jsxs as jsxs52 } from "react/jsx-runtime";
+import { useEffect as useEffect52, useState as useState62 } from "react";
+import { CheckCircle as CheckCircle22, XCircle as XCircle22, AlertTriangle as AlertTriangle2, Info as Info2, X as X32 } from "lucide-react";
+import { jsx as jsx102, jsxs as jsxs62 } from "react/jsx-runtime";
+import { ChevronLeft as ChevronLeft22, Download as Download3, Menu as Menu22, Settings as Settings22 } from "lucide-react";
+import { useState as useState72 } from "react";
+import { Fragment as Fragment32, jsx as jsx112, jsxs as jsxs72 } from "react/jsx-runtime";
+import { useEffect as useEffect62, useState as useState82 } 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, Download as Download22, Filter as Filter2, MoreVertical as MoreVertical2, Printer as Printer2, Search as Search22 } from "lucide-react";
+import { Fragment as Fragment42, jsx as jsx122, jsxs as jsxs82 } from "react/jsx-runtime";
+import { useState as useState102, useEffect as useEffect82 } from "react";
+import { useState as useState92, useRef as useRef2, useEffect as useEffect72 } from "react";
+import { Search as Search32, ChevronDown as ChevronDown2, X as X42 } from "lucide-react";
+import { Fragment as Fragment52, jsx as jsx132, jsxs as jsxs92 } from "react/jsx-runtime";
+import { X as X52, Plus as Plus3, Trash2 as Trash22, Users as Users2, Loader as Loader22, RotateCcw as RotateCcw2, Ban as Ban2, Eye as Eye22, FileText as FileText22, History as History2 } from "lucide-react";
+import { Fragment as Fragment62, jsx as jsx142, jsxs as jsxs102 } 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 jsxs112 } from "react/jsx-runtime";
+import { jsx as jsx162, jsxs as jsxs122 } from "react/jsx-runtime";
+var PrimaryButton2 = ({
+  loading = false,
+  children,
+  classname = "",
+  ...props
+}) => /* @__PURE__ */ jsx17(
+  "button",
+  {
+    type: "submit",
+    disabled: loading || props.disabled,
+    className: `px-4 py-2 text-sm bg-[#6A8A82] text-white rounded-lg hover:bg-[#5A7A72] transition-colors  disabled:opacity-50 disabled:cursor-not-allowed flex justify-center items-center ${classname}`,
+    ...props,
+    children: loading ? "Connexion en cours..." : children
+  }
+);
+var Buttons_default2 = PrimaryButton2;
+var Modal2 = ({ title, description, width, open, onClose, children }) => {
+  if (!open) return null;
+  return /* @__PURE__ */ jsx22("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50", children: /* @__PURE__ */ jsxs13("div", { className: `bg-white  rounded-lg py-4 px-6 mx-4 w-[${width ? width : "60%"}]`, children: [
+    /* @__PURE__ */ jsxs13("div", { className: "flex  justify-between items-start mb-6", children: [
+      /* @__PURE__ */ jsxs13("div", { children: [
+        /* @__PURE__ */ jsx22("h3", { className: "text-xl font-semibold text-tuatara flex items-center space-x-2", children: /* @__PURE__ */ jsx22("span", { children: title }) }),
+        description && /* @__PURE__ */ jsx22("p", { className: "text-sm text-gray-600 mt-1", children: description })
+      ] }),
+      /* @__PURE__ */ jsx22(
+        "button",
+        {
+          onClick: onClose,
+          className: "text-gray-400 hover:text-gray-600 text-xl",
+          "aria-label": "Close modal",
+          children: "\u2715"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx22("div", { className: "w-full max-h-[80vh] overflow-y-auto mb-4", children })
+  ] }) });
+};
+var Modals_default2 = Modal2;
+var InputField2 = ({
+  label,
+  name,
+  type = "text",
+  value,
+  placeholder,
+  required = false,
+  disabled = false,
+  error,
+  onChange,
+  onBlur
+}) => {
+  return /* @__PURE__ */ jsxs22("div", { className: "flex flex-col gap-1 w-full", children: [
+    label && /* @__PURE__ */ jsxs22("label", { htmlFor: name, className: "block text-gray-700 text-sm font-medium mb-2", children: [
+      label,
+      " ",
+      required && /* @__PURE__ */ jsx32("span", { className: "text-red-500", children: "*" })
+    ] }),
+    /* @__PURE__ */ jsx32(
+      "input",
+      {
+        id: name,
+        name,
+        type,
+        value,
+        placeholder,
+        required,
+        disabled,
+        onChange,
+        onBlur,
+        className: `w-full px-3 py-2 border border-[#D9D9D9]  focus:ring-2 focus:ring-[#6A8A82]/20
+          ${error ? "border-red-500" : "border-gray-300"}
+          ${disabled ? "bg-gray-100 cursor-not-allowed" : ""}
+        `
+      }
+    ),
+    error && /* @__PURE__ */ jsx32("p", { className: "text-xs text-red-500", children: error })
+  ] });
+};
+var TextInput2 = (props) => {
+  return /* @__PURE__ */ jsx32(InputField2, { ...props, type: "text" });
+};
+var ThemeContext2 = createContext5(void 0);
+var ADDRESS_IP2 = "localhost:8000";
+var ADDRESS_IP_URL2 = `http://${ADDRESS_IP2}/`;
+var API_URL2 = `${ADDRESS_IP_URL2}api`;
+var API_BASE_URL3 = `${API_URL2}/core/auth/`;
+var SessionContext2 = createContext22(void 0);
+var API_BASE_URL22 = `${API_URL2}/core/auth/`;
+var USERS_API_URL2 = `${API_URL2}/core/users/`;
+var ToastContext2 = createContext32(void 0);
+var APPROVAL_API_URL2 = `${API_URL2}/approvals/cases/`;
+var AlertContext2 = createContext42(void 0);
+
+// src/components/common/FormVendor.tsx
+import { useState as useState13 } from "react";
+import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
+var MinimalVendorForm = ({
+  isOpen,
+  onClose,
+  object,
+  from = "procurement",
+  refresh = () => {
+  }
+}) => {
+  const [formData, setFormData] = useState13(object || {
+    from_module: from ?? null,
+    legal_name: "",
+    trading_name: ""
+  });
+  const [errors, setErrors] = useState13({});
+  const [loading, setLoading] = useState13(false);
+  const { token } = useSession();
+  const { success, error: showError } = useToast();
+  const handleInputChange = (e) => {
+    const { name, value } = e.target;
+    setFormData((prev) => ({ ...prev, [name]: value }));
+    if (errors[name]) {
+      setErrors((prev) => ({ ...prev, [name]: void 0 }));
+    }
+  };
+  const handleSelectChange = (e) => {
+    const { name, value } = e.target;
+    setFormData((prev) => ({ ...prev, [name]: value }));
+  };
+  const handleTextareaChange = (e) => {
+    const { name, value } = e.target;
+    setFormData((prev) => ({ ...prev, [name]: value }));
+  };
+  const validateForm = () => {
+    const newErrors = {};
+    if (!formData.legal_name?.trim()) {
+      newErrors.legal_name = "La raison sociale est obligatoire";
+    }
+    if (formData.email && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(formData.email)) {
+      newErrors.email = "Format d'email invalide";
+    }
+    if (formData.iban && formData.iban.length > 0 && formData.iban.length < 15) {
+      newErrors.iban = "Format IBAN invalide";
+    }
+    setErrors(newErrors);
+    return Object.keys(newErrors).length === 0;
+  };
+  const handleSaveVendor = async (entityData) => {
+    try {
+      if (object && object.id) {
+        await VendorServices.updateVendor(object.id, entityData, token);
+        success("Entit\xE9 modifi\xE9e avec succ\xE8s !");
+      } else {
+        await VendorServices.createVendor(entityData, token);
+        success("Entit\xE9 cr\xE9\xE9e avec succ\xE8s !");
+      }
+      refresh();
+      onClose();
+    } catch (error) {
+      console.error(error);
+      showError("Erreur lors de l'enregistrement de l'entit\xE9");
+    }
+  };
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    if (!validateForm()) return;
+    setLoading(true);
+    try {
+      await handleSaveVendor(formData);
+    } finally {
+      setLoading(false);
+    }
+  };
+  if (!isOpen) return null;
+  return /* @__PURE__ */ jsx18(
+    Modals_default2,
+    {
+      title: "Ajouter un fournisseur",
+      width: "w-[100%]",
+      description: ``,
+      open: isOpen,
+      onClose,
+      children: /* @__PURE__ */ jsxs14("form", { onSubmit: handleSubmit, className: "p-", children: [
+        /* @__PURE__ */ jsx18("div", { className: "space-y-4", children: /* @__PURE__ */ jsxs14("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ jsx18(
+            TextInput2,
+            {
+              label: "Raison sociale",
+              name: "legal_name",
+              value: formData.legal_name || "",
+              placeholder: "Nom l\xE9gal de l'entit\xE9",
+              required: true,
+              error: errors.legal_name,
+              onChange: handleInputChange
+            }
+          ),
+          /* @__PURE__ */ jsx18(
+            TextInput2,
+            {
+              label: "Nom commercial",
+              name: "trading_name",
+              value: formData.trading_name || "",
+              placeholder: "Nom commercial (optionnel)",
+              onChange: handleInputChange
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ jsxs14("div", { className: "flex justify-between pt-6 mt-8", children: [
+          /* @__PURE__ */ jsx18(
+            "button",
+            {
+              type: "button",
+              onClick: onClose,
+              className: "px-6 py-2 border border-gray-300 text-gray-700 rounded-lg hover:bg-gray-50 transition-colors",
+              children: "Annuler"
+            }
+          ),
+          /* @__PURE__ */ jsx18(
+            Buttons_default2,
+            {
+              type: "button",
+              onClick: handleSubmit,
+              disabled: loading,
+              children: loading ? "chargement..." : "Enregistrer l'entit\xE9"
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+};
+
+// src/services/DepartmentServices.ts
+var URI = `${API_URL}/core/departments/`;
+var DepartmentServices = {
+  create: (data) => FetchApi.post(`${URI}`, data),
+  get: (id) => FetchApi.get(`${URI}${id}/`),
+  list: (params) => FetchApi.get(`${URI}?${new URLSearchParams(params).toString()}`),
+  update: (id, data) => FetchApi.put(`${URI}${id}/`, data),
+  delete: (id) => FetchApi.delete(`${URI}${id}/`)
+};
+
+// src/services/ProfitCostsServices.ts
+var URI2 = `${API_URL}/accounting/profit-or-cost-center/`;
+var COST_URI = `${API_URL}/accounting/cost-center/`;
+var CostServices = {
+  create: (data) => FetchApi.post(`${COST_URI}`, data),
+  get: (id) => FetchApi.get(`${COST_URI}${id}/`),
+  list: (params) => FetchApi.get(`${COST_URI}?${new URLSearchParams(params).toString()}`),
+  update: (id, data) => FetchApi.put(`${COST_URI}${id}/`, data),
+  delete: (id) => FetchApi.delete(`${COST_URI}${id}/`)
+};
+var PROFIT_URI = `${API_URL}/accounting/profit-center/`;
+
+// src/components/common/CommonSelect.tsx
+import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
+var SelectVendor = ({
+  value,
+  onSelect
+}) => {
+  const [showModal, setShowModal] = useState14(false);
+  const [selectedVendor, setSelectedVendor] = useState14(null);
+  const { token, activeBusinessEntity } = useSession();
+  const [vendors, setVendors] = useState14(() => {
+    const cacheKey = `vendors_cache_${activeBusinessEntity?.id || "default"}`;
+    const cached = sessionStorage.getItem(cacheKey);
+    return cached ? JSON.parse(cached) : [];
+  });
+  const [loadingVendors, setLoadingVendors] = useState14(false);
+  useEffect11(() => {
+    const cacheKey = `vendors_cache_${activeBusinessEntity?.id || "default"}`;
+    const cached = sessionStorage.getItem(cacheKey);
+    if (!cached) {
+      loadVendors();
+    } else {
+      setVendors(JSON.parse(cached));
+    }
+  }, [activeBusinessEntity?.id]);
+  const getVendorOptions = () => {
+    return vendors.filter((vendor) => vendor.id !== void 0).map((vendor) => ({
+      value: vendor.id,
+      label: `${vendor.legal_name} [${vendor.trading_name}]`
+    }));
+  };
+  const loadVendors = async () => {
+    if (!token) {
+      console.error("Vous devez etre connect\xE9 pour voir les organisations");
+      return;
+    }
+    try {
+      setLoadingVendors(true);
+      const result = await VendorServices.getVendors(token, { business_entity_id: activeBusinessEntity?.id });
+      setVendors(result.data);
+      const cacheKey = `vendors_cache_${activeBusinessEntity?.id || "default"}`;
+      sessionStorage.setItem(cacheKey, JSON.stringify(result.data));
+    } catch (error) {
+      console.error(error);
+    } finally {
+      setLoadingVendors(false);
+    }
+  };
+  const handleRefresh = () => {
+    const cacheKey = `vendors_cache_${activeBusinessEntity?.id || "default"}`;
+    sessionStorage.removeItem(cacheKey);
+    loadVendors();
+  };
+  return /* @__PURE__ */ jsxs15("div", { children: [
+    /* @__PURE__ */ jsx19("div", { className: "flex justify-between ", children: /* @__PURE__ */ jsx19("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Ajouter un fournisseur" }) }),
+    /* @__PURE__ */ jsx19(
+      SearchableSelect,
+      {
+        value,
+        options: getVendorOptions(),
+        placeholder: "S\xE9lectionner un fournisseur...",
+        searchPlaceholder: "Rechercher...",
+        onSelect,
+        disabled: loadingVendors,
+        refresh: handleRefresh,
+        addElement: () => {
+          setShowModal(true);
+        }
+      },
+      "fourni" + value
+    ),
+    loadingVendors && /* @__PURE__ */ jsx19("p", { className: "text-sm text-gray-500 mt-2", children: "Chargement des fournisseurs..." }),
+    showModal && /* @__PURE__ */ jsx19(
+      MinimalVendorForm,
+      {
+        object: selectedVendor,
+        isOpen: showModal,
+        onClose: () => setShowModal(false),
+        refresh: handleRefresh
+      },
+      `entity-modal-${selectedVendor?.id}`
+    )
+  ] });
+};
+var SelectUser = ({
+  value,
+  onSelect
+}) => {
+  const { token, activeBusinessEntity } = useSession();
+  const [users, setUsers] = useState14(() => {
+    const cacheKey = `users_cache_${activeBusinessEntity?.id || "default"}`;
+    const cached = sessionStorage.getItem(cacheKey);
+    return cached ? JSON.parse(cached) : [];
+  });
+  const [loading, setLoading] = useState14(false);
+  useEffect11(() => {
+    const cacheKey = `users_cache_${activeBusinessEntity?.id || "default"}`;
+    const cached = sessionStorage.getItem(cacheKey);
+    if (!cached) {
+      loadUsers();
+    } else {
+      setUsers(JSON.parse(cached));
+    }
+  }, [activeBusinessEntity?.id]);
+  const loadUsers = async () => {
+    if (!token) return;
+    try {
+      setLoading(true);
+      const result = await UserServices.getUsers(token);
+      setUsers(result.data);
+    } catch (error) {
+      console.error(error);
+    } finally {
+      setLoading(false);
+    }
+  };
+  const handleRefresh = () => {
+    const cacheKey = `vendors_cache_${activeBusinessEntity?.id || "default"}`;
+    sessionStorage.removeItem(cacheKey);
+    loadUsers();
+  };
+  const userFilterFunction = (option, searchTerm) => {
+    const user = users.find((u) => u.id === option.value);
+    if (!user) return false;
+    const searchLower = searchTerm.toLowerCase();
+    return user.first_name?.toLowerCase().includes(searchLower) || user.last_name?.toLowerCase().includes(searchLower) || user.email?.toLowerCase().includes(searchLower);
+  };
+  const getUserOptions = () => {
+    return users.map((user) => ({
+      value: user.id,
+      label: `${user.first_name} ${user.last_name}`,
+      content: /* @__PURE__ */ jsx19("div", { className: "flex items-center space-x-3", children: /* @__PURE__ */ jsxs15("div", { className: "flex-1", children: [
+        /* @__PURE__ */ jsxs15("div", { className: "font-medium text-gray-900", children: [
+          user.first_name,
+          " ",
+          user.last_name
+        ] }),
+        /* @__PURE__ */ jsx19("div", { className: "text-sm text-gray-500", children: user.email })
+      ] }) })
+    }));
+  };
+  return /* @__PURE__ */ jsxs15("div", { children: [
+    /* @__PURE__ */ jsx19("div", { className: "flex justify-between ", children: /* @__PURE__ */ jsx19("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "S\xE9lectionner un utilisateur" }) }),
+    /* @__PURE__ */ jsx19(
+      SearchableSelect,
+      {
+        value,
+        options: getUserOptions(),
+        placeholder: "S\xE9lectionner un utilisateur ...",
+        searchPlaceholder: "Rechercher...",
+        onSelect,
+        disabled: loading,
+        refresh: handleRefresh
+      },
+      "user" + value
+    ),
+    loading && /* @__PURE__ */ jsx19("p", { className: "text-sm text-gray-500 mt-2", children: "Chargement des utilisateurs..." })
+  ] });
+};
+var SelectDepartment = ({
+  value,
+  onSelect
+}) => {
+  const { token, activeBusinessEntity } = useSession();
+  const [departments, setDepartments] = useState14(() => {
+    const cacheKey = `departments_cache_${activeBusinessEntity?.id || "default"}`;
+    const cached = sessionStorage.getItem(cacheKey);
+    return cached ? JSON.parse(cached) : [];
+  });
+  const [loading, setLoading] = useState14(false);
+  useEffect11(() => {
+    const cacheKey = `departments_cache_${activeBusinessEntity?.id || "default"}`;
+    const cached = sessionStorage.getItem(cacheKey);
+    if (!cached) {
+      loadDepartments();
+    } else {
+      setDepartments(JSON.parse(cached));
+    }
+  }, [activeBusinessEntity?.id]);
+  const loadDepartments = async () => {
+    if (!token) return;
+    try {
+      setLoading(true);
+      const result = await DepartmentServices.list({ business_entity_id: activeBusinessEntity?.id });
+      if (result.success) {
+        setDepartments(result.data);
+        const cacheKey = `departments_cache_${activeBusinessEntity?.id || "default"}`;
+        sessionStorage.setItem(cacheKey, JSON.stringify(result.data));
+      }
+    } catch (error) {
+      console.error(error);
+    } finally {
+      setLoading(false);
+    }
+  };
+  const handleRefresh = () => {
+    const cacheKey = `departments_cache_${activeBusinessEntity?.id || "default"}`;
+    sessionStorage.removeItem(cacheKey);
+    loadDepartments();
+  };
+  const getDepartmentOptions = () => {
+    return departments.map((dept) => ({
+      value: dept.id,
+      label: dept.name
+    }));
+  };
+  return /* @__PURE__ */ jsxs15("div", { children: [
+    /* @__PURE__ */ jsx19("div", { className: "flex justify-between ", children: /* @__PURE__ */ jsx19("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "S\xE9lectionner un d\xE9partement" }) }),
+    /* @__PURE__ */ jsx19(
+      SearchableSelect,
+      {
+        value,
+        options: getDepartmentOptions(),
+        placeholder: "S\xE9lectionner un d\xE9partement ...",
+        searchPlaceholder: "Rechercher...",
+        onSelect,
+        disabled: loading,
+        refresh: handleRefresh
+      },
+      "dept" + value
+    ),
+    loading && /* @__PURE__ */ jsx19("p", { className: "text-sm text-gray-500 mt-2", children: "Chargement des d\xE9partements..." })
+  ] });
+};
+var SelectCostCenter = ({
+  value,
+  onSelect
+}) => {
+  const { token, activeBusinessEntity } = useSession();
+  const [costCenters, setCostCenters] = useState14(() => {
+    const cacheKey = `cost_centers_cache_${activeBusinessEntity?.id || "default"}`;
+    const cached = sessionStorage.getItem(cacheKey);
+    return cached ? JSON.parse(cached) : [];
+  });
+  const [loading, setLoading] = useState14(false);
+  useEffect11(() => {
+    const cacheKey = `cost_centers_cache_${activeBusinessEntity?.id || "default"}`;
+    const cached = sessionStorage.getItem(cacheKey);
+    if (!cached) {
+      loadCostCenters();
+    } else {
+      setCostCenters(JSON.parse(cached));
+    }
+  }, [activeBusinessEntity?.id]);
+  const loadCostCenters = async () => {
+    if (!token) return;
+    try {
+      setLoading(true);
+      const result = await CostServices.list({ business_entity_id: activeBusinessEntity?.id });
+      if (result.success) {
+        setCostCenters(result.data);
+        const cacheKey = `cost_centers_cache_${activeBusinessEntity?.id || "default"}`;
+        sessionStorage.setItem(cacheKey, JSON.stringify(result.data));
+      }
+    } catch (error) {
+      console.error(error);
+    } finally {
+      setLoading(false);
+    }
+  };
+  const handleRefresh = () => {
+    const cacheKey = `cost_centers_cache_${activeBusinessEntity?.id || "default"}`;
+    sessionStorage.removeItem(cacheKey);
+    loadCostCenters();
+  };
+  const getCostCenterOptions = () => {
+    return costCenters.map((center) => ({
+      value: center.id,
+      label: `${center.code ? `[${center.code}] ` : ""}${center.name}`,
+      content: /* @__PURE__ */ jsx19("div", { className: "flex items-center space-x-3", children: /* @__PURE__ */ jsxs15("div", { className: "flex-1", children: [
+        /* @__PURE__ */ jsx19("div", { className: "font-medium text-gray-900", children: center.name }),
+        center.code && /* @__PURE__ */ jsxs15("div", { className: "text-sm text-gray-500", children: [
+          "Code: ",
+          center.code
+        ] })
+      ] }) })
+    }));
+  };
+  return /* @__PURE__ */ jsxs15("div", { children: [
+    /* @__PURE__ */ jsx19("div", { className: "flex justify-between ", children: /* @__PURE__ */ jsx19("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "S\xE9lectionner un centre de co\xFBt" }) }),
+    /* @__PURE__ */ jsx19(
+      SearchableSelect,
+      {
+        value,
+        options: getCostCenterOptions(),
+        placeholder: "S\xE9lectionner un centre de co\xFBt ...",
+        searchPlaceholder: "Rechercher...",
+        onSelect,
+        disabled: loading,
+        refresh: handleRefresh
+      },
+      "cost" + value
+    ),
+    loading && /* @__PURE__ */ jsx19("p", { className: "text-sm text-gray-500 mt-2", children: "Chargement des centres de co\xFBt..." })
+  ] });
+};
 export {
+  Alert_default as Alert,
+  AlertProvider,
   ApprovalAnswerModal,
   ApprovalAnswerPage,
   ApprovalPreviewAnswer_default as ApprovalPreviewAnswer,
   ApprovalWorkflow_default as ApprovalWorkflow,
   DateInput,
   FDrawer,
+  FetchApi,
   FileInput,
   InputField,
   Modals_default as Modal,
@@ -3523,13 +4329,18 @@ export {
   Buttons_default as PrimaryButton,
   ModernDoubleSidebarLayout_default as RewiseLayout,
   SecondaryButton,
+  SelectCostCenter,
+  SelectDepartment,
   SelectInput,
+  SelectUser,
+  SelectVendor,
   SessionProvider,
   TextInput,
   ThemeContext_default as ThemeProvider,
   Toast_default as ToastContainer,
   ToastProvider,
   UserServices,
+  useAlert,
   useSession,
   useToast
 };