ptechcore_ui 1.0.27 → 1.0.30

package/dist/index.cjs

@@ -39,7 +39,10 @@ __export(index_exports, {
   AuthServices: () => AuthServices,
   CHOICES: () => Choices_default,
   CountrySelector: () => CountrySelector,
+  DataTable: () => DataTable,
   DateInput: () => DateInput,
+  DocumentFooter: () => DocumentFooter,
+  DocumentHeader: () => DocumentHeader,
   EntityFileManager: () => EntityFileManager,
   FDrawer: () => FDrawer,
   FetchApi: () => FetchApi,
@@ -47,33 +50,44 @@ __export(index_exports, {
   FileManager: () => FileManager,
   FileManagerProvider: () => FileManagerProvider,
   ForeignCurrencySelector: () => ForeignCurrencySelector,
+  InfoBox: () => InfoBox,
   InputField: () => InputField,
   InvoiceTypeSelector: () => InvoiceTypeSelector,
   LegalFormSelector: () => LegalFormSelector,
   Modal: () => Modals_default,
   NumberInput: () => NumberInput,
+  PRINT_GREEN: () => PRINT_GREEN,
   Pages: () => Pages_default,
   PaymentMethodSelector: () => PaymentMethodSelector,
   PrimaryButton: () => Buttons_default,
+  PrintPreview: () => PrintPreview,
+  PrintableDocument: () => PrintableDocument,
   RewiseLayout: () => ModernDoubleSidebarLayout_default,
   SecondaryButton: () => SecondaryButton,
   SelectCostCenter: () => SelectCostCenter,
   SelectDepartment: () => SelectDepartment,
   SelectInput: () => SelectInput,
+  SelectUnit: () => SelectUnit,
   SelectUser: () => SelectUser,
   SelectVendor: () => SelectVendor,
   SessionProvider: () => SessionProvider,
+  SignatureSection: () => SignatureSection,
   TaxSelector: () => TaxSelector,
   TemplateFNESelector: () => TemplateFNESelector,
   TextInput: () => TextInput,
   ThemeProvider: () => ThemeContext_default,
   ToastContainer: () => Toast_default,
   ToastProvider: () => ToastProvider,
+  TotalsSection: () => TotalsSection,
+  UnitServices: () => UnitServices,
   UserServices: () => UserServices,
   fileManagerApi: () => fileManagerApi,
+  formatCurrency: () => formatCurrency,
   formatDate: () => formatDate,
+  formatDateFR: () => formatDateFR,
   formatFileSize: () => formatFileSize,
   getFileIcon: () => getFileIcon,
+  numberToWords: () => numberToWords,
   useAlert: () => useAlert,
   useFileManager: () => useFileManager,
   useFileManagerApi: () => useFileManagerApi,
@@ -95,9 +109,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 +124,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 +134,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 +152,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 +181,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 +198,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 +236,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 +255,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 +266,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/";
@@ -874,6 +898,7 @@ var AuthServices = {
   addUser: (payload) => FetchApi.post(`${API_BASE_URL}add-user/`, payload),
   login: (payload) => FetchApi.post(`${API_BASE_URL}login/`, payload),
   getUserInformations: (token) => FetchApi.get(`${API_BASE_URL}user-informations/`, token),
+  getUserInformationsByOldId: (id) => FetchApi.get(`${API_BASE_URL}user-informations-by-old-id/${id}/`),
   logout: () => FetchApi.post(`${API_BASE_URL}logout/`)
 };
 
@@ -917,13 +942,31 @@ var SessionProvider = ({ children }) => {
   const [isLoading, setIsLoading] = (0, import_react2.useState)(true);
   const [showAuthModal, setShowAuthModal] = (0, import_react2.useState)(false);
   (0, import_react2.useEffect)(() => {
-    const params = new URLSearchParams(window.location.search);
-    const tkn = params.get("tkn");
-    if (tkn) {
-      localStorage.setItem("token", tkn);
-      setToken(tkn);
-      window.history.replaceState({}, document.title, window.location.pathname);
-    }
+    const initializeSession = async () => {
+      const params = new URLSearchParams(window.location.search);
+      const tkn = params.get("tkn");
+      if (tkn) {
+        localStorage.setItem("token", tkn);
+        setToken(tkn);
+        window.history.replaceState({}, document.title, window.location.pathname);
+      }
+      const old_rewise_user_id = params.get("rewise_user_id");
+      if (old_rewise_user_id) {
+        try {
+          const res = await AuthServices.getUserInformationsByOldId(parseInt(old_rewise_user_id));
+          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);
+        }
+      }
+    };
+    initializeSession();
   }, []);
   const [vendors, setVendors] = (0, import_react2.useState)(() => {
     const cacheKey = `vendors_cache_${activeBusinessEntity?.id || "default"}`;
@@ -971,6 +1014,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 +1061,7 @@ var SessionProvider = ({ children }) => {
     logout,
     showAuthModal,
     setShowAuthModal,
+    refreshSession,
     vendors,
     setVendors,
     loadingVendors,
@@ -1077,16 +1136,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 +3533,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 +5424,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 +5622,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 +5941,7 @@ var MinimalVendorForm = ({
     Modals_default,
     {
       title: "Ajouter un fournisseur",
-      width: "w-[100%]",
+      width: "max-w-2xl",
       description: ``,
       open: isOpen,
       onClose,
@@ -5926,17 +5996,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 +6313,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");
@@ -8254,6 +8398,384 @@ var EntityFileManager = ({
     }
   ) });
 };
+
+// src/components/common/PrintPreview.tsx
+var import_react23 = __toESM(require("react"), 1);
+var import_react_to_print = require("react-to-print");
+var import_lucide_react18 = require("lucide-react");
+var import_jsx_runtime30 = require("react/jsx-runtime");
+var PrintableDocument = ({
+  children,
+  className = "",
+  style = {}
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    "div",
+    {
+      className: `bg-white text-gray-900 ${className}`,
+      style: {
+        fontFamily: "Arial, sans-serif",
+        fontSize: "11px",
+        ...style
+      },
+      children
+    }
+  );
+};
+var PrintPreview = ({
+  children,
+  isOpen,
+  onClose,
+  title = "Aper\xE7u avant impression",
+  documentName = "document",
+  pageWidth = "210mm",
+  pageMinHeight = "297mm",
+  orientation = "portrait",
+  onAfterPrint,
+  onBeforePrint
+}) => {
+  const printRef = (0, import_react23.useRef)(null);
+  const [zoom, setZoom] = import_react23.default.useState(100);
+  const handlePrint = (0, import_react_to_print.useReactToPrint)({
+    contentRef: printRef,
+    documentTitle: documentName,
+    onAfterPrint: () => {
+      onAfterPrint?.();
+    },
+    onBeforePrint
+  });
+  const handleZoomIn = () => {
+    setZoom((prev) => Math.min(prev + 10, 150));
+  };
+  const handleZoomOut = () => {
+    setZoom((prev) => Math.max(prev - 10, 50));
+  };
+  if (!isOpen) return null;
+  const pageStyles = {
+    width: orientation === "portrait" ? pageWidth : pageMinHeight,
+    minHeight: orientation === "portrait" ? pageMinHeight : pageWidth,
+    transform: `scale(${zoom / 100})`,
+    transformOrigin: "top center",
+    transition: "transform 0.2s ease"
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "fixed inset-0 z-50 overflow-hidden print:hidden", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      "div",
+      {
+        className: "absolute inset-0 bg-black/50 backdrop-blur-sm",
+        onClick: onClose
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "relative h-full flex flex-col", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "bg-white border-b shadow-sm px-6 py-3 flex items-center justify-between z-10", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("h3", { className: "text-lg font-semibold text-gray-900", children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-center gap-1 bg-gray-100 rounded-lg px-2 py-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+              "button",
+              {
+                onClick: handleZoomOut,
+                className: "p-1 hover:bg-gray-200 rounded transition-colors",
+                title: "Zoom arri\xE8re",
+                children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react18.ZoomOut, { className: "w-4 h-4 text-gray-600" })
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("span", { className: "text-sm text-gray-600 min-w-[3rem] text-center", children: [
+              zoom,
+              "%"
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+              "button",
+              {
+                onClick: handleZoomIn,
+                className: "p-1 hover:bg-gray-200 rounded transition-colors",
+                title: "Zoom avant",
+                children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react18.ZoomIn, { className: "w-4 h-4 text-gray-600" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+            "button",
+            {
+              onClick: () => handlePrint(),
+              className: "px-4 py-2 bg-blue-600 text-white text-sm font-medium rounded-lg hover:bg-blue-700 transition-colors flex items-center gap-2",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react18.Printer, { className: "w-4 h-4" }),
+                "Imprimer"
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+            "button",
+            {
+              onClick: () => handlePrint(),
+              className: "px-4 py-2 bg-green-600 text-white text-sm font-medium rounded-lg hover:bg-green-700 transition-colors flex items-center gap-2",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react18.Download, { className: "w-4 h-4" }),
+                "PDF"
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+            "button",
+            {
+              onClick: onClose,
+              className: "p-2 hover:bg-gray-100 rounded-full transition-colors",
+              title: "Fermer",
+              children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react18.X, { className: "w-5 h-5 text-gray-500" })
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "flex-1 overflow-auto bg-gray-200 p-6", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+        "div",
+        {
+          ref: printRef,
+          className: "bg-white shadow-xl",
+          style: pageStyles,
+          children
+        }
+      ) }) })
+    ] })
+  ] });
+};
+var PRINT_GREEN = "#2d7d46";
+var DocumentHeader = ({
+  companyName,
+  address,
+  phone,
+  email,
+  website,
+  documentTitle,
+  documentNumber,
+  date,
+  extraInfo = []
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex justify-between items-start mb-6 p-8 pb-0", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "mb-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+          "h1",
+          {
+            className: "text-xl font-bold tracking-wider text-gray-800",
+            style: { letterSpacing: "0.15em" },
+            children: companyName.toUpperCase()
+          }
+        ),
+        address && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "text-xs text-gray-600 mt-1", children: address })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "text-xs text-gray-600 space-y-0.5 mt-3", children: [
+        phone && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { children: phone }),
+        email && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { children: email }),
+        website && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { children: website })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "text-right", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+        "h2",
+        {
+          className: "text-4xl font-bold mb-4",
+          style: { color: PRINT_GREEN },
+          children: documentTitle
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("table", { className: "ml-auto text-xs", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("tbody", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("tr", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("td", { className: "text-gray-600 pr-4 py-0.5", children: "Date" }),
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("td", { className: "font-medium border-b border-gray-300 pl-2 py-0.5", children: date })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("tr", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("td", { className: "text-gray-600 pr-4 py-0.5", children: "N\xB0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("td", { className: "font-medium border-b border-gray-300 pl-2 py-0.5", children: documentNumber })
+        ] }),
+        extraInfo.map((info, index) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("tr", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("td", { className: "text-gray-600 pr-4 py-0.5", children: info.label }),
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("td", { className: "font-medium border-b border-gray-300 pl-2 py-0.5", children: info.value })
+        ] }, index))
+      ] }) })
+    ] })
+  ] });
+};
+var InfoBox = ({
+  title,
+  children,
+  variant = "green"
+}) => {
+  const headerBg = variant === "green" ? PRINT_GREEN : "#6b7280";
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      "div",
+      {
+        className: "text-white text-xs font-semibold py-1.5 px-3 rounded-t",
+        style: { backgroundColor: headerBg },
+        children: title
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "border border-gray-300 border-t-0 p-3 min-h-[80px]", children })
+  ] });
+};
+function DataTable({
+  columns,
+  data,
+  minEmptyRows = 0,
+  keyExtractor
+}) {
+  const emptyRowsCount = Math.max(0, minEmptyRows - data.length);
+  const getNestedValue = (obj, path) => {
+    return path.split(".").reduce((acc, part) => acc && acc[part], obj);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("table", { className: "w-full border-collapse", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("tr", { style: { backgroundColor: PRINT_GREEN }, children: columns.map((col, index) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      "th",
+      {
+        className: "text-white text-xs font-semibold py-2 px-2 border border-gray-400",
+        style: {
+          width: col.width,
+          textAlign: col.align || "left"
+        },
+        children: col.header
+      },
+      index
+    )) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("tbody", { children: [
+      data.map((item, rowIndex) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("tr", { className: "border-b border-gray-300", children: columns.map((col, colIndex) => {
+        const value = typeof col.key === "string" ? getNestedValue(item, col.key) : item[col.key];
+        return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+          "td",
+          {
+            className: "py-2 px-2 text-xs text-gray-900 border-l border-r border-gray-300",
+            style: { textAlign: col.align || "left" },
+            children: col.render ? col.render(value, item, rowIndex) : value
+          },
+          colIndex
+        );
+      }) }, keyExtractor(item, rowIndex))),
+      Array.from({ length: emptyRowsCount }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("tr", { className: "border-b border-gray-300", children: columns.map((_2, colIndex) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+        "td",
+        {
+          className: "py-2 px-2 border-l border-r border-gray-300",
+          children: "\xA0"
+        },
+        colIndex
+      )) }, `empty-${index}`))
+    ] })
+  ] });
+}
+var TotalsSection = ({
+  rows,
+  amountInWords
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "w-64", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("table", { className: "w-full text-xs", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("tbody", { children: rows.map((row, index) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+      "tr",
+      {
+        className: row.isTotal ? "" : "border-b border-gray-200",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+            "td",
+            {
+              className: `py-1.5 px-2 ${row.isTotal ? "font-semibold text-gray-900" : "text-gray-600"}`,
+              children: row.label
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+            "td",
+            {
+              className: `py-1.5 px-2 text-right font-medium`,
+              style: row.isTotal ? {
+                backgroundColor: PRINT_GREEN,
+                color: "white",
+                fontWeight: "bold"
+              } : { color: row.valueColor },
+              children: row.value
+            }
+          )
+        ]
+      },
+      index
+    )) }) }),
+    amountInWords && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "mt-2 text-xs text-gray-600 italic text-center px-2", children: amountInWords })
+  ] });
+};
+var SignatureSection = ({
+  date,
+  leftLabel = "Signature Client",
+  rightLabel = "Cachet et signature",
+  rightName
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "grid grid-cols-2 gap-8 mt-12 pt-4 px-8", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "text-xs text-gray-600 mb-1", children: "Date:" }),
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "border-b border-gray-400 w-32 mb-4 text-xs", children: date || "" }),
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("p", { className: "text-xs text-gray-600 mb-1", children: [
+        leftLabel,
+        ":"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "h-16 border-b border-gray-400 w-48" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "text-right", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "text-xs text-gray-600 mb-2", children: rightLabel }),
+      rightName && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "text-xs font-medium text-gray-900 mb-2", children: rightName }),
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "inline-block border-2 border-dashed border-gray-300 rounded-full w-24 h-24" })
+    ] })
+  ] });
+};
+var DocumentFooter = ({ lines }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "mt-8 pt-3 border-t border-gray-300 text-center text-xs text-gray-500 px-8 pb-8", children: lines.map((line, index) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { children: line }, index)) });
+};
+var numberToWords = (num) => {
+  if (num === 0) return "z\xE9ro";
+  const units = ["", "un", "deux", "trois", "quatre", "cinq", "six", "sept", "huit", "neuf", "dix", "onze", "douze", "treize", "quatorze", "quinze", "seize", "dix-sept", "dix-huit", "dix-neuf"];
+  const tens = ["", "", "vingt", "trente", "quarante", "cinquante", "soixante", "soixante", "quatre-vingt", "quatre-vingt"];
+  const convertHundreds = (n) => {
+    if (n < 20) return units[n];
+    if (n < 100) {
+      const ten = Math.floor(n / 10);
+      const unit = n % 10;
+      if (ten === 7 || ten === 9) {
+        return tens[ten] + "-" + units[10 + unit];
+      }
+      return tens[ten] + (unit ? "-" + units[unit] : ten === 8 ? "s" : "");
+    }
+    const hundred = Math.floor(n / 100);
+    const rest = n % 100;
+    return (hundred === 1 ? "cent" : units[hundred] + " cent") + (rest ? " " + convertHundreds(rest) : hundred > 1 && rest === 0 ? "s" : "");
+  };
+  const convertThousands = (n) => {
+    if (n < 1e3) return convertHundreds(n);
+    const thousands = Math.floor(n / 1e3);
+    const rest = n % 1e3;
+    return (thousands === 1 ? "mille" : convertHundreds(thousands) + " mille") + (rest ? " " + convertHundreds(rest) : "");
+  };
+  const convertMillions = (n) => {
+    if (n < 1e6) return convertThousands(n);
+    const millions = Math.floor(n / 1e6);
+    const rest = n % 1e6;
+    return convertHundreds(millions) + " million" + (millions > 1 ? "s" : "") + (rest ? " " + convertThousands(rest) : "");
+  };
+  return convertMillions(Math.floor(num));
+};
+var formatDateFR = (date, format = "short") => {
+  const d = typeof date === "string" ? new Date(date) : date;
+  if (format === "short") {
+    return d.toLocaleDateString("fr-FR", {
+      day: "2-digit",
+      month: "2-digit",
+      year: "numeric"
+    });
+  }
+  return d.toLocaleDateString("fr-FR", {
+    day: "numeric",
+    month: "long",
+    year: "numeric"
+  });
+};
+var formatCurrency = (amount, currency = "XOF", showDecimals = false) => {
+  return amount.toLocaleString("fr-FR", {
+    minimumFractionDigits: showDecimals ? 2 : 0,
+    maximumFractionDigits: showDecimals ? 2 : 0
+  }) + (currency ? ` ${currency}` : "");
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Alert,
@@ -8266,7 +8788,10 @@ var EntityFileManager = ({
   AuthServices,
   CHOICES,
   CountrySelector,
+  DataTable,
   DateInput,
+  DocumentFooter,
+  DocumentHeader,
   EntityFileManager,
   FDrawer,
   FetchApi,
@@ -8274,33 +8799,44 @@ var EntityFileManager = ({
   FileManager,
   FileManagerProvider,
   ForeignCurrencySelector,
+  InfoBox,
   InputField,
   InvoiceTypeSelector,
   LegalFormSelector,
   Modal,
   NumberInput,
+  PRINT_GREEN,
   Pages,
   PaymentMethodSelector,
   PrimaryButton,
+  PrintPreview,
+  PrintableDocument,
   RewiseLayout,
   SecondaryButton,
   SelectCostCenter,
   SelectDepartment,
   SelectInput,
+  SelectUnit,
   SelectUser,
   SelectVendor,
   SessionProvider,
+  SignatureSection,
   TaxSelector,
   TemplateFNESelector,
   TextInput,
   ThemeProvider,
   ToastContainer,
   ToastProvider,
+  TotalsSection,
+  UnitServices,
   UserServices,
   fileManagerApi,
+  formatCurrency,
   formatDate,
+  formatDateFR,
   formatFileSize,
   getFileIcon,
+  numberToWords,
   useAlert,
   useFileManager,
   useFileManagerApi,