ptechcore_ui 1.0.14 → 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 }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx2("div", { className: "w-full max-h-[80vh] overflow-y-auto mb-4", 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,7 +2708,7 @@ var SearchableSelect = ({
 };
 
 // src/components/common/ApprovalWorkflow.tsx
-import { X as X5, Plus, Trash2, Users, Loader as Loader2, RotateCcw, Ban, Eye as Eye2, FileText as FileText2, History } 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,
@@ -2752,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
@@ -3418,7 +3445,7 @@ var AddStageButton = ({
         onClick: () => setShowModal(true),
         classname: "gap-2",
         children: [
-          /* @__PURE__ */ jsx14(Plus, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsx14(Plus2, { className: "w-4 h-4" }),
           /* @__PURE__ */ jsx14("span", { children: "Ajouter une personne" })
         ]
       }
@@ -3660,6 +3687,630 @@ var useAlert = () => {
   }
   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,
@@ -3678,7 +4329,11 @@ export {
   Buttons_default as PrimaryButton,
   ModernDoubleSidebarLayout_default as RewiseLayout,
   SecondaryButton,
+  SelectCostCenter,
+  SelectDepartment,
   SelectInput,
+  SelectUser,
+  SelectVendor,
   SessionProvider,
   TextInput,
   ThemeContext_default as ThemeProvider,