ptechcore_ui 1.0.14 → 1.0.16

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,1123 @@ var useAlert = () => {
   }
   return context;
 };
+
+// src/components/common/CommonSelect.tsx
+import { useEffect as useEffect12, useState as useState16 } 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, RefreshCw as RefreshCw2, Plus as Plus3 } from "lucide-react";
+import { Fragment as Fragment52, jsx as jsx132, jsxs as jsxs92 } from "react/jsx-runtime";
+import { X as X52, Plus as Plus22, 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";
+import { useEffect as useEffect11, useState as useState14 } from "react";
+import { jsx as jsx172 } from "react/jsx-runtime";
+import { jsx as jsx222, jsxs as jsxs132 } from "react/jsx-runtime";
+import { Link as Link32 } from "react-router-dom";
+import { jsx as jsx322, jsxs as jsxs222 } from "react/jsx-runtime";
+import React422, { useState as useState522, useEffect as useEffect422 } from "react";
+import { useLocation as useLocation32, useNavigate as useNavigate32 } from "react-router-dom";
+import {
+  Settings as Settings32,
+  ChevronLeft as ChevronLeft32,
+  ChevronRight as ChevronRight22,
+  Search as Search42,
+  Bell as Bell22,
+  User as User22,
+  LogOut as LogOut22,
+  Menu as Menu32,
+  X as X222,
+  Palette as Palette22,
+  DollarSign as DollarSign22,
+  HelpCircle as HelpCircle22,
+  Building2 as Building222
+} from "lucide-react";
+import { clsx as clsx22 } from "clsx";
+import { twMerge as twMerge22 } from "tailwind-merge";
+import { createContext as createContext52, useContext as useContext52, useState as useState122, useEffect as useEffect92 } from "react";
+import { jsx as jsx422 } from "react/jsx-runtime";
+import { createContext as createContext222, useContext as useContext222, useEffect as useEffect222, useState as useState222 } from "react";
+import { jsx as jsx522 } from "react/jsx-runtime";
+import { createContext as createContext322, useContext as useContext322, useState as useState322, useCallback as useCallback32 } from "react";
+import { jsx as jsx622 } from "react/jsx-runtime";
+import { useState as useState422, useEffect as useEffect322 } from "react";
+import { jsx as jsx722, jsxs as jsxs322 } from "react/jsx-runtime";
+import { X as X62, Loader as Loader32, Eye as Eye32, FileText as FileText32, Check as Check22, XCircle as XCircle32, Edit as Edit22, CheckCircle as CheckCircle32, Clock as Clock22, AlertCircle as AlertCircle22, User as UserIcon22, Send as Send22 } from "lucide-react";
+import { useParams as useParams22, useSearchParams as useSearchParams32 } from "react-router-dom";
+import { Fragment as Fragment72, jsx as jsx822, jsxs as jsxs422 } from "react/jsx-runtime";
+import { Fragment as Fragment222, jsx as jsx922, jsxs as jsxs522 } from "react/jsx-runtime";
+import { useEffect as useEffect522, useState as useState622 } from "react";
+import { CheckCircle as CheckCircle222, XCircle as XCircle222, AlertTriangle as AlertTriangle22, Info as Info22, X as X322 } from "lucide-react";
+import { jsx as jsx1022, jsxs as jsxs622 } from "react/jsx-runtime";
+import { ChevronLeft as ChevronLeft222, Download as Download32, Menu as Menu222, Settings as Settings222 } from "lucide-react";
+import { useState as useState722 } from "react";
+import { Fragment as Fragment322, jsx as jsx1122, jsxs as jsxs722 } from "react/jsx-runtime";
+import { useEffect as useEffect622, useState as useState822 } from "react";
+import { useLocation as useLocation222, useNavigate as useNavigate222, useSearchParams as useSearchParams222, Link as Link222 } from "react-router-dom";
+import { ArrowDownAZ as ArrowDownAZ22, ArrowDownUp as ArrowDownUp22, ArrowUpAZ as ArrowUpAZ22, Download as Download222, Filter as Filter22, MoreVertical as MoreVertical22, Printer as Printer22, Search as Search222 } from "lucide-react";
+import { Fragment as Fragment422, jsx as jsx1222, jsxs as jsxs822 } from "react/jsx-runtime";
+import { useState as useState1022, useEffect as useEffect822 } from "react";
+import { useState as useState922, useRef as useRef22, useEffect as useEffect722 } from "react";
+import { Search as Search322, ChevronDown as ChevronDown22, X as X422 } from "lucide-react";
+import { Fragment as Fragment522, jsx as jsx1322, jsxs as jsxs922 } from "react/jsx-runtime";
+import { X as X522, Plus as Plus32, Trash2 as Trash222, Users as Users22, Loader as Loader222, RotateCcw as RotateCcw22, Ban as Ban22, Eye as Eye222, FileText as FileText222, History as History22 } from "lucide-react";
+import { Fragment as Fragment622, jsx as jsx1422, jsxs as jsxs1022 } from "react/jsx-runtime";
+import { createContext as createContext422, useContext as useContext422, useState as useState1122, useCallback as useCallback222 } from "react";
+import { jsx as jsx1522, jsxs as jsxs1122 } from "react/jsx-runtime";
+import { jsx as jsx1622, jsxs as jsxs1222 } from "react/jsx-runtime";
+import { useState as useState13 } from "react";
+import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
+var PrimaryButton2 = ({
+  loading = false,
+  children,
+  classname = "",
+  variant = "full",
+  ...props
+}) => /* @__PURE__ */ jsx17(
+  "button",
+  {
+    type: "submit",
+    disabled: loading || props.disabled,
+    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
+  }
+);
+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 pt-4 px-6 mx-4 `, 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-1", 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);
+var VENDORS_API_URL2 = `${API_URL2}/accounting/vendors/`;
+var ThemeContext22 = createContext52(void 0);
+var ADDRESS_IP22 = "localhost:8000";
+var ADDRESS_IP_URL22 = `http://${ADDRESS_IP22}/`;
+var API_URL22 = `${ADDRESS_IP_URL22}api`;
+var API_BASE_URL32 = `${API_URL22}/core/auth/`;
+var SessionContext22 = createContext222(void 0);
+var API_BASE_URL222 = `${API_URL22}/core/auth/`;
+var USERS_API_URL22 = `${API_URL22}/core/users/`;
+var ToastContext22 = createContext322(void 0);
+var APPROVAL_API_URL22 = `${API_URL22}/approvals/cases/`;
+var AlertContext22 = createContext422(void 0);
+var URI = `${API_URL2}/core/departments/`;
+var URI2 = `${API_URL2}/accounting/profit-or-cost-center/`;
+var COST_URI = `${API_URL2}/accounting/cost-center/`;
+var PROFIT_URI = `${API_URL2}/accounting/profit-center/`;
+
+// src/components/common/FormVendor.tsx
+import { useState as useState15 } from "react";
+import { jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
+var MinimalVendorForm = ({
+  isOpen,
+  onClose,
+  object,
+  from = "procurement",
+  refresh = () => {
+  }
+}) => {
+  const [formData, setFormData] = useState15(object || {
+    from_module: from ?? null,
+    legal_name: "",
+    trading_name: ""
+  });
+  const [errors, setErrors] = useState15({});
+  const [loading, setLoading] = useState15(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__ */ jsx20(
+    Modals_default2,
+    {
+      title: "Ajouter un fournisseur",
+      width: "w-[100%]",
+      description: ``,
+      open: isOpen,
+      onClose,
+      children: /* @__PURE__ */ jsxs16("form", { onSubmit: handleSubmit, className: "p-", children: [
+        /* @__PURE__ */ jsx20("div", { className: "space-y-4", children: /* @__PURE__ */ jsxs16("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ jsx20(
+            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__ */ jsx20(
+            TextInput2,
+            {
+              label: "Nom commercial",
+              name: "trading_name",
+              value: formData.trading_name || "",
+              placeholder: "Nom commercial (optionnel)",
+              onChange: handleInputChange
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ jsxs16("div", { className: "flex justify-between pt-6 mt-8", children: [
+          /* @__PURE__ */ jsx20(
+            "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__ */ jsx20(
+            Buttons_default2,
+            {
+              type: "button",
+              onClick: handleSubmit,
+              disabled: loading,
+              children: loading ? "chargement..." : "Enregistrer l'entit\xE9"
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+};
+
+// src/services/DepartmentServices.ts
+var URI3 = `${API_URL}/core/departments/`;
+var DepartmentServices = {
+  create: (data) => FetchApi.post(`${URI3}`, data),
+  get: (id) => FetchApi.get(`${URI3}${id}/`),
+  list: (params) => FetchApi.get(`${URI3}?${new URLSearchParams(params).toString()}`),
+  update: (id, data) => FetchApi.put(`${URI3}${id}/`, data),
+  delete: (id) => FetchApi.delete(`${URI3}${id}/`)
+};
+
+// src/services/ProfitCostsServices.ts
+var URI4 = `${API_URL}/accounting/profit-or-cost-center/`;
+var COST_URI2 = `${API_URL}/accounting/cost-center/`;
+var CostServices = {
+  create: (data) => FetchApi.post(`${COST_URI2}`, data),
+  get: (id) => FetchApi.get(`${COST_URI2}${id}/`),
+  list: (params) => FetchApi.get(`${COST_URI2}?${new URLSearchParams(params).toString()}`),
+  update: (id, data) => FetchApi.put(`${COST_URI2}${id}/`, data),
+  delete: (id) => FetchApi.delete(`${COST_URI2}${id}/`)
+};
+var PROFIT_URI2 = `${API_URL}/accounting/profit-center/`;
+
+// src/components/common/CommonSelect.tsx
+import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
+var SelectVendor = ({
+  value,
+  onSelect
+}) => {
+  const [showModal, setShowModal] = useState16(false);
+  const [selectedVendor, setSelectedVendor] = useState16(null);
+  const { token, activeBusinessEntity } = useSession();
+  const [vendors, setVendors] = useState16(() => {
+    const cacheKey = `vendors_cache_${activeBusinessEntity?.id || "default"}`;
+    const cached = sessionStorage.getItem(cacheKey);
+    return cached ? JSON.parse(cached) : [];
+  });
+  const [loadingVendors, setLoadingVendors] = useState16(false);
+  useEffect12(() => {
+    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}]`,
+      object: vendor
+    }));
+  };
+  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__ */ jsxs17("div", { children: [
+    /* @__PURE__ */ jsx21("div", { className: "flex justify-between ", children: /* @__PURE__ */ jsx21("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Ajouter un fournisseur" }) }),
+    /* @__PURE__ */ jsx21(
+      SearchableSelect,
+      {
+        value,
+        options: getVendorOptions(),
+        placeholder: "S\xE9lectionner un fournisseur...",
+        searchPlaceholder: "Rechercher...",
+        onSelect,
+        disabled: loadingVendors,
+        refresh: handleRefresh,
+        addElement: () => {
+          setShowModal(true);
+        }
+      },
+      "fourni" + value
+    ),
+    loadingVendors && /* @__PURE__ */ jsx21("p", { className: "text-sm text-gray-500 mt-2", children: "Chargement des fournisseurs..." }),
+    showModal && /* @__PURE__ */ jsx21(
+      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] = useState16(() => {
+    const cacheKey = `users_cache_${activeBusinessEntity?.id || "default"}`;
+    const cached = sessionStorage.getItem(cacheKey);
+    return cached ? JSON.parse(cached) : [];
+  });
+  const [loading, setLoading] = useState16(false);
+  useEffect12(() => {
+    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__ */ jsx21("div", { className: "flex items-center space-x-3", children: /* @__PURE__ */ jsxs17("div", { className: "flex-1", children: [
+        /* @__PURE__ */ jsxs17("div", { className: "font-medium text-gray-900", children: [
+          user.first_name,
+          " ",
+          user.last_name
+        ] }),
+        /* @__PURE__ */ jsx21("div", { className: "text-sm text-gray-500", children: user.email })
+      ] }) })
+    }));
+  };
+  return /* @__PURE__ */ jsxs17("div", { children: [
+    /* @__PURE__ */ jsx21("div", { className: "flex justify-between ", children: /* @__PURE__ */ jsx21("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "S\xE9lectionner un utilisateur" }) }),
+    /* @__PURE__ */ jsx21(
+      SearchableSelect,
+      {
+        value,
+        options: getUserOptions(),
+        placeholder: "S\xE9lectionner un utilisateur ...",
+        searchPlaceholder: "Rechercher...",
+        onSelect,
+        disabled: loading,
+        refresh: handleRefresh
+      },
+      "user" + value
+    ),
+    loading && /* @__PURE__ */ jsx21("p", { className: "text-sm text-gray-500 mt-2", children: "Chargement des utilisateurs..." })
+  ] });
+};
+var SelectDepartment = ({
+  value,
+  onSelect
+}) => {
+  const { token, activeBusinessEntity } = useSession();
+  const [departments, setDepartments] = useState16(() => {
+    const cacheKey = `departments_cache_${activeBusinessEntity?.id || "default"}`;
+    const cached = sessionStorage.getItem(cacheKey);
+    return cached ? JSON.parse(cached) : [];
+  });
+  const [loading, setLoading] = useState16(false);
+  useEffect12(() => {
+    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__ */ jsxs17("div", { children: [
+    /* @__PURE__ */ jsx21("div", { className: "flex justify-between ", children: /* @__PURE__ */ jsx21("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "S\xE9lectionner un d\xE9partement" }) }),
+    /* @__PURE__ */ jsx21(
+      SearchableSelect,
+      {
+        value,
+        options: getDepartmentOptions(),
+        placeholder: "S\xE9lectionner un d\xE9partement ...",
+        searchPlaceholder: "Rechercher...",
+        onSelect,
+        disabled: loading,
+        refresh: handleRefresh
+      },
+      "dept" + value
+    ),
+    loading && /* @__PURE__ */ jsx21("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] = useState16(() => {
+    const cacheKey = `cost_centers_cache_${activeBusinessEntity?.id || "default"}`;
+    const cached = sessionStorage.getItem(cacheKey);
+    return cached ? JSON.parse(cached) : [];
+  });
+  const [loading, setLoading] = useState16(false);
+  useEffect12(() => {
+    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__ */ jsx21("div", { className: "flex items-center space-x-3", children: /* @__PURE__ */ jsxs17("div", { className: "flex-1", children: [
+        /* @__PURE__ */ jsx21("div", { className: "font-medium text-gray-900", children: center.name }),
+        center.code && /* @__PURE__ */ jsxs17("div", { className: "text-sm text-gray-500", children: [
+          "Code: ",
+          center.code
+        ] })
+      ] }) })
+    }));
+  };
+  return /* @__PURE__ */ jsxs17("div", { children: [
+    /* @__PURE__ */ jsx21("div", { className: "flex justify-between ", children: /* @__PURE__ */ jsx21("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "S\xE9lectionner un centre de co\xFBt" }) }),
+    /* @__PURE__ */ jsx21(
+      SearchableSelect,
+      {
+        value,
+        options: getCostCenterOptions(),
+        placeholder: "S\xE9lectionner un centre de co\xFBt ...",
+        searchPlaceholder: "Rechercher...",
+        onSelect,
+        disabled: loading,
+        refresh: handleRefresh
+      },
+      "cost" + value
+    ),
+    loading && /* @__PURE__ */ jsx21("p", { className: "text-sm text-gray-500 mt-2", children: "Chargement des centres de co\xFBt..." })
+  ] });
+};
+
+// src/components/common/Choices.tsx
+import { jsx as jsx23 } from "react/jsx-runtime";
+var CHOICES = {
+  INVOICE_TYPES: [
+    { value: "sale", label: { fr: "Vente", en: "Sale", default: "Sale" } },
+    { value: "purchase", label: { fr: "Bordereau d'achat", en: "Purchase slip", default: "Purchase" } }
+  ],
+  PAYMENT_METHODS: [
+    { value: "cash", label: { fr: "Esp\xE8ce", en: "Cash", default: "Cash" } },
+    { value: "card", label: { fr: "Carte bancaire", en: "Card", default: "Card" } },
+    { value: "check", label: { fr: "Ch\xE8que", en: "Check", default: "Check" } },
+    { value: "mobile-money", label: { fr: "Mobile money", en: "Mobile money", default: "Mobile money" } },
+    { value: "transfer", label: { fr: "Virement bancaire", en: "Bank transfer", default: "Transfer" } },
+    { value: "deferred", label: { fr: "\xC0 terme", en: "Deferred", default: "Deferred" } }
+  ],
+  TEMPLATES: [
+    { value: "B2B", label: { fr: "Client entreprise (B2B)", en: "Business client (B2B)", default: "B2B" } },
+    { value: "B2F", label: { fr: "Client international (B2F)", en: "International client (B2F)", default: "B2F" } },
+    { value: "B2G", label: { fr: "Institution gouvernementale (B2G)", en: "Government institution (B2G)", default: "B2G" } },
+    { value: "B2C", label: { fr: "Particulier (B2C)", en: "Individual (B2C)", default: "B2C" } }
+  ],
+  FOREIGN_CURRENCIES: [
+    { value: "XOF", label: { fr: "Franc CFA", en: "CFA Franc", default: "XOF" } },
+    { value: "USD", label: { fr: "Dollar am\xE9ricain", en: "US Dollar", default: "USD" } },
+    { value: "EUR", label: { fr: "Euro", en: "Euro", default: "EUR" } },
+    { value: "JPY", label: { fr: "Yen japonais", en: "Japanese Yen", default: "JPY" } },
+    { value: "CAD", label: { fr: "Dollar canadien", en: "Canadian Dollar", default: "CAD" } },
+    { value: "GBP", label: { fr: "Livre sterling", en: "British Pound", default: "GBP" } },
+    { value: "AUD", label: { fr: "Dollar australien", en: "Australian Dollar", default: "AUD" } },
+    { value: "CNH", label: { fr: "Yuan chinois", en: "Chinese Yuan", default: "CNH" } },
+    { value: "CHF", label: { fr: "Franc suisse", en: "Swiss Franc", default: "CHF" } },
+    { value: "HKD", label: { fr: "Dollar de Hong Kong", en: "Hong Kong Dollar", default: "HKD" } },
+    { value: "NZD", label: { fr: "Dollar n\xE9o-z\xE9landais", en: "New Zealand Dollar", default: "NZD" } }
+  ],
+  TAXES: [
+    { value: "TVA", label: { fr: "TVA 18 %", en: "VAT 18%", default: "VAT 18%" } },
+    { value: "TVAB", label: { fr: "TVA r\xE9duite 9 %", en: "Reduced VAT 9%", default: "VAT 9%" } },
+    { value: "TVAC", label: { fr: "TVA exon\xE9r\xE9e 0 %", en: "Exempt VAT 0%", default: "VAT 0%" } },
+    { value: "TVAD", label: { fr: "TVA exon\xE9r\xE9e TEE/RME 0 %", en: "Exempt VAT TEE/RME 0%", default: "VAT 0%" } }
+  ],
+  LEGAL_FORMS: [
+    { value: "EI", label: { fr: "Entreprise Individuelle (EI)", en: "Sole Proprietorship (EI)", default: "Sole Proprietorship (EI)" } },
+    { value: "SARL", label: { fr: "Soci\xE9t\xE9 \xE0 Responsabilit\xE9 Limit\xE9e (SARL)", en: "Limited Liability Company (LLC)", default: "LLC (SARL)" } },
+    { value: "SUARL", label: { fr: "Soci\xE9t\xE9 Unipersonnelle \xE0 Responsabilit\xE9 Limit\xE9e (SUARL)", en: "Single-Member LLC (SUARL)", default: "Single-Member LLC (SUARL)" } },
+    { value: "SA", label: { fr: "Soci\xE9t\xE9 Anonyme (SA)", en: "Corporation (SA)", default: "Corporation (SA)" } },
+    { value: "SNC", label: { fr: "Soci\xE9t\xE9 en Nom Collectif (SNC)", en: "General Partnership (SNC)", default: "General Partnership (SNC)" } },
+    { value: "SCS", label: { fr: "Soci\xE9t\xE9 en Commandite Simple (SCS)", en: "Limited Partnership (SCS)", default: "Limited Partnership (SCS)" } },
+    { value: "GIE", label: { fr: "Groupement d'Int\xE9r\xEAt \xC9conomique (GIE)", en: "Economic Interest Grouping (GIE)", default: "Economic Interest Grouping (GIE)" } },
+    { value: "COOP", label: { fr: "Soci\xE9t\xE9 Coop\xE9rative", en: "Cooperative Society", default: "Cooperative Society" } },
+    { value: "SC", label: { fr: "Soci\xE9t\xE9 Civile (SC)", en: "Civil Company (SC)", default: "Civil Company (SC)" } }
+  ],
+  COUNTRIES: [
+    { value: "AFG", label: { fr: "Afghanistan", en: "Afghanistan", default: "Afghanistan" } },
+    { value: "ALB", label: { fr: "Albanie", en: "Albania", default: "Albania" } },
+    { value: "DZA", label: { fr: "Alg\xE9rie", en: "Algeria", default: "Algeria" } },
+    { value: "AND", label: { fr: "Andorre", en: "Andorra", default: "Andorra" } },
+    { value: "AGO", label: { fr: "Angola", en: "Angola", default: "Angola" } },
+    { value: "ATG", label: { fr: "Antigua-et-Barbuda", en: "Antigua and Barbuda", default: "Antigua and Barbuda" } },
+    { value: "ARG", label: { fr: "Argentine", en: "Argentina", default: "Argentina" } },
+    { value: "ARM", label: { fr: "Arm\xE9nie", en: "Armenia", default: "Armenia" } },
+    { value: "AUS", label: { fr: "Australie", en: "Australia", default: "Australia" } },
+    { value: "AUT", label: { fr: "Autriche", en: "Austria", default: "Austria" } },
+    { value: "AZE", label: { fr: "Azerba\xEFdjan", en: "Azerbaijan", default: "Azerbaijan" } },
+    { value: "BHS", label: { fr: "Bahamas", en: "Bahamas", default: "Bahamas" } },
+    { value: "BHR", label: { fr: "Bahre\xEFn", en: "Bahrain", default: "Bahrain" } },
+    { value: "BGD", label: { fr: "Bangladesh", en: "Bangladesh", default: "Bangladesh" } },
+    { value: "BRB", label: { fr: "Barbade", en: "Barbados", default: "Barbados" } },
+    { value: "BLR", label: { fr: "Bi\xE9lorussie", en: "Belarus", default: "Belarus" } },
+    { value: "BEL", label: { fr: "Belgique", en: "Belgium", default: "Belgium" } },
+    { value: "BLZ", label: { fr: "Belize", en: "Belize", default: "Belize" } },
+    { value: "BEN", label: { fr: "B\xE9nin", en: "Benin", default: "Benin" } },
+    { value: "BTN", label: { fr: "Bhoutan", en: "Bhutan", default: "Bhutan" } },
+    { value: "BOL", label: { fr: "Bolivie", en: "Bolivia", default: "Bolivia" } },
+    { value: "BIH", label: { fr: "Bosnie-Herz\xE9govine", en: "Bosnia and Herzegovina", default: "Bosnia and Herzegovina" } },
+    { value: "BWA", label: { fr: "Botswana", en: "Botswana", default: "Botswana" } },
+    { value: "BRA", label: { fr: "Br\xE9sil", en: "Brazil", default: "Brazil" } },
+    { value: "BRN", label: { fr: "Brunei", en: "Brunei", default: "Brunei" } },
+    { value: "BGR", label: { fr: "Bulgarie", en: "Bulgaria", default: "Bulgaria" } },
+    { value: "BFA", label: { fr: "Burkina Faso", en: "Burkina Faso", default: "Burkina Faso" } },
+    { value: "BDI", label: { fr: "Burundi", en: "Burundi", default: "Burundi" } },
+    { value: "CPV", label: { fr: "Cap-Vert", en: "Cabo Verde", default: "Cabo Verde" } },
+    { value: "KHM", label: { fr: "Cambodge", en: "Cambodia", default: "Cambodia" } },
+    { value: "CMR", label: { fr: "Cameroun", en: "Cameroon", default: "Cameroon" } },
+    { value: "CAN", label: { fr: "Canada", en: "Canada", default: "Canada" } },
+    { value: "CAF", label: { fr: "R\xE9publique centrafricaine", en: "Central African Republic", default: "Central African Republic" } },
+    { value: "TCD", label: { fr: "Tchad", en: "Chad", default: "Chad" } },
+    { value: "CHL", label: { fr: "Chili", en: "Chile", default: "Chile" } },
+    { value: "CHN", label: { fr: "Chine", en: "China", default: "China" } },
+    { value: "COL", label: { fr: "Colombie", en: "Colombia", default: "Colombia" } },
+    { value: "COM", label: { fr: "Comores", en: "Comoros", default: "Comoros" } },
+    { value: "COG", label: { fr: "Congo", en: "Congo", default: "Congo" } },
+    { value: "CRI", label: { fr: "Costa Rica", en: "Costa Rica", default: "Costa Rica" } },
+    { value: "CIV", label: { fr: "C\xF4te d'Ivoire", en: "Ivory Coast", default: "Ivory Coast" } },
+    { value: "HRV", label: { fr: "Croatie", en: "Croatia", default: "Croatia" } },
+    { value: "CUB", label: { fr: "Cuba", en: "Cuba", default: "Cuba" } },
+    { value: "CYP", label: { fr: "Chypre", en: "Cyprus", default: "Cyprus" } },
+    { value: "CZE", label: { fr: "Tch\xE9quie", en: "Czechia", default: "Czechia" } },
+    { value: "DNK", label: { fr: "Danemark", en: "Denmark", default: "Denmark" } },
+    { value: "DJI", label: { fr: "Djibouti", en: "Djibouti", default: "Djibouti" } },
+    { value: "DMA", label: { fr: "Dominique", en: "Dominica", default: "Dominica" } },
+    { value: "DOM", label: { fr: "R\xE9publique dominicaine", en: "Dominican Republic", default: "Dominican Republic" } },
+    { value: "ECU", label: { fr: "\xC9quateur", en: "Ecuador", default: "Ecuador" } },
+    { value: "EGY", label: { fr: "\xC9gypte", en: "Egypt", default: "Egypt" } },
+    { value: "SLV", label: { fr: "Salvador", en: "El Salvador", default: "El Salvador" } },
+    { value: "GNQ", label: { fr: "Guin\xE9e \xE9quatoriale", en: "Equatorial Guinea", default: "Equatorial Guinea" } },
+    { value: "ERI", label: { fr: "\xC9rythr\xE9e", en: "Eritrea", default: "Eritrea" } },
+    { value: "EST", label: { fr: "Estonie", en: "Estonia", default: "Estonia" } },
+    { value: "SWZ", label: { fr: "Eswatini", en: "Eswatini", default: "Eswatini" } },
+    { value: "ETH", label: { fr: "\xC9thiopie", en: "Ethiopia", default: "Ethiopia" } },
+    { value: "FJI", label: { fr: "Fidji", en: "Fiji", default: "Fiji" } },
+    { value: "FIN", label: { fr: "Finlande", en: "Finland", default: "Finland" } },
+    { value: "FRA", label: { fr: "France", en: "France", default: "France" } },
+    { value: "GAB", label: { fr: "Gabon", en: "Gabon", default: "Gabon" } },
+    { value: "GMB", label: { fr: "Gambie", en: "Gambia", default: "Gambia" } },
+    { value: "GEO", label: { fr: "G\xE9orgie", en: "Georgia", default: "Georgia" } },
+    { value: "DEU", label: { fr: "Allemagne", en: "Germany", default: "Germany" } },
+    { value: "GHA", label: { fr: "Ghana", en: "Ghana", default: "Ghana" } },
+    { value: "GRC", label: { fr: "Gr\xE8ce", en: "Greece", default: "Greece" } },
+    { value: "GRD", label: { fr: "Grenade", en: "Grenada", default: "Grenada" } },
+    { value: "GTM", label: { fr: "Guatemala", en: "Guatemala", default: "Guatemala" } },
+    { value: "GIN", label: { fr: "Guin\xE9e", en: "Guinea", default: "Guinea" } },
+    { value: "GNB", label: { fr: "Guin\xE9e-Bissau", en: "Guinea-Bissau", default: "Guinea-Bissau" } },
+    { value: "GUY", label: { fr: "Guyana", en: "Guyana", default: "Guyana" } },
+    { value: "HTI", label: { fr: "Ha\xEFti", en: "Haiti", default: "Haiti" } },
+    { value: "HND", label: { fr: "Honduras", en: "Honduras", default: "Honduras" } },
+    { value: "HUN", label: { fr: "Hongrie", en: "Hungary", default: "Hungary" } },
+    { value: "ISL", label: { fr: "Islande", en: "Iceland", default: "Iceland" } },
+    { value: "IND", label: { fr: "Inde", en: "India", default: "India" } },
+    { value: "IDN", label: { fr: "Indon\xE9sie", en: "Indonesia", default: "Indonesia" } },
+    { value: "IRN", label: { fr: "Iran", en: "Iran", default: "Iran" } },
+    { value: "IRQ", label: { fr: "Irak", en: "Iraq", default: "Iraq" } },
+    { value: "IRL", label: { fr: "Irlande", en: "Ireland", default: "Ireland" } },
+    { value: "ISR", label: { fr: "Isra\xEBl", en: "Israel", default: "Israel" } },
+    { value: "ITA", label: { fr: "Italie", en: "Italy", default: "Italy" } },
+    { value: "JAM", label: { fr: "Jama\xEFque", en: "Jamaica", default: "Jamaica" } },
+    { value: "JPN", label: { fr: "Japon", en: "Japan", default: "Japan" } },
+    { value: "JOR", label: { fr: "Jordanie", en: "Jordan", default: "Jordan" } },
+    { value: "KAZ", label: { fr: "Kazakhstan", en: "Kazakhstan", default: "Kazakhstan" } },
+    { value: "KEN", label: { fr: "Kenya", en: "Kenya", default: "Kenya" } },
+    { value: "KIR", label: { fr: "Kiribati", en: "Kiribati", default: "Kiribati" } },
+    { value: "PRK", label: { fr: "Cor\xE9e du Nord", en: "North Korea", default: "North Korea" } },
+    { value: "KOR", label: { fr: "Cor\xE9e du Sud", en: "South Korea", default: "South Korea" } },
+    { value: "KWT", label: { fr: "Kowe\xEFt", en: "Kuwait", default: "Kuwait" } },
+    { value: "KGZ", label: { fr: "Kirghizistan", en: "Kyrgyzstan", default: "Kyrgyzstan" } },
+    { value: "LAO", label: { fr: "Laos", en: "Laos", default: "Laos" } },
+    { value: "LVA", label: { fr: "Lettonie", en: "Latvia", default: "Latvia" } },
+    { value: "LBN", label: { fr: "Liban", en: "Lebanon", default: "Lebanon" } },
+    { value: "LSO", label: { fr: "Lesotho", en: "Lesotho", default: "Lesotho" } },
+    { value: "LBR", label: { fr: "Lib\xE9ria", en: "Liberia", default: "Liberia" } },
+    { value: "LBY", label: { fr: "Libye", en: "Libya", default: "Libya" } },
+    { value: "LIE", label: { fr: "Liechtenstein", en: "Liechtenstein", default: "Liechtenstein" } },
+    { value: "LTU", label: { fr: "Lituanie", en: "Lithuania", default: "Lithuania" } },
+    { value: "LUX", label: { fr: "Luxembourg", en: "Luxembourg", default: "Luxembourg" } },
+    { value: "MDG", label: { fr: "Madagascar", en: "Madagascar", default: "Madagascar" } },
+    { value: "MWI", label: { fr: "Malawi", en: "Malawi", default: "Malawi" } },
+    { value: "MYS", label: { fr: "Malaisie", en: "Malaysia", default: "Malaysia" } },
+    { value: "MDV", label: { fr: "Maldives", en: "Maldives", default: "Maldives" } },
+    { value: "MLI", label: { fr: "Mali", en: "Mali", default: "Mali" } },
+    { value: "MLT", label: { fr: "Malte", en: "Malta", default: "Malta" } },
+    { value: "MHL", label: { fr: "\xCEles Marshall", en: "Marshall Islands", default: "Marshall Islands" } },
+    { value: "MRT", label: { fr: "Mauritanie", en: "Mauritania", default: "Mauritania" } },
+    { value: "MUS", label: { fr: "Maurice", en: "Mauritius", default: "Mauritius" } },
+    { value: "MEX", label: { fr: "Mexique", en: "Mexico", default: "Mexico" } },
+    { value: "FSM", label: { fr: "\xC9tats f\xE9d\xE9r\xE9s de Micron\xE9sie", en: "Micronesia", default: "Micronesia" } },
+    { value: "MDA", label: { fr: "Moldavie", en: "Moldova", default: "Moldova" } },
+    { value: "MCO", label: { fr: "Monaco", en: "Monaco", default: "Monaco" } },
+    { value: "MNG", label: { fr: "Mongolie", en: "Mongolia", default: "Mongolia" } },
+    { value: "MNE", label: { fr: "Mont\xE9n\xE9gro", en: "Montenegro", default: "Montenegro" } },
+    { value: "MAR", label: { fr: "Maroc", en: "Morocco", default: "Morocco" } },
+    { value: "MOZ", label: { fr: "Mozambique", en: "Mozambique", default: "Mozambique" } },
+    { value: "MMR", label: { fr: "Myanmar", en: "Myanmar", default: "Myanmar" } },
+    { value: "NAM", label: { fr: "Namibie", en: "Namibia", default: "Namibia" } },
+    { value: "NRU", label: { fr: "Nauru", en: "Nauru", default: "Nauru" } },
+    { value: "NPL", label: { fr: "N\xE9pal", en: "Nepal", default: "Nepal" } },
+    { value: "NLD", label: { fr: "Pays-Bas", en: "Netherlands", default: "Netherlands" } },
+    { value: "NZL", label: { fr: "Nouvelle-Z\xE9lande", en: "New Zealand", default: "New Zealand" } },
+    { value: "NIC", label: { fr: "Nicaragua", en: "Nicaragua", default: "Nicaragua" } },
+    { value: "NER", label: { fr: "Niger", en: "Niger", default: "Niger" } },
+    { value: "NGA", label: { fr: "Nig\xE9ria", en: "Nigeria", default: "Nigeria" } },
+    { value: "MKD", label: { fr: "Mac\xE9doine du Nord", en: "North Macedonia", default: "North Macedonia" } },
+    { value: "NOR", label: { fr: "Norv\xE8ge", en: "Norway", default: "Norway" } },
+    { value: "OMN", label: { fr: "Oman", en: "Oman", default: "Oman" } },
+    { value: "PAK", label: { fr: "Pakistan", en: "Pakistan", default: "Pakistan" } },
+    { value: "PLW", label: { fr: "Palaos", en: "Palau", default: "Palau" } },
+    { value: "PAN", label: { fr: "Panama", en: "Panama", default: "Panama" } },
+    { value: "PNG", label: { fr: "Papouasie-Nouvelle-Guin\xE9e", en: "Papua New Guinea", default: "Papua New Guinea" } },
+    { value: "PRY", label: { fr: "Paraguay", en: "Paraguay", default: "Paraguay" } },
+    { value: "PER", label: { fr: "P\xE9rou", en: "Peru", default: "Peru" } },
+    { value: "PHL", label: { fr: "Philippines", en: "Philippines", default: "Philippines" } },
+    { value: "POL", label: { fr: "Pologne", en: "Poland", default: "Poland" } },
+    { value: "PRT", label: { fr: "Portugal", en: "Portugal", default: "Portugal" } },
+    { value: "QAT", label: { fr: "Qatar", en: "Qatar", default: "Qatar" } },
+    { value: "ROU", label: { fr: "Roumanie", en: "Romania", default: "Romania" } },
+    { value: "RUS", label: { fr: "Russie", en: "Russia", default: "Russia" } },
+    { value: "RWA", label: { fr: "Rwanda", en: "Rwanda", default: "Rwanda" } },
+    { value: "KNA", label: { fr: "Saint-Christophe-et-Ni\xE9v\xE8s", en: "Saint Kitts and Nevis", default: "Saint Kitts and Nevis" } },
+    { value: "LCA", label: { fr: "Sainte-Lucie", en: "Saint Lucia", default: "Saint Lucia" } },
+    { value: "VCT", label: { fr: "Saint-Vincent-et-les-Grenadines", en: "Saint Vincent and the Grenadines", default: "Saint Vincent and the Grenadines" } },
+    { value: "WSM", label: { fr: "Samoa", en: "Samoa", default: "Samoa" } },
+    { value: "SMR", label: { fr: "Saint-Marin", en: "San Marino", default: "San Marino" } },
+    { value: "STP", label: { fr: "Sao Tom\xE9-et-Principe", en: "Sao Tome and Principe", default: "Sao Tome and Principe" } },
+    { value: "SAU", label: { fr: "Arabie saoudite", en: "Saudi Arabia", default: "Saudi Arabia" } },
+    { value: "SEN", label: { fr: "S\xE9n\xE9gal", en: "Senegal", default: "Senegal" } },
+    { value: "SRB", label: { fr: "Serbie", en: "Serbia", default: "Serbia" } },
+    { value: "SYC", label: { fr: "Seychelles", en: "Seychelles", default: "Seychelles" } },
+    { value: "SLE", label: { fr: "Sierra Leone", en: "Sierra Leone", default: "Sierra Leone" } },
+    { value: "SGP", label: { fr: "Singapour", en: "Singapore", default: "Singapore" } },
+    { value: "SVK", label: { fr: "Slovaquie", en: "Slovakia", default: "Slovakia" } },
+    { value: "SVN", label: { fr: "Slov\xE9nie", en: "Slovenia", default: "Slovenia" } },
+    { value: "SLB", label: { fr: "\xCEles Salomon", en: "Solomon Islands", default: "Solomon Islands" } },
+    { value: "SOM", label: { fr: "Somalie", en: "Somalia", default: "Somalia" } },
+    { value: "ZAF", label: { fr: "Afrique du Sud", en: "South Africa", default: "South Africa" } },
+    { value: "SSD", label: { fr: "Soudan du Sud", en: "South Sudan", default: "South Sudan" } },
+    { value: "ESP", label: { fr: "Espagne", en: "Spain", default: "Spain" } },
+    { value: "LKA", label: { fr: "Sri Lanka", en: "Sri Lanka", default: "Sri Lanka" } },
+    { value: "SDN", label: { fr: "Soudan", en: "Sudan", default: "Sudan" } },
+    { value: "SUR", label: { fr: "Suriname", en: "Suriname", default: "Suriname" } },
+    { value: "SWE", label: { fr: "Su\xE8de", en: "Sweden", default: "Sweden" } },
+    { value: "CHE", label: { fr: "Suisse", en: "Switzerland", default: "Switzerland" } },
+    { value: "SYR", label: { fr: "Syrie", en: "Syria", default: "Syria" } },
+    { value: "TWN", label: { fr: "Ta\xEFwan", en: "Taiwan", default: "Taiwan" } },
+    { value: "TJK", label: { fr: "Tadjikistan", en: "Tajikistan", default: "Tajikistan" } },
+    { value: "TZA", label: { fr: "Tanzanie", en: "Tanzania", default: "Tanzania" } },
+    { value: "THA", label: { fr: "Tha\xEFlande", en: "Thailand", default: "Thailand" } },
+    { value: "TLS", label: { fr: "Timor oriental", en: "Timor-Leste", default: "Timor-Leste" } },
+    { value: "TGO", label: { fr: "Togo", en: "Togo", default: "Togo" } },
+    { value: "TON", label: { fr: "Tonga", en: "Tonga", default: "Tonga" } },
+    { value: "TTO", label: { fr: "Trinit\xE9-et-Tobago", en: "Trinidad and Tobago", default: "Trinidad and Tobago" } },
+    { value: "TUN", label: { fr: "Tunisie", en: "Tunisia", default: "Tunisia" } },
+    { value: "TUR", label: { fr: "Turquie", en: "Turkey", default: "Turkey" } },
+    { value: "TKM", label: { fr: "Turkm\xE9nistan", en: "Turkmenistan", default: "Turkmenistan" } },
+    { value: "TUV", label: { fr: "Tuvalu", en: "Tuvalu", default: "Tuvalu" } },
+    { value: "UGA", label: { fr: "Ouganda", en: "Uganda", default: "Uganda" } },
+    { value: "UKR", label: { fr: "Ukraine", en: "Ukraine", default: "Ukraine" } },
+    { value: "ARE", label: { fr: "\xC9mirats arabes unis", en: "United Arab Emirates", default: "United Arab Emirates" } },
+    { value: "GBR", label: { fr: "Royaume-Uni", en: "United Kingdom", default: "United Kingdom" } },
+    { value: "USA", label: { fr: "\xC9tats-Unis", en: "United States", default: "United States" } },
+    { value: "URY", label: { fr: "Uruguay", en: "Uruguay", default: "Uruguay" } },
+    { value: "UZB", label: { fr: "Ouzb\xE9kistan", en: "Uzbekistan", default: "Uzbekistan" } },
+    { value: "VUT", label: { fr: "Vanuatu", en: "Vanuatu", default: "Vanuatu" } },
+    { value: "VAT", label: { fr: "Vatican", en: "Vatican City", default: "Vatican City" } },
+    { value: "VEN", label: { fr: "Venezuela", en: "Venezuela", default: "Venezuela" } },
+    { value: "VNM", label: { fr: "Vietnam", en: "Vietnam", default: "Vietnam" } },
+    { value: "YEM", label: { fr: "Y\xE9men", en: "Yemen", default: "Yemen" } },
+    { value: "ZMB", label: { fr: "Zambie", en: "Zambia", default: "Zambia" } },
+    { value: "ZWE", label: { fr: "Zimbabwe", en: "Zimbabwe", default: "Zimbabwe" } }
+  ]
+};
+var Choices_default = CHOICES;
+var InvoiceTypeSelector = ({
+  value,
+  onSelect,
+  disabled = false,
+  language = "default"
+}) => {
+  const options = CHOICES.INVOICE_TYPES.map((item) => ({
+    value: item.value,
+    label: item.label[language]
+  }));
+  return /* @__PURE__ */ jsx23(
+    SearchableSelect,
+    {
+      value,
+      options,
+      placeholder: "S\xE9lectionner un type...",
+      searchPlaceholder: "Rechercher...",
+      onSelect,
+      disabled
+    },
+    `invoice-type-${value}`
+  );
+};
+var PaymentMethodSelector = ({
+  value,
+  onSelect,
+  disabled = false,
+  language = "default"
+}) => {
+  const options = CHOICES.PAYMENT_METHODS.map((item) => ({
+    value: item.value,
+    label: item.label[language]
+  }));
+  return /* @__PURE__ */ jsx23(
+    SearchableSelect,
+    {
+      value,
+      options,
+      placeholder: "S\xE9lectionner un mode de paiement...",
+      searchPlaceholder: "Rechercher...",
+      onSelect,
+      disabled
+    },
+    `payment-method-${value}`
+  );
+};
+var TemplateFNESelector = ({
+  value,
+  onSelect,
+  disabled = false,
+  language = "default"
+}) => {
+  const options = CHOICES.TEMPLATES.map((item) => ({
+    value: item.value,
+    label: item.label[language]
+  }));
+  return /* @__PURE__ */ jsx23(
+    SearchableSelect,
+    {
+      value,
+      options,
+      placeholder: "S\xE9lectionner un template...",
+      searchPlaceholder: "Rechercher...",
+      onSelect,
+      disabled
+    },
+    `template-${value}`
+  );
+};
+var ForeignCurrencySelector = ({
+  value,
+  onSelect,
+  disabled = false,
+  language = "default"
+}) => {
+  const options = CHOICES.FOREIGN_CURRENCIES.map((item) => ({
+    value: item.value,
+    label: item.label[language]
+  }));
+  return /* @__PURE__ */ jsx23(
+    SearchableSelect,
+    {
+      value,
+      options,
+      placeholder: "S\xE9lectionner une devise...",
+      searchPlaceholder: "Rechercher...",
+      onSelect,
+      disabled
+    },
+    `currency-${value}`
+  );
+};
+var TaxSelector = ({
+  value,
+  onSelect,
+  disabled = false,
+  language = "default",
+  handleChange
+}) => {
+  const options = CHOICES.TAXES.map((item) => ({
+    value: item.value,
+    label: item.label[language]
+  }));
+  return /* @__PURE__ */ jsx23(
+    SearchableSelect,
+    {
+      value,
+      options,
+      placeholder: "S\xE9lectionner une taxe...",
+      searchPlaceholder: "Rechercher...",
+      onSelect: (option) => {
+        if (handleChange) {
+          handleChange(option.value);
+        }
+        onSelect(option);
+      },
+      disabled
+    },
+    `tax-${value}`
+  );
+};
+var LegalFormSelector = ({
+  value,
+  onSelect,
+  disabled = false,
+  language = "default"
+}) => {
+  const options = CHOICES.LEGAL_FORMS.map((item) => ({
+    value: item.value,
+    label: item.label[language] ?? item.label.default
+  }));
+  return /* @__PURE__ */ jsx23(
+    SearchableSelect,
+    {
+      value,
+      options,
+      placeholder: "S\xE9lectionner une forme juridique...",
+      searchPlaceholder: "Rechercher...",
+      onSelect,
+      disabled
+    },
+    `legal-form-${value}`
+  );
+};
+var CountrySelector = ({
+  value,
+  onSelect,
+  disabled = false,
+  language = "default"
+}) => {
+  const options = CHOICES.COUNTRIES.map((item) => ({
+    value: item.value,
+    label: item.label[language]
+  }));
+  return /* @__PURE__ */ jsx23(
+    SearchableSelect,
+    {
+      value,
+      options,
+      placeholder: "S\xE9lectionner un pays...",
+      searchPlaceholder: "Rechercher...",
+      onSelect,
+      disabled
+    },
+    `country-${value}`
+  );
+};
 export {
   Alert_default as Alert,
   AlertProvider,
@@ -3667,19 +4811,31 @@ export {
   ApprovalAnswerPage,
   ApprovalPreviewAnswer_default as ApprovalPreviewAnswer,
   ApprovalWorkflow_default as ApprovalWorkflow,
+  Choices_default as CHOICES,
+  CountrySelector,
   DateInput,
   FDrawer,
   FetchApi,
   FileInput,
+  ForeignCurrencySelector,
   InputField,
+  InvoiceTypeSelector,
+  LegalFormSelector,
   Modals_default as Modal,
   NumberInput,
   Pages_default as Pages,
+  PaymentMethodSelector,
   Buttons_default as PrimaryButton,
   ModernDoubleSidebarLayout_default as RewiseLayout,
   SecondaryButton,
+  SelectCostCenter,
+  SelectDepartment,
   SelectInput,
+  SelectUser,
+  SelectVendor,
   SessionProvider,
+  TaxSelector,
+  TemplateFNESelector,
   TextInput,
   ThemeContext_default as ThemeProvider,
   Toast_default as ToastContainer,