ptechcore_ui 1.0.29 → 1.0.30

package/dist/index.js

@@ -828,6 +828,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/`)
 };
 
@@ -871,13 +872,31 @@ var SessionProvider = ({ children }) => {
   const [isLoading, setIsLoading] = useState2(true);
   const [showAuthModal, setShowAuthModal] = useState2(false);
   useEffect2(() => {
-    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] = useState2(() => {
     const cacheKey = `vendors_cache_${activeBusinessEntity?.id || "default"}`;
@@ -8321,6 +8340,384 @@ var EntityFileManager = ({
     }
   ) });
 };
+
+// src/components/common/PrintPreview.tsx
+import React20, { useRef as useRef6 } from "react";
+import { useReactToPrint } from "react-to-print";
+import { X as X10, Printer as Printer2, Download as Download4, ZoomIn, ZoomOut } from "lucide-react";
+import { jsx as jsx30, jsxs as jsxs25 } from "react/jsx-runtime";
+var PrintableDocument = ({
+  children,
+  className = "",
+  style = {}
+}) => {
+  return /* @__PURE__ */ jsx30(
+    "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 = useRef6(null);
+  const [zoom, setZoom] = React20.useState(100);
+  const handlePrint = 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__ */ jsxs25("div", { className: "fixed inset-0 z-50 overflow-hidden print:hidden", children: [
+    /* @__PURE__ */ jsx30(
+      "div",
+      {
+        className: "absolute inset-0 bg-black/50 backdrop-blur-sm",
+        onClick: onClose
+      }
+    ),
+    /* @__PURE__ */ jsxs25("div", { className: "relative h-full flex flex-col", children: [
+      /* @__PURE__ */ jsxs25("div", { className: "bg-white border-b shadow-sm px-6 py-3 flex items-center justify-between z-10", children: [
+        /* @__PURE__ */ jsx30("h3", { className: "text-lg font-semibold text-gray-900", children: title }),
+        /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-1 bg-gray-100 rounded-lg px-2 py-1", children: [
+            /* @__PURE__ */ jsx30(
+              "button",
+              {
+                onClick: handleZoomOut,
+                className: "p-1 hover:bg-gray-200 rounded transition-colors",
+                title: "Zoom arri\xE8re",
+                children: /* @__PURE__ */ jsx30(ZoomOut, { className: "w-4 h-4 text-gray-600" })
+              }
+            ),
+            /* @__PURE__ */ jsxs25("span", { className: "text-sm text-gray-600 min-w-[3rem] text-center", children: [
+              zoom,
+              "%"
+            ] }),
+            /* @__PURE__ */ jsx30(
+              "button",
+              {
+                onClick: handleZoomIn,
+                className: "p-1 hover:bg-gray-200 rounded transition-colors",
+                title: "Zoom avant",
+                children: /* @__PURE__ */ jsx30(ZoomIn, { className: "w-4 h-4 text-gray-600" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs25(
+            "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__ */ jsx30(Printer2, { className: "w-4 h-4" }),
+                "Imprimer"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs25(
+            "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__ */ jsx30(Download4, { className: "w-4 h-4" }),
+                "PDF"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx30(
+            "button",
+            {
+              onClick: onClose,
+              className: "p-2 hover:bg-gray-100 rounded-full transition-colors",
+              title: "Fermer",
+              children: /* @__PURE__ */ jsx30(X10, { className: "w-5 h-5 text-gray-500" })
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx30("div", { className: "flex-1 overflow-auto bg-gray-200 p-6", children: /* @__PURE__ */ jsx30("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx30(
+        "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__ */ jsxs25("div", { className: "flex justify-between items-start mb-6 p-8 pb-0", children: [
+    /* @__PURE__ */ jsxs25("div", { className: "flex-1", children: [
+      /* @__PURE__ */ jsxs25("div", { className: "mb-2", children: [
+        /* @__PURE__ */ jsx30(
+          "h1",
+          {
+            className: "text-xl font-bold tracking-wider text-gray-800",
+            style: { letterSpacing: "0.15em" },
+            children: companyName.toUpperCase()
+          }
+        ),
+        address && /* @__PURE__ */ jsx30("p", { className: "text-xs text-gray-600 mt-1", children: address })
+      ] }),
+      /* @__PURE__ */ jsxs25("div", { className: "text-xs text-gray-600 space-y-0.5 mt-3", children: [
+        phone && /* @__PURE__ */ jsx30("p", { children: phone }),
+        email && /* @__PURE__ */ jsx30("p", { children: email }),
+        website && /* @__PURE__ */ jsx30("p", { children: website })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs25("div", { className: "text-right", children: [
+      /* @__PURE__ */ jsx30(
+        "h2",
+        {
+          className: "text-4xl font-bold mb-4",
+          style: { color: PRINT_GREEN },
+          children: documentTitle
+        }
+      ),
+      /* @__PURE__ */ jsx30("table", { className: "ml-auto text-xs", children: /* @__PURE__ */ jsxs25("tbody", { children: [
+        /* @__PURE__ */ jsxs25("tr", { children: [
+          /* @__PURE__ */ jsx30("td", { className: "text-gray-600 pr-4 py-0.5", children: "Date" }),
+          /* @__PURE__ */ jsx30("td", { className: "font-medium border-b border-gray-300 pl-2 py-0.5", children: date })
+        ] }),
+        /* @__PURE__ */ jsxs25("tr", { children: [
+          /* @__PURE__ */ jsx30("td", { className: "text-gray-600 pr-4 py-0.5", children: "N\xB0" }),
+          /* @__PURE__ */ jsx30("td", { className: "font-medium border-b border-gray-300 pl-2 py-0.5", children: documentNumber })
+        ] }),
+        extraInfo.map((info, index) => /* @__PURE__ */ jsxs25("tr", { children: [
+          /* @__PURE__ */ jsx30("td", { className: "text-gray-600 pr-4 py-0.5", children: info.label }),
+          /* @__PURE__ */ jsx30("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__ */ jsxs25("div", { children: [
+    /* @__PURE__ */ jsx30(
+      "div",
+      {
+        className: "text-white text-xs font-semibold py-1.5 px-3 rounded-t",
+        style: { backgroundColor: headerBg },
+        children: title
+      }
+    ),
+    /* @__PURE__ */ jsx30("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__ */ jsxs25("table", { className: "w-full border-collapse", children: [
+    /* @__PURE__ */ jsx30("thead", { children: /* @__PURE__ */ jsx30("tr", { style: { backgroundColor: PRINT_GREEN }, children: columns.map((col, index) => /* @__PURE__ */ jsx30(
+      "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__ */ jsxs25("tbody", { children: [
+      data.map((item, rowIndex) => /* @__PURE__ */ jsx30("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__ */ jsx30(
+          "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__ */ jsx30("tr", { className: "border-b border-gray-300", children: columns.map((_2, colIndex) => /* @__PURE__ */ jsx30(
+        "td",
+        {
+          className: "py-2 px-2 border-l border-r border-gray-300",
+          children: "\xA0"
+        },
+        colIndex
+      )) }, `empty-${index}`))
+    ] })
+  ] });
+}
+var TotalsSection = ({
+  rows,
+  amountInWords
+}) => {
+  return /* @__PURE__ */ jsxs25("div", { className: "w-64", children: [
+    /* @__PURE__ */ jsx30("table", { className: "w-full text-xs", children: /* @__PURE__ */ jsx30("tbody", { children: rows.map((row, index) => /* @__PURE__ */ jsxs25(
+      "tr",
+      {
+        className: row.isTotal ? "" : "border-b border-gray-200",
+        children: [
+          /* @__PURE__ */ jsx30(
+            "td",
+            {
+              className: `py-1.5 px-2 ${row.isTotal ? "font-semibold text-gray-900" : "text-gray-600"}`,
+              children: row.label
+            }
+          ),
+          /* @__PURE__ */ jsx30(
+            "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__ */ jsx30("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__ */ jsxs25("div", { className: "grid grid-cols-2 gap-8 mt-12 pt-4 px-8", children: [
+    /* @__PURE__ */ jsxs25("div", { children: [
+      /* @__PURE__ */ jsx30("p", { className: "text-xs text-gray-600 mb-1", children: "Date:" }),
+      /* @__PURE__ */ jsx30("div", { className: "border-b border-gray-400 w-32 mb-4 text-xs", children: date || "" }),
+      /* @__PURE__ */ jsxs25("p", { className: "text-xs text-gray-600 mb-1", children: [
+        leftLabel,
+        ":"
+      ] }),
+      /* @__PURE__ */ jsx30("div", { className: "h-16 border-b border-gray-400 w-48" })
+    ] }),
+    /* @__PURE__ */ jsxs25("div", { className: "text-right", children: [
+      /* @__PURE__ */ jsx30("p", { className: "text-xs text-gray-600 mb-2", children: rightLabel }),
+      rightName && /* @__PURE__ */ jsx30("p", { className: "text-xs font-medium text-gray-900 mb-2", children: rightName }),
+      /* @__PURE__ */ jsx30("div", { className: "inline-block border-2 border-dashed border-gray-300 rounded-full w-24 h-24" })
+    ] })
+  ] });
+};
+var DocumentFooter = ({ lines }) => {
+  return /* @__PURE__ */ jsx30("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__ */ jsx30("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}` : "");
+};
 export {
   Alert_default as Alert,
   AlertProvider,
@@ -8332,7 +8729,10 @@ export {
   AuthServices,
   Choices_default as CHOICES,
   CountrySelector,
+  DataTable,
   DateInput,
+  DocumentFooter,
+  DocumentHeader,
   EntityFileManager,
   FDrawer,
   FetchApi,
@@ -8340,14 +8740,18 @@ export {
   FileManager,
   FileManagerProvider,
   ForeignCurrencySelector,
+  InfoBox,
   InputField,
   InvoiceTypeSelector,
   LegalFormSelector,
   Modals_default as Modal,
   NumberInput,
+  PRINT_GREEN,
   Pages_default as Pages,
   PaymentMethodSelector,
   Buttons_default as PrimaryButton,
+  PrintPreview,
+  PrintableDocument,
   ModernDoubleSidebarLayout_default as RewiseLayout,
   SecondaryButton,
   SelectCostCenter,
@@ -8357,18 +8761,23 @@ export {
   SelectUser,
   SelectVendor,
   SessionProvider,
+  SignatureSection,
   TaxSelector,
   TemplateFNESelector,
   TextInput,
   ThemeContext_default as ThemeProvider,
   Toast_default as ToastContainer,
   ToastProvider,
+  TotalsSection,
   UnitServices,
   UserServices,
   fileManagerApi,
+  formatCurrency,
   formatDate,
+  formatDateFR,
   formatFileSize,
   getFileIcon,
+  numberToWords,
   useAlert,
   useFileManager,
   useFileManagerApi,

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "ptechcore_ui",
-  "version": "1.0.29",
+  "version": "1.0.30",
   "type": "module",
-  "main": "./dist/index.cjs",       
-  "module": "./dist/index.js",      
-  "types": "./dist/index.d.ts",     
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -33,6 +33,7 @@
     "react-hook-form": "^7.48.2",
     "react-leaflet": "^4.2.1",
     "react-router-dom": "^6.26.0",
+    "react-to-print": "^3.2.0",
     "tailwind-merge": "^3.3.1",
     "tailwindcss-animate": "^1.0.7"
   },