ptechcore_ui 1.0.27 → 1.0.29

package/dist/index.cjs

@@ -60,6 +60,7 @@ __export(index_exports, {
   SelectCostCenter: () => SelectCostCenter,
   SelectDepartment: () => SelectDepartment,
   SelectInput: () => SelectInput,
+  SelectUnit: () => SelectUnit,
   SelectUser: () => SelectUser,
   SelectVendor: () => SelectVendor,
   SessionProvider: () => SessionProvider,
@@ -69,6 +70,7 @@ __export(index_exports, {
   ThemeProvider: () => ThemeContext_default,
   ToastContainer: () => Toast_default,
   ToastProvider: () => ToastProvider,
+  UnitServices: () => UnitServices,
   UserServices: () => UserServices,
   fileManagerApi: () => fileManagerApi,
   formatDate: () => formatDate,
@@ -95,9 +97,9 @@ var PrimaryButton = ({
   {
     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]"}`,
+    className: `px-4 py-2 text-sm rounded-lg hover:opacity-80 transition-colors disabled:opacity-50 disabled:cursor-not-allowed flex justify-center items-center ${classname} ${variant === "full" ? "bg-[var(--color-primary)] text-[var(--color-text-inverse)]" : variant === "outline" ? "border border-[var(--color-primary)] text-[var(--color-primary)] bg-transparent" : "bg-transparent text-[var(--color-primary)]"}`,
     ...props,
-    children: loading ? "Connexion en cours..." : children
+    children: loading ? "Chargement..." : children
   }
 );
 var SecondaryButton = ({
@@ -110,9 +112,9 @@ var SecondaryButton = ({
   {
     type: "button",
     disabled: loading || props.disabled,
-    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]"}`,
+    className: `px-4 py-2 text-sm rounded-lg hover:opacity-80 transition-colors disabled:opacity-50 disabled:cursor-not-allowed flex items-center ${variant === "full" ? "bg-[var(--color-secondary)] text-[var(--color-text-inverse)]" : variant === "outline" ? "border border-[var(--color-secondary)] text-[var(--color-secondary)] bg-transparent" : "bg-transparent text-[var(--color-secondary)]"}`,
     ...props,
-    children: loading ? "Connexion en cours..." : children
+    children: loading ? "Chargement..." : children
   }
 );
 var Buttons_default = PrimaryButton;
@@ -120,7 +122,7 @@ var Buttons_default = PrimaryButton;
 // src/components/common/Modals.tsx
 var import_react_dom = require("react-dom");
 var import_jsx_runtime2 = require("react/jsx-runtime");
-var Modal = ({ title, description, width = "max-w-md", open, onClose, children }) => {
+var Modal = ({ title, description, width = "max-w-md", minContentHeight, open, onClose, children }) => {
   if (!open) return null;
   const modalContent = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-[9999]", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: `bg-[var(--color-surface)] rounded-lg p-6 mx-4 w-full ${width}`, children: [
     /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex justify-between items-start mb-6", children: [
@@ -138,7 +140,14 @@ var Modal = ({ title, description, width = "max-w-md", open, onClose, children }
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "w-full max-h-[80vh] overflow-y-auto", children })
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "div",
+      {
+        className: "w-full max-h-[80vh] overflow-y-auto",
+        style: minContentHeight ? { minHeight: minContentHeight } : void 0,
+        children
+      }
+    )
   ] }) });
   return (0, import_react_dom.createPortal)(modalContent, document.body);
 };
@@ -160,10 +169,10 @@ var InputField = ({
   onBlur
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex flex-col gap-1 w-full", children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("label", { htmlFor: name, className: "block text-gray-700 text-sm font-medium mb-2", children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("label", { htmlFor: name, className: "block text-[var(--color-text-secondary)] text-sm font-medium mb-2", children: [
       label,
       " ",
-      required && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "text-red-500", children: "*" })
+      required && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "text-[var(--color-error)]", children: "*" })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       "input",
@@ -177,13 +186,15 @@ var InputField = ({
         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" : ""}
+        className: `w-full px-3 py-2 border rounded-lg text-sm
+          bg-[var(--color-surface)] text-[var(--color-text-primary)]
+          focus:ring-2 focus:ring-[var(--color-primary)]/20 focus:border-[var(--color-primary)] focus:outline-none
+          ${error ? "border-[var(--color-error)]" : "border-[var(--color-border)]"}
+          ${disabled ? "bg-[var(--color-background)] cursor-not-allowed opacity-60" : ""}
         `
       }
     ),
-    error && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "text-xs text-red-500", children: error })
+    error && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "text-xs text-[var(--color-error)]", children: error })
   ] });
 };
 var TextInput = (props) => {
@@ -213,11 +224,11 @@ var SelectInput = ({
       "label",
       {
         htmlFor: name,
-        className: "block text-gray-700 text-sm font-medium mb-2",
+        className: "block text-[var(--color-text-secondary)] text-sm font-medium mb-2",
         children: [
           label,
           " ",
-          required && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "text-red-500", children: "*" })
+          required && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "text-[var(--color-error)]", children: "*" })
         ]
       }
     ),
@@ -232,9 +243,10 @@ var SelectInput = ({
         onChange,
         onBlur,
         className: `w-full px-4 py-2 border rounded-lg text-sm
-          focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent
-          ${error ? "border-red-500" : "border-gray-300"}
-          ${disabled ? "bg-gray-100 cursor-not-allowed" : ""}
+          bg-[var(--color-surface)] text-[var(--color-text-primary)]
+          focus:outline-none focus:ring-2 focus:ring-[var(--color-primary)]/20 focus:border-[var(--color-primary)]
+          ${error ? "border-[var(--color-error)]" : "border-[var(--color-border)]"}
+          ${disabled ? "bg-[var(--color-background)] cursor-not-allowed opacity-60" : ""}
         `,
         children: [
           defaultValue !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("option", { value: "", children: typeof defaultValue === "string" ? defaultValue : "S\xE9lectionnez une option" }),
@@ -242,7 +254,7 @@ var SelectInput = ({
         ]
       }
     ),
-    error && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "text-xs text-red-500", children: error })
+    error && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "text-xs text-[var(--color-error)]", children: error })
   ] });
 };
 var addressIpformMedia = "http://localhost:8000/media/";
@@ -971,6 +983,21 @@ var SessionProvider = ({ children }) => {
     localStorage.removeItem("token");
     setToken(null);
   };
+  const refreshSession = async () => {
+    if (!token) return;
+    try {
+      const res = await AuthServices.getUserInformations(token);
+      const result = res;
+      if (result.success === true) {
+        setLoggedUser(result.data.user);
+        setActiveBusinessEntity(
+          result.data.user.centers_access.find((item) => parseInt(String(item.id)) === parseInt(saved_center_id)) || result.data.user.centers_access[0] || null
+        );
+      }
+    } catch (error) {
+      console.error("Failed to refresh session:", error);
+    }
+  };
   (0, import_react2.useEffect)(() => {
     if (token) {
       AuthServices.getUserInformations(token).then((res) => {
@@ -1003,6 +1030,7 @@ var SessionProvider = ({ children }) => {
     logout,
     showAuthModal,
     setShowAuthModal,
+    refreshSession,
     vendors,
     setVendors,
     loadingVendors,
@@ -1077,16 +1105,17 @@ var ToastProvider = ({ children }) => {
   const addToast = (0, import_react3.useCallback)((toast) => {
     const id = generateId();
     const defaultDuration = toast.type === "error" ? 7e3 : 3e3;
+    const duration = toast.duration ?? defaultDuration;
     const newToast = {
+      ...toast,
       id,
-      duration: toast.duration ?? defaultDuration,
-      ...toast
+      duration
     };
     setToasts((prev) => [...prev, newToast]);
-    if (newToast.duration && newToast.duration > 0) {
+    if (duration > 0) {
       setTimeout(() => {
-        removeToast(id);
-      }, newToast.duration);
+        setToasts((prev) => prev.filter((t) => t.id !== id));
+      }, duration);
     }
   }, []);
   const removeToast = (0, import_react3.useCallback)((id) => {
@@ -3473,6 +3502,16 @@ var Pages = ({
 };
 var Pages_default = Pages;
 
+// src/services/UnitServices.ts
+var URI = `${API_URL}/crm/units/`;
+var UnitServices = {
+  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/components/common/FDrawer.tsx
 var import_react8 = __toESM(require("react"), 1);
 var import_react_router_dom4 = require("react-router-dom");
@@ -5354,7 +5393,7 @@ var ApprovalWorkflow = ({
   if (CustomBtn) {
     return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CustomBtn, { onClick: open_modal }),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Modals_default, { open: isOpen, onClose: close_modal, title, children: formulaire() })
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Modals_default, { open: isOpen, onClose: close_modal, title, width: "max-w-lg", children: formulaire() })
     ] });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_jsx_runtime14.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
@@ -5552,7 +5591,7 @@ var AddStageButton = ({
     /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       Modals_default,
       {
-        width: "",
+        width: "max-w-lg",
         title: "Ajouter une personne",
         description: "S\xE9lectionnez un utilisateur interne ou ajoutez un validateur externe",
         open: showModal,
@@ -5871,7 +5910,7 @@ var MinimalVendorForm = ({
     Modals_default,
     {
       title: "Ajouter un fournisseur",
-      width: "w-[100%]",
+      width: "max-w-2xl",
       description: ``,
       open: isOpen,
       onClose,
@@ -5926,17 +5965,17 @@ var MinimalVendorForm = ({
 };
 
 // src/services/DepartmentServices.ts
-var URI = `${API_URL}/core/departments/`;
+var URI2 = `${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}/`)
+  create: (data) => FetchApi.post(`${URI2}`, data),
+  get: (id) => FetchApi.get(`${URI2}${id}/`),
+  list: (params) => FetchApi.get(`${URI2}?${new URLSearchParams(params).toString()}`),
+  update: (id, data) => FetchApi.put(`${URI2}${id}/`, data),
+  delete: (id) => FetchApi.delete(`${URI2}${id}/`)
 };
 
 // src/services/ProfitCostsServices.ts
-var URI2 = `${API_URL}/accounting/profit-or-cost-center/`;
+var URI3 = `${API_URL}/accounting/profit-or-cost-center/`;
 var COST_URI = `${API_URL}/accounting/cost-center/`;
 var CostServices = {
   create: (data) => FetchApi.post(`${COST_URI}`, data),
@@ -6243,6 +6282,80 @@ var SelectCostCenter = ({
     loading && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-sm text-gray-500 mt-2", children: "Chargement des centres de co\xFBt..." })
   ] });
 };
+var SelectUnit = ({
+  value,
+  onSelect
+}) => {
+  const { token, activeBusinessEntity } = useSession();
+  const [units, setUnits] = (0, import_react13.useState)(() => {
+    const cacheKey = `units_cache_${activeBusinessEntity?.id || "default"}`;
+    const cached = sessionStorage.getItem(cacheKey);
+    return cached ? JSON.parse(cached) : [];
+  });
+  const [loading, setLoading] = (0, import_react13.useState)(false);
+  (0, import_react13.useEffect)(() => {
+    const cacheKey = `units_cache_${activeBusinessEntity?.id || "default"}`;
+    const cached = sessionStorage.getItem(cacheKey);
+    if (!cached) {
+      loadUnits();
+    } else {
+      setUnits(JSON.parse(cached));
+    }
+  }, [activeBusinessEntity?.id]);
+  const loadUnits = async () => {
+    if (!token) return;
+    try {
+      setLoading(true);
+      const result = await UnitServices.list({ business_entity_id: activeBusinessEntity?.id });
+      if (result.success) {
+        setUnits(result.data);
+        const cacheKey = `units_cache_${activeBusinessEntity?.id || "default"}`;
+        sessionStorage.setItem(cacheKey, JSON.stringify(result.data));
+      }
+    } catch (error) {
+      console.error(error);
+    } finally {
+      setLoading(false);
+    }
+  };
+  const handleRefresh = () => {
+    const cacheKey = `units_cache_${activeBusinessEntity?.id || "default"}`;
+    sessionStorage.removeItem(cacheKey);
+    loadUnits();
+  };
+  const getUnitOptions = () => {
+    return units.map((unit) => ({
+      value: unit.id,
+      label: `${unit.code ? `[${unit.code}] ` : ""}${unit.name || "Sans nom"}`,
+      object: unit,
+      content: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "flex items-center space-x-3", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "font-medium text-gray-900", children: unit.name || "Sans nom" }),
+        unit.code && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "text-sm text-gray-500", children: [
+          "Code: ",
+          unit.code
+        ] }),
+        unit.location && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "text-xs text-gray-400", children: unit.location })
+      ] }) })
+    }));
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "flex justify-between ", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "S\xE9lectionner une unit\xE9" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      SearchableSelect,
+      {
+        value,
+        options: getUnitOptions(),
+        placeholder: "S\xE9lectionner une unit\xE9 ...",
+        searchPlaceholder: "Rechercher...",
+        onSelect,
+        disabled: loading,
+        refresh: handleRefresh
+      },
+      "unit" + value
+    ),
+    loading && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-sm text-gray-500 mt-2", children: "Chargement des unit\xE9s..." })
+  ] });
+};
 
 // src/components/common/Choices.tsx
 var import_jsx_runtime19 = require("react/jsx-runtime");
@@ -8287,6 +8400,7 @@ var EntityFileManager = ({
   SelectCostCenter,
   SelectDepartment,
   SelectInput,
+  SelectUnit,
   SelectUser,
   SelectVendor,
   SessionProvider,
@@ -8296,6 +8410,7 @@ var EntityFileManager = ({
   ThemeProvider,
   ToastContainer,
   ToastProvider,
+  UnitServices,
   UserServices,
   fileManagerApi,
   formatDate,

package/dist/index.d.cts

@@ -15,6 +15,7 @@ interface ModalProps {
     title: string;
     description?: string;
     width?: string;
+    minContentHeight?: string;
     open: boolean;
     onClose: () => void;
     children: React$1.ReactNode;
@@ -88,6 +89,12 @@ declare const RewiseLayout: React$1.FC<PrivateLayoutProps>;
 
 declare const ToastContainer: React$1.FC;
 
+interface TrackableModel {
+    id?: number | null;
+    created_at?: string;
+    updated_at?: string;
+}
+
 interface Module$1 {
     id: number;
     code: string;
@@ -257,6 +264,7 @@ interface SessionContextType {
     logout: () => void;
     showAuthModal: boolean;
     setShowAuthModal: (data: boolean) => void;
+    refreshSession: () => Promise<void>;
     vendors: Vendor[];
     setVendors: (vendors: Vendor[]) => void;
     loadingVendors: boolean;
@@ -557,6 +565,46 @@ declare const ApprovalServices: {
     }>;
 };
 
+type UnitOccupancyStatus = 'occupiable' | 'non_occupiable' | 'in_negociated' | 'indeterminate';
+type UnitStatus = 'long rental' | 'short rental' | 'other' | 'draft' | 'active';
+type UnitDestination = 'Nl' | 'L';
+type UnitArchived = 'archived' | 'not_archived';
+interface Unit extends TrackableModel {
+    name?: string | null;
+    code?: string | null;
+    location?: string | null;
+    object_name?: string | null;
+    unit_description?: string | null;
+    unit_comment?: string | null;
+    area_gla?: number | null;
+    area_gfa?: number | null;
+    area_gfa_mezz?: number | null;
+    area_m_2?: number | null;
+    area_m_2_mezz?: number | null;
+    height?: number | null;
+    width?: number | null;
+    length?: number | null;
+    unit_destination?: UnitDestination;
+    no_leasable_occupancy_status?: string;
+    area_category?: string | null;
+    detail_cat?: string | null;
+    zoning?: number | null;
+    drawing?: string | null;
+    archived?: UnitArchived;
+    unit_start_date?: string | null;
+    unit_end_date?: string | null;
+    occupancy_status?: UnitOccupancyStatus;
+    status?: UnitStatus;
+}
+
+declare const UnitServices: {
+    create: (data: Partial<Unit>) => Promise<unknown>;
+    get: (id: number) => Promise<unknown>;
+    list: (params?: any) => Promise<unknown>;
+    update: (id: number, data: Partial<Unit>) => Promise<unknown>;
+    delete: (id: number) => Promise<unknown>;
+};
+
 type ImportField = {
     value: string;
     label: string;
@@ -679,6 +727,7 @@ declare const SelectVendor: React.FC<SelectProps$1>;
 declare const SelectUser: React.FC<SelectProps$1>;
 declare const SelectDepartment: React.FC<SelectProps$1>;
 declare const SelectCostCenter: React.FC<SelectProps$1>;
+declare const SelectUnit: React.FC<SelectProps$1>;
 
 interface SelectProps {
     value?: any;
@@ -1286,4 +1335,4 @@ declare const getFileIcon: (mimeType?: string, isFolder?: boolean, isOpen?: bool
 declare const formatFileSize: (bytes?: number) => string;
 declare const formatDate: (date?: Date | string) => string;
 
-export { Alert, AlertProvider, ApprovalAnswerModal, ApprovalAnswerPage, ApprovalPreviewAnswer, ApprovalServices, ApprovalWorkflow, AuthServices, type BackendFile, type BackendFolder, CHOICES, type ConfirmOptions, CountrySelector, DateInput, EntityFileManager, type EntityFileManagerProps, type EntityType, FDrawer, FetchApi, FileInput, type FileItem, FileManager, type FileManagerProps, FileManagerProvider, type FileManagerTexts, ForeignCurrencySelector, InputField, InvoiceTypeSelector, LegalFormSelector, type MenuItem, Modal, NumberInput, Pages, PaymentMethodSelector, PrimaryButton, RewiseLayout, SecondaryButton, SelectCostCenter, SelectDepartment, SelectInput, SelectUser, SelectVendor, SessionProvider, TaxSelector, TemplateFNESelector, TextInput, ThemeProvider, ToastContainer, ToastProvider, type UseFileManagerApiReturn, type User, UserServices, type ViewMode, fileManagerApi, formatDate, formatFileSize, getFileIcon, useAlert, useFileManager, useFileManagerApi, useSession, useToast };
+export { Alert, AlertProvider, ApprovalAnswerModal, ApprovalAnswerPage, ApprovalPreviewAnswer, ApprovalServices, ApprovalWorkflow, AuthServices, type BackendFile, type BackendFolder, CHOICES, type ConfirmOptions, CountrySelector, DateInput, EntityFileManager, type EntityFileManagerProps, type EntityType, FDrawer, FetchApi, FileInput, type FileItem, FileManager, type FileManagerProps, FileManagerProvider, type FileManagerTexts, ForeignCurrencySelector, InputField, InvoiceTypeSelector, LegalFormSelector, type MenuItem, Modal, NumberInput, Pages, PaymentMethodSelector, PrimaryButton, RewiseLayout, SecondaryButton, SelectCostCenter, SelectDepartment, SelectInput, SelectUnit, SelectUser, SelectVendor, SessionProvider, TaxSelector, TemplateFNESelector, TextInput, ThemeProvider, ToastContainer, ToastProvider, type Unit, UnitServices, type UseFileManagerApiReturn, type User, UserServices, type ViewMode, fileManagerApi, formatDate, formatFileSize, getFileIcon, useAlert, useFileManager, useFileManagerApi, useSession, useToast };

package/dist/index.d.ts

@@ -15,6 +15,7 @@ interface ModalProps {
     title: string;
     description?: string;
     width?: string;
+    minContentHeight?: string;
     open: boolean;
     onClose: () => void;
     children: React$1.ReactNode;
@@ -88,6 +89,12 @@ declare const RewiseLayout: React$1.FC<PrivateLayoutProps>;
 
 declare const ToastContainer: React$1.FC;
 
+interface TrackableModel {
+    id?: number | null;
+    created_at?: string;
+    updated_at?: string;
+}
+
 interface Module$1 {
     id: number;
     code: string;
@@ -257,6 +264,7 @@ interface SessionContextType {
     logout: () => void;
     showAuthModal: boolean;
     setShowAuthModal: (data: boolean) => void;
+    refreshSession: () => Promise<void>;
     vendors: Vendor[];
     setVendors: (vendors: Vendor[]) => void;
     loadingVendors: boolean;
@@ -557,6 +565,46 @@ declare const ApprovalServices: {
     }>;
 };
 
+type UnitOccupancyStatus = 'occupiable' | 'non_occupiable' | 'in_negociated' | 'indeterminate';
+type UnitStatus = 'long rental' | 'short rental' | 'other' | 'draft' | 'active';
+type UnitDestination = 'Nl' | 'L';
+type UnitArchived = 'archived' | 'not_archived';
+interface Unit extends TrackableModel {
+    name?: string | null;
+    code?: string | null;
+    location?: string | null;
+    object_name?: string | null;
+    unit_description?: string | null;
+    unit_comment?: string | null;
+    area_gla?: number | null;
+    area_gfa?: number | null;
+    area_gfa_mezz?: number | null;
+    area_m_2?: number | null;
+    area_m_2_mezz?: number | null;
+    height?: number | null;
+    width?: number | null;
+    length?: number | null;
+    unit_destination?: UnitDestination;
+    no_leasable_occupancy_status?: string;
+    area_category?: string | null;
+    detail_cat?: string | null;
+    zoning?: number | null;
+    drawing?: string | null;
+    archived?: UnitArchived;
+    unit_start_date?: string | null;
+    unit_end_date?: string | null;
+    occupancy_status?: UnitOccupancyStatus;
+    status?: UnitStatus;
+}
+
+declare const UnitServices: {
+    create: (data: Partial<Unit>) => Promise<unknown>;
+    get: (id: number) => Promise<unknown>;
+    list: (params?: any) => Promise<unknown>;
+    update: (id: number, data: Partial<Unit>) => Promise<unknown>;
+    delete: (id: number) => Promise<unknown>;
+};
+
 type ImportField = {
     value: string;
     label: string;
@@ -679,6 +727,7 @@ declare const SelectVendor: React.FC<SelectProps$1>;
 declare const SelectUser: React.FC<SelectProps$1>;
 declare const SelectDepartment: React.FC<SelectProps$1>;
 declare const SelectCostCenter: React.FC<SelectProps$1>;
+declare const SelectUnit: React.FC<SelectProps$1>;
 
 interface SelectProps {
     value?: any;
@@ -1286,4 +1335,4 @@ declare const getFileIcon: (mimeType?: string, isFolder?: boolean, isOpen?: bool
 declare const formatFileSize: (bytes?: number) => string;
 declare const formatDate: (date?: Date | string) => string;
 
-export { Alert, AlertProvider, ApprovalAnswerModal, ApprovalAnswerPage, ApprovalPreviewAnswer, ApprovalServices, ApprovalWorkflow, AuthServices, type BackendFile, type BackendFolder, CHOICES, type ConfirmOptions, CountrySelector, DateInput, EntityFileManager, type EntityFileManagerProps, type EntityType, FDrawer, FetchApi, FileInput, type FileItem, FileManager, type FileManagerProps, FileManagerProvider, type FileManagerTexts, ForeignCurrencySelector, InputField, InvoiceTypeSelector, LegalFormSelector, type MenuItem, Modal, NumberInput, Pages, PaymentMethodSelector, PrimaryButton, RewiseLayout, SecondaryButton, SelectCostCenter, SelectDepartment, SelectInput, SelectUser, SelectVendor, SessionProvider, TaxSelector, TemplateFNESelector, TextInput, ThemeProvider, ToastContainer, ToastProvider, type UseFileManagerApiReturn, type User, UserServices, type ViewMode, fileManagerApi, formatDate, formatFileSize, getFileIcon, useAlert, useFileManager, useFileManagerApi, useSession, useToast };
+export { Alert, AlertProvider, ApprovalAnswerModal, ApprovalAnswerPage, ApprovalPreviewAnswer, ApprovalServices, ApprovalWorkflow, AuthServices, type BackendFile, type BackendFolder, CHOICES, type ConfirmOptions, CountrySelector, DateInput, EntityFileManager, type EntityFileManagerProps, type EntityType, FDrawer, FetchApi, FileInput, type FileItem, FileManager, type FileManagerProps, FileManagerProvider, type FileManagerTexts, ForeignCurrencySelector, InputField, InvoiceTypeSelector, LegalFormSelector, type MenuItem, Modal, NumberInput, Pages, PaymentMethodSelector, PrimaryButton, RewiseLayout, SecondaryButton, SelectCostCenter, SelectDepartment, SelectInput, SelectUnit, SelectUser, SelectVendor, SessionProvider, TaxSelector, TemplateFNESelector, TextInput, ThemeProvider, ToastContainer, ToastProvider, type Unit, UnitServices, type UseFileManagerApiReturn, type User, UserServices, type ViewMode, fileManagerApi, formatDate, formatFileSize, getFileIcon, useAlert, useFileManager, useFileManagerApi, useSession, useToast };

package/dist/index.js

@@ -11,9 +11,9 @@ var PrimaryButton = ({
   {
     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]"}`,
+    className: `px-4 py-2 text-sm rounded-lg hover:opacity-80 transition-colors disabled:opacity-50 disabled:cursor-not-allowed flex justify-center items-center ${classname} ${variant === "full" ? "bg-[var(--color-primary)] text-[var(--color-text-inverse)]" : variant === "outline" ? "border border-[var(--color-primary)] text-[var(--color-primary)] bg-transparent" : "bg-transparent text-[var(--color-primary)]"}`,
     ...props,
-    children: loading ? "Connexion en cours..." : children
+    children: loading ? "Chargement..." : children
   }
 );
 var SecondaryButton = ({
@@ -26,9 +26,9 @@ var SecondaryButton = ({
   {
     type: "button",
     disabled: loading || props.disabled,
-    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]"}`,
+    className: `px-4 py-2 text-sm rounded-lg hover:opacity-80 transition-colors disabled:opacity-50 disabled:cursor-not-allowed flex items-center ${variant === "full" ? "bg-[var(--color-secondary)] text-[var(--color-text-inverse)]" : variant === "outline" ? "border border-[var(--color-secondary)] text-[var(--color-secondary)] bg-transparent" : "bg-transparent text-[var(--color-secondary)]"}`,
     ...props,
-    children: loading ? "Connexion en cours..." : children
+    children: loading ? "Chargement..." : children
   }
 );
 var Buttons_default = PrimaryButton;
@@ -36,7 +36,7 @@ var Buttons_default = PrimaryButton;
 // src/components/common/Modals.tsx
 import { createPortal } from "react-dom";
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var Modal = ({ title, description, width = "max-w-md", open, onClose, children }) => {
+var Modal = ({ title, description, width = "max-w-md", minContentHeight, open, onClose, children }) => {
   if (!open) return null;
   const modalContent = /* @__PURE__ */ jsx2("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-[9999]", children: /* @__PURE__ */ jsxs("div", { className: `bg-[var(--color-surface)] rounded-lg p-6 mx-4 w-full ${width}`, children: [
     /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-start mb-6", children: [
@@ -54,7 +54,14 @@ var Modal = ({ title, description, width = "max-w-md", open, onClose, children }
         }
       )
     ] }),
-    /* @__PURE__ */ jsx2("div", { className: "w-full max-h-[80vh] overflow-y-auto", children })
+    /* @__PURE__ */ jsx2(
+      "div",
+      {
+        className: "w-full max-h-[80vh] overflow-y-auto",
+        style: minContentHeight ? { minHeight: minContentHeight } : void 0,
+        children
+      }
+    )
   ] }) });
   return createPortal(modalContent, document.body);
 };
@@ -76,10 +83,10 @@ var InputField = ({
   onBlur
 }) => {
   return /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-1 w-full", children: [
-    label && /* @__PURE__ */ jsxs2("label", { htmlFor: name, className: "block text-gray-700 text-sm font-medium mb-2", children: [
+    label && /* @__PURE__ */ jsxs2("label", { htmlFor: name, className: "block text-[var(--color-text-secondary)] text-sm font-medium mb-2", children: [
       label,
       " ",
-      required && /* @__PURE__ */ jsx3("span", { className: "text-red-500", children: "*" })
+      required && /* @__PURE__ */ jsx3("span", { className: "text-[var(--color-error)]", children: "*" })
     ] }),
     /* @__PURE__ */ jsx3(
       "input",
@@ -93,13 +100,15 @@ var InputField = ({
         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" : ""}
+        className: `w-full px-3 py-2 border rounded-lg text-sm
+          bg-[var(--color-surface)] text-[var(--color-text-primary)]
+          focus:ring-2 focus:ring-[var(--color-primary)]/20 focus:border-[var(--color-primary)] focus:outline-none
+          ${error ? "border-[var(--color-error)]" : "border-[var(--color-border)]"}
+          ${disabled ? "bg-[var(--color-background)] cursor-not-allowed opacity-60" : ""}
         `
       }
     ),
-    error && /* @__PURE__ */ jsx3("p", { className: "text-xs text-red-500", children: error })
+    error && /* @__PURE__ */ jsx3("p", { className: "text-xs text-[var(--color-error)]", children: error })
   ] });
 };
 var TextInput = (props) => {
@@ -129,11 +138,11 @@ var SelectInput = ({
       "label",
       {
         htmlFor: name,
-        className: "block text-gray-700 text-sm font-medium mb-2",
+        className: "block text-[var(--color-text-secondary)] text-sm font-medium mb-2",
         children: [
           label,
           " ",
-          required && /* @__PURE__ */ jsx3("span", { className: "text-red-500", children: "*" })
+          required && /* @__PURE__ */ jsx3("span", { className: "text-[var(--color-error)]", children: "*" })
         ]
       }
     ),
@@ -148,9 +157,10 @@ var SelectInput = ({
         onChange,
         onBlur,
         className: `w-full px-4 py-2 border rounded-lg text-sm
-          focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent
-          ${error ? "border-red-500" : "border-gray-300"}
-          ${disabled ? "bg-gray-100 cursor-not-allowed" : ""}
+          bg-[var(--color-surface)] text-[var(--color-text-primary)]
+          focus:outline-none focus:ring-2 focus:ring-[var(--color-primary)]/20 focus:border-[var(--color-primary)]
+          ${error ? "border-[var(--color-error)]" : "border-[var(--color-border)]"}
+          ${disabled ? "bg-[var(--color-background)] cursor-not-allowed opacity-60" : ""}
         `,
         children: [
           defaultValue !== void 0 && /* @__PURE__ */ jsx3("option", { value: "", children: typeof defaultValue === "string" ? defaultValue : "S\xE9lectionnez une option" }),
@@ -158,7 +168,7 @@ var SelectInput = ({
         ]
       }
     ),
-    error && /* @__PURE__ */ jsx3("p", { className: "text-xs text-red-500", children: error })
+    error && /* @__PURE__ */ jsx3("p", { className: "text-xs text-[var(--color-error)]", children: error })
   ] });
 };
 var addressIpformMedia = "http://localhost:8000/media/";
@@ -915,6 +925,21 @@ var SessionProvider = ({ children }) => {
     localStorage.removeItem("token");
     setToken(null);
   };
+  const refreshSession = async () => {
+    if (!token) return;
+    try {
+      const res = await AuthServices.getUserInformations(token);
+      const result = res;
+      if (result.success === true) {
+        setLoggedUser(result.data.user);
+        setActiveBusinessEntity(
+          result.data.user.centers_access.find((item) => parseInt(String(item.id)) === parseInt(saved_center_id)) || result.data.user.centers_access[0] || null
+        );
+      }
+    } catch (error) {
+      console.error("Failed to refresh session:", error);
+    }
+  };
   useEffect2(() => {
     if (token) {
       AuthServices.getUserInformations(token).then((res) => {
@@ -947,6 +972,7 @@ var SessionProvider = ({ children }) => {
     logout,
     showAuthModal,
     setShowAuthModal,
+    refreshSession,
     vendors,
     setVendors,
     loadingVendors,
@@ -1021,16 +1047,17 @@ var ToastProvider = ({ children }) => {
   const addToast = useCallback((toast) => {
     const id = generateId();
     const defaultDuration = toast.type === "error" ? 7e3 : 3e3;
+    const duration = toast.duration ?? defaultDuration;
     const newToast = {
+      ...toast,
       id,
-      duration: toast.duration ?? defaultDuration,
-      ...toast
+      duration
     };
     setToasts((prev) => [...prev, newToast]);
-    if (newToast.duration && newToast.duration > 0) {
+    if (duration > 0) {
       setTimeout(() => {
-        removeToast(id);
-      }, newToast.duration);
+        setToasts((prev) => prev.filter((t) => t.id !== id));
+      }, duration);
     }
   }, []);
   const removeToast = useCallback((id) => {
@@ -3417,6 +3444,16 @@ var Pages = ({
 };
 var Pages_default = Pages;
 
+// src/services/UnitServices.ts
+var URI = `${API_URL}/crm/units/`;
+var UnitServices = {
+  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/components/common/FDrawer.tsx
 import React7, { useEffect as useEffect6, useState as useState8, useRef } from "react";
 import { useLocation as useLocation2, useNavigate as useNavigate2, useSearchParams as useSearchParams2, Link as Link2 } from "react-router-dom";
@@ -5298,7 +5335,7 @@ var ApprovalWorkflow = ({
   if (CustomBtn) {
     return /* @__PURE__ */ jsxs11(Fragment6, { children: [
       /* @__PURE__ */ jsx14(CustomBtn, { onClick: open_modal }),
-      /* @__PURE__ */ jsx14(Modals_default, { open: isOpen, onClose: close_modal, title, children: formulaire() })
+      /* @__PURE__ */ jsx14(Modals_default, { open: isOpen, onClose: close_modal, title, width: "max-w-lg", children: formulaire() })
     ] });
   }
   return /* @__PURE__ */ jsx14(Fragment6, { children: /* @__PURE__ */ jsx14(
@@ -5496,7 +5533,7 @@ var AddStageButton = ({
     /* @__PURE__ */ jsx14(
       Modals_default,
       {
-        width: "",
+        width: "max-w-lg",
         title: "Ajouter une personne",
         description: "S\xE9lectionnez un utilisateur interne ou ajoutez un validateur externe",
         open: showModal,
@@ -5815,7 +5852,7 @@ var MinimalVendorForm = ({
     Modals_default,
     {
       title: "Ajouter un fournisseur",
-      width: "w-[100%]",
+      width: "max-w-2xl",
       description: ``,
       open: isOpen,
       onClose,
@@ -5870,17 +5907,17 @@ var MinimalVendorForm = ({
 };
 
 // src/services/DepartmentServices.ts
-var URI = `${API_URL}/core/departments/`;
+var URI2 = `${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}/`)
+  create: (data) => FetchApi.post(`${URI2}`, data),
+  get: (id) => FetchApi.get(`${URI2}${id}/`),
+  list: (params) => FetchApi.get(`${URI2}?${new URLSearchParams(params).toString()}`),
+  update: (id, data) => FetchApi.put(`${URI2}${id}/`, data),
+  delete: (id) => FetchApi.delete(`${URI2}${id}/`)
 };
 
 // src/services/ProfitCostsServices.ts
-var URI2 = `${API_URL}/accounting/profit-or-cost-center/`;
+var URI3 = `${API_URL}/accounting/profit-or-cost-center/`;
 var COST_URI = `${API_URL}/accounting/cost-center/`;
 var CostServices = {
   create: (data) => FetchApi.post(`${COST_URI}`, data),
@@ -6187,6 +6224,80 @@ var SelectCostCenter = ({
     loading && /* @__PURE__ */ jsx18("p", { className: "text-sm text-gray-500 mt-2", children: "Chargement des centres de co\xFBt..." })
   ] });
 };
+var SelectUnit = ({
+  value,
+  onSelect
+}) => {
+  const { token, activeBusinessEntity } = useSession();
+  const [units, setUnits] = useState13(() => {
+    const cacheKey = `units_cache_${activeBusinessEntity?.id || "default"}`;
+    const cached = sessionStorage.getItem(cacheKey);
+    return cached ? JSON.parse(cached) : [];
+  });
+  const [loading, setLoading] = useState13(false);
+  useEffect10(() => {
+    const cacheKey = `units_cache_${activeBusinessEntity?.id || "default"}`;
+    const cached = sessionStorage.getItem(cacheKey);
+    if (!cached) {
+      loadUnits();
+    } else {
+      setUnits(JSON.parse(cached));
+    }
+  }, [activeBusinessEntity?.id]);
+  const loadUnits = async () => {
+    if (!token) return;
+    try {
+      setLoading(true);
+      const result = await UnitServices.list({ business_entity_id: activeBusinessEntity?.id });
+      if (result.success) {
+        setUnits(result.data);
+        const cacheKey = `units_cache_${activeBusinessEntity?.id || "default"}`;
+        sessionStorage.setItem(cacheKey, JSON.stringify(result.data));
+      }
+    } catch (error) {
+      console.error(error);
+    } finally {
+      setLoading(false);
+    }
+  };
+  const handleRefresh = () => {
+    const cacheKey = `units_cache_${activeBusinessEntity?.id || "default"}`;
+    sessionStorage.removeItem(cacheKey);
+    loadUnits();
+  };
+  const getUnitOptions = () => {
+    return units.map((unit) => ({
+      value: unit.id,
+      label: `${unit.code ? `[${unit.code}] ` : ""}${unit.name || "Sans nom"}`,
+      object: unit,
+      content: /* @__PURE__ */ jsx18("div", { className: "flex items-center space-x-3", children: /* @__PURE__ */ jsxs15("div", { className: "flex-1", children: [
+        /* @__PURE__ */ jsx18("div", { className: "font-medium text-gray-900", children: unit.name || "Sans nom" }),
+        unit.code && /* @__PURE__ */ jsxs15("div", { className: "text-sm text-gray-500", children: [
+          "Code: ",
+          unit.code
+        ] }),
+        unit.location && /* @__PURE__ */ jsx18("div", { className: "text-xs text-gray-400", children: unit.location })
+      ] }) })
+    }));
+  };
+  return /* @__PURE__ */ jsxs15("div", { children: [
+    /* @__PURE__ */ jsx18("div", { className: "flex justify-between ", children: /* @__PURE__ */ jsx18("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "S\xE9lectionner une unit\xE9" }) }),
+    /* @__PURE__ */ jsx18(
+      SearchableSelect,
+      {
+        value,
+        options: getUnitOptions(),
+        placeholder: "S\xE9lectionner une unit\xE9 ...",
+        searchPlaceholder: "Rechercher...",
+        onSelect,
+        disabled: loading,
+        refresh: handleRefresh
+      },
+      "unit" + value
+    ),
+    loading && /* @__PURE__ */ jsx18("p", { className: "text-sm text-gray-500 mt-2", children: "Chargement des unit\xE9s..." })
+  ] });
+};
 
 // src/components/common/Choices.tsx
 import { jsx as jsx19 } from "react/jsx-runtime";
@@ -8242,6 +8353,7 @@ export {
   SelectCostCenter,
   SelectDepartment,
   SelectInput,
+  SelectUnit,
   SelectUser,
   SelectVendor,
   SessionProvider,
@@ -8251,6 +8363,7 @@ export {
   ThemeContext_default as ThemeProvider,
   Toast_default as ToastContainer,
   ToastProvider,
+  UnitServices,
   UserServices,
   fileManagerApi,
   formatDate,

package/package.json

@@ -1,57 +1,57 @@
-{
-  "name": "ptechcore_ui",
-  "version": "1.0.27",
-  "type": "module",
-  "main": "./dist/index.cjs",       
-  "module": "./dist/index.js",      
-  "types": "./dist/index.d.ts",     
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
-    }
-  },
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "dev": "vite",
-    "build": "tsup src/index.ts --format cjs,esm --dts",
-    "build:app": "vite build",
-    "build:lib": "tsup src/index.ts --format cjs,esm --dts",
-    "lint": "eslint .",
-    "preview": "vite preview"
-  },
-  "dependencies": {
-    "clsx": "^2.1.1",
-    "date-fns": "^2.30.0",
-    "leaflet": "^1.9.4",
-    "lucide-react": "^0.344.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-hook-form": "^7.48.2",
-    "react-leaflet": "^4.2.1",
-    "react-router-dom": "^6.26.0",
-    "tailwind-merge": "^3.3.1",
-    "tailwindcss-animate": "^1.0.7"
-  },
-  "devDependencies": {
-    "@eslint/js": "^9.9.1",
-    "@types/leaflet": "^1.9.8",
-    "@types/react": "^18.3.5",
-    "@types/react-dom": "^18.3.0",
-    "@vitejs/plugin-react": "^4.3.1",
-    "autoprefixer": "^10.4.18",
-    "eslint": "^9.9.1",
-    "eslint-plugin-react-hooks": "^5.1.0-rc.0",
-    "eslint-plugin-react-refresh": "^0.4.11",
-    "globals": "^15.9.0",
-    "postcss": "^8.4.35",
-    "tailwindcss": "^3.4.1",
-    "tsup": "^8.5.0",
-    "typescript": "^5.5.3",
-    "typescript-eslint": "^8.3.0",
-    "vite": "^5.4.2"
-  }
-}
+{
+  "name": "ptechcore_ui",
+  "version": "1.0.29",
+  "type": "module",
+  "main": "./dist/index.cjs",       
+  "module": "./dist/index.js",      
+  "types": "./dist/index.d.ts",     
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "tsup src/index.ts --format cjs,esm --dts",
+    "build:app": "vite build",
+    "build:lib": "tsup src/index.ts --format cjs,esm --dts",
+    "lint": "eslint .",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "clsx": "^2.1.1",
+    "date-fns": "^2.30.0",
+    "leaflet": "^1.9.4",
+    "lucide-react": "^0.344.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-hook-form": "^7.48.2",
+    "react-leaflet": "^4.2.1",
+    "react-router-dom": "^6.26.0",
+    "tailwind-merge": "^3.3.1",
+    "tailwindcss-animate": "^1.0.7"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.9.1",
+    "@types/leaflet": "^1.9.8",
+    "@types/react": "^18.3.5",
+    "@types/react-dom": "^18.3.0",
+    "@vitejs/plugin-react": "^4.3.1",
+    "autoprefixer": "^10.4.18",
+    "eslint": "^9.9.1",
+    "eslint-plugin-react-hooks": "^5.1.0-rc.0",
+    "eslint-plugin-react-refresh": "^0.4.11",
+    "globals": "^15.9.0",
+    "postcss": "^8.4.35",
+    "tailwindcss": "^3.4.1",
+    "tsup": "^8.5.0",
+    "typescript": "^5.5.3",
+    "typescript-eslint": "^8.3.0",
+    "vite": "^5.4.2"
+  }
+}