ptechcore_ui 1.0.13 → 1.0.15

package/dist/index.cjs

@@ -29,12 +29,15 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
+  Alert: () => Alert_default,
+  AlertProvider: () => AlertProvider,
   ApprovalAnswerModal: () => ApprovalAnswerModal,
   ApprovalAnswerPage: () => ApprovalAnswerPage,
   ApprovalPreviewAnswer: () => ApprovalPreviewAnswer_default,
   ApprovalWorkflow: () => ApprovalWorkflow_default,
   DateInput: () => DateInput,
   FDrawer: () => FDrawer,
+  FetchApi: () => FetchApi,
   FileInput: () => FileInput,
   InputField: () => InputField,
   Modal: () => Modals_default,
@@ -43,13 +46,18 @@ __export(index_exports, {
   PrimaryButton: () => Buttons_default,
   RewiseLayout: () => ModernDoubleSidebarLayout_default,
   SecondaryButton: () => SecondaryButton,
+  SelectCostCenter: () => SelectCostCenter,
+  SelectDepartment: () => SelectDepartment,
   SelectInput: () => SelectInput,
+  SelectUser: () => SelectUser,
+  SelectVendor: () => SelectVendor,
   SessionProvider: () => SessionProvider,
   TextInput: () => TextInput,
   ThemeProvider: () => ThemeContext_default,
   ToastContainer: () => Toast_default,
   ToastProvider: () => ToastProvider,
   UserServices: () => UserServices,
+  useAlert: () => useAlert,
   useSession: () => useSession,
   useToast: () => useToast
 });
@@ -61,13 +69,14 @@ var PrimaryButton = ({
   loading = false,
   children,
   classname = "",
+  variant = "full",
   ...props
 }) => /* @__PURE__ */ (0, import_jsx_runtime.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
   }
@@ -75,13 +84,14 @@ var PrimaryButton = ({
 var SecondaryButton = ({
   loading = false,
   children,
+  variant = "full",
   ...props
 }) => /* @__PURE__ */ (0, import_jsx_runtime.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
   }
@@ -92,7 +102,7 @@ var Buttons_default = PrimaryButton;
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var Modal = ({ title, description, width, open, onClose, children }) => {
   if (!open) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: `bg-white  rounded-lg py-4 px-6 mx-4 w-[${width ? width : "60%"}]`, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: `bg-white  rounded-lg pt-4 px-6 mx-4 `, children: [
     /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex  justify-between items-start mb-6", children: [
       /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
         /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h3", { className: "text-xl font-semibold text-tuatara flex items-center space-x-2", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: title }) }),
@@ -108,7 +118,7 @@ var Modal = ({ title, description, width, open, onClose, children }) => {
         }
       )
     ] }),
-    children
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "w-full max-h-[80vh] overflow-y-auto mb-1", children })
   ] }) });
 };
 var Modals_default = Modal;
@@ -2599,7 +2609,9 @@ var SearchableSelect = ({
   onRemove,
   disabled = false,
   allowClear = false,
-  filterFunction
+  filterFunction,
+  addElement,
+  refresh
 }) => {
   const [isOpen, setIsOpen] = (0, import_react9.useState)(false);
   const [searchTerm, setSearchTerm] = (0, import_react9.useState)("");
@@ -2686,20 +2698,43 @@ var SearchableSelect = ({
       }
     ),
     isOpen && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "absolute z-50 w-full mt-1 bg-white border border-gray-200 rounded-lg shadow-lg", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "p-3 border-b border-gray-200", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "relative", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react6.Search, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-4 h-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "p-3 border-b border-gray-200 flex", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "relative w-full", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react6.Search, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-4 h-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+            "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__ */ (0, import_jsx_runtime13.jsx)(
-          "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__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react6.RefreshCw, { className: `w-4 h-4 ${disabled ? "animate-spin" : ""}` })
+          }
+        ),
+        addElement && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          "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__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react6.Plus, { className: "w-4 h-4" })
           }
         )
-      ] }) }),
+      ] }),
       /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "max-h-60 overflow-y-auto", children: filteredOptions.length > 0 ? filteredOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
         "div",
         {
@@ -2730,7 +2765,8 @@ var ApprovalWorkflow = ({
   process,
   object_id,
   title = "Validation t\xE2che",
-  readOnly = false
+  readOnly = false,
+  CustomBtn
 }) => {
   const { token, loggedUser } = useSession();
   const { error: showError, success: showSuccess } = useToast();
@@ -2740,7 +2776,7 @@ var ApprovalWorkflow = ({
   const [history, setHistory] = (0, import_react10.useState)([]);
   const [loadingHistory, setLoadingHistory] = (0, import_react10.useState)(false);
   const [formData, setFormData] = (0, import_react10.useState)({
-    title: "",
+    title,
     file: null,
     description: "",
     status: "not-send" /* NOT_SEND */
@@ -2753,6 +2789,9 @@ var ApprovalWorkflow = ({
   const [restarting, setRestarting] = (0, import_react10.useState)(false);
   const [verification, setVerification] = (0, import_react10.useState)([]);
   const [validation, setValidation] = (0, import_react10.useState)([]);
+  const [isOpen, setIsOpen] = (0, import_react10.useState)(false);
+  const open_modal = () => setIsOpen(true);
+  const close_modal = () => setIsOpen(false);
   (0, import_react10.useEffect)(() => {
     loadData();
   }, [process, object_id]);
@@ -2791,7 +2830,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
@@ -3178,7 +3217,99 @@ var ApprovalWorkflow = ({
         return null;
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+  const formulaire = () => {
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "md:col-span-1", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          TextInput,
+          {
+            label: "Titre:",
+            name: "title",
+            value: formData.title,
+            onChange: handleInputChange,
+            disabled: readOnly
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "md:col-span-1", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          FileInput,
+          {
+            label: "Joindre un fichier:",
+            name: "file",
+            onChange: handleFileChange,
+            disabled: readOnly
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "md:col-span-1", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          TextInput,
+          {
+            label: "Statut:",
+            name: "status",
+            value: formData.status,
+            onChange: handleInputChange,
+            disabled: true
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("label", { className: "block text-[#191919] text-sm font-medium mb-2", children: "Description:" }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          "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__ */ (0, import_jsx_runtime14.jsx)("div", { className: "border-b border-[#D9D9D9] mb-6", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("nav", { className: "flex gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+          "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__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react7.FileText, { className: "w-4 h-4" }),
+              "Workflow"
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+          "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__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react7.Eye, { className: "w-4 h-4" }),
+              "Aper\xE7u"
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+          "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__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react7.History, { className: "w-4 h-4" }),
+              "Historique"
+            ]
+          }
+        )
+      ] }) }),
+      renderTabContent()
+    ] });
+  };
+  if (CustomBtn) {
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CustomBtn, { onClick: open_modal }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Modals_default, { open: isOpen, onClose: close_modal, title, children: formulaire() })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_jsx_runtime14.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     RewiseBasicCard,
     {
       title: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center justify-between w-full", children: [
@@ -3192,92 +3323,9 @@ var ApprovalWorkflow = ({
           }
         )
       ] }),
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "md:col-span-1", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-            TextInput,
-            {
-              label: "Titre:",
-              name: "title",
-              value: formData.title,
-              onChange: handleInputChange,
-              disabled: readOnly
-            }
-          ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "md:col-span-1", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-            FileInput,
-            {
-              label: "Joindre un fichier:",
-              name: "file",
-              onChange: handleFileChange,
-              disabled: readOnly
-            }
-          ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "md:col-span-1", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-            TextInput,
-            {
-              label: "Statut:",
-              name: "status",
-              value: formData.status,
-              onChange: handleInputChange,
-              disabled: true
-            }
-          ) })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("label", { className: "block text-[#191919] text-sm font-medium mb-2", children: "Description:" }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-            "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__ */ (0, import_jsx_runtime14.jsx)("div", { className: "border-b border-[#D9D9D9] mb-6", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("nav", { className: "flex gap-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
-            "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__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react7.FileText, { className: "w-4 h-4" }),
-                "Workflow"
-              ]
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
-            "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__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react7.Eye, { className: "w-4 h-4" }),
-                "Aper\xE7u"
-              ]
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
-            "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__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react7.History, { className: "w-4 h-4" }),
-                "Historique"
-              ]
-            }
-          )
-        ] }) }),
-        renderTabContent()
-      ]
+      children: formulaire()
     }
-  );
+  ) });
 };
 var StageRow = ({
   stage,
@@ -3551,14 +3599,766 @@ var AddStageButton = ({
   ] });
 };
 var ApprovalWorkflow_default = ApprovalWorkflow;
+
+// src/contexts/AlertContext.tsx
+var import_react11 = require("react");
+
+// src/components/common/Alert.tsx
+var import_jsx_runtime15 = require("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__ */ (0, import_jsx_runtime15.jsx)("div", { className: "mx-auto flex h-12 w-12 items-center justify-center rounded-full bg-red-100", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("svg", { className: "h-6 w-6 text-red-600", fill: "none", viewBox: "0 0 24 24", strokeWidth: "1.5", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("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__ */ (0, import_jsx_runtime15.jsx)("div", { className: "mx-auto flex h-12 w-12 items-center justify-center rounded-full bg-yellow-100", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("svg", { className: "h-6 w-6 text-yellow-600", fill: "none", viewBox: "0 0 24 24", strokeWidth: "1.5", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("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__ */ (0, import_jsx_runtime15.jsx)("div", { className: "mx-auto flex h-12 w-12 items-center justify-center rounded-full bg-blue-100", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("svg", { className: "h-6 w-6 text-blue-600", fill: "none", viewBox: "0 0 24 24", strokeWidth: "1.5", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("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__ */ (0, import_jsx_runtime15.jsx)("div", { className: "mx-auto flex h-12 w-12 items-center justify-center rounded-full bg-green-100", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("svg", { className: "h-6 w-6 text-green-600", fill: "none", viewBox: "0 0 24 24", strokeWidth: "1.5", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("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__ */ (0, import_jsx_runtime15.jsx)("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "bg-white rounded-lg p-6 mx-4 w-full max-w-md shadow-xl", children: [
+    getIcon(),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "mt-4 text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("h3", { className: "text-lg font-semibold text-gray-900", children: title }),
+      description && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "mt-2 text-sm text-gray-600", children: description })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "mt-6 flex flex-col-reverse sm:flex-row gap-3 sm:gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        "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__ */ (0, import_jsx_runtime15.jsx)(
+        "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
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var AlertContext = (0, import_react11.createContext)(void 0);
+var AlertProvider = ({ children }) => {
+  const [alertState, setAlertState] = (0, import_react11.useState)({
+    open: false,
+    title: "",
+    variant: "warning"
+  });
+  const showConfirmation = (0, import_react11.useCallback)((options) => {
+    return new Promise((resolve) => {
+      setAlertState({
+        ...options,
+        open: true,
+        resolve
+      });
+    });
+  }, []);
+  const showAlert = (0, import_react11.useCallback)(
+    (title, confirmText = "Oui", cancelText = "Annuler", description, variant = "warning") => {
+      return showConfirmation({
+        title,
+        description,
+        confirmText,
+        cancelText,
+        variant
+      });
+    },
+    [showConfirmation]
+  );
+  const handleConfirm = (0, import_react11.useCallback)(() => {
+    if (alertState.resolve) {
+      alertState.resolve(true);
+    }
+    setAlertState((prev) => ({ ...prev, open: false }));
+  }, [alertState.resolve]);
+  const handleCancel = (0, import_react11.useCallback)(() => {
+    if (alertState.resolve) {
+      alertState.resolve(false);
+    }
+    setAlertState((prev) => ({ ...prev, open: false }));
+  }, [alertState.resolve]);
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(AlertContext.Provider, { value: { showConfirmation, showAlert }, children: [
+    children,
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      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 = (0, import_react11.useContext)(AlertContext);
+  if (!context) {
+    throw new Error("useAlert must be used within an AlertProvider");
+  }
+  return context;
+};
+
+// src/components/common/CommonSelect.tsx
+var import_react24 = require("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
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_react_router_dom5 = require("react-router-dom");
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_react12 = __toESM(require("react"), 1);
+var import_react_router_dom6 = require("react-router-dom");
+var import_lucide_react8 = require("lucide-react");
+var import_clsx2 = require("clsx");
+var import_tailwind_merge2 = require("tailwind-merge");
+var import_react13 = require("react");
+var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_react14 = require("react");
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_react15 = require("react");
+var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_react16 = require("react");
+var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_lucide_react9 = require("lucide-react");
+var import_react_router_dom7 = require("react-router-dom");
+var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_react17 = require("react");
+var import_lucide_react10 = require("lucide-react");
+var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_lucide_react11 = require("lucide-react");
+var import_react18 = require("react");
+var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_react19 = require("react");
+var import_react_router_dom8 = require("react-router-dom");
+var import_lucide_react12 = require("lucide-react");
+var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_react20 = require("react");
+var import_react21 = require("react");
+var import_lucide_react13 = require("lucide-react");
+var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_lucide_react14 = require("lucide-react");
+var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_react22 = require("react");
+var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
+var PrimaryButton2 = ({
+  loading = false,
+  children,
+  classname = "",
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime17.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}`,
+    ...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__ */ (0, import_jsx_runtime18.jsx)("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: `bg-white  rounded-lg py-4 px-6 mx-4 w-[${width ? width : "60%"}]`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex  justify-between items-start mb-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h3", { className: "text-xl font-semibold text-tuatara flex items-center space-x-2", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { children: title }) }),
+        description && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-sm text-gray-600 mt-1", children: description })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        "button",
+        {
+          onClick: onClose,
+          className: "text-gray-400 hover:text-gray-600 text-xl",
+          "aria-label": "Close modal",
+          children: "\u2715"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "w-full max-h-[80vh] overflow-y-auto mb-4", children })
+  ] }) });
+};
+var Modals_default2 = Modal2;
+var InputField2 = ({
+  label,
+  name,
+  type = "text",
+  value,
+  placeholder,
+  required = false,
+  disabled = false,
+  error,
+  onChange,
+  onBlur
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex flex-col gap-1 w-full", children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("label", { htmlFor: name, className: "block text-gray-700 text-sm font-medium mb-2", children: [
+      label,
+      " ",
+      required && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-red-500", children: "*" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      "input",
+      {
+        id: name,
+        name,
+        type,
+        value,
+        placeholder,
+        required,
+        disabled,
+        onChange,
+        onBlur,
+        className: `w-full px-3 py-2 border border-[#D9D9D9]  focus:ring-2 focus:ring-[#6A8A82]/20
+          ${error ? "border-red-500" : "border-gray-300"}
+          ${disabled ? "bg-gray-100 cursor-not-allowed" : ""}
+        `
+      }
+    ),
+    error && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-xs text-red-500", children: error })
+  ] });
+};
+var TextInput2 = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(InputField2, { ...props, type: "text" });
+};
+var ThemeContext2 = (0, import_react13.createContext)(void 0);
+var 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 = (0, import_react14.createContext)(void 0);
+var API_BASE_URL22 = `${API_URL2}/core/auth/`;
+var USERS_API_URL2 = `${API_URL2}/core/users/`;
+var ToastContext2 = (0, import_react15.createContext)(void 0);
+var APPROVAL_API_URL2 = `${API_URL2}/approvals/cases/`;
+var AlertContext2 = (0, import_react22.createContext)(void 0);
+
+// src/components/common/FormVendor.tsx
+var import_react23 = require("react");
+var import_jsx_runtime33 = require("react/jsx-runtime");
+var MinimalVendorForm = ({
+  isOpen,
+  onClose,
+  object,
+  from = "procurement",
+  refresh = () => {
+  }
+}) => {
+  const [formData, setFormData] = (0, import_react23.useState)(object || {
+    from_module: from ?? null,
+    legal_name: "",
+    trading_name: ""
+  });
+  const [errors, setErrors] = (0, import_react23.useState)({});
+  const [loading, setLoading] = (0, import_react23.useState)(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__ */ (0, import_jsx_runtime33.jsx)(
+    Modals_default2,
+    {
+      title: "Ajouter un fournisseur",
+      width: "w-[100%]",
+      description: ``,
+      open: isOpen,
+      onClose,
+      children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("form", { onSubmit: handleSubmit, className: "p-", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+            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__ */ (0, import_jsx_runtime33.jsx)(
+            TextInput2,
+            {
+              label: "Nom commercial",
+              name: "trading_name",
+              value: formData.trading_name || "",
+              placeholder: "Nom commercial (optionnel)",
+              onChange: handleInputChange
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex justify-between pt-6 mt-8", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+            "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__ */ (0, import_jsx_runtime33.jsx)(
+            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
+var import_jsx_runtime34 = require("react/jsx-runtime");
+var SelectVendor = ({
+  value,
+  onSelect
+}) => {
+  const [showModal, setShowModal] = (0, import_react24.useState)(false);
+  const [selectedVendor, setSelectedVendor] = (0, import_react24.useState)(null);
+  const { token, activeBusinessEntity } = useSession();
+  const [vendors, setVendors] = (0, import_react24.useState)(() => {
+    const cacheKey = `vendors_cache_${activeBusinessEntity?.id || "default"}`;
+    const cached = sessionStorage.getItem(cacheKey);
+    return cached ? JSON.parse(cached) : [];
+  });
+  const [loadingVendors, setLoadingVendors] = (0, import_react24.useState)(false);
+  (0, import_react24.useEffect)(() => {
+    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__ */ (0, import_jsx_runtime34.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "flex justify-between ", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Ajouter un fournisseur" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+      SearchableSelect,
+      {
+        value,
+        options: getVendorOptions(),
+        placeholder: "S\xE9lectionner un fournisseur...",
+        searchPlaceholder: "Rechercher...",
+        onSelect,
+        disabled: loadingVendors,
+        refresh: handleRefresh,
+        addElement: () => {
+          setShowModal(true);
+        }
+      },
+      "fourni" + value
+    ),
+    loadingVendors && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-sm text-gray-500 mt-2", children: "Chargement des fournisseurs..." }),
+    showModal && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+      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] = (0, import_react24.useState)(() => {
+    const cacheKey = `users_cache_${activeBusinessEntity?.id || "default"}`;
+    const cached = sessionStorage.getItem(cacheKey);
+    return cached ? JSON.parse(cached) : [];
+  });
+  const [loading, setLoading] = (0, import_react24.useState)(false);
+  (0, import_react24.useEffect)(() => {
+    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__ */ (0, import_jsx_runtime34.jsx)("div", { className: "flex items-center space-x-3", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "font-medium text-gray-900", children: [
+          user.first_name,
+          " ",
+          user.last_name
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "text-sm text-gray-500", children: user.email })
+      ] }) })
+    }));
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "flex justify-between ", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "S\xE9lectionner un utilisateur" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+      SearchableSelect,
+      {
+        value,
+        options: getUserOptions(),
+        placeholder: "S\xE9lectionner un utilisateur ...",
+        searchPlaceholder: "Rechercher...",
+        onSelect,
+        disabled: loading,
+        refresh: handleRefresh
+      },
+      "user" + value
+    ),
+    loading && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-sm text-gray-500 mt-2", children: "Chargement des utilisateurs..." })
+  ] });
+};
+var SelectDepartment = ({
+  value,
+  onSelect
+}) => {
+  const { token, activeBusinessEntity } = useSession();
+  const [departments, setDepartments] = (0, import_react24.useState)(() => {
+    const cacheKey = `departments_cache_${activeBusinessEntity?.id || "default"}`;
+    const cached = sessionStorage.getItem(cacheKey);
+    return cached ? JSON.parse(cached) : [];
+  });
+  const [loading, setLoading] = (0, import_react24.useState)(false);
+  (0, import_react24.useEffect)(() => {
+    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__ */ (0, import_jsx_runtime34.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "flex justify-between ", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "S\xE9lectionner un d\xE9partement" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+      SearchableSelect,
+      {
+        value,
+        options: getDepartmentOptions(),
+        placeholder: "S\xE9lectionner un d\xE9partement ...",
+        searchPlaceholder: "Rechercher...",
+        onSelect,
+        disabled: loading,
+        refresh: handleRefresh
+      },
+      "dept" + value
+    ),
+    loading && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("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] = (0, import_react24.useState)(() => {
+    const cacheKey = `cost_centers_cache_${activeBusinessEntity?.id || "default"}`;
+    const cached = sessionStorage.getItem(cacheKey);
+    return cached ? JSON.parse(cached) : [];
+  });
+  const [loading, setLoading] = (0, import_react24.useState)(false);
+  (0, import_react24.useEffect)(() => {
+    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__ */ (0, import_jsx_runtime34.jsx)("div", { className: "flex items-center space-x-3", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "font-medium text-gray-900", children: center.name }),
+        center.code && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "text-sm text-gray-500", children: [
+          "Code: ",
+          center.code
+        ] })
+      ] }) })
+    }));
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "flex justify-between ", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "S\xE9lectionner un centre de co\xFBt" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+      SearchableSelect,
+      {
+        value,
+        options: getCostCenterOptions(),
+        placeholder: "S\xE9lectionner un centre de co\xFBt ...",
+        searchPlaceholder: "Rechercher...",
+        onSelect,
+        disabled: loading,
+        refresh: handleRefresh
+      },
+      "cost" + value
+    ),
+    loading && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-sm text-gray-500 mt-2", children: "Chargement des centres de co\xFBt..." })
+  ] });
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  Alert,
+  AlertProvider,
   ApprovalAnswerModal,
   ApprovalAnswerPage,
   ApprovalPreviewAnswer,
   ApprovalWorkflow,
   DateInput,
   FDrawer,
+  FetchApi,
   FileInput,
   InputField,
   Modal,
@@ -3567,13 +4367,18 @@ var ApprovalWorkflow_default = ApprovalWorkflow;
   PrimaryButton,
   RewiseLayout,
   SecondaryButton,
+  SelectCostCenter,
+  SelectDepartment,
   SelectInput,
+  SelectUser,
+  SelectVendor,
   SessionProvider,
   TextInput,
   ThemeProvider,
   ToastContainer,
   ToastProvider,
   UserServices,
+  useAlert,
   useSession,
   useToast
 });