warqadui 0.0.284 → 0.0.285

package/dist/index.mjs

@@ -48652,7 +48652,7 @@ var Expenses3Reports = () => {
   const [startDate, setStartDate] = useState113(null);
   const [endDate, setEndDate] = useState113(null);
   const { A4DataView, data } = useA4DataView_default({
-    url: `/transactions/get?isExpenses3=true${branchId ? `&branch=${branchId}` : ""}`,
+    url: `/transactions/get?type=expense-3${branchId ? `&branch=${branchId}` : ""}`,
     v: 1
     // No prefix
   });
@@ -48777,18 +48777,155 @@ var Expenses3Reports = () => {
 };
 var Expenses3Reports_default = Expenses3Reports;
 
+// src/components/Transactions/3/reports/ExpensesJournal3.tsx
+import { useParams as useParams107 } from "react-router-dom";
+import { useMemo as useMemo53, useState as useState114 } from "react";
+import { DatePicker as DatePicker10 } from "antd";
+import dayjs12 from "dayjs";
+import { Fragment as Fragment134, jsx as jsx266, jsxs as jsxs235 } from "react/jsx-runtime";
+var Expenses3Reports2 = () => {
+  const { branchId } = useParams107();
+  const [startDate, setStartDate] = useState114(null);
+  const [endDate, setEndDate] = useState114(null);
+  const { A4DataView, data } = useA4DataView_default({
+    url: `/transactions/get?type=expense-journal-3${branchId ? `&branch=${branchId}` : ""}`,
+    v: 1
+    // No prefix
+  });
+  const { TransactionView, openTransaction } = useTransactionView_default();
+  const { defaultCurrency } = useWarqadConfig()?.currencies;
+  const columns = [
+    {
+      header: "Date",
+      key: "date",
+      className: "text-xs whitespace-nowrap",
+      render: (row) => /* @__PURE__ */ jsxs235("div", { className: "", children: [
+        /* @__PURE__ */ jsx266("p", { className: "font-bold text-black dark:text-white print:text-black", children: row.date }),
+        /* @__PURE__ */ jsx266(
+          "span",
+          {
+            onClick: () => {
+              openTransaction({
+                id: row?._id,
+                type: row?.type
+              });
+            },
+            className: "text-green-400 font-bold text-[8px] hover:underline cursor-pointer print:hidden",
+            children: row?.ref
+          }
+        )
+      ] })
+    },
+    {
+      header: "Description",
+      key: "description",
+      className: "text-xs whitespace-nowrap ",
+      render: (row) => {
+        return /* @__PURE__ */ jsxs235("div", { className: "", children: [
+          /* @__PURE__ */ jsx266("p", { className: "font-bold capitalize text-black dark:text-white print:text-black", children: row.description }),
+          row.note && /* @__PURE__ */ jsx266("p", { className: "font-medium italic text-xs capitalize text-gray-500 dark:text-white ", children: row.note })
+        ] });
+      }
+    },
+    {
+      header: "Amount",
+      key: "changedAmountString",
+      className: "text-xs whitespace-nowrap text-right",
+      render: (row) => /* @__PURE__ */ jsx266("span", { className: "font-bold text-black dark:text-white print:text-black", children: row.changedAmountString }),
+      renderFooter: (data2) => {
+        return /* @__PURE__ */ jsx266("span", { className: "text-black dark:text-white print:text-black font-bold", children: Formats_default.Price(
+          Math.abs(data2.reduce((acc, row) => acc + row.changedAmount, 0)),
+          defaultCurrency
+        ) });
+      }
+    }
+  ];
+  const datas = useMemo53(() => {
+    let runningBalance = 0;
+    let filteredData = data?.data || [];
+    const mapped = filteredData.map((item) => {
+      const changedAmount = item?.exchange?.amount ? item?.exchange?.amount : item.amount;
+      runningBalance += changedAmount;
+      return {
+        ...item,
+        changedAmountString: Formats_default.Amount(changedAmount, false),
+        changedAmount,
+        runningBalance
+      };
+    });
+    let filtered = mapped;
+    if (startDate) {
+      const startOfDay = startDate.startOf("day");
+      filtered = filtered.filter((tx) => {
+        const rawDate = tx.dateObj || tx.date;
+        if (!rawDate) return false;
+        const txDate = dayjs12(rawDate);
+        return txDate.isAfter(startOfDay) || txDate.isSame(startOfDay);
+      });
+    }
+    if (endDate) {
+      const endOfDay = endDate.endOf("day");
+      filtered = filtered.filter((tx) => {
+        const rawDate = tx.dateObj || tx.date;
+        if (!rawDate) return false;
+        const txDate = dayjs12(rawDate);
+        return txDate.isBefore(endOfDay) || txDate.isSame(endOfDay);
+      });
+    }
+    return filtered;
+  }, [data, startDate, endDate]);
+  return /* @__PURE__ */ jsxs235(Fragment134, { children: [
+    /* @__PURE__ */ jsx266(TransactionView, {}),
+    /* @__PURE__ */ jsx266(
+      A4DataView,
+      {
+        columns,
+        data: datas,
+        index: true,
+        title: `Expenses Journal Report`,
+        subtitle: `All Expenses`,
+        fixed: false,
+        headers: /* @__PURE__ */ jsxs235("div", { className: "flex gap-2 items-center print:hidden flex-wrap", children: [
+          /* @__PURE__ */ jsx266(
+            DatePicker10,
+            {
+              placeholder: "Start Date",
+              onChange: (date) => setStartDate(date),
+              value: startDate,
+              format: "DD/MM/YYYY",
+              className: "min-w-[140px] max-w-[160px]"
+            }
+          ),
+          /* @__PURE__ */ jsx266(
+            DatePicker10,
+            {
+              placeholder: "End Date",
+              onChange: (date) => setEndDate(date),
+              value: endDate,
+              format: "DD/MM/YYYY",
+              className: "min-w-[140px] max-w-[160px]"
+            }
+          )
+        ] })
+      }
+    )
+  ] });
+};
+var ExpensesJournal3_default = Expenses3Reports2;
+
 // src/components/Transactions/3/reports/index.tsx
 var Reports3 = {
-  expenses: Expenses3Reports_default
+  expenses: Expenses3Reports_default,
+  expensesJournal: ExpensesJournal3_default
 };
 var reports_default = Reports3;
 
 // src/components/Transactions/3/expenseJournal/ExpensesJournal.tsx
-import { useNavigate as useNavigate64, useParams as useParams107 } from "react-router-dom";
+import { useNavigate as useNavigate64, useParams as useParams108 } from "react-router-dom";
 import { EllipsisVertical as EllipsisVertical47, FilePenLine as FilePenLine43, Trash2 as Trash253 } from "lucide-react";
-import { Fragment as Fragment134, jsx as jsx266, jsxs as jsxs235 } from "react/jsx-runtime";
+import { Fragment as Fragment135, jsx as jsx267, jsxs as jsxs236 } from "react/jsx-runtime";
 function ExpensesJournal3({ url }) {
-  const { branchId } = useParams107();
+  const { branchId } = useParams108();
   const navigate = useNavigate64();
   const { TransactionView, openTransaction } = useTransactionView_default();
   const { data, TransactionViewComponent, reload } = useTransaction_default({
@@ -48799,17 +48936,17 @@ function ExpensesJournal3({ url }) {
   const items = (data2) => [
     {
       label: `View Expense`,
-      icon: /* @__PURE__ */ jsx266(FilePenLine43, { size: 16 }),
+      icon: /* @__PURE__ */ jsx267(FilePenLine43, { size: 16 }),
       onClick: () => openTransaction({ id: data2?._id, type: "expense-3" })
     },
     {
       label: `Edit Expense`,
-      icon: /* @__PURE__ */ jsx266(FilePenLine43, { size: 16 }),
+      icon: /* @__PURE__ */ jsx267(FilePenLine43, { size: 16 }),
       onClick: () => navigate(`update?id=${data2?._id}`)
     },
     {
       label: `Delete Expense`,
-      icon: /* @__PURE__ */ jsx266(Trash253, { className: "text-red-500", size: 16 }),
+      icon: /* @__PURE__ */ jsx267(Trash253, { className: "text-red-500", size: 16 }),
       onClick: () => {
         openTransaction({
           id: data2?._id,
@@ -48825,9 +48962,9 @@ function ExpensesJournal3({ url }) {
       header: "Date",
       cell: ({ row }) => {
         const expense = row.original;
-        return /* @__PURE__ */ jsxs235("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ jsx266("span", { children: expense?.date }),
-          /* @__PURE__ */ jsx266(
+        return /* @__PURE__ */ jsxs236("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ jsx267("span", { children: expense?.date }),
+          /* @__PURE__ */ jsx267(
             "span",
             {
               onClick: () => openTransaction({ id: expense?._id, type: "expense-3" }),
@@ -48843,9 +48980,9 @@ function ExpensesJournal3({ url }) {
       header: "Description",
       cell: ({ row }) => {
         const expense = row.original;
-        return /* @__PURE__ */ jsxs235("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ jsx266("span", { className: "capitalize", children: expense?.description }),
-          expense?.note && /* @__PURE__ */ jsx266("span", { className: "text-xs text-gray-500 italic max-w-xs truncate", children: expense?.note })
+        return /* @__PURE__ */ jsxs236("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ jsx267("span", { className: "capitalize", children: expense?.description }),
+          expense?.note && /* @__PURE__ */ jsx267("span", { className: "text-xs text-gray-500 italic max-w-xs truncate", children: expense?.note })
         ] });
       }
     },
@@ -48854,9 +48991,9 @@ function ExpensesJournal3({ url }) {
       header: "Amount",
       cell: ({ row }) => {
         const expense = row.original;
-        return /* @__PURE__ */ jsxs235("div", { className: "", children: [
-          /* @__PURE__ */ jsx266("p", { className: "font-medium text-red-600", children: Formats_default.Price(expense?.amount, expense?.currency) }),
-          expense?.exchange?.rate && expense?.exchange?.rate > 0 && /* @__PURE__ */ jsxs235("p", { className: "text-xs text-gray-500 italic", children: [
+        return /* @__PURE__ */ jsxs236("div", { className: "", children: [
+          /* @__PURE__ */ jsx267("p", { className: "font-medium text-red-600", children: Formats_default.Price(expense?.amount, expense?.currency) }),
+          expense?.exchange?.rate && expense?.exchange?.rate > 0 && /* @__PURE__ */ jsxs236("p", { className: "text-xs text-gray-500 italic", children: [
             "rate ",
             expense?.exchange?.rate,
             " ,",
@@ -48874,23 +49011,23 @@ function ExpensesJournal3({ url }) {
       header: "Actions",
       cell: ({ row }) => {
         const data2 = row.original;
-        return /* @__PURE__ */ jsx266(
+        return /* @__PURE__ */ jsx267(
           Dropdown,
           {
             className: "cursor-pointer w-[150px]",
             items: items(data2),
             triggerMode: "hover",
-            children: /* @__PURE__ */ jsx266(EllipsisVertical47, {})
+            children: /* @__PURE__ */ jsx267(EllipsisVertical47, {})
           }
         );
       }
     }
   ];
   const expenses = data?.data || [];
-  return /* @__PURE__ */ jsxs235(Fragment134, { children: [
-    /* @__PURE__ */ jsx266(TransactionView, {}),
-    /* @__PURE__ */ jsx266(Modal2, {}),
-    /* @__PURE__ */ jsx266(
+  return /* @__PURE__ */ jsxs236(Fragment135, { children: [
+    /* @__PURE__ */ jsx267(TransactionView, {}),
+    /* @__PURE__ */ jsx267(Modal2, {}),
+    /* @__PURE__ */ jsx267(
       TransactionViewComponent,
       {
         columns,
@@ -48909,8 +49046,8 @@ function ExpensesJournal3({ url }) {
 var ExpensesJournal_default = ExpensesJournal3;
 
 // src/components/Transactions/3/expenseJournal/ExpensesJournal3Form.tsx
-import { useEffect as useEffect114, useMemo as useMemo53, useState as useState114 } from "react";
-import { useParams as useParams108 } from "react-router-dom";
+import { useEffect as useEffect114, useMemo as useMemo54, useState as useState115 } from "react";
+import { useParams as useParams109 } from "react-router-dom";
 import { useForm as useForm58 } from "react-hook-form";
 import { zodResolver as zodResolver57 } from "@hookform/resolvers/zod";
 import { message as message85 } from "antd";
@@ -48928,13 +49065,13 @@ var expenseSchema5 = z49.object({
 });
 
 // src/components/Transactions/3/expenseJournal/ExpensesJournal3Form.tsx
-import { Fragment as Fragment135, jsx as jsx267, jsxs as jsxs236 } from "react/jsx-runtime";
+import { Fragment as Fragment136, jsx as jsx268, jsxs as jsxs237 } from "react/jsx-runtime";
 function ExpensesJournal3Form() {
-  const { branchId } = useParams108();
+  const { branchId } = useParams109();
   const { getQuery, navigate } = useApp_default();
   const id = getQuery("id");
   const isEdit = !!id;
-  const [ref2, setRef] = useState114("");
+  const [ref2, setRef] = useState115("");
   const { post, isLoading } = useApis_default();
   const { isLoading: isLoadingGet, get } = useApis_default();
   const { defaultCurrency } = useWarqadConfig().currencies;
@@ -48953,7 +49090,7 @@ function ExpensesJournal3Form() {
   const isRate = currency && currency !== defaultCurrency;
   const amount = watch("amount");
   const rate = watch("rate");
-  const exchangedAmount2 = useMemo53(() => {
+  const exchangedAmount2 = useMemo54(() => {
     if (isRate) {
       const am = forex_default.exchangedAmount({
         accountCurrency: defaultCurrency,
@@ -49004,25 +49141,25 @@ function ExpensesJournal3Form() {
       fetches();
     }
   }, [id]);
-  return /* @__PURE__ */ jsxs236(
+  return /* @__PURE__ */ jsxs237(
     Card,
     {
       className: "max-w-4xl mx-auto mt-10 relative",
       isLoading: isLoadingGet,
       loadingText: "Processing...",
       children: [
-        /* @__PURE__ */ jsxs236(Card.Header, { children: [
-          /* @__PURE__ */ jsx267(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Expense` }),
-          /* @__PURE__ */ jsx267(Card.Description, { children: isEdit ? `Update the details for this expense entry` : `Record a new business expense` })
+        /* @__PURE__ */ jsxs237(Card.Header, { children: [
+          /* @__PURE__ */ jsx268(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Expense` }),
+          /* @__PURE__ */ jsx268(Card.Description, { children: isEdit ? `Update the details for this expense entry` : `Record a new business expense` })
         ] }),
-        /* @__PURE__ */ jsx267(Card.Content, { children: /* @__PURE__ */ jsxs236(
+        /* @__PURE__ */ jsx268(Card.Content, { children: /* @__PURE__ */ jsxs237(
           "form",
           {
             className: "space-y-4",
             onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)),
             children: [
-              /* @__PURE__ */ jsxs236("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-                /* @__PURE__ */ jsx267(
+              /* @__PURE__ */ jsxs237("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ jsx268(
                   Fields_default.Input,
                   {
                     label: "Description",
@@ -49032,7 +49169,7 @@ function ExpensesJournal3Form() {
                     required: true
                   }
                 ),
-                /* @__PURE__ */ jsx267(
+                /* @__PURE__ */ jsx268(
                   Fields_default.Select,
                   {
                     label: "Currency",
@@ -49043,8 +49180,8 @@ function ExpensesJournal3Form() {
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs236("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-                /* @__PURE__ */ jsx267(
+              /* @__PURE__ */ jsxs237("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ jsx268(
                   Fields_default.DateInput,
                   {
                     label: "Date",
@@ -49053,7 +49190,7 @@ function ExpensesJournal3Form() {
                     required: true
                   }
                 ),
-                /* @__PURE__ */ jsx267(
+                /* @__PURE__ */ jsx268(
                   Fields_default.Input,
                   {
                     label: "Amount",
@@ -49064,8 +49201,8 @@ function ExpensesJournal3Form() {
                     required: true
                   }
                 ),
-                isRate && /* @__PURE__ */ jsxs236(Fragment135, { children: [
-                  /* @__PURE__ */ jsx267(
+                isRate && /* @__PURE__ */ jsxs237(Fragment136, { children: [
+                  /* @__PURE__ */ jsx268(
                     Fields_default.Input,
                     {
                       label: "Rate",
@@ -49076,7 +49213,7 @@ function ExpensesJournal3Form() {
                       required: true
                     }
                   ),
-                  /* @__PURE__ */ jsx267(
+                  /* @__PURE__ */ jsx268(
                     Fields_default.Input,
                     {
                       label: "Exchanged Amount",
@@ -49088,7 +49225,7 @@ function ExpensesJournal3Form() {
                   )
                 ] })
               ] }),
-              /* @__PURE__ */ jsx267(
+              /* @__PURE__ */ jsx268(
                 Fields_default.Textarea,
                 {
                   label: "Note",
@@ -49097,7 +49234,7 @@ function ExpensesJournal3Form() {
                   placeholder: "Add any additional details..."
                 }
               ),
-              /* @__PURE__ */ jsx267("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsx267(
+              /* @__PURE__ */ jsx268("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsx268(
                 Button,
                 {
                   isLoading,
@@ -49142,21 +49279,21 @@ var Transaction3 = {
 var __default = Transaction3;
 
 // src/components/reports/ItemReport.tsx
-import { useParams as useParams109 } from "react-router-dom";
+import { useParams as useParams110 } from "react-router-dom";
 import { z as z50 } from "zod";
 import { useForm as useForm59 } from "react-hook-form";
 import { zodResolver as zodResolver58 } from "@hookform/resolvers/zod";
-import { useState as useState115 } from "react";
+import { useState as useState116 } from "react";
 import { message as message86 } from "antd";
-import { Fragment as Fragment136, jsx as jsx268, jsxs as jsxs237 } from "react/jsx-runtime";
+import { Fragment as Fragment137, jsx as jsx269, jsxs as jsxs238 } from "react/jsx-runtime";
 var ItemReport = ({
   value = false,
   type
 }) => {
   const { apiConfig } = useWarqadConfig();
-  const { branchId } = useParams109();
+  const { branchId } = useParams110();
   const { branches } = useAuth_default();
-  const [params, setParams] = useState115({
+  const [params, setParams] = useState116({
     id: "",
     branch: "all"
   });
@@ -49181,9 +49318,9 @@ var ItemReport = ({
       header: "Date",
       key: "date",
       className: "text-xs whitespace-nowrap",
-      render: (row) => /* @__PURE__ */ jsxs237("div", { className: "", children: [
-        /* @__PURE__ */ jsx268("p", { className: "font-bold text-black dark:text-white print:text-black", children: row.date }),
-        /* @__PURE__ */ jsx268(
+      render: (row) => /* @__PURE__ */ jsxs238("div", { className: "", children: [
+        /* @__PURE__ */ jsx269("p", { className: "font-bold text-black dark:text-white print:text-black", children: row.date }),
+        /* @__PURE__ */ jsx269(
           "span",
           {
             onClick: () => {
@@ -49202,7 +49339,7 @@ var ItemReport = ({
       header: "Description",
       key: "description",
       className: "text-xs whitespace-nowrap",
-      render: (row) => /* @__PURE__ */ jsx268("div", { className: "", children: /* @__PURE__ */ jsx268("p", { className: "font-bold text-black dark:text-white print:text-black", children: row.description }) })
+      render: (row) => /* @__PURE__ */ jsx269("div", { className: "", children: /* @__PURE__ */ jsx269("p", { className: "font-bold text-black dark:text-white print:text-black", children: row.description }) })
     },
     {
       header: "Quantity",
@@ -49210,7 +49347,7 @@ var ItemReport = ({
       className: "text-xs whitespace-nowrap",
       render: (row) => {
         const Qty = row.quantity;
-        return /* @__PURE__ */ jsxs237(
+        return /* @__PURE__ */ jsxs238(
           "div",
           {
             className: `font-bold ${row.line === "add" ? "text-green-500" : row.line === "sub" ? "text-red-500" : "text-black"}`,
@@ -49227,7 +49364,7 @@ var ItemReport = ({
       header: "Balance",
       key: "runningBalance",
       className: "text-xs whitespace-nowrap",
-      render: (row) => /* @__PURE__ */ jsx268("div", { className: "", children: /* @__PURE__ */ jsx268("p", { className: "font-bold text-black dark:text-white print:text-black", children: Formats_default.XQty(row.runningBalance) }) })
+      render: (row) => /* @__PURE__ */ jsx269("div", { className: "", children: /* @__PURE__ */ jsx269("p", { className: "font-bold text-black dark:text-white print:text-black", children: Formats_default.XQty(row.runningBalance) }) })
     }
   ];
   let runningBalance = 0;
@@ -49239,10 +49376,10 @@ var ItemReport = ({
     };
   });
   const itemName = datas[0]?.name;
-  return /* @__PURE__ */ jsxs237(Fragment136, { children: [
-    /* @__PURE__ */ jsx268(Modal2, {}),
-    /* @__PURE__ */ jsx268(TransactionView, {}),
-    /* @__PURE__ */ jsx268(
+  return /* @__PURE__ */ jsxs238(Fragment137, { children: [
+    /* @__PURE__ */ jsx269(Modal2, {}),
+    /* @__PURE__ */ jsx269(TransactionView, {}),
+    /* @__PURE__ */ jsx269(
       A4DataView,
       {
         columns,
@@ -49253,14 +49390,14 @@ var ItemReport = ({
         tableTitle: `${type} Movement Report`,
         fixed: false,
         error: !id ? "Please select an item" : void 0,
-        headers: /* @__PURE__ */ jsx268(
+        headers: /* @__PURE__ */ jsx269(
           Button,
           {
             type: "button",
             size: "sm",
             onClick: () => openState({
               title: "Item Transactions",
-              content: /* @__PURE__ */ jsx268(
+              content: /* @__PURE__ */ jsx269(
                 ItemReportHeader2,
                 {
                   type,
@@ -49303,7 +49440,7 @@ function ItemReportHeader2({
     label: b.name,
     value: b._id
   }));
-  return /* @__PURE__ */ jsxs237(
+  return /* @__PURE__ */ jsxs238(
     "form",
     {
       className: "space-y-3",
@@ -49321,8 +49458,8 @@ function ItemReportHeader2({
         close();
       }),
       children: [
-        /* @__PURE__ */ jsxs237("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-2", children: [
-          /* @__PURE__ */ jsx268(
+        /* @__PURE__ */ jsxs238("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-2", children: [
+          /* @__PURE__ */ jsx269(
             Select,
             {
               options: [{ label: "All Branches", value: "all" }, ...branchOptions],
@@ -49330,7 +49467,7 @@ function ItemReportHeader2({
               name: "branch"
             }
           ),
-          type === "pack" ? /* @__PURE__ */ jsx268(
+          type === "pack" ? /* @__PURE__ */ jsx269(
             Pack_default.Pack,
             {
               api: "/packs/get",
@@ -49338,7 +49475,7 @@ function ItemReportHeader2({
               form: methods,
               name: "pack"
             }
-          ) : /* @__PURE__ */ jsx268(
+          ) : /* @__PURE__ */ jsx269(
             Feilds_default5.Product,
             {
               label: "",
@@ -49349,7 +49486,7 @@ function ItemReportHeader2({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx268("div", { className: "flex gap-2 justify-end", children: /* @__PURE__ */ jsx268(Button, { type: "submit", children: "Filter" }) })
+        /* @__PURE__ */ jsx269("div", { className: "flex gap-2 justify-end", children: /* @__PURE__ */ jsx269(Button, { type: "submit", children: "Filter" }) })
       ]
     }
   );
@@ -49357,9 +49494,9 @@ function ItemReportHeader2({
 var ItemReport_default = ItemReport;
 
 // src/components/accounts/LeaseCollection.tsx
-import { useNavigate as useNavigate65, useParams as useParams110, useSearchParams as useSearchParams19 } from "react-router-dom";
-import { useMemo as useMemo54, useState as useState116, useEffect as useEffect115 } from "react";
-import { Fragment as Fragment137, jsx as jsx269, jsxs as jsxs238 } from "react/jsx-runtime";
+import { useNavigate as useNavigate65, useParams as useParams111, useSearchParams as useSearchParams19 } from "react-router-dom";
+import { useMemo as useMemo55, useState as useState117, useEffect as useEffect115 } from "react";
+import { Fragment as Fragment138, jsx as jsx270, jsxs as jsxs239 } from "react/jsx-runtime";
 var LeaseCollection = ({
   leaseType,
   defaultCurrency = "KES"
@@ -49367,9 +49504,9 @@ var LeaseCollection = ({
   const navigate = useNavigate65();
   const [searchParams] = useSearchParams19();
   const { apiConfig } = useWarqadConfig();
-  const { branchId } = useParams110();
+  const { branchId } = useParams111();
   const { branches } = useAuth_default();
-  const currentBranch = useMemo54(
+  const currentBranch = useMemo55(
     () => branches?.find((b) => b?._id === branchId),
     [branches, branchId]
   );
@@ -49377,10 +49514,10 @@ var LeaseCollection = ({
   const initialFilter = ["all", "debit", "credit"].includes(urlFilter) ? urlFilter : "all";
   const urlCurrency = searchParams.get("currency")?.toUpperCase();
   const initialCurrency = urlCurrency && Enums_default.currencies.includes(urlCurrency) ? urlCurrency : defaultCurrency;
-  const [filter, setFilter] = useState116(
+  const [filter, setFilter] = useState117(
     initialFilter
   );
-  const [currencyFilter, setCurrencyFilter] = useState116(initialCurrency);
+  const [currencyFilter, setCurrencyFilter] = useState117(initialCurrency);
   useEffect115(() => {
     if (urlFilter && ["all", "debit", "credit"].includes(urlFilter)) {
       setFilter(urlFilter);
@@ -49405,9 +49542,9 @@ var LeaseCollection = ({
       key: "name",
       className: "text-xs whitespace-nowrap ",
       searchKeys: ["name", "phoneNumber", "unitNames"],
-      render: (row) => /* @__PURE__ */ jsxs238("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ jsx269("p", { className: "font-bold dark:text-white print:text-black uppercase", children: row.name }),
-        row.unitNames && /* @__PURE__ */ jsxs238("p", { className: "text-[9px]!  capitalize", children: [
+      render: (row) => /* @__PURE__ */ jsxs239("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx270("p", { className: "font-bold dark:text-white print:text-black uppercase", children: row.name }),
+        row.unitNames && /* @__PURE__ */ jsxs239("p", { className: "text-[9px]!  capitalize", children: [
           "(",
           row.unitNames,
           ")"
@@ -49419,7 +49556,7 @@ var LeaseCollection = ({
       key: "phoneNumber",
       maxWidth: 70,
       render: (row) => {
-        return /* @__PURE__ */ jsx269("p", { children: row?.phoneNumber || "N/A" });
+        return /* @__PURE__ */ jsx270("p", { children: row?.phoneNumber || "N/A" });
       }
     },
     // </span>
@@ -49429,11 +49566,11 @@ var LeaseCollection = ({
       className: "text-xs whitespace-nowrap text-right",
       render: (row) => {
         const Amount = row.totalCollectionString;
-        return /* @__PURE__ */ jsx269("div", { className: "", children: /* @__PURE__ */ jsx269("p", { className: "font-bold ", children: Amount }) });
+        return /* @__PURE__ */ jsx270("div", { className: "", children: /* @__PURE__ */ jsx270("p", { className: "font-bold ", children: Amount }) });
       },
       renderFooter: (data2) => {
         if (currencyFilter === "all") return;
-        return /* @__PURE__ */ jsx269("span", { className: " font-bold", children: Formats_default.Price(
+        return /* @__PURE__ */ jsx270("span", { className: " font-bold", children: Formats_default.Price(
           data2.reduce((acc, row) => acc + row.totalCollection, 0),
           defaultCurrency,
           false
@@ -49441,7 +49578,7 @@ var LeaseCollection = ({
       }
     }
   ];
-  const datas = useMemo54(() => {
+  const datas = useMemo55(() => {
     let runningBalance = 0;
     let filteredData = data?.data || [];
     const result = filteredData.map((item) => {
@@ -49454,9 +49591,9 @@ var LeaseCollection = ({
     });
     return result;
   }, [filter, currencyFilter, data]);
-  return /* @__PURE__ */ jsxs238(Fragment137, { children: [
-    /* @__PURE__ */ jsx269(TransactionView, {}),
-    /* @__PURE__ */ jsx269(
+  return /* @__PURE__ */ jsxs239(Fragment138, { children: [
+    /* @__PURE__ */ jsx270(TransactionView, {}),
+    /* @__PURE__ */ jsx270(
       A4DataView,
       {
         columns,
@@ -49466,7 +49603,7 @@ var LeaseCollection = ({
         subtitle: `All Collections`,
         fixed: false,
         startPage: 1e9,
-        headers: /* @__PURE__ */ jsx269("div", { className: "flex gap-2" })
+        headers: /* @__PURE__ */ jsx270("div", { className: "flex gap-2" })
       }
     )
   ] });
@@ -49474,9 +49611,9 @@ var LeaseCollection = ({
 var LeaseCollection_default = LeaseCollection;
 
 // src/components/Transactions/cargoIM/CargoIM.tsx
-import { useNavigate as useNavigate66, useParams as useParams114 } from "react-router-dom";
+import { useNavigate as useNavigate66, useParams as useParams115 } from "react-router-dom";
 import { EllipsisVertical as EllipsisVertical48, FilePenLine as FilePenLine44, Trash2 as Trash255 } from "lucide-react";
-import { useState as useState118 } from "react";
+import { useState as useState119 } from "react";
 import { message as message90 } from "antd";
 
 // src/components/Transactions/cargoIM/schema.ts
@@ -49513,14 +49650,14 @@ import { useForm as useForm60 } from "react-hook-form";
 import { zodResolver as zodResolver59 } from "@hookform/resolvers/zod";
 import { message as message87 } from "antd";
 import { useEffect as useEffect116 } from "react";
-import { useParams as useParams111 } from "react-router-dom";
-import { jsx as jsx270, jsxs as jsxs239 } from "react/jsx-runtime";
+import { useParams as useParams112 } from "react-router-dom";
+import { jsx as jsx271, jsxs as jsxs240 } from "react/jsx-runtime";
 function AccountForm3({
   onReload,
   close,
   id
 }) {
-  const { branchId } = useParams111();
+  const { branchId } = useParams112();
   const { currencies } = useWarqadConfig();
   const { stock } = currencies;
   const isEdit = !!id;
@@ -49586,24 +49723,24 @@ function AccountForm3({
       fetches();
     }
   }, [id]);
-  return /* @__PURE__ */ jsxs239(
+  return /* @__PURE__ */ jsxs240(
     Card,
     {
       className: "max-w-4xl mx-auto mt-10 relative",
       isLoading: isLoadingGet,
       loadingText: "Processing...",
       children: [
-        /* @__PURE__ */ jsxs239(Card.Header, { children: [
-          /* @__PURE__ */ jsx270(Card.Title, { children: `${isEdit ? "Edit" : "Add"} ${type}` }),
-          /* @__PURE__ */ jsx270(Card.Description, { children: isEdit ? `Update the details for this ${type}` : `Create a new ${type} and add it to your list` })
+        /* @__PURE__ */ jsxs240(Card.Header, { children: [
+          /* @__PURE__ */ jsx271(Card.Title, { children: `${isEdit ? "Edit" : "Add"} ${type}` }),
+          /* @__PURE__ */ jsx271(Card.Description, { children: isEdit ? `Update the details for this ${type}` : `Create a new ${type} and add it to your list` })
         ] }),
-        /* @__PURE__ */ jsx270(Card.Content, { children: /* @__PURE__ */ jsxs239(
+        /* @__PURE__ */ jsx271(Card.Content, { children: /* @__PURE__ */ jsxs240(
           "form",
           {
             onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)),
             children: [
-              /* @__PURE__ */ jsxs239("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-                /* @__PURE__ */ jsx270(
+              /* @__PURE__ */ jsxs240("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ jsx271(
                   Fields_default.Input,
                   {
                     label: "Name",
@@ -49614,7 +49751,7 @@ function AccountForm3({
                     required: true
                   }
                 ),
-                /* @__PURE__ */ jsx270(
+                /* @__PURE__ */ jsx271(
                   Fields_default.PhoneInput,
                   {
                     label: "Phone Number",
@@ -49623,7 +49760,7 @@ function AccountForm3({
                     placeholder: "Enter phone number"
                   }
                 ),
-                /* @__PURE__ */ jsx270(
+                /* @__PURE__ */ jsx271(
                   Fields_default.Select,
                   {
                     label: "Currency",
@@ -49634,7 +49771,7 @@ function AccountForm3({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx270("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsx270(
+              /* @__PURE__ */ jsx271("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsx271(
                 Button,
                 {
                   isLoading,
@@ -49655,36 +49792,36 @@ function AccountForm3({
 var AccountForm_default3 = AccountForm3;
 
 // src/components/Transactions/cargoIM/InvoiceForm.tsx
-import { useEffect as useEffect117, useState as useState117 } from "react";
+import { useEffect as useEffect117, useState as useState118 } from "react";
 import { useForm as useForm61, useFieldArray as useFieldArray4 } from "react-hook-form";
 import { zodResolver as zodResolver60 } from "@hookform/resolvers/zod";
-import { useParams as useParams112 } from "react-router-dom";
+import { useParams as useParams113 } from "react-router-dom";
 import { message as message88 } from "antd";
 import { Trash2 as Trash254, Plus as Plus6 } from "lucide-react";
-import dayjs12 from "dayjs";
-import { jsx as jsx271, jsxs as jsxs240 } from "react/jsx-runtime";
+import dayjs13 from "dayjs";
+import { jsx as jsx272, jsxs as jsxs241 } from "react/jsx-runtime";
 function InvoiceForm2({
   onReload,
   close,
   accountData,
   id
 }) {
-  const { branchId } = useParams112();
-  const [ref2, setRef] = useState117(void 0);
+  const { branchId } = useParams113();
+  const [ref2, setRef] = useState118(void 0);
   const { post, isLoading } = useApis_default();
   const { get, isLoading: getLoading } = useApis_default();
   const { put, isLoading: isLoadingReverse } = useApis_default();
   const isEdit = !!id;
   const { currencies } = useWarqadConfig();
   const { stock: defaultCurrency } = currencies;
-  const [itemName, setItemName] = useState117("");
-  const [itemQuantity, setItemQuantity] = useState117("");
-  const [itemPrice, setItemPrice] = useState117("");
+  const [itemName, setItemName] = useState118("");
+  const [itemQuantity, setItemQuantity] = useState118("");
+  const [itemPrice, setItemPrice] = useState118("");
   const methods = useForm61({
     resolver: zodResolver60(createInvoiceManagerValidation2),
     defaultValues: {
       invoices: [],
-      date: dayjs12().format("DD/MM/YYYY"),
+      date: dayjs13().format("DD/MM/YYYY"),
       currency: defaultCurrency,
       branch: branchId ? branchId : void 0
     }
@@ -49783,25 +49920,25 @@ function InvoiceForm2({
       e.preventDefault();
     }
   };
-  return /* @__PURE__ */ jsx271(
+  return /* @__PURE__ */ jsx272(
     Card,
     {
       isLoading: getLoading,
       className: "max-w-4xl mx-auto relative border-0 shadow-none p-0 bg-transparent dark:bg-transparent",
-      children: /* @__PURE__ */ jsxs240(Card.Content, { children: [
-        /* @__PURE__ */ jsx271("input", { type: "hidden", ...register("currency") }),
-        /* @__PURE__ */ jsxs240(
+      children: /* @__PURE__ */ jsxs241(Card.Content, { children: [
+        /* @__PURE__ */ jsx272("input", { type: "hidden", ...register("currency") }),
+        /* @__PURE__ */ jsxs241(
           "form",
           {
             onSubmit: handleSubmit(onSubmit),
             onKeyDown: handleKeyDown,
             className: "space-y-6",
             children: [
-              /* @__PURE__ */ jsxs240("div", { className: "bg-gray-50 dark:bg-zinc-800/20 p-5 rounded-2xl border border-gray-200 dark:border-zinc-800/60", children: [
-                /* @__PURE__ */ jsx271("h4", { className: "text-xs font-bold text-gray-400 uppercase mb-3 tracking-wider", children: "Add Invoice Item" }),
-                /* @__PURE__ */ jsxs240("div", { className: "flex flex-col md:flex-row gap-4 items-end", children: [
-                  /* @__PURE__ */ jsxs240("div", { className: "grid grid-cols-1 sm:grid-cols-2 w-full gap-2", children: [
-                    /* @__PURE__ */ jsx271(
+              /* @__PURE__ */ jsxs241("div", { className: "bg-gray-50 dark:bg-zinc-800/20 p-5 rounded-2xl border border-gray-200 dark:border-zinc-800/60", children: [
+                /* @__PURE__ */ jsx272("h4", { className: "text-xs font-bold text-gray-400 uppercase mb-3 tracking-wider", children: "Add Invoice Item" }),
+                /* @__PURE__ */ jsxs241("div", { className: "flex flex-col md:flex-row gap-4 items-end", children: [
+                  /* @__PURE__ */ jsxs241("div", { className: "grid grid-cols-1 sm:grid-cols-2 w-full gap-2", children: [
+                    /* @__PURE__ */ jsx272(
                       Fields_default.Input,
                       {
                         label: "Container No",
@@ -49810,7 +49947,7 @@ function InvoiceForm2({
                         onChange: (val) => setItemName(val)
                       }
                     ),
-                    /* @__PURE__ */ jsx271(
+                    /* @__PURE__ */ jsx272(
                       Fields_default.Input,
                       {
                         label: "Cbm",
@@ -49820,7 +49957,7 @@ function InvoiceForm2({
                         onChange: (val) => setItemQuantity(val)
                       }
                     ),
-                    /* @__PURE__ */ jsx271(
+                    /* @__PURE__ */ jsx272(
                       Fields_default.Input,
                       {
                         label: "Price (KES)",
@@ -49831,7 +49968,7 @@ function InvoiceForm2({
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ jsxs240(
+                  /* @__PURE__ */ jsxs241(
                     Button,
                     {
                       type: "button",
@@ -49839,23 +49976,23 @@ function InvoiceForm2({
                       className: "w-full md:w-auto h-10 flex items-center justify-center gap-2 px-4 whitespace-nowrap",
                       variant: "outline",
                       children: [
-                        /* @__PURE__ */ jsx271(Plus6, { size: 16 }),
+                        /* @__PURE__ */ jsx272(Plus6, { size: 16 }),
                         " Add Item"
                       ]
                     }
                   )
                 ] })
               ] }),
-              /* @__PURE__ */ jsxs240("div", { children: [
-                /* @__PURE__ */ jsx271("h4", { className: "text-xs font-bold text-gray-400 uppercase mb-3 tracking-wider", children: "Invoice Items List" }),
-                /* @__PURE__ */ jsx271("div", { className: "border border-gray-200 dark:border-zinc-800 rounded-2xl overflow-hidden bg-white dark:bg-gray-900/80", children: /* @__PURE__ */ jsx271("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs240("table", { className: "w-full text-left border-collapse", children: [
-                  /* @__PURE__ */ jsx271("thead", { className: "bg-gray-50 dark:bg-zinc-800/40 border-b border-gray-200 dark:border-zinc-800", children: /* @__PURE__ */ jsxs240("tr", { children: [
-                    /* @__PURE__ */ jsx271("th", { className: "px-2 sm:px-4 py-1.5 text-[10px] sm:text-xs font-bold uppercase tracking-wider text-gray-500 dark:text-gray-400 w-8 sm:w-12 text-center", children: "#" }),
-                    /* @__PURE__ */ jsx271("th", { className: "px-2 sm:px-4 py-1.5 text-[10px] sm:text-xs font-bold uppercase tracking-wider text-gray-500 dark:text-gray-400", children: "Container No" }),
-                    /* @__PURE__ */ jsx271("th", { className: "px-2 sm:px-4 py-1.5 text-[10px] sm:text-xs font-bold uppercase tracking-wider text-gray-500 dark:text-gray-400 text-right", children: "total" }),
-                    /* @__PURE__ */ jsx271("th", { className: "px-2 sm:px-4 py-1.5 text-[10px] sm:text-xs font-bold uppercase tracking-wider text-gray-500 dark:text-gray-400 text-right w-8 sm:w-12" })
+              /* @__PURE__ */ jsxs241("div", { children: [
+                /* @__PURE__ */ jsx272("h4", { className: "text-xs font-bold text-gray-400 uppercase mb-3 tracking-wider", children: "Invoice Items List" }),
+                /* @__PURE__ */ jsx272("div", { className: "border border-gray-200 dark:border-zinc-800 rounded-2xl overflow-hidden bg-white dark:bg-gray-900/80", children: /* @__PURE__ */ jsx272("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs241("table", { className: "w-full text-left border-collapse", children: [
+                  /* @__PURE__ */ jsx272("thead", { className: "bg-gray-50 dark:bg-zinc-800/40 border-b border-gray-200 dark:border-zinc-800", children: /* @__PURE__ */ jsxs241("tr", { children: [
+                    /* @__PURE__ */ jsx272("th", { className: "px-2 sm:px-4 py-1.5 text-[10px] sm:text-xs font-bold uppercase tracking-wider text-gray-500 dark:text-gray-400 w-8 sm:w-12 text-center", children: "#" }),
+                    /* @__PURE__ */ jsx272("th", { className: "px-2 sm:px-4 py-1.5 text-[10px] sm:text-xs font-bold uppercase tracking-wider text-gray-500 dark:text-gray-400", children: "Container No" }),
+                    /* @__PURE__ */ jsx272("th", { className: "px-2 sm:px-4 py-1.5 text-[10px] sm:text-xs font-bold uppercase tracking-wider text-gray-500 dark:text-gray-400 text-right", children: "total" }),
+                    /* @__PURE__ */ jsx272("th", { className: "px-2 sm:px-4 py-1.5 text-[10px] sm:text-xs font-bold uppercase tracking-wider text-gray-500 dark:text-gray-400 text-right w-8 sm:w-12" })
                   ] }) }),
-                  /* @__PURE__ */ jsx271("tbody", { className: "divide-y divide-gray-100 dark:divide-zinc-800", children: fields.length === 0 ? /* @__PURE__ */ jsx271("tr", { children: /* @__PURE__ */ jsx271(
+                  /* @__PURE__ */ jsx272("tbody", { className: "divide-y divide-gray-100 dark:divide-zinc-800", children: fields.length === 0 ? /* @__PURE__ */ jsx272("tr", { children: /* @__PURE__ */ jsx272(
                     "td",
                     {
                       colSpan: 4,
@@ -49864,29 +50001,29 @@ function InvoiceForm2({
                     }
                   ) }) : fields.map((item, index) => {
                     const total = item.quantity * item.amount;
-                    return /* @__PURE__ */ jsxs240(
+                    return /* @__PURE__ */ jsxs241(
                       "tr",
                       {
                         className: "hover:bg-gray-50/50 dark:hover:bg-zinc-800/10 transition-colors",
                         children: [
-                          /* @__PURE__ */ jsx271("td", { className: "px-2 sm:px-4 py-1 text-xs sm:text-sm text-gray-400 dark:text-zinc-500 font-semibold text-center", children: index + 1 }),
-                          /* @__PURE__ */ jsxs240("td", { className: "px-2 sm:px-4 py-1", children: [
-                            /* @__PURE__ */ jsx271("div", { className: "font-bold text-gray-900 dark:text-white text-xs sm:text-sm", children: item.name }),
-                            /* @__PURE__ */ jsxs240("div", { className: "text-[10px] sm:text-xs text-gray-400 dark:text-zinc-500 mt-0.5", children: [
+                          /* @__PURE__ */ jsx272("td", { className: "px-2 sm:px-4 py-1 text-xs sm:text-sm text-gray-400 dark:text-zinc-500 font-semibold text-center", children: index + 1 }),
+                          /* @__PURE__ */ jsxs241("td", { className: "px-2 sm:px-4 py-1", children: [
+                            /* @__PURE__ */ jsx272("div", { className: "font-bold text-gray-900 dark:text-white text-xs sm:text-sm", children: item.name }),
+                            /* @__PURE__ */ jsxs241("div", { className: "text-[10px] sm:text-xs text-gray-400 dark:text-zinc-500 mt-0.5", children: [
                               item.quantity,
                               " Cbm @",
                               " ",
                               Formats_default.Price(item.amount, "KES")
                             ] })
                           ] }),
-                          /* @__PURE__ */ jsx271("td", { className: "px-2 sm:px-4 py-1 text-xs sm:text-sm text-right font-semibold text-gray-900 dark:text-white whitespace-nowrap", children: Formats_default.Price(total, "KES") }),
-                          /* @__PURE__ */ jsx271("td", { className: "px-2 sm:px-4 py-1 text-xs sm:text-sm text-right", children: /* @__PURE__ */ jsx271(
+                          /* @__PURE__ */ jsx272("td", { className: "px-2 sm:px-4 py-1 text-xs sm:text-sm text-right font-semibold text-gray-900 dark:text-white whitespace-nowrap", children: Formats_default.Price(total, "KES") }),
+                          /* @__PURE__ */ jsx272("td", { className: "px-2 sm:px-4 py-1 text-xs sm:text-sm text-right", children: /* @__PURE__ */ jsx272(
                             "button",
                             {
                               type: "button",
                               onClick: () => remove(index),
                               className: "text-gray-400 hover:text-red-500 transition-colors p-1",
-                              children: /* @__PURE__ */ jsx271(
+                              children: /* @__PURE__ */ jsx272(
                                 Trash254,
                                 {
                                   size: 13,
@@ -49900,8 +50037,8 @@ function InvoiceForm2({
                       item.id
                     );
                   }) }),
-                  fields.length > 0 && /* @__PURE__ */ jsx271("tfoot", { className: "bg-gray-50/50 dark:bg-zinc-800/10 border-t border-gray-200 dark:border-zinc-800", children: /* @__PURE__ */ jsxs240("tr", { children: [
-                    /* @__PURE__ */ jsx271(
+                  fields.length > 0 && /* @__PURE__ */ jsx272("tfoot", { className: "bg-gray-50/50 dark:bg-zinc-800/10 border-t border-gray-200 dark:border-zinc-800", children: /* @__PURE__ */ jsxs241("tr", { children: [
+                    /* @__PURE__ */ jsx272(
                       "td",
                       {
                         colSpan: 2,
@@ -49909,20 +50046,20 @@ function InvoiceForm2({
                         children: "Total"
                       }
                     ),
-                    /* @__PURE__ */ jsx271("td", { className: "px-2 sm:px-4 py-1.5 text-xs sm:text-sm font-bold text-right text-gray-900 dark:text-white whitespace-nowrap", children: Formats_default.Price(
+                    /* @__PURE__ */ jsx272("td", { className: "px-2 sm:px-4 py-1.5 text-xs sm:text-sm font-bold text-right text-gray-900 dark:text-white whitespace-nowrap", children: Formats_default.Price(
                       fields.reduce(
                         (sum, item) => sum + item.quantity * item.amount,
                         0
                       ),
                       "KES"
                     ) }),
-                    /* @__PURE__ */ jsx271("td", {})
+                    /* @__PURE__ */ jsx272("td", {})
                   ] }) })
                 ] }) }) })
               ] }),
-              /* @__PURE__ */ jsxs240("div", { className: "border-t border-gray-200 dark:border-zinc-800 pt-6", children: [
-                /* @__PURE__ */ jsxs240("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-                  /* @__PURE__ */ jsx271(
+              /* @__PURE__ */ jsxs241("div", { className: "border-t border-gray-200 dark:border-zinc-800 pt-6", children: [
+                /* @__PURE__ */ jsxs241("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                  /* @__PURE__ */ jsx272(
                     Fields_default.DateInput,
                     {
                       label: "Date",
@@ -49931,20 +50068,20 @@ function InvoiceForm2({
                       required: true
                     }
                   ),
-                  /* @__PURE__ */ jsx271(Fields_default.Input, { label: "Currency", value: "KES", disabled: true })
+                  /* @__PURE__ */ jsx272(Fields_default.Input, { label: "Currency", value: "KES", disabled: true })
                 ] }),
-                /* @__PURE__ */ jsxs240("div", { className: "flex justify-between items-center mt-6", children: [
-                  /* @__PURE__ */ jsx271("div", { children: isEdit && /* @__PURE__ */ jsx271(
+                /* @__PURE__ */ jsxs241("div", { className: "flex justify-between items-center mt-6", children: [
+                  /* @__PURE__ */ jsx272("div", { children: isEdit && /* @__PURE__ */ jsx272(
                     ConfirmModal,
                     {
                       title: "Reverse Transaction",
-                      description: /* @__PURE__ */ jsxs240("div", { className: "space-y-3 text-left", children: [
-                        /* @__PURE__ */ jsx271("p", { children: "Are you sure you want to reverse this transaction?" }),
-                        /* @__PURE__ */ jsx271("p", { className: "text-xs text-gray-500 bg-gray-50 dark:bg-zinc-800/50 p-3 rounded-lg border border-gray-100 dark:border-zinc-850 italic", children: '"This action will invalidate the transaction and adjust all linked account balances. This process cannot be undone."' })
+                      description: /* @__PURE__ */ jsxs241("div", { className: "space-y-3 text-left", children: [
+                        /* @__PURE__ */ jsx272("p", { children: "Are you sure you want to reverse this transaction?" }),
+                        /* @__PURE__ */ jsx272("p", { className: "text-xs text-gray-500 bg-gray-50 dark:bg-zinc-800/50 p-3 rounded-lg border border-gray-100 dark:border-zinc-850 italic", children: '"This action will invalidate the transaction and adjust all linked account balances. This process cannot be undone."' })
                       ] }),
                       confirmationWord: "delete",
                       onSubmit: onReverse,
-                      children: /* @__PURE__ */ jsx271(
+                      children: /* @__PURE__ */ jsx272(
                         Button,
                         {
                           type: "button",
@@ -49957,8 +50094,8 @@ function InvoiceForm2({
                       )
                     }
                   ) }),
-                  /* @__PURE__ */ jsxs240("div", { className: "flex justify-end gap-3", children: [
-                    close && /* @__PURE__ */ jsx271(
+                  /* @__PURE__ */ jsxs241("div", { className: "flex justify-end gap-3", children: [
+                    close && /* @__PURE__ */ jsx272(
                       Button,
                       {
                         type: "button",
@@ -49968,7 +50105,7 @@ function InvoiceForm2({
                         children: "Cancel"
                       }
                     ),
-                    /* @__PURE__ */ jsx271(
+                    /* @__PURE__ */ jsx272(
                       Button,
                       {
                         isLoading,
@@ -49995,10 +50132,10 @@ var InvoiceForm_default2 = InvoiceForm2;
 import React47 from "react";
 import { useForm as useForm62 } from "react-hook-form";
 import { zodResolver as zodResolver61 } from "@hookform/resolvers/zod";
-import { useParams as useParams113 } from "react-router-dom";
+import { useParams as useParams114 } from "react-router-dom";
 import { message as message89 } from "antd";
-import dayjs13 from "dayjs";
-import { jsx as jsx272, jsxs as jsxs241 } from "react/jsx-runtime";
+import dayjs14 from "dayjs";
+import { jsx as jsx273, jsxs as jsxs242 } from "react/jsx-runtime";
 function JournalForm5({
   onReload,
   close,
@@ -50006,7 +50143,7 @@ function JournalForm5({
   action = "debit",
   id
 }) {
-  const { branchId } = useParams113();
+  const { branchId } = useParams114();
   const { currencies } = useWarqadConfig();
   const { stock: defaultCurrency } = currencies;
   const [ref2, setRef] = React47.useState(void 0);
@@ -50017,7 +50154,7 @@ function JournalForm5({
   const methods = useForm62({
     resolver: zodResolver61(journalSchema5),
     defaultValues: {
-      date: dayjs13().format("DD/MM/YYYY"),
+      date: dayjs14().format("DD/MM/YYYY"),
       currency: defaultCurrency,
       action,
       description: "Payment ",
@@ -50089,19 +50226,19 @@ function JournalForm5({
       e.preventDefault();
     }
   };
-  return /* @__PURE__ */ jsx272(
+  return /* @__PURE__ */ jsx273(
     Card,
     {
       isLoading: getLoading,
       className: "max-w-2xl mx-auto relative border-0 shadow-none p-0 bg-transparent dark:bg-transparent",
-      children: /* @__PURE__ */ jsx272(Card.Content, { children: /* @__PURE__ */ jsxs241(
+      children: /* @__PURE__ */ jsx273(Card.Content, { children: /* @__PURE__ */ jsxs242(
         "form",
         {
           onSubmit: handleSubmit(onSubmit),
           onKeyDown: handleKeyDown,
           className: "space-y-4",
           children: [
-            /* @__PURE__ */ jsx272(
+            /* @__PURE__ */ jsx273(
               Fields_default.Input,
               {
                 label: "Description",
@@ -50112,8 +50249,8 @@ function JournalForm5({
                 placeholder: "Enter description"
               }
             ),
-            /* @__PURE__ */ jsxs241("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-              /* @__PURE__ */ jsx272(
+            /* @__PURE__ */ jsxs242("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+              /* @__PURE__ */ jsx273(
                 Fields_default.DateInput,
                 {
                   label: "Date",
@@ -50122,7 +50259,7 @@ function JournalForm5({
                   required: true
                 }
               ),
-              /* @__PURE__ */ jsx272(
+              /* @__PURE__ */ jsx273(
                 Fields_default.Input,
                 {
                   label: "Currency",
@@ -50132,8 +50269,8 @@ function JournalForm5({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs241("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-              /* @__PURE__ */ jsx272(
+            /* @__PURE__ */ jsxs242("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+              /* @__PURE__ */ jsx273(
                 Fields_default.Input,
                 {
                   label: "Amount",
@@ -50144,7 +50281,7 @@ function JournalForm5({
                   placeholder: "0.00"
                 }
               ),
-              /* @__PURE__ */ jsx272(
+              /* @__PURE__ */ jsx273(
                 Fields_default.Select,
                 {
                   label: "Action",
@@ -50158,7 +50295,7 @@ function JournalForm5({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx272(
+            /* @__PURE__ */ jsx273(
               Fields_default.Textarea,
               {
                 label: "Note",
@@ -50168,18 +50305,18 @@ function JournalForm5({
                 rows: 3
               }
             ),
-            /* @__PURE__ */ jsxs241("div", { className: "flex justify-between items-center pt-4 border-t border-gray-100 dark:border-zinc-800", children: [
-              /* @__PURE__ */ jsx272("div", { children: isEdit && /* @__PURE__ */ jsx272(
+            /* @__PURE__ */ jsxs242("div", { className: "flex justify-between items-center pt-4 border-t border-gray-100 dark:border-zinc-800", children: [
+              /* @__PURE__ */ jsx273("div", { children: isEdit && /* @__PURE__ */ jsx273(
                 ConfirmModal,
                 {
                   title: "Reverse Transaction",
-                  description: /* @__PURE__ */ jsxs241("div", { className: "space-y-3 text-left", children: [
-                    /* @__PURE__ */ jsx272("p", { children: "Are you sure you want to reverse this transaction?" }),
-                    /* @__PURE__ */ jsx272("p", { className: "text-xs text-gray-500 bg-gray-50 dark:bg-zinc-800/50 p-3 rounded-lg border border-gray-100 dark:border-zinc-850 italic", children: '"This action will invalidate the transaction and adjust all linked account balances. This process cannot be undone."' })
+                  description: /* @__PURE__ */ jsxs242("div", { className: "space-y-3 text-left", children: [
+                    /* @__PURE__ */ jsx273("p", { children: "Are you sure you want to reverse this transaction?" }),
+                    /* @__PURE__ */ jsx273("p", { className: "text-xs text-gray-500 bg-gray-50 dark:bg-zinc-800/50 p-3 rounded-lg border border-gray-100 dark:border-zinc-850 italic", children: '"This action will invalidate the transaction and adjust all linked account balances. This process cannot be undone."' })
                   ] }),
                   confirmationWord: "delete",
                   onSubmit: onReverse,
-                  children: /* @__PURE__ */ jsx272(
+                  children: /* @__PURE__ */ jsx273(
                     Button,
                     {
                       type: "button",
@@ -50192,8 +50329,8 @@ function JournalForm5({
                   )
                 }
               ) }),
-              /* @__PURE__ */ jsxs241("div", { className: "flex justify-end gap-3", children: [
-                close && /* @__PURE__ */ jsx272(
+              /* @__PURE__ */ jsxs242("div", { className: "flex justify-end gap-3", children: [
+                close && /* @__PURE__ */ jsx273(
                   Button,
                   {
                     type: "button",
@@ -50203,7 +50340,7 @@ function JournalForm5({
                     children: "Cancel"
                   }
                 ),
-                /* @__PURE__ */ jsx272(
+                /* @__PURE__ */ jsx273(
                   Button,
                   {
                     isLoading,
@@ -50225,15 +50362,15 @@ function JournalForm5({
 var journalForm_default2 = JournalForm5;
 
 // src/components/Transactions/cargoIM/CargoIM.tsx
-import { Fragment as Fragment138, jsx as jsx273, jsxs as jsxs242 } from "react/jsx-runtime";
+import { Fragment as Fragment139, jsx as jsx274, jsxs as jsxs243 } from "react/jsx-runtime";
 function CargoIM({ v, url }) {
-  const { branchId } = useParams114();
+  const { branchId } = useParams115();
   const { apiConfig } = useWarqadConfig();
   const { width } = useMediaSize();
   const isLargeScreen = width > 768;
   const navigate = useNavigate66();
   const type = "supplier";
-  const [deleteAccount, setDeleteAccount] = useState118(null);
+  const [deleteAccount, setDeleteAccount] = useState119(null);
   const { isLoading: isActionLoading, remove } = useApis_default();
   const { data, TransactionViewComponent, reload, isLoading } = useTransaction_default({
     url: url || `${apiConfig.accountStatementApi}?type=supplier${branchId ? `&branch=${branchId}` : ""}`,
@@ -50244,17 +50381,17 @@ function CargoIM({ v, url }) {
   const items = (data2) => [
     {
       label: `Edit ${type}`,
-      icon: /* @__PURE__ */ jsx273(FilePenLine44, { size: 16 }),
+      icon: /* @__PURE__ */ jsx274(FilePenLine44, { size: 16 }),
       onClick: () => openState({
         type: "Account",
-        content: /* @__PURE__ */ jsx273(AccountForm_default3, { onReload: reload, close, id: data2?._id }),
+        content: /* @__PURE__ */ jsx274(AccountForm_default3, { onReload: reload, close, id: data2?._id }),
         title: "Account Form",
         width: 800
       })
     },
     {
       label: `Delete ${type}`,
-      icon: /* @__PURE__ */ jsx273(Trash255, { className: "text-red-500", size: 16 }),
+      icon: /* @__PURE__ */ jsx274(Trash255, { className: "text-red-500", size: 16 }),
       onClick: () => setDeleteAccount(data2)
     }
   ].filter(Boolean);
@@ -50265,7 +50402,7 @@ function CargoIM({ v, url }) {
       className: "w-full",
       cell: ({ row }) => {
         const account = row.original;
-        return /* @__PURE__ */ jsx273(
+        return /* @__PURE__ */ jsx274(
           "span",
           {
             onClick: () => navigate(`${account?._id}`),
@@ -50294,8 +50431,8 @@ function CargoIM({ v, url }) {
       className: "w-px whitespace-nowrap",
       cell: ({ row }) => {
         const data2 = row.original;
-        return /* @__PURE__ */ jsxs242("div", { className: "flex gap-4 items-center", children: [
-          /* @__PURE__ */ jsx273(
+        return /* @__PURE__ */ jsxs243("div", { className: "flex gap-4 items-center", children: [
+          /* @__PURE__ */ jsx274(
             "button",
             {
               className: "cursor-pointer px-2 py-1 text-white rounded-lg text-xs bg-blue-500",
@@ -50303,7 +50440,7 @@ function CargoIM({ v, url }) {
                 openState({
                   type: "credit",
                   closeOnOverlayClick: false,
-                  content: /* @__PURE__ */ jsx273(
+                  content: /* @__PURE__ */ jsx274(
                     InvoiceForm_default2,
                     {
                       onReload: reload,
@@ -50318,7 +50455,7 @@ function CargoIM({ v, url }) {
               children: "Inv"
             }
           ),
-          /* @__PURE__ */ jsx273(
+          /* @__PURE__ */ jsx274(
             "button",
             {
               className: "cursor-pointer px-2 py-1 text-white rounded-lg text-xs bg-red-500",
@@ -50326,7 +50463,7 @@ function CargoIM({ v, url }) {
                 openState({
                   type: "debit",
                   closeOnOverlayClick: false,
-                  content: /* @__PURE__ */ jsx273(
+                  content: /* @__PURE__ */ jsx274(
                     journalForm_default2,
                     {
                       onReload: reload,
@@ -50342,14 +50479,14 @@ function CargoIM({ v, url }) {
               children: "Pay"
             }
           ),
-          /* @__PURE__ */ jsx273(
+          /* @__PURE__ */ jsx274(
             Dropdown,
             {
               className: "cursor-pointer",
               width: "w-[150px]",
               items: items(data2),
               triggerMode: "hover",
-              children: /* @__PURE__ */ jsx273(EllipsisVertical48, {})
+              children: /* @__PURE__ */ jsx274(EllipsisVertical48, {})
             }
           )
         ] });
@@ -50373,9 +50510,9 @@ function CargoIM({ v, url }) {
       return error;
     }
   };
-  return /* @__PURE__ */ jsxs242(Fragment138, { children: [
-    /* @__PURE__ */ jsx273(Modal2, {}),
-    /* @__PURE__ */ jsx273(
+  return /* @__PURE__ */ jsxs243(Fragment139, { children: [
+    /* @__PURE__ */ jsx274(Modal2, {}),
+    /* @__PURE__ */ jsx274(
       ConfirmModal,
       {
         isOpen: !!deleteAccount,
@@ -50388,7 +50525,7 @@ function CargoIM({ v, url }) {
         children: null
       }
     ),
-    /* @__PURE__ */ jsx273("div", { className: !isLargeScreen ? "origin-top" : "", children: /* @__PURE__ */ jsx273(
+    /* @__PURE__ */ jsx274("div", { className: !isLargeScreen ? "origin-top" : "", children: /* @__PURE__ */ jsx274(
       TransactionViewComponent,
       {
         columns,
@@ -50399,7 +50536,7 @@ function CargoIM({ v, url }) {
         onCreate: () => {
           openState({
             type: "account",
-            content: /* @__PURE__ */ jsx273(AccountForm_default3, { onReload: reload, close }),
+            content: /* @__PURE__ */ jsx274(AccountForm_default3, { onReload: reload, close }),
             title: "Account Form",
             width: 800
           });
@@ -50412,8 +50549,8 @@ var CargoIM_default = CargoIM;
 
 // src/components/Transactions/cargoIM/cargoIMReport.tsx
 import { useSearchParams as useSearchParams20 } from "react-router-dom";
-import { useMemo as useMemo55, useState as useState119, useEffect as useEffect118 } from "react";
-import { Fragment as Fragment139, jsx as jsx274, jsxs as jsxs243 } from "react/jsx-runtime";
+import { useMemo as useMemo56, useState as useState120, useEffect as useEffect118 } from "react";
+import { Fragment as Fragment140, jsx as jsx275, jsxs as jsxs244 } from "react/jsx-runtime";
 var CargoIMReport = () => {
   const { apiConfig, currencies: warqadCurrencies } = useWarqadConfig();
   const { TransactionView, openTransaction } = useTransactionView_default();
@@ -50429,7 +50566,7 @@ var CargoIMReport = () => {
   const [searchParams, setSearchParams] = useSearchParams20();
   const urlCurrency = searchParams.get("currency")?.toUpperCase();
   const initialCurrency = urlCurrency && currencyAllowed.includes(urlCurrency) ? urlCurrency : stock;
-  const [currencyFilter, setCurrencyFilter] = useState119(initialCurrency);
+  const [currencyFilter, setCurrencyFilter] = useState120(initialCurrency);
   const handleCurrencyChange = (value) => {
     setCurrencyFilter(value);
     setSearchParams((prev) => {
@@ -50457,9 +50594,9 @@ var CargoIMReport = () => {
       header: "Date",
       key: "date",
       className: "text-xs whitespace-nowrap",
-      render: (row) => /* @__PURE__ */ jsxs243("div", { className: "", children: [
-        /* @__PURE__ */ jsx274("p", { className: "font-bold text-black dark:text-white print:text-black", children: row.date }),
-        /* @__PURE__ */ jsx274(
+      render: (row) => /* @__PURE__ */ jsxs244("div", { className: "", children: [
+        /* @__PURE__ */ jsx275("p", { className: "font-bold text-black dark:text-white print:text-black", children: row.date }),
+        /* @__PURE__ */ jsx275(
           "span",
           {
             onClick: () => {
@@ -50478,13 +50615,13 @@ var CargoIMReport = () => {
       header: "Container No",
       key: "description",
       className: "text-xs w-full break-words",
-      render: (row) => /* @__PURE__ */ jsx274("div", { className: "flex flex-col divide-y divide-gray-100 dark:divide-zinc-800/50 print:divide-gray-100", children: (row.lines || []).map((line, idx) => {
+      render: (row) => /* @__PURE__ */ jsx275("div", { className: "flex flex-col divide-y divide-gray-100 dark:divide-zinc-800/50 print:divide-gray-100", children: (row.lines || []).map((line, idx) => {
         const rowId = String(row._id || row.id || row.ref || idx).replace(
           /[^a-zA-Z0-9]/g,
           ""
         );
         const lineClass = `tx-line-${rowId}-${idx}`;
-        return /* @__PURE__ */ jsx274(
+        return /* @__PURE__ */ jsx275(
           "div",
           {
             className: `${lineClass} min-h-[24px] py-1 flex items-center font-bold capitalize text-black dark:text-white print:text-black whitespace-normal break-words`,
@@ -50498,13 +50635,13 @@ var CargoIMReport = () => {
       header: "Cbm",
       key: "cbm",
       className: "text-xs whitespace-nowrap text-right",
-      render: (row) => /* @__PURE__ */ jsx274("div", { className: "flex flex-col divide-y divide-gray-100 dark:divide-zinc-800/50 print:divide-gray-100", children: (row.lines || []).map((line, idx) => {
+      render: (row) => /* @__PURE__ */ jsx275("div", { className: "flex flex-col divide-y divide-gray-100 dark:divide-zinc-800/50 print:divide-gray-100", children: (row.lines || []).map((line, idx) => {
         const rowId = String(row._id || row.id || row.ref || idx).replace(
           /[^a-zA-Z0-9]/g,
           ""
         );
         const lineClass = `tx-line-${rowId}-${idx}`;
-        return /* @__PURE__ */ jsx274(
+        return /* @__PURE__ */ jsx275(
           "div",
           {
             className: `${lineClass} min-h-[24px] py-1 flex items-center justify-end font-bold text-black dark:text-white print:text-black whitespace-nowrap`,
@@ -50521,20 +50658,20 @@ var CargoIMReport = () => {
           ),
           0
         );
-        return totalCbm > 0 ? /* @__PURE__ */ jsx274("span", { className: "font-bold text-black dark:text-white print:text-black", children: totalCbm }) : null;
+        return totalCbm > 0 ? /* @__PURE__ */ jsx275("span", { className: "font-bold text-black dark:text-white print:text-black", children: totalCbm }) : null;
       }
     },
     {
       header: "Price",
       key: "price",
       className: "text-xs whitespace-nowrap text-right",
-      render: (row) => /* @__PURE__ */ jsx274("div", { className: "flex flex-col divide-y divide-gray-100 dark:divide-zinc-800/50 print:divide-gray-100", children: (row.lines || []).map((line, idx) => {
+      render: (row) => /* @__PURE__ */ jsx275("div", { className: "flex flex-col divide-y divide-gray-100 dark:divide-zinc-800/50 print:divide-gray-100", children: (row.lines || []).map((line, idx) => {
         const rowId = String(row._id || row.id || row.ref || idx).replace(
           /[^a-zA-Z0-9]/g,
           ""
         );
         const lineClass = `tx-line-${rowId}-${idx}`;
-        return /* @__PURE__ */ jsx274(
+        return /* @__PURE__ */ jsx275(
           "div",
           {
             className: `${lineClass} min-h-[24px] py-1 flex items-center justify-end font-bold text-black dark:text-white print:text-black whitespace-nowrap`,
@@ -50548,13 +50685,13 @@ var CargoIMReport = () => {
       header: "Credit",
       key: "credit",
       className: "text-xs whitespace-nowrap text-right",
-      render: (row) => /* @__PURE__ */ jsx274("div", { className: "flex flex-col divide-y divide-gray-100 dark:divide-zinc-800/50 print:divide-gray-100", children: (row.lines || []).map((line, idx) => {
+      render: (row) => /* @__PURE__ */ jsx275("div", { className: "flex flex-col divide-y divide-gray-100 dark:divide-zinc-800/50 print:divide-gray-100", children: (row.lines || []).map((line, idx) => {
         const rowId = String(row._id || row.id || row.ref || idx).replace(
           /[^a-zA-Z0-9]/g,
           ""
         );
         const lineClass = `tx-line-${rowId}-${idx}`;
-        return /* @__PURE__ */ jsx274(
+        return /* @__PURE__ */ jsx275(
           "div",
           {
             className: `${lineClass} min-h-[24px] py-1 flex items-center justify-end font-bold text-green-500 dark:text-green-500 print:text-green-500 whitespace-nowrap`,
@@ -50563,7 +50700,7 @@ var CargoIMReport = () => {
           idx
         );
       }) }),
-      renderFooter: (data2) => /* @__PURE__ */ jsx274("span", { className: "text-green-500 font-bold", children: Formats_default.Amount(
+      renderFooter: (data2) => /* @__PURE__ */ jsx275("span", { className: "text-green-500 font-bold", children: Formats_default.Amount(
         data2.reduce(
           (acc, row) => acc + (row.lines || []).reduce(
             (lineAcc, line) => lineAcc + (line.type === "credit" ? line.amount : 0),
@@ -50577,13 +50714,13 @@ var CargoIMReport = () => {
       header: "Debit",
       key: "debit",
       className: "text-xs whitespace-nowrap text-right",
-      render: (row) => /* @__PURE__ */ jsx274("div", { className: "flex flex-col divide-y divide-gray-100 dark:divide-zinc-800/50 print:divide-gray-100", children: (row.lines || []).map((line, idx) => {
+      render: (row) => /* @__PURE__ */ jsx275("div", { className: "flex flex-col divide-y divide-gray-100 dark:divide-zinc-800/50 print:divide-gray-100", children: (row.lines || []).map((line, idx) => {
         const rowId = String(row._id || row.id || row.ref || idx).replace(
           /[^a-zA-Z0-9]/g,
           ""
         );
         const lineClass = `tx-line-${rowId}-${idx}`;
-        return /* @__PURE__ */ jsx274(
+        return /* @__PURE__ */ jsx275(
           "div",
           {
             className: `${lineClass} min-h-[24px] py-1 flex items-center justify-end font-bold text-red-500 dark:text-red-500 print:text-red-500 whitespace-nowrap`,
@@ -50592,7 +50729,7 @@ var CargoIMReport = () => {
           idx
         );
       }) }),
-      renderFooter: (data2) => /* @__PURE__ */ jsx274("span", { className: "text-red-500 font-bold", children: Formats_default.Amount(
+      renderFooter: (data2) => /* @__PURE__ */ jsx275("span", { className: "text-red-500 font-bold", children: Formats_default.Amount(
         data2.reduce(
           (acc, row) => acc + (row.lines || []).reduce(
             (lineAcc, line) => lineAcc + (line.type === "debit" ? line.amount : 0),
@@ -50606,14 +50743,14 @@ var CargoIMReport = () => {
       header: "Balance",
       key: "runningBalance",
       className: "text-xs whitespace-nowrap text-right",
-      render: (row) => /* @__PURE__ */ jsx274("span", { className: "font-bold text-black dark:text-white print:text-black", children: Formats_default.Price(row.runningBalance, currency) }),
-      renderFooter: (data2) => /* @__PURE__ */ jsx274("span", { className: "text-black dark:text-white print:text-black font-bold", children: Formats_default.Price(
+      render: (row) => /* @__PURE__ */ jsx275("span", { className: "font-bold text-black dark:text-white print:text-black", children: Formats_default.Price(row.runningBalance, currency) }),
+      renderFooter: (data2) => /* @__PURE__ */ jsx275("span", { className: "text-black dark:text-white print:text-black font-bold", children: Formats_default.Price(
         data2.reduce((acc, row) => acc + (row.calculatedAmount || 0), 0),
         currency
       ) })
     }
   ];
-  const datas = useMemo55(() => {
+  const datas = useMemo56(() => {
     let runningBalance = 0;
     const transactions = data?.data?.transactions;
     const res = (transactions || []).map((item) => {
@@ -50650,10 +50787,10 @@ var CargoIMReport = () => {
     { label: "Account Type", value: data?.data?.type },
     { label: "Currency", value: currencyFilter }
   ];
-  return /* @__PURE__ */ jsxs243(Fragment139, { children: [
-    /* @__PURE__ */ jsx274(Modal2, {}),
-    /* @__PURE__ */ jsx274(TransactionView, {}),
-    /* @__PURE__ */ jsx274(
+  return /* @__PURE__ */ jsxs244(Fragment140, { children: [
+    /* @__PURE__ */ jsx275(Modal2, {}),
+    /* @__PURE__ */ jsx275(TransactionView, {}),
+    /* @__PURE__ */ jsx275(
       A4DataView,
       {
         columns,
@@ -50668,7 +50805,7 @@ var CargoIMReport = () => {
           openState({
             type: "debit",
             closeOnOverlayClick: false,
-            content: row.type === "invoice-manager" ? /* @__PURE__ */ jsx274(
+            content: row.type === "invoice-manager" ? /* @__PURE__ */ jsx275(
               InvoiceForm_default2,
               {
                 close: closeTransaction,
@@ -50676,7 +50813,7 @@ var CargoIMReport = () => {
                 onReload: reload,
                 id: row._id
               }
-            ) : /* @__PURE__ */ jsx274(
+            ) : /* @__PURE__ */ jsx275(
               journalForm_default2,
               {
                 close: closeTransaction,
@@ -50689,7 +50826,7 @@ var CargoIMReport = () => {
             width: 800
           });
         },
-        headers: /* @__PURE__ */ jsx274("div", { className: "flex items-center gap-4", children: /* @__PURE__ */ jsx274(
+        headers: /* @__PURE__ */ jsx275("div", { className: "flex items-center gap-4", children: /* @__PURE__ */ jsx275(
           Fields_default.Select,
           {
             options: currencies,
@@ -50705,21 +50842,21 @@ var CargoIMReport = () => {
 var cargoIMReport_default = CargoIMReport;
 
 // src/components/accounts/forex-2/Forex2Accounts.tsx
-import { useNavigate as useNavigate67, useParams as useParams115 } from "react-router-dom";
+import { useNavigate as useNavigate67, useParams as useParams116 } from "react-router-dom";
 import {
   EllipsisVertical as EllipsisVertical49,
   FileChartLine as FileChartLine2,
   FilePenLine as FilePenLine45,
   Trash2 as Trash256
 } from "lucide-react";
-import { useState as useState120 } from "react";
+import { useState as useState121 } from "react";
 import { message as message91 } from "antd";
-import { Fragment as Fragment140, jsx as jsx275, jsxs as jsxs244 } from "react/jsx-runtime";
+import { Fragment as Fragment141, jsx as jsx276, jsxs as jsxs245 } from "react/jsx-runtime";
 function Forex2Accounts({ v, url }) {
-  const { branchId } = useParams115();
+  const { branchId } = useParams116();
   const navigate = useNavigate67();
   const type = "account";
-  const [deleteAccount, setDeleteAccount] = useState120(null);
+  const [deleteAccount, setDeleteAccount] = useState121(null);
   const { isLoading: isActionLoading, remove } = useApis_default();
   const { data, TransactionViewComponent, reload, isLoading } = useTransaction_default({
     url: url || `/reports/forex-account-report${branchId ? `?branch=${branchId}` : ""}`,
@@ -50730,22 +50867,22 @@ function Forex2Accounts({ v, url }) {
   const items = (data2) => [
     {
       label: `Currency Report`,
-      icon: /* @__PURE__ */ jsx275(FileChartLine2, { size: 16 }),
+      icon: /* @__PURE__ */ jsx276(FileChartLine2, { size: 16 }),
       onClick: () => navigate(data2?._id)
     },
     {
       label: `Edit ${type}`,
-      icon: /* @__PURE__ */ jsx275(FilePenLine45, { size: 16 }),
+      icon: /* @__PURE__ */ jsx276(FilePenLine45, { size: 16 }),
       onClick: () => openState({
         type: "forex account",
-        content: /* @__PURE__ */ jsx275(ForexAccountForm_default, { close, reloads: reload, id: data2?._id }),
+        content: /* @__PURE__ */ jsx276(ForexAccountForm_default, { close, reloads: reload, id: data2?._id }),
         title: "Forex Account Form",
         width: 800
       })
     },
     {
       label: `Delete ${type}`,
-      icon: /* @__PURE__ */ jsx275(Trash256, { className: "text-red-500", size: 16 }),
+      icon: /* @__PURE__ */ jsx276(Trash256, { className: "text-red-500", size: 16 }),
       onClick: () => setDeleteAccount(data2)
     }
   ].filter(Boolean);
@@ -50755,7 +50892,7 @@ function Forex2Accounts({ v, url }) {
       header: "Name",
       cell: ({ row }) => {
         const account = row.original;
-        return /* @__PURE__ */ jsx275(
+        return /* @__PURE__ */ jsx276(
           "span",
           {
             onClick: () => navigate(`statements/${account?._id}`),
@@ -50770,7 +50907,7 @@ function Forex2Accounts({ v, url }) {
       header: "Phone",
       cell: ({ row }) => {
         const account = row.original;
-        return /* @__PURE__ */ jsx275("span", { children: account?.phoneNumber || "N/A" });
+        return /* @__PURE__ */ jsx276("span", { children: account?.phoneNumber || "N/A" });
       }
     },
     {
@@ -50778,14 +50915,14 @@ function Forex2Accounts({ v, url }) {
       header: "Balances",
       cell: ({ row }) => {
         const account = row.original;
-        return /* @__PURE__ */ jsx275("div", { className: "flex flex-wrap items-center gap-2", children: Object.entries(account?.transactions || {}).map(
-          ([currency, data2]) => /* @__PURE__ */ jsxs244(
+        return /* @__PURE__ */ jsx276("div", { className: "flex flex-wrap items-center gap-2", children: Object.entries(account?.transactions || {}).map(
+          ([currency, data2]) => /* @__PURE__ */ jsxs245(
             "div",
             {
               className: "flex items-center gap-1.5 px-2 py-0.5 rounded-lg bg-gray-50 dark:bg-gray-800/50 border border-gray-100 dark:border-gray-700",
               children: [
-                /* @__PURE__ */ jsx275("span", { className: "text-[12px] font-bold text-gray-400 dark:text-gray-500 uppercase tracking-tighter", children: currency }),
-                /* @__PURE__ */ jsx275(
+                /* @__PURE__ */ jsx276("span", { className: "text-[12px] font-bold text-gray-400 dark:text-gray-500 uppercase tracking-tighter", children: currency }),
+                /* @__PURE__ */ jsx276(
                   "span",
                   {
                     className: `text-[12px] font-bold tabular-nums ${data2.balance < 0 ? "text-red-500" : "text-green-600 dark:text-green-500"}`,
@@ -50804,8 +50941,8 @@ function Forex2Accounts({ v, url }) {
       header: "Actions",
       cell: ({ row }) => {
         const data2 = row.original;
-        return /* @__PURE__ */ jsxs244("div", { className: "flex gap-4 items-center", children: [
-          /* @__PURE__ */ jsx275(
+        return /* @__PURE__ */ jsxs245("div", { className: "flex gap-4 items-center", children: [
+          /* @__PURE__ */ jsx276(
             "button",
             {
               className: "cursor-pointer px-2 py-1 text-white rounded-lg text-xs bg-blue-500",
@@ -50813,7 +50950,7 @@ function Forex2Accounts({ v, url }) {
                 openState({
                   type: "credit",
                   closeOnOverlayClick: false,
-                  content: /* @__PURE__ */ jsx275(
+                  content: /* @__PURE__ */ jsx276(
                     Forex2FormTransaction_default,
                     {
                       close,
@@ -50829,7 +50966,7 @@ function Forex2Accounts({ v, url }) {
               children: "Out"
             }
           ),
-          /* @__PURE__ */ jsx275(
+          /* @__PURE__ */ jsx276(
             "button",
             {
               className: "cursor-pointer px-2 py-1 text-white rounded-lg text-xs bg-red-500",
@@ -50837,7 +50974,7 @@ function Forex2Accounts({ v, url }) {
                 openState({
                   type: "debit",
                   closeOnOverlayClick: false,
-                  content: /* @__PURE__ */ jsx275(
+                  content: /* @__PURE__ */ jsx276(
                     Forex2FormTransaction_default,
                     {
                       close,
@@ -50853,13 +50990,13 @@ function Forex2Accounts({ v, url }) {
               children: "In"
             }
           ),
-          /* @__PURE__ */ jsx275(
+          /* @__PURE__ */ jsx276(
             Dropdown,
             {
               className: "cursor-pointer w-[150px]",
               items: items(data2),
               triggerMode: "hover",
-              children: /* @__PURE__ */ jsx275(EllipsisVertical49, {})
+              children: /* @__PURE__ */ jsx276(EllipsisVertical49, {})
             }
           )
         ] });
@@ -50898,9 +51035,9 @@ function Forex2Accounts({ v, url }) {
     };
   }).filter((item) => item.debit !== 0 || item.credit !== 0);
   console.log(currencies);
-  return /* @__PURE__ */ jsxs244(Fragment140, { children: [
-    /* @__PURE__ */ jsx275(Modal2, {}),
-    /* @__PURE__ */ jsx275(
+  return /* @__PURE__ */ jsxs245(Fragment141, { children: [
+    /* @__PURE__ */ jsx276(Modal2, {}),
+    /* @__PURE__ */ jsx276(
       ConfirmModal,
       {
         isOpen: !!deleteAccount,
@@ -50913,9 +51050,9 @@ function Forex2Accounts({ v, url }) {
         children: null
       }
     ),
-    /* @__PURE__ */ jsxs244("div", { children: [
-      /* @__PURE__ */ jsx275(ForexAccountSummary_default, { currencies, isLoading }),
-      /* @__PURE__ */ jsx275(
+    /* @__PURE__ */ jsxs245("div", { children: [
+      /* @__PURE__ */ jsx276(ForexAccountSummary_default, { currencies, isLoading }),
+      /* @__PURE__ */ jsx276(
         TransactionViewComponent,
         {
           columns,
@@ -50927,7 +51064,7 @@ function Forex2Accounts({ v, url }) {
           onCreate: () => {
             openState({
               type: "forex account",
-              content: /* @__PURE__ */ jsx275(ForexAccountForm_default, { close, reloads: reload }),
+              content: /* @__PURE__ */ jsx276(ForexAccountForm_default, { close, reloads: reload }),
               title: "Forex Account Form",
               width: 800
             });
@@ -50940,14 +51077,14 @@ function Forex2Accounts({ v, url }) {
 var Forex2Accounts_default = Forex2Accounts;
 
 // src/components/reports/ProductList.tsx
-import { useParams as useParams116 } from "react-router-dom";
-import { Fragment as Fragment141, jsx as jsx276, jsxs as jsxs245 } from "react/jsx-runtime";
+import { useParams as useParams117 } from "react-router-dom";
+import { Fragment as Fragment142, jsx as jsx277, jsxs as jsxs246 } from "react/jsx-runtime";
 var options9 = [
   { label: "Product", value: "product" },
   { label: "Pack", value: "pack" }
 ];
 var ProductList2 = ({ value = false }) => {
-  const { branchId } = useParams116();
+  const { branchId } = useParams117();
   const { branches } = useAuth_default();
   const { TransactionView } = useTransactionView_default();
   const { getQuery, setQuery } = useApp_default();
@@ -50969,7 +51106,7 @@ var ProductList2 = ({ value = false }) => {
       key: "name",
       className: "text-xs whitespace-nowrap",
       render: (row) => {
-        return /* @__PURE__ */ jsx276("div", { className: "", children: /* @__PURE__ */ jsx276("p", { className: "font-bold text-black dark:text-white print:text-black", children: row.name }) });
+        return /* @__PURE__ */ jsx277("div", { className: "", children: /* @__PURE__ */ jsx277("p", { className: "font-bold text-black dark:text-white print:text-black", children: row.name }) });
       }
     },
     ...value ? [
@@ -50977,14 +51114,14 @@ var ProductList2 = ({ value = false }) => {
         header: "Cost",
         key: "cost",
         className: "text-xs whitespace-nowrap text-right",
-        render: (row) => /* @__PURE__ */ jsx276("span", { className: "font-bold text-black dark:text-white print:text-black", children: Formats_default.Amount(row.cost, false) })
+        render: (row) => /* @__PURE__ */ jsx277("span", { className: "font-bold text-black dark:text-white print:text-black", children: Formats_default.Amount(row.cost, false) })
       }
     ] : []
   ];
   const datas = data?.data || [];
-  return /* @__PURE__ */ jsxs245(Fragment141, { children: [
-    /* @__PURE__ */ jsx276(TransactionView, {}),
-    /* @__PURE__ */ jsx276(
+  return /* @__PURE__ */ jsxs246(Fragment142, { children: [
+    /* @__PURE__ */ jsx277(TransactionView, {}),
+    /* @__PURE__ */ jsx277(
       A4DataView,
       {
         columns,
@@ -50995,7 +51132,7 @@ var ProductList2 = ({ value = false }) => {
         tableTitle: "Stock List",
         fixed: false,
         startPage: 1e10,
-        headers: /* @__PURE__ */ jsx276(
+        headers: /* @__PURE__ */ jsx277(
           Select,
           {
             options: options9,