ptechcore_ui 1.0.18 → 1.0.19

package/dist/index.cjs

@@ -34,7 +34,9 @@ __export(index_exports, {
   ApprovalAnswerModal: () => ApprovalAnswerModal,
   ApprovalAnswerPage: () => ApprovalAnswerPage,
   ApprovalPreviewAnswer: () => ApprovalPreviewAnswer_default,
+  ApprovalServices: () => ApprovalServices,
   ApprovalWorkflow: () => ApprovalWorkflow_default,
+  AuthServices: () => AuthServices,
   CHOICES: () => Choices_default,
   CountrySelector: () => CountrySelector,
   DateInput: () => DateInput,
@@ -3755,7 +3757,7 @@ var useAlert = () => {
 };
 
 // src/components/common/CommonSelect.tsx
-var import_react63 = require("react");
+var import_react76 = require("react");
 
 // src/services/VendorServices.ts
 var VENDORS_API_URL = `${API_URL}/accounting/vendors/`;
@@ -3946,14 +3948,59 @@ var import_jsx_runtime80 = require("react/jsx-runtime");
 var import_react59 = require("react");
 var import_jsx_runtime81 = require("react/jsx-runtime");
 var import_jsx_runtime82 = require("react/jsx-runtime");
-var import_react60 = require("react");
+var import_react_router_dom21 = require("react-router-dom");
 var import_jsx_runtime83 = require("react/jsx-runtime");
+var import_react60 = __toESM(require("react"), 1);
+var import_react_router_dom22 = require("react-router-dom");
+var import_lucide_react36 = require("lucide-react");
+var import_clsx6 = require("clsx");
+var import_tailwind_merge6 = require("tailwind-merge");
+var import_react61 = require("react");
 var import_jsx_runtime84 = require("react/jsx-runtime");
+var import_react62 = require("react");
 var import_jsx_runtime85 = require("react/jsx-runtime");
-var import_react61 = require("react");
+var import_react63 = require("react");
 var import_jsx_runtime86 = require("react/jsx-runtime");
+var import_react64 = require("react");
 var import_jsx_runtime87 = require("react/jsx-runtime");
+var import_lucide_react37 = require("lucide-react");
+var import_react_router_dom23 = require("react-router-dom");
 var import_jsx_runtime88 = require("react/jsx-runtime");
+var import_jsx_runtime89 = require("react/jsx-runtime");
+var import_react65 = require("react");
+var import_lucide_react38 = require("lucide-react");
+var import_jsx_runtime90 = require("react/jsx-runtime");
+var import_lucide_react39 = require("lucide-react");
+var import_react66 = require("react");
+var import_jsx_runtime91 = require("react/jsx-runtime");
+var import_react67 = require("react");
+var import_react_router_dom24 = require("react-router-dom");
+var import_lucide_react40 = require("lucide-react");
+var import_jsx_runtime92 = require("react/jsx-runtime");
+var import_react68 = require("react");
+var import_react69 = require("react");
+var import_lucide_react41 = require("lucide-react");
+var import_jsx_runtime93 = require("react/jsx-runtime");
+var import_lucide_react42 = require("lucide-react");
+var import_jsx_runtime94 = require("react/jsx-runtime");
+var import_react70 = require("react");
+var import_jsx_runtime95 = require("react/jsx-runtime");
+var import_jsx_runtime96 = require("react/jsx-runtime");
+var import_react71 = require("react");
+var import_jsx_runtime97 = require("react/jsx-runtime");
+var import_jsx_runtime98 = require("react/jsx-runtime");
+var import_react72 = require("react");
+var import_jsx_runtime99 = require("react/jsx-runtime");
+var import_jsx_runtime100 = require("react/jsx-runtime");
+var import_jsx_runtime101 = require("react/jsx-runtime");
+var import_react73 = require("react");
+var import_jsx_runtime102 = require("react/jsx-runtime");
+var import_jsx_runtime103 = require("react/jsx-runtime");
+var import_jsx_runtime104 = require("react/jsx-runtime");
+var import_react74 = require("react");
+var import_jsx_runtime105 = require("react/jsx-runtime");
+var import_jsx_runtime106 = require("react/jsx-runtime");
+var import_jsx_runtime107 = require("react/jsx-runtime");
 var PrimaryButton2 = ({
   loading = false,
   children,
@@ -4049,8 +4096,9 @@ var APPROVAL_API_URL2 = `${API_URL2}/approvals/cases/`;
 var AlertContext2 = (0, import_react22.createContext)(void 0);
 var VENDORS_API_URL2 = `${API_URL2}/accounting/vendors/`;
 var ThemeContext22 = (0, import_react25.createContext)(void 0);
-var ADDRESS_IP22 = "localhost:8000";
-var ADDRESS_IP_URL22 = `http://${ADDRESS_IP22}/`;
+var chooseEnv22 = localStorage.getItem("env") ?? "prod";
+var ADDRESS_IP22 = chooseEnv22 === "prod" ? "back.rewise.praeduim-tech.com" : "localhost:8000";
+var ADDRESS_IP_URL22 = chooseEnv22 === "prod" ? `https://${ADDRESS_IP22}/` : `http://${ADDRESS_IP22}/`;
 var API_URL22 = `${ADDRESS_IP_URL22}api`;
 var API_BASE_URL32 = `${API_URL22}/core/auth/`;
 var SessionContext22 = (0, import_react26.createContext)(void 0);
@@ -4083,22 +4131,38 @@ var USERS_API_URL2222 = `${API_URL2222}/core/users/`;
 var ToastContext2222 = (0, import_react51.createContext)(void 0);
 var APPROVAL_API_URL2222 = `${API_URL2222}/approvals/cases/`;
 var AlertContext2222 = (0, import_react58.createContext)(void 0);
-var URI = `${API_URL222}/core/departments/`;
-var URI2 = `${API_URL222}/accounting/profit-or-cost-center/`;
-var COST_URI = `${API_URL222}/accounting/cost-center/`;
-var PROFIT_URI = `${API_URL222}/accounting/profit-center/`;
-var URI3 = `${API_URL22}/core/departments/`;
-var URI4 = `${API_URL22}/accounting/profit-or-cost-center/`;
-var COST_URI2 = `${API_URL22}/accounting/cost-center/`;
-var PROFIT_URI2 = `${API_URL22}/accounting/profit-center/`;
-var URI5 = `${API_URL2}/core/departments/`;
-var URI6 = `${API_URL2}/accounting/profit-or-cost-center/`;
-var COST_URI3 = `${API_URL2}/accounting/cost-center/`;
-var PROFIT_URI3 = `${API_URL2}/accounting/profit-center/`;
+var VENDORS_API_URL2222 = `${API_URL2222}/accounting/vendors/`;
+var ThemeContext22222 = (0, import_react61.createContext)(void 0);
+var ADDRESS_IP22222 = "localhost:8000";
+var ADDRESS_IP_URL22222 = `http://${ADDRESS_IP22222}/`;
+var API_URL22222 = `${ADDRESS_IP_URL22222}api`;
+var API_BASE_URL32222 = `${API_URL22222}/core/auth/`;
+var SessionContext22222 = (0, import_react62.createContext)(void 0);
+var API_BASE_URL222222 = `${API_URL22222}/core/auth/`;
+var USERS_API_URL22222 = `${API_URL22222}/core/users/`;
+var ToastContext22222 = (0, import_react63.createContext)(void 0);
+var APPROVAL_API_URL22222 = `${API_URL22222}/approvals/cases/`;
+var AlertContext22222 = (0, import_react70.createContext)(void 0);
+var URI = `${API_URL2222}/core/departments/`;
+var URI2 = `${API_URL2222}/accounting/profit-or-cost-center/`;
+var COST_URI = `${API_URL2222}/accounting/cost-center/`;
+var PROFIT_URI = `${API_URL2222}/accounting/profit-center/`;
+var URI3 = `${API_URL222}/core/departments/`;
+var URI4 = `${API_URL222}/accounting/profit-or-cost-center/`;
+var COST_URI2 = `${API_URL222}/accounting/cost-center/`;
+var PROFIT_URI2 = `${API_URL222}/accounting/profit-center/`;
+var URI5 = `${API_URL22}/core/departments/`;
+var URI6 = `${API_URL22}/accounting/profit-or-cost-center/`;
+var COST_URI3 = `${API_URL22}/accounting/cost-center/`;
+var PROFIT_URI3 = `${API_URL22}/accounting/profit-center/`;
+var URI7 = `${API_URL2}/core/departments/`;
+var URI8 = `${API_URL2}/accounting/profit-or-cost-center/`;
+var COST_URI4 = `${API_URL2}/accounting/cost-center/`;
+var PROFIT_URI4 = `${API_URL2}/accounting/profit-center/`;
 
 // src/components/common/FormVendor.tsx
-var import_react62 = require("react");
-var import_jsx_runtime89 = require("react/jsx-runtime");
+var import_react75 = require("react");
+var import_jsx_runtime108 = require("react/jsx-runtime");
 var MinimalVendorForm = ({
   isOpen,
   onClose,
@@ -4107,13 +4171,13 @@ var MinimalVendorForm = ({
   refresh = () => {
   }
 }) => {
-  const [formData, setFormData] = (0, import_react62.useState)(object || {
+  const [formData, setFormData] = (0, import_react75.useState)(object || {
     from_module: from ?? null,
     legal_name: "",
     trading_name: ""
   });
-  const [errors, setErrors] = (0, import_react62.useState)({});
-  const [loading, setLoading] = (0, import_react62.useState)(false);
+  const [errors, setErrors] = (0, import_react75.useState)({});
+  const [loading, setLoading] = (0, import_react75.useState)(false);
   const { token } = useSession();
   const { success, error: showError } = useToast();
   const handleInputChange = (e) => {
@@ -4172,7 +4236,7 @@ var MinimalVendorForm = ({
     }
   };
   if (!isOpen) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
     Modals_default2,
     {
       title: "Ajouter un fournisseur",
@@ -4180,9 +4244,9 @@ var MinimalVendorForm = ({
       description: ``,
       open: isOpen,
       onClose,
-      children: /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("form", { onSubmit: handleSubmit, className: "p-", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("form", { onSubmit: handleSubmit, className: "p-", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: "space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
             TextInput2,
             {
               label: "Raison sociale",
@@ -4194,7 +4258,7 @@ var MinimalVendorForm = ({
               onChange: handleInputChange
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
             TextInput2,
             {
               label: "Nom commercial",
@@ -4205,8 +4269,8 @@ var MinimalVendorForm = ({
             }
           )
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "flex justify-between pt-6 mt-8", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "flex justify-between pt-6 mt-8", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
             "button",
             {
               type: "button",
@@ -4215,7 +4279,7 @@ var MinimalVendorForm = ({
               children: "Annuler"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
             Buttons_default2,
             {
               type: "button",
@@ -4231,43 +4295,43 @@ var MinimalVendorForm = ({
 };
 
 // src/services/DepartmentServices.ts
-var URI7 = `${API_URL}/core/departments/`;
+var URI9 = `${API_URL}/core/departments/`;
 var DepartmentServices = {
-  create: (data) => FetchApi.post(`${URI7}`, data),
-  get: (id) => FetchApi.get(`${URI7}${id}/`),
-  list: (params) => FetchApi.get(`${URI7}?${new URLSearchParams(params).toString()}`),
-  update: (id, data) => FetchApi.put(`${URI7}${id}/`, data),
-  delete: (id) => FetchApi.delete(`${URI7}${id}/`)
+  create: (data) => FetchApi.post(`${URI9}`, data),
+  get: (id) => FetchApi.get(`${URI9}${id}/`),
+  list: (params) => FetchApi.get(`${URI9}?${new URLSearchParams(params).toString()}`),
+  update: (id, data) => FetchApi.put(`${URI9}${id}/`, data),
+  delete: (id) => FetchApi.delete(`${URI9}${id}/`)
 };
 
 // src/services/ProfitCostsServices.ts
-var URI8 = `${API_URL}/accounting/profit-or-cost-center/`;
-var COST_URI4 = `${API_URL}/accounting/cost-center/`;
+var URI10 = `${API_URL}/accounting/profit-or-cost-center/`;
+var COST_URI5 = `${API_URL}/accounting/cost-center/`;
 var CostServices = {
-  create: (data) => FetchApi.post(`${COST_URI4}`, data),
-  get: (id) => FetchApi.get(`${COST_URI4}${id}/`),
-  list: (params) => FetchApi.get(`${COST_URI4}?${new URLSearchParams(params).toString()}`),
-  update: (id, data) => FetchApi.put(`${COST_URI4}${id}/`, data),
-  delete: (id) => FetchApi.delete(`${COST_URI4}${id}/`)
+  create: (data) => FetchApi.post(`${COST_URI5}`, data),
+  get: (id) => FetchApi.get(`${COST_URI5}${id}/`),
+  list: (params) => FetchApi.get(`${COST_URI5}?${new URLSearchParams(params).toString()}`),
+  update: (id, data) => FetchApi.put(`${COST_URI5}${id}/`, data),
+  delete: (id) => FetchApi.delete(`${COST_URI5}${id}/`)
 };
-var PROFIT_URI4 = `${API_URL}/accounting/profit-center/`;
+var PROFIT_URI5 = `${API_URL}/accounting/profit-center/`;
 
 // src/components/common/CommonSelect.tsx
-var import_jsx_runtime90 = require("react/jsx-runtime");
+var import_jsx_runtime109 = require("react/jsx-runtime");
 var SelectVendor = ({
   value,
   onSelect
 }) => {
-  const [showModal, setShowModal] = (0, import_react63.useState)(false);
-  const [selectedVendor, setSelectedVendor] = (0, import_react63.useState)(null);
+  const [showModal, setShowModal] = (0, import_react76.useState)(false);
+  const [selectedVendor, setSelectedVendor] = (0, import_react76.useState)(null);
   const { token, activeBusinessEntity } = useSession();
-  const [vendors, setVendors] = (0, import_react63.useState)(() => {
+  const [vendors, setVendors] = (0, import_react76.useState)(() => {
     const cacheKey = `vendors_cache_${activeBusinessEntity?.id || "default"}`;
     const cached = sessionStorage.getItem(cacheKey);
     return cached ? JSON.parse(cached) : [];
   });
-  const [loadingVendors, setLoadingVendors] = (0, import_react63.useState)(false);
-  (0, import_react63.useEffect)(() => {
+  const [loadingVendors, setLoadingVendors] = (0, import_react76.useState)(false);
+  (0, import_react76.useEffect)(() => {
     const cacheKey = `vendors_cache_${activeBusinessEntity?.id || "default"}`;
     const cached = sessionStorage.getItem(cacheKey);
     if (!cached) {
@@ -4305,9 +4369,9 @@ var SelectVendor = ({
     sessionStorage.removeItem(cacheKey);
     loadVendors();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "flex justify-between ", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Ajouter un fournisseur" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "flex justify-between ", children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Ajouter un fournisseur" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
       SearchableSelect,
       {
         value,
@@ -4323,8 +4387,8 @@ var SelectVendor = ({
       },
       "fourni" + value
     ),
-    loadingVendors && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("p", { className: "text-sm text-gray-500 mt-2", children: "Chargement des fournisseurs..." }),
-    showModal && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+    loadingVendors && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("p", { className: "text-sm text-gray-500 mt-2", children: "Chargement des fournisseurs..." }),
+    showModal && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
       MinimalVendorForm,
       {
         object: selectedVendor,
@@ -4341,13 +4405,13 @@ var SelectUser = ({
   onSelect
 }) => {
   const { token, activeBusinessEntity } = useSession();
-  const [users, setUsers] = (0, import_react63.useState)(() => {
+  const [users, setUsers] = (0, import_react76.useState)(() => {
     const cacheKey = `users_cache_${activeBusinessEntity?.id || "default"}`;
     const cached = sessionStorage.getItem(cacheKey);
     return cached ? JSON.parse(cached) : [];
   });
-  const [loading, setLoading] = (0, import_react63.useState)(false);
-  (0, import_react63.useEffect)(() => {
+  const [loading, setLoading] = (0, import_react76.useState)(false);
+  (0, import_react76.useEffect)(() => {
     const cacheKey = `users_cache_${activeBusinessEntity?.id || "default"}`;
     const cached = sessionStorage.getItem(cacheKey);
     if (!cached) {
@@ -4383,19 +4447,19 @@ var SelectUser = ({
     return users.map((user) => ({
       value: user.id,
       label: `${user.first_name} ${user.last_name}`,
-      content: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "flex items-center space-x-3", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "font-medium text-gray-900", children: [
+      content: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "flex items-center space-x-3", children: /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "flex-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "font-medium text-gray-900", children: [
           user.first_name,
           " ",
           user.last_name
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "text-sm text-gray-500", children: user.email })
+        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "text-sm text-gray-500", children: user.email })
       ] }) })
     }));
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "flex justify-between ", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "S\xE9lectionner un utilisateur" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "flex justify-between ", children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "S\xE9lectionner un utilisateur" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
       SearchableSelect,
       {
         value,
@@ -4408,7 +4472,7 @@ var SelectUser = ({
       },
       "user" + value
     ),
-    loading && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("p", { className: "text-sm text-gray-500 mt-2", children: "Chargement des utilisateurs..." })
+    loading && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("p", { className: "text-sm text-gray-500 mt-2", children: "Chargement des utilisateurs..." })
   ] });
 };
 var SelectDepartment = ({
@@ -4416,13 +4480,13 @@ var SelectDepartment = ({
   onSelect
 }) => {
   const { token, activeBusinessEntity } = useSession();
-  const [departments, setDepartments] = (0, import_react63.useState)(() => {
+  const [departments, setDepartments] = (0, import_react76.useState)(() => {
     const cacheKey = `departments_cache_${activeBusinessEntity?.id || "default"}`;
     const cached = sessionStorage.getItem(cacheKey);
     return cached ? JSON.parse(cached) : [];
   });
-  const [loading, setLoading] = (0, import_react63.useState)(false);
-  (0, import_react63.useEffect)(() => {
+  const [loading, setLoading] = (0, import_react76.useState)(false);
+  (0, import_react76.useEffect)(() => {
     const cacheKey = `departments_cache_${activeBusinessEntity?.id || "default"}`;
     const cached = sessionStorage.getItem(cacheKey);
     if (!cached) {
@@ -4458,9 +4522,9 @@ var SelectDepartment = ({
       label: dept.name
     }));
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "flex justify-between ", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "S\xE9lectionner un d\xE9partement" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "flex justify-between ", children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "S\xE9lectionner un d\xE9partement" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
       SearchableSelect,
       {
         value,
@@ -4473,7 +4537,7 @@ var SelectDepartment = ({
       },
       "dept" + value
     ),
-    loading && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("p", { className: "text-sm text-gray-500 mt-2", children: "Chargement des d\xE9partements..." })
+    loading && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("p", { className: "text-sm text-gray-500 mt-2", children: "Chargement des d\xE9partements..." })
   ] });
 };
 var SelectCostCenter = ({
@@ -4481,13 +4545,13 @@ var SelectCostCenter = ({
   onSelect
 }) => {
   const { token, activeBusinessEntity } = useSession();
-  const [costCenters, setCostCenters] = (0, import_react63.useState)(() => {
+  const [costCenters, setCostCenters] = (0, import_react76.useState)(() => {
     const cacheKey = `cost_centers_cache_${activeBusinessEntity?.id || "default"}`;
     const cached = sessionStorage.getItem(cacheKey);
     return cached ? JSON.parse(cached) : [];
   });
-  const [loading, setLoading] = (0, import_react63.useState)(false);
-  (0, import_react63.useEffect)(() => {
+  const [loading, setLoading] = (0, import_react76.useState)(false);
+  (0, import_react76.useEffect)(() => {
     const cacheKey = `cost_centers_cache_${activeBusinessEntity?.id || "default"}`;
     const cached = sessionStorage.getItem(cacheKey);
     if (!cached) {
@@ -4521,18 +4585,18 @@ var SelectCostCenter = ({
     return costCenters.map((center) => ({
       value: center.id,
       label: `${center.code ? `[${center.code}] ` : ""}${center.name}`,
-      content: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "flex items-center space-x-3", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "font-medium text-gray-900", children: center.name }),
-        center.code && /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "text-sm text-gray-500", children: [
+      content: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "flex items-center space-x-3", children: /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "flex-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "font-medium text-gray-900", children: center.name }),
+        center.code && /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "text-sm text-gray-500", children: [
           "Code: ",
           center.code
         ] })
       ] }) })
     }));
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "flex justify-between ", children: /* @__PURE__ */ (0, import_jsx_runtime90.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_runtime90.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "flex justify-between ", children: /* @__PURE__ */ (0, import_jsx_runtime109.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_runtime109.jsx)(
       SearchableSelect,
       {
         value,
@@ -4545,12 +4609,12 @@ var SelectCostCenter = ({
       },
       "cost" + value
     ),
-    loading && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("p", { className: "text-sm text-gray-500 mt-2", children: "Chargement des centres de co\xFBt..." })
+    loading && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("p", { className: "text-sm text-gray-500 mt-2", children: "Chargement des centres de co\xFBt..." })
   ] });
 };
 
 // src/components/common/Choices.tsx
-var import_jsx_runtime91 = require("react/jsx-runtime");
+var import_jsx_runtime110 = require("react/jsx-runtime");
 var CHOICES = {
   INVOICE_TYPES: [
     { value: "sale", label: { fr: "Vente", en: "Sale", default: "Sale" } },
@@ -4808,7 +4872,7 @@ var InvoiceTypeSelector = ({
     value: item.value,
     label: item.label[language]
   }));
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
     SearchableSelect,
     {
       value,
@@ -4831,7 +4895,7 @@ var PaymentMethodSelector = ({
     value: item.value,
     label: item.label[language]
   }));
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
     SearchableSelect,
     {
       value,
@@ -4854,7 +4918,7 @@ var TemplateFNESelector = ({
     value: item.value,
     label: item.label[language]
   }));
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
     SearchableSelect,
     {
       value,
@@ -4877,7 +4941,7 @@ var ForeignCurrencySelector = ({
     value: item.value,
     label: item.label[language]
   }));
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
     SearchableSelect,
     {
       value,
@@ -4901,7 +4965,7 @@ var TaxSelector = ({
     value: item.value,
     label: item.label[language]
   }));
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
     SearchableSelect,
     {
       value,
@@ -4929,7 +4993,7 @@ var LegalFormSelector = ({
     value: item.value,
     label: item.label[language] ?? item.label.default
   }));
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
     SearchableSelect,
     {
       value,
@@ -4952,7 +5016,7 @@ var CountrySelector = ({
     value: item.value,
     label: item.label[language]
   }));
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
     SearchableSelect,
     {
       value,
@@ -4972,7 +5036,9 @@ var CountrySelector = ({
   ApprovalAnswerModal,
   ApprovalAnswerPage,
   ApprovalPreviewAnswer,
+  ApprovalServices,
   ApprovalWorkflow,
+  AuthServices,
   CHOICES,
   CountrySelector,
   DateInput,