ptechcore_ui 1.0.14 → 1.0.15

package/dist/index.cjs

@@ -46,7 +46,11 @@ __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,
@@ -65,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
   }
@@ -79,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
   }
@@ -96,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 }) }),
@@ -112,7 +118,7 @@ var Modal = ({ title, description, width, open, onClose, children }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "w-full max-h-[80vh] overflow-y-auto mb-4", children })
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "w-full max-h-[80vh] overflow-y-auto mb-1", children })
   ] }) });
 };
 var Modals_default = Modal;
@@ -2603,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)("");
@@ -2690,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",
         {
@@ -2799,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
@@ -3707,6 +3738,616 @@ var useAlert = () => {
   }
   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,
@@ -3726,7 +4367,11 @@ var useAlert = () => {
   PrimaryButton,
   RewiseLayout,
   SecondaryButton,
+  SelectCostCenter,
+  SelectDepartment,
   SelectInput,
+  SelectUser,
+  SelectVendor,
   SessionProvider,
   TextInput,
   ThemeProvider,