warqadui 0.0.287 → 0.0.289

package/dist/index.mjs

@@ -133,7 +133,8 @@ var Enums = {
   expenseAccount: ["branch", "account"],
   integrationTypes: ["twilio-whatsapp"],
   postTypes: ["umrah", "hajj", "visa", "hotel"],
-  postStatus: ["draft", "published", "archived"]
+  postStatus: ["draft", "published", "archived"],
+  collectionTypes: ["collected", "pending"]
 };
 var Enums_default = Enums;
 
@@ -2139,7 +2140,7 @@ var Select = forwardRef3((props, ref2) => {
     enumName,
     ...rest
   } = props;
-  const options10 = useMemo4(() => {
+  const options11 = useMemo4(() => {
     if (initialOptions.length > 0) return initialOptions;
     const targetEnum = enumData || (enumName ? enums[enumName] : void 0);
     if (targetEnum) {
@@ -2175,7 +2176,7 @@ var Select = forwardRef3((props, ref2) => {
           SelectRoot,
           {
             ...rest,
-            options: options10,
+            options: options11,
             currentValue: formValue,
             onChangeHandler: (val) => {
               formOnChange(val);
@@ -2192,7 +2193,7 @@ var Select = forwardRef3((props, ref2) => {
     SelectRoot,
     {
       ...rest,
-      options: options10,
+      options: options11,
       currentValue: value,
       onChangeHandler: onChange || (() => {
       }),
@@ -2378,12 +2379,12 @@ var SelectTrigger = forwardRef3(
       dropdownContentRef,
       containerRef,
       selectedValue,
-      options: options10,
+      options: options11,
       fieldInternalProps,
       disabled
     } = useSelectContext();
     const lastFocusTime = useRef3(0);
-    const displayOption = options10.find((o) => o.value === selectedValue);
+    const displayOption = options11.find((o) => o.value === selectedValue);
     const displayValue = displayOption ? displayOption.label : selectedValue != null && selectedValue !== "" ? String(selectedValue) : placeholder;
     return /* @__PURE__ */ jsx21("div", { className: "relative", ref: dropdownAnchorRef, children: /* @__PURE__ */ jsx21(
       "div",
@@ -2826,7 +2827,7 @@ var SearchApiRoot = ({
   const [searchTerm, setSearchTerm] = useState15("");
   const { theme } = useWarqadConfig();
   const primaryColor = theme?.primaryColor;
-  const [options10, setOptions] = useState15([]);
+  const [options11, setOptions] = useState15([]);
   const [isOpen, setIsOpen] = useState15(false);
   const [isFocused, setIsFocused] = useState15(false);
   const [activeIndex, setActiveIndex] = useState15(-1);
@@ -2878,7 +2879,7 @@ var SearchApiRoot = ({
     return () => clearTimeout(timer);
   }, [searchTerm, api, isOpen]);
   useEffect11(() => {
-    if (isOpen && options10.length === 0) {
+    if (isOpen && options11.length === 0) {
       fetchOptions("");
     }
   }, [isOpen]);
@@ -2909,8 +2910,8 @@ var SearchApiRoot = ({
     return option[valueKey];
   };
   useEffect11(() => {
-    if (currentValue !== void 0 && currentValue !== null && currentValue !== "" && !selectedObject && options10.length > 0) {
-      const found = options10.find((o) => getOptionValue(o) === currentValue);
+    if (currentValue !== void 0 && currentValue !== null && currentValue !== "" && !selectedObject && options11.length > 0) {
+      const found = options11.find((o) => getOptionValue(o) === currentValue);
       if (found) {
         setSelectedObject(found);
         if (form && obj) {
@@ -2921,7 +2922,7 @@ var SearchApiRoot = ({
         }
       }
     }
-  }, [currentValue, options10, obj]);
+  }, [currentValue, options11, obj]);
   useEffect11(() => {
     if (prevApiRef.current !== api) {
       prevApiRef.current = api;
@@ -2966,8 +2967,8 @@ var SearchApiRoot = ({
   }, [fieldInternalProps]);
   const getDisplayValue = () => {
     if (selectedObject) return selectedObject[labelKey];
-    if (options10.length > 0 && currentValue !== void 0 && currentValue !== null && currentValue !== "") {
-      const found = options10.find((o) => getOptionValue(o) === currentValue);
+    if (options11.length > 0 && currentValue !== void 0 && currentValue !== null && currentValue !== "") {
+      const found = options11.find((o) => getOptionValue(o) === currentValue);
       if (found) return found[labelKey];
     }
     if (isLoading || currentValue !== void 0 && currentValue !== null && currentValue !== "" && !hasAttemptedHydration)
@@ -3011,7 +3012,7 @@ var SearchApiRoot = ({
     setSearchTerm("");
     if (onClear) onClear();
   };
-  const filteredOptions = options10.filter(
+  const filteredOptions = options11.filter(
     (option) => !filter.includes(getOptionValue(option))
   );
   let message92 = error || errorMessage;
@@ -3176,7 +3177,7 @@ var SearchApiInput = forwardRef5(
       variant,
       activeIndex,
       setActiveIndex,
-      options: options10,
+      options: options11,
       handleSelect,
       clearSelection,
       inputRef,
@@ -3208,7 +3209,7 @@ var SearchApiInput = forwardRef5(
           e.preventDefault();
           e.stopPropagation();
           setActiveIndex(
-            activeIndex < options10.length - 1 ? activeIndex + 1 : activeIndex
+            activeIndex < options11.length - 1 ? activeIndex + 1 : activeIndex
           );
           break;
         case "ArrowUp":
@@ -3219,8 +3220,8 @@ var SearchApiInput = forwardRef5(
         case "Enter":
           e.preventDefault();
           e.stopPropagation();
-          if (activeIndex >= 0 && activeIndex < options10.length)
-            handleSelect(options10[activeIndex]);
+          if (activeIndex >= 0 && activeIndex < options11.length)
+            handleSelect(options11[activeIndex]);
           break;
         case "Escape":
           e.preventDefault();
@@ -3296,7 +3297,7 @@ var SearchApiContent = forwardRef5(
       dropdownContentRef,
       isLoading,
       searchTerm,
-      options: options10,
+      options: options11,
       error
     } = useSearchApiContext();
     const [dropdownStyle, setDropdownStyle] = useState15({});
@@ -3336,7 +3337,7 @@ var SearchApiContent = forwardRef5(
           ...props,
           children: [
             error && /* @__PURE__ */ jsx23("div", { className: "px-3 py-2 text-sm text-red-600 dark:text-red-400 border-b border-gray-100 dark:border-zinc-800", children: error }),
-            isLoading && options10.length === 0 ? /* @__PURE__ */ jsxs18("div", { className: "p-4 text-center text-sm text-gray-500", children: [
+            isLoading && options11.length === 0 ? /* @__PURE__ */ jsxs18("div", { className: "p-4 text-center text-sm text-gray-500", children: [
               /* @__PURE__ */ jsx23(Loader22, { className: "h-5 w-5 animate-spin mx-auto mb-2" }),
               "Loading options..."
             ] }) : children ? /* @__PURE__ */ jsx23("div", { className: "py-1", children }) : /* @__PURE__ */ jsx23("div", { className: "p-4 text-center text-sm text-gray-500", children: searchTerm ? `No results for "${searchTerm}"` : "No options available" })
@@ -7437,13 +7438,13 @@ import moment from "moment";
 import { useReactToPrint as useReactToPrint3 } from "react-to-print";
 
 // src/utils/Formats.tsx
-function Price(price, currency = "USD", round2 = true, options10) {
+function Price(price, currency = "USD", round2 = true, options11) {
   const num = Number(price);
   const decimalPlaces = round2 ? 0 : Math.min(num.toString().split(".")[1]?.length ?? 0, 2);
   const formatted = new Intl.NumberFormat("en-US", {
     minimumFractionDigits: decimalPlaces,
     maximumFractionDigits: decimalPlaces,
-    ...options10
+    ...options11
   }).format(num);
   return `${formatted} ${currency}`;
 }
@@ -7949,7 +7950,7 @@ var useTransaction_default = useTransaction;
 // src/utils/pdf.ts
 import html2canvas from "html2canvas-pro";
 import { jsPDF } from "jspdf";
-var generatePdf = async (elementId, options10 = {}) => {
+var generatePdf = async (elementId, options11 = {}) => {
   const {
     orientation = "landscape",
     unit = "mm",
@@ -7959,7 +7960,7 @@ var generatePdf = async (elementId, options10 = {}) => {
     windowWidth = 1200,
     scale = 1,
     showPageNumbers = true
-  } = options10;
+  } = options11;
   const element = document.getElementById(elementId);
   if (!element) {
     console.error(
@@ -29848,7 +29849,7 @@ var StatusFilter = ({
   value,
   onChange
 }) => {
-  const options10 = type === "rent" ? [
+  const options11 = type === "rent" ? [
     { label: "All", value: "all", dotColor: "bg-slate-400" },
     { label: "Vacant", value: "vacant", dotColor: "bg-[#22c55e]" },
     { label: "Occupied", value: "occupied", dotColor: "bg-[#ef4444]" }
@@ -29858,7 +29859,7 @@ var StatusFilter = ({
     { label: "Booked", value: "booked", dotColor: "bg-[#3b82f6]" },
     { label: "Sold", value: "sold", dotColor: "bg-[#ef4444]" }
   ];
-  return /* @__PURE__ */ jsx168("div", { className: "flex gap-1 p-1 bg-slate-100 dark:bg-slate-800/80 rounded-lg border border-slate-200/50 dark:border-slate-700/60", children: options10.map((opt) => {
+  return /* @__PURE__ */ jsx168("div", { className: "flex gap-1 p-1 bg-slate-100 dark:bg-slate-800/80 rounded-lg border border-slate-200/50 dark:border-slate-700/60", children: options11.map((opt) => {
     const isActive = value === opt.value;
     return /* @__PURE__ */ jsxs143(
       "button",
@@ -46508,7 +46509,8 @@ var AdjustmentStockSchema5 = z46.object({
   cash: z46.coerce.number(),
   credit: z46.coerce.number(),
   discount: z46.coerce.number(),
-  currency: z46.enum(Enums_default.currencies)
+  currency: z46.enum(Enums_default.currencies),
+  collection: z46.enum(Enums_default.collectionTypes)
 });
 var schema_default7 = AdjustmentStockSchema5;
 
@@ -46591,13 +46593,13 @@ var CompleteSaleModal2 = ({
     ] }),
     /* @__PURE__ */ jsxs225("div", { className: "bg-zinc-50 dark:bg-zinc-900/40 p-4 rounded-xl border border-zinc-100 dark:border-zinc-800 space-y-4", children: [
       /* @__PURE__ */ jsxs225("div", { className: "flex items-center justify-between border-b pb-2 dark:border-zinc-800", children: [
-        /* @__PURE__ */ jsx256("span", { className: "text-sm font-bold text-gray-800 dark:text-zinc-200", children: "1. Discount & Rate" }),
+        /* @__PURE__ */ jsx256("span", { className: "text-sm font-bold text-gray-800 dark:text-zinc-200", children: "1. Discount, Rate & Collection" }),
         (discount > 0 || isRate) && /* @__PURE__ */ jsx256("span", { className: "text-xs px-2 py-0.5 bg-amber-50 text-amber-600 rounded-full font-medium dark:bg-amber-950/40 dark:text-amber-400", children: discount > 0 ? "Applied" : "Exchange Rate Required" })
       ] }),
       /* @__PURE__ */ jsxs225(
         "div",
         {
-          className: isRate ? "grid grid-cols-1 md:grid-cols-2 gap-4" : "grid grid-cols-1 gap-4",
+          className: isRate ? "grid grid-cols-1 md:grid-cols-3 gap-4" : "grid grid-cols-1 md:grid-cols-2 gap-4",
           children: [
             /* @__PURE__ */ jsx256(
               Fields_default.Input,
@@ -46620,6 +46622,17 @@ var CompleteSaleModal2 = ({
                 type: "number",
                 className: "h-[40px]!"
               }
+            ),
+            /* @__PURE__ */ jsx256(
+              Fields_default.Select,
+              {
+                label: "Collection",
+                name: "collection",
+                form,
+                enumName: "collectionTypes",
+                required: true,
+                className: "h-[40px]!"
+              }
             )
           ]
         }
@@ -46658,7 +46671,7 @@ var CompleteSaleModal2 = ({
     ] }),
     /* @__PURE__ */ jsxs225("div", { className: "bg-zinc-50 dark:bg-zinc-900/40 p-4 rounded-xl border border-zinc-100 dark:border-zinc-800 space-y-4", children: [
       /* @__PURE__ */ jsxs225("div", { className: "flex items-center justify-between border-b pb-2 dark:border-zinc-800", children: [
-        /* @__PURE__ */ jsx256("span", { className: "text-sm font-bold text-gray-800 dark:text-zinc-200", children: "2. Credit Payment" }),
+        /* @__PURE__ */ jsx256("span", { className: "text-sm font-bold text-gray-800 dark:text-zinc-200", children: "3. Credit Payment" }),
         credit > 0 && /* @__PURE__ */ jsx256("span", { className: "text-xs px-2 py-0.5 bg-red-50 text-red-600 rounded-full font-medium dark:bg-red-950/40 dark:text-red-400", children: "Active" })
       ] }),
       /* @__PURE__ */ jsxs225("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
@@ -46782,7 +46795,8 @@ var Sale2Form2 = ({
       cash: 0,
       credit: 0,
       discount: 0,
-      invoiceNumber: ""
+      invoiceNumber: "",
+      collection: "collected"
     }
   });
   const { handleSubmit, watch, setValue } = methods;
@@ -46859,7 +46873,8 @@ var Sale2Form2 = ({
       cash: cashVal,
       credit: creditVal,
       discount: discountVal,
-      invoiceNumber: data.invoiceNumber || void 0
+      invoiceNumber: data.invoiceNumber || void 0,
+      collection: data.collection
     };
     try {
       await post({
@@ -46927,6 +46942,7 @@ var Sale2Form2 = ({
       setValue("discount", datas.discount || 0);
       setValue("invoiceNumber", datas.invoiceNumber || "");
       setValue("currency", datas?.currency);
+      setValue("collection", datas?.collection);
       setTimeout(() => {
         setValue("rate", datas?.rate);
         setValue("wallet", datas?.toWalletData?._id);
@@ -47067,49 +47083,48 @@ function getStorageType5(type, branch) {
 }
 var pos_default5 = Sale2Form2;
 
-// src/components/Transactions/3/sale2/index.ts
-var Sale22 = {
-  List: List_default6,
-  Form: pos_default5
-};
-var sale2_default2 = Sale22;
-
-// src/components/Transactions/3/purchase3/List.tsx
+// src/components/Transactions/3/sale2/Collection.tsx
+import { useMemo as useMemo50 } from "react";
 import { useNavigate as useNavigate62, useParams as useParams101 } from "react-router-dom";
 import {
+  CircleDollarSign,
+  Clock as Clock27,
   EllipsisVertical as EllipsisVertical45,
   Eye as Eye26,
   FilePenLine as FilePenLine41,
-  Trash2 as Trash251
+  Trash2 as Trash251,
+  Wallet as Wallet17
 } from "lucide-react";
 import { Fragment as Fragment128, jsx as jsx258, jsxs as jsxs227 } from "react/jsx-runtime";
-function purchase3List({
+function Collection3({
   url,
   type = "product"
 }) {
   const { branchId } = useParams101();
   const navigate = useNavigate62();
+  const { currencies } = useWarqadConfig();
+  const { defaultCurrency } = currencies;
   const { TransactionView, openTransaction } = useTransactionView_default();
   const { data, TransactionViewComponent, reload } = useTransaction_default({
-    url: url || `/transactions/get?type=stock&stock=purchase-3&stockType=${type}${branchId ? `&fromBranch=${branchId}` : ""}`,
-    dateFilter: true
+    url: url || `/transactions/get?type=stock&stock=sale-3&stockType=${type}&collection=pending${branchId ? `&fromBranch=${branchId}` : ""}`,
+    dateFilter: false
   });
   const { Modal: Modal2 } = useModal();
   const { PosPrinter } = usePosPrinter_default();
   const items = (data2) => [
     {
-      label: `View Stock Purchase`,
+      label: `View Stock Sale`,
       icon: /* @__PURE__ */ jsx258(Eye26, { size: 16 }),
       className: "w-[200px]",
       onClick: () => openTransaction({ id: data2?._id, type: "stock" })
     },
     {
-      label: `Edit Stock Purchase`,
+      label: `Edit Stock Sale`,
       icon: /* @__PURE__ */ jsx258(FilePenLine41, { size: 16 }),
       onClick: () => navigate(`update?id=${data2?._id}`)
     },
     {
-      label: `Delete Stock Purchase`,
+      label: `Delete Stock Sale`,
       icon: /* @__PURE__ */ jsx258(Trash251, { className: "text-red-500", size: 16 }),
       onClick: () => {
         openTransaction({
@@ -47149,11 +47164,11 @@ function purchase3List({
       }
     },
     {
-      accessorKey: "supplier/wallet",
-      header: "Supplier/Wallet",
+      accessorKey: "customer/wallet",
+      header: "Customer/Wallet",
       cell: ({ row }) => {
         const stock = row.original;
-        const walletName = stock?.fromWalletData?.name;
+        const walletName = stock?.toWalletData?.name;
         const accountName = stock?.accountData?.name || stock?.accountName;
         return /* @__PURE__ */ jsxs227("div", { className: "flex flex-col gap-0.5", children: [
           stock?.cash > 0 && walletName && /* @__PURE__ */ jsxs227("span", { className: "text-xs text-gray-500 dark:text-zinc-400", children: [
@@ -47162,11 +47177,11 @@ function purchase3List({
             /* @__PURE__ */ jsx258("span", { className: "font-semibold text-gray-800 dark:text-zinc-200", children: walletName })
           ] }),
           stock?.credit > 0 && accountName && /* @__PURE__ */ jsxs227("span", { className: "text-xs text-gray-500 dark:text-zinc-400", children: [
-            "Supplier:",
+            "Customer:",
             " ",
             /* @__PURE__ */ jsx258("span", { className: "font-semibold text-gray-800 dark:text-zinc-200", children: accountName })
           ] }),
-          !(stock?.cash > 0 && walletName) && !(stock?.credit > 0 && accountName) && /* @__PURE__ */ jsx258("span", { children: stock?.purchase === "cash" ? walletName || "Cash Wallet" : accountName || "Supplier" })
+          !(stock?.cash > 0 && walletName) && !(stock?.credit > 0 && accountName) && /* @__PURE__ */ jsx258("span", { children: stock?.sale === "cash" ? walletName || "Cash Wallet" : accountName || "Customer" })
         ] });
       }
     },
@@ -47183,25 +47198,33 @@ function purchase3List({
       header: "Action",
       cell: ({ row }) => {
         const stock = row.original;
-        const purchaseType = stock?.cash > 0 && stock?.credit > 0 ? "split" : stock?.purchase;
+        const saleType = stock?.cash > 0 && stock?.credit > 0 ? "split" : stock?.sale;
         return /* @__PURE__ */ jsxs227("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ jsx258("span", { className: `capitalize text-red-600`, children: "Stock Purchased" }),
-          /* @__PURE__ */ jsx258("span", { className: "capitalize", children: purchaseType })
+          /* @__PURE__ */ jsx258("span", { className: `capitalize text-red-600`, children: "Stock Sold" }),
+          /* @__PURE__ */ jsx258("span", { className: "capitalize", children: saleType })
         ] });
       }
     },
     {
       accessorKey: "amount",
-      header: "Amount",
+      header: "Amount (USD)",
       cell: ({ row }) => {
         const stock = row.original;
-        const amount = stock?.amount - (stock?.discount || 0);
+        const isUSD = (stock?.currency || "").toUpperCase() === "USD";
+        const netAmount = (Number(stock?.amount) || 0) - (Number(stock?.discount) || 0);
+        const usdAmount = !isUSD && stock?.exchange?.amount !== void 0 ? Number(stock.exchange.amount) : netAmount;
         return /* @__PURE__ */ jsxs227("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ jsx258("span", { className: "font-semibold", children: Formats_default.Price(amount, stock?.currency, false) }),
-          stock?.discount ? /* @__PURE__ */ jsxs227("span", { className: "text-xs text-red-600 ", children: [
+          /* @__PURE__ */ jsx258("span", { className: "font-semibold", children: Formats_default.Price(usdAmount, "USD", false) }),
+          !isUSD && /* @__PURE__ */ jsxs227("span", { className: "text-xs text-gray-500 dark:text-zinc-400", children: [
+            "Original: ",
+            Formats_default.Price(netAmount, stock?.currency, false),
+            stock?.exchange?.rate ? ` @ ${stock.exchange.rate}` : ""
+          ] }),
+          isUSD && stock?.discount > 0 && /* @__PURE__ */ jsxs227("span", { className: "text-xs text-red-600", children: [
             "Original:",
+            " ",
             /* @__PURE__ */ jsx258("del", { children: Formats_default.Price(stock?.amount, stock?.currency, false) })
-          ] }) : null
+          ] })
         ] });
       }
     },
@@ -47223,11 +47246,379 @@ function purchase3List({
     }
   ];
   const stocks = data?.data || [];
+  const stats = useMemo50(() => {
+    const totalInvoices = stocks.length;
+    let totalPendingUSD = 0;
+    let totalCashUSD = 0;
+    let totalCreditUSD = 0;
+    stocks.forEach((item) => {
+      const isUSD = (item?.currency || "").toUpperCase() === "USD";
+      const netAmount = (Number(item?.amount) || 0) - (Number(item?.discount) || 0);
+      let itemUsdAmount = netAmount;
+      if (!isUSD && item?.exchange?.amount !== void 0) {
+        itemUsdAmount = Number(item.exchange.amount) || 0;
+      }
+      totalPendingUSD += itemUsdAmount;
+      if (isUSD) {
+        totalCashUSD += Number(item?.cash) || 0;
+        totalCreditUSD += Number(item?.credit) || 0;
+      } else {
+        const cashRatio = netAmount > 0 ? (Number(item?.cash) || 0) / netAmount : 0;
+        const creditRatio = netAmount > 0 ? (Number(item?.credit) || 0) / netAmount : 0;
+        totalCashUSD += itemUsdAmount * cashRatio;
+        totalCreditUSD += itemUsdAmount * creditRatio;
+      }
+    });
+    return {
+      totalInvoices,
+      totalPendingUSD,
+      totalCashUSD,
+      totalCreditUSD
+    };
+  }, [stocks]);
   return /* @__PURE__ */ jsxs227(Fragment128, { children: [
     /* @__PURE__ */ jsx258(TransactionView, {}),
     /* @__PURE__ */ jsx258(Modal2, {}),
     /* @__PURE__ */ jsx258(PosPrinter, {}),
+    /* @__PURE__ */ jsxs227("header", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 mb-6", children: [
+      /* @__PURE__ */ jsxs227("div", { className: "bg-white dark:bg-zinc-900/60 border border-zinc-200/80 dark:border-zinc-800 rounded-2xl p-5 shadow-xs flex items-center justify-between transition-all hover:shadow-md", children: [
+        /* @__PURE__ */ jsxs227("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ jsxs227("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx258("span", { className: "text-xs font-semibold uppercase tracking-wider text-zinc-500 dark:text-zinc-400", children: "Pending Invoices" }),
+            /* @__PURE__ */ jsx258("span", { className: "px-2 py-0.5 text-[10px] font-bold bg-amber-50 text-amber-700 dark:bg-amber-950/60 dark:text-amber-400 border border-amber-200/60 dark:border-amber-900/40 rounded-full", children: "Waiting" })
+          ] }),
+          /* @__PURE__ */ jsx258("h3", { className: "text-3xl font-black text-zinc-900 dark:text-white", children: stats.totalInvoices }),
+          /* @__PURE__ */ jsxs227("p", { className: "text-xs text-zinc-500 dark:text-zinc-400", children: [
+            stats.totalInvoices === 1 ? "1 invoice" : `${stats.totalInvoices} invoices`,
+            " ",
+            "awaiting collection"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx258("div", { className: "p-3.5 rounded-2xl bg-amber-50 dark:bg-amber-950/40 text-amber-600 dark:text-amber-400 border border-amber-100 dark:border-amber-900/30 shrink-0", children: /* @__PURE__ */ jsx258(Clock27, { size: 24 }) })
+      ] }),
+      /* @__PURE__ */ jsxs227("div", { className: "bg-white dark:bg-zinc-900/60 border border-zinc-200/80 dark:border-zinc-800 rounded-2xl p-5 shadow-xs flex items-center justify-between transition-all hover:shadow-md", children: [
+        /* @__PURE__ */ jsxs227("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ jsxs227("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx258("span", { className: "text-xs font-semibold uppercase tracking-wider text-zinc-500 dark:text-zinc-400", children: "To Be Collected (USD)" }),
+            /* @__PURE__ */ jsx258("span", { className: "px-2 py-0.5 text-[10px] font-bold bg-emerald-50 text-emerald-700 dark:bg-emerald-950/60 dark:text-emerald-400 border border-emerald-200/60 dark:border-emerald-900/40 rounded-full", children: "USD" })
+          ] }),
+          /* @__PURE__ */ jsx258("h3", { className: "text-3xl font-black text-emerald-600 dark:text-emerald-400", children: Formats_default.Price(stats.totalPendingUSD, "USD", false) }),
+          /* @__PURE__ */ jsx258("p", { className: "text-xs text-zinc-500 dark:text-zinc-400", children: "Total sales waiting for collection (USD)" })
+        ] }),
+        /* @__PURE__ */ jsx258("div", { className: "p-3.5 rounded-2xl bg-emerald-50 dark:bg-emerald-950/40 text-emerald-600 dark:text-emerald-400 border border-emerald-100 dark:border-emerald-900/30 shrink-0", children: /* @__PURE__ */ jsx258(CircleDollarSign, { size: 24 }) })
+      ] }),
+      /* @__PURE__ */ jsxs227("div", { className: "bg-white dark:bg-zinc-900/60 border border-zinc-200/80 dark:border-zinc-800 rounded-2xl p-5 shadow-xs flex items-center justify-between transition-all hover:shadow-md", children: [
+        /* @__PURE__ */ jsxs227("div", { className: "space-y-2 w-full pr-3", children: [
+          /* @__PURE__ */ jsx258("span", { className: "text-xs font-semibold uppercase tracking-wider text-zinc-500 dark:text-zinc-400", children: "Payment Breakdown (USD)" }),
+          /* @__PURE__ */ jsxs227("div", { className: "flex items-center justify-between text-sm", children: [
+            /* @__PURE__ */ jsxs227("span", { className: "text-zinc-500 dark:text-zinc-400 flex items-center gap-1.5", children: [
+              /* @__PURE__ */ jsx258("span", { className: "h-2 w-2 rounded-full bg-blue-500" }),
+              "Cash:"
+            ] }),
+            /* @__PURE__ */ jsx258("span", { className: "font-bold text-blue-600 dark:text-blue-400", children: Formats_default.Price(stats.totalCashUSD, "USD", false) })
+          ] }),
+          /* @__PURE__ */ jsxs227("div", { className: "flex items-center justify-between text-sm", children: [
+            /* @__PURE__ */ jsxs227("span", { className: "text-zinc-500 dark:text-zinc-400 flex items-center gap-1.5", children: [
+              /* @__PURE__ */ jsx258("span", { className: "h-2 w-2 rounded-full bg-red-500" }),
+              "Credit:"
+            ] }),
+            /* @__PURE__ */ jsx258("span", { className: "font-bold text-red-500 dark:text-red-400", children: Formats_default.Price(stats.totalCreditUSD, "USD", false) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx258("div", { className: "p-3.5 rounded-2xl bg-blue-50 dark:bg-blue-950/40 text-blue-600 dark:text-blue-400 border border-blue-100 dark:border-blue-900/30 shrink-0", children: /* @__PURE__ */ jsx258(Wallet17, { size: 24 }) })
+      ] })
+    ] }),
     /* @__PURE__ */ jsx258(
+      TransactionViewComponent,
+      {
+        columns,
+        data: stocks,
+        title: `${type} Sales (Pending Collection)`,
+        description: `Manage ${type} sales waiting for collection`,
+        index: true
+      },
+      type
+    )
+  ] });
+}
+var Collection_default = Collection3;
+
+// src/components/Transactions/3/sale2/CollectionLevel.tsx
+import { useParams as useParams102 } from "react-router-dom";
+import { Fragment as Fragment129, jsx as jsx259, jsxs as jsxs228 } from "react/jsx-runtime";
+var options9 = [
+  { label: "Product", value: "product" },
+  { label: "Pack", value: "pack" }
+];
+var CollectionLevel = ({
+  value = false,
+  showYard = false
+}) => {
+  const { apiConfig, currencies } = useWarqadConfig();
+  const { stock } = currencies;
+  const { branchId } = useParams102();
+  const { branches } = useAuth_default();
+  const { TransactionView } = useTransactionView_default();
+  const { getQuery, setQuery } = useApp_default();
+  const stockType = getQuery("stockType") || "product";
+  const { A4DataView, data } = useA4DataView_default({
+    url: `${apiConfig.stockLevelReportApi}?stockType=${stockType}&collection=pending${branchId ? `&branch=${branchId}` : ""}`,
+    v: 1,
+    // No prefix
+    params: {}
+  });
+  let branchesData = branches || [];
+  if (branchId) {
+    branchesData = branchesData.filter((b) => b._id === branchId);
+  }
+  const branchNames = branchesData.map((b) => b.name);
+  const currency = stock;
+  const currentBranch = branchesData.find((b) => b._id === branchId);
+  const columns = [
+    {
+      header: "Name",
+      key: "name",
+      className: "text-xs whitespace-nowrap",
+      render: (row) => {
+        const yard = row?.yard || 0;
+        return /* @__PURE__ */ jsx259("div", { className: "", children: /* @__PURE__ */ jsx259("p", { className: "font-bold uppercase text-black dark:text-white print:text-black", children: row.name }) });
+      }
+    },
+    ...!value ? branchNames.map((branchName) => ({
+      header: branchName,
+      key: branchName,
+      className: "text-xs whitespace-nowrap text-right",
+      render: (row) => {
+        const qty = row[branchName];
+        return /* @__PURE__ */ jsx259(
+          "div",
+          {
+            className: qty > 0 ? "text-green-500 font-bold" : qty < 0 ? "text-red-500 font-bold" : "",
+            children: Formats_default.Amount(qty, false)
+          }
+        );
+      }
+    })) : [],
+    {
+      header: "Total Qty",
+      key: "total",
+      className: "text-xs whitespace-nowrap text-right",
+      render: (row) => {
+        const total = row.total;
+        return /* @__PURE__ */ jsx259(
+          "span",
+          {
+            className: total > 0 ? "text-green-500 font-bold" : total < 0 ? "text-red-500 font-bold" : "",
+            children: Formats_default.Amount(total, false)
+          }
+        );
+      },
+      renderFooter: (data2) => {
+        const total = data2.reduce((acc, row) => acc + row.total, 0);
+        return /* @__PURE__ */ jsx259("span", { className: " font-bold", children: Formats_default.Amount(total, false) });
+      }
+    }
+  ];
+  let runningBalance = 0;
+  const datas = (data?.data || []).map((item) => {
+    runningBalance += item.calculatedAmount;
+    return {
+      ...item,
+      runningBalance
+    };
+  });
+  return /* @__PURE__ */ jsxs228(Fragment129, { children: [
+    /* @__PURE__ */ jsx259(TransactionView, {}),
+    /* @__PURE__ */ jsx259(
+      A4DataView,
+      {
+        columns,
+        data: datas || [],
+        index: true,
+        title: `Pending Collections`,
+        subtitle: branchId ? currentBranch?.name : "All Branches",
+        tableTitle: value ? "Current Stock Value" : "Current Stock Level",
+        fixed: false,
+        headers: /* @__PURE__ */ jsx259(
+          Select,
+          {
+            options: options9,
+            value: stockType,
+            className: "w-32! print:hidden",
+            onChange: (e) => {
+              setQuery({ stockType: e });
+            }
+          }
+        )
+      }
+    )
+  ] });
+};
+var CollectionLevel_default = CollectionLevel;
+
+// src/components/Transactions/3/sale2/index.ts
+var Sale22 = {
+  List: List_default6,
+  Form: pos_default5,
+  Collection: Collection_default,
+  CollectionLevel: CollectionLevel_default
+};
+var sale2_default2 = Sale22;
+
+// src/components/Transactions/3/purchase3/List.tsx
+import { useNavigate as useNavigate63, useParams as useParams103 } from "react-router-dom";
+import {
+  EllipsisVertical as EllipsisVertical46,
+  Eye as Eye27,
+  FilePenLine as FilePenLine42,
+  Trash2 as Trash252
+} from "lucide-react";
+import { Fragment as Fragment130, jsx as jsx260, jsxs as jsxs229 } from "react/jsx-runtime";
+function purchase3List({
+  url,
+  type = "product"
+}) {
+  const { branchId } = useParams103();
+  const navigate = useNavigate63();
+  const { TransactionView, openTransaction } = useTransactionView_default();
+  const { data, TransactionViewComponent, reload } = useTransaction_default({
+    url: url || `/transactions/get?type=stock&stock=purchase-3&stockType=${type}${branchId ? `&fromBranch=${branchId}` : ""}`,
+    dateFilter: true
+  });
+  const { Modal: Modal2 } = useModal();
+  const { PosPrinter } = usePosPrinter_default();
+  const items = (data2) => [
+    {
+      label: `View Stock Purchase`,
+      icon: /* @__PURE__ */ jsx260(Eye27, { size: 16 }),
+      className: "w-[200px]",
+      onClick: () => openTransaction({ id: data2?._id, type: "stock" })
+    },
+    {
+      label: `Edit Stock Purchase`,
+      icon: /* @__PURE__ */ jsx260(FilePenLine42, { size: 16 }),
+      onClick: () => navigate(`update?id=${data2?._id}`)
+    },
+    {
+      label: `Delete Stock Purchase`,
+      icon: /* @__PURE__ */ jsx260(Trash252, { className: "text-red-500", size: 16 }),
+      onClick: () => {
+        openTransaction({
+          id: data2?._id,
+          type: "stock",
+          reverseable: { reload }
+        });
+      }
+    }
+  ].filter(Boolean);
+  const columns = [
+    {
+      accessorKey: "date",
+      header: "Date",
+      cell: ({ row }) => {
+        const stock = row.original;
+        return /* @__PURE__ */ jsxs229("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ jsx260("span", { children: stock?.date }),
+          /* @__PURE__ */ jsx260(
+            "span",
+            {
+              onClick: () => openTransaction({ id: stock?._id, type: "stock" }),
+              className: "text-xs text-blue-600 italic cursor-pointer hover:underline",
+              children: stock.ref
+            }
+          )
+        ] });
+      }
+    },
+    {
+      accessorKey: "branch",
+      header: "Branch",
+      cell: ({ row }) => {
+        const stock = row.original;
+        const branch = stock?.fromBranchData?.name;
+        return /* @__PURE__ */ jsx260("span", { children: branch });
+      }
+    },
+    {
+      accessorKey: "supplier/wallet",
+      header: "Supplier/Wallet",
+      cell: ({ row }) => {
+        const stock = row.original;
+        const walletName = stock?.fromWalletData?.name;
+        const accountName = stock?.accountData?.name || stock?.accountName;
+        return /* @__PURE__ */ jsxs229("div", { className: "flex flex-col gap-0.5", children: [
+          stock?.cash > 0 && walletName && /* @__PURE__ */ jsxs229("span", { className: "text-xs text-gray-500 dark:text-zinc-400", children: [
+            "Wallet:",
+            " ",
+            /* @__PURE__ */ jsx260("span", { className: "font-semibold text-gray-800 dark:text-zinc-200", children: walletName })
+          ] }),
+          stock?.credit > 0 && accountName && /* @__PURE__ */ jsxs229("span", { className: "text-xs text-gray-500 dark:text-zinc-400", children: [
+            "Supplier:",
+            " ",
+            /* @__PURE__ */ jsx260("span", { className: "font-semibold text-gray-800 dark:text-zinc-200", children: accountName })
+          ] }),
+          !(stock?.cash > 0 && walletName) && !(stock?.credit > 0 && accountName) && /* @__PURE__ */ jsx260("span", { children: stock?.purchase === "cash" ? walletName || "Cash Wallet" : accountName || "Supplier" })
+        ] });
+      }
+    },
+    {
+      accessorKey: "stockType",
+      header: "Stock Type",
+      cell: ({ row }) => {
+        const stock = row.original;
+        return /* @__PURE__ */ jsx260("div", { className: "flex flex-col", children: /* @__PURE__ */ jsx260("span", { children: stock?.stockType }) });
+      }
+    },
+    {
+      accessorKey: "action",
+      header: "Action",
+      cell: ({ row }) => {
+        const stock = row.original;
+        const purchaseType = stock?.cash > 0 && stock?.credit > 0 ? "split" : stock?.purchase;
+        return /* @__PURE__ */ jsxs229("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ jsx260("span", { className: `capitalize text-red-600`, children: "Stock Purchased" }),
+          /* @__PURE__ */ jsx260("span", { className: "capitalize", children: purchaseType })
+        ] });
+      }
+    },
+    {
+      accessorKey: "amount",
+      header: "Amount",
+      cell: ({ row }) => {
+        const stock = row.original;
+        const amount = stock?.amount - (stock?.discount || 0);
+        return /* @__PURE__ */ jsxs229("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ jsx260("span", { className: "font-semibold", children: Formats_default.Price(amount, stock?.currency, false) }),
+          stock?.discount ? /* @__PURE__ */ jsxs229("span", { className: "text-xs text-red-600 ", children: [
+            "Original:",
+            /* @__PURE__ */ jsx260("del", { children: Formats_default.Price(stock?.amount, stock?.currency, false) })
+          ] }) : null
+        ] });
+      }
+    },
+    {
+      accessorKey: "actions",
+      header: "Actions",
+      cell: ({ row }) => {
+        const data2 = row.original;
+        return /* @__PURE__ */ jsx260(
+          Dropdown,
+          {
+            className: "cursor-pointer",
+            items: items(data2),
+            triggerMode: "hover",
+            children: /* @__PURE__ */ jsx260(EllipsisVertical46, {})
+          }
+        );
+      }
+    }
+  ];
+  const stocks = data?.data || [];
+  return /* @__PURE__ */ jsxs229(Fragment130, { children: [
+    /* @__PURE__ */ jsx260(TransactionView, {}),
+    /* @__PURE__ */ jsx260(Modal2, {}),
+    /* @__PURE__ */ jsx260(PosPrinter, {}),
+    /* @__PURE__ */ jsx260(
       TransactionViewComponent,
       {
         columns,
@@ -47251,19 +47642,19 @@ import { useEffect as useEffect112, useLayoutEffect as useLayoutEffect8, useStat
 
 // src/components/Transactions/3/purchase3/header.tsx
 import { useFormContext as useFormContext10 } from "react-hook-form";
-import { useParams as useParams102 } from "react-router-dom";
+import { useParams as useParams104 } from "react-router-dom";
 import { useEffect as useEffect110 } from "react";
-import { jsx as jsx259, jsxs as jsxs228 } from "react/jsx-runtime";
+import { jsx as jsx261, jsxs as jsxs230 } from "react/jsx-runtime";
 function SaleHeader4({ stockType }) {
   const form = useFormContext10();
-  const { branchId } = useParams102();
+  const { branchId } = useParams104();
   useEffect110(() => {
     if (branchId) {
       form.setValue("branch", branchId);
     }
   }, [branchId]);
-  return /* @__PURE__ */ jsxs228("section", { className: "grid grid-cols-1 md:grid-cols-4 lg:grid-cols-5 border-b-2 pb-4 pt-2 gap-4", children: [
-    /* @__PURE__ */ jsx259(
+  return /* @__PURE__ */ jsxs230("section", { className: "grid grid-cols-1 md:grid-cols-4 lg:grid-cols-5 border-b-2 pb-4 pt-2 gap-4", children: [
+    /* @__PURE__ */ jsx261(
       Fields_default.DateInput,
       {
         label: "Date",
@@ -47273,7 +47664,7 @@ function SaleHeader4({ stockType }) {
         required: true
       }
     ),
-    /* @__PURE__ */ jsx259(
+    /* @__PURE__ */ jsx261(
       Feilds_default.Branches,
       {
         name: "branch",
@@ -47284,7 +47675,7 @@ function SaleHeader4({ stockType }) {
         className: "h-[30px]!"
       }
     ),
-    /* @__PURE__ */ jsx259(
+    /* @__PURE__ */ jsx261(
       Fields_default.Select,
       {
         label: "Stock Type",
@@ -47299,7 +47690,7 @@ function SaleHeader4({ stockType }) {
         className: "rounded-md! min-w-[100px]! h-[30px]!"
       }
     ),
-    /* @__PURE__ */ jsx259(
+    /* @__PURE__ */ jsx261(
       Fields_default.Select,
       {
         label: "Currency",
@@ -47314,7 +47705,7 @@ function SaleHeader4({ stockType }) {
         className: "rounded-md! min-w-[100px]! h-[30px]!"
       }
     ),
-    /* @__PURE__ */ jsx259(
+    /* @__PURE__ */ jsx261(
       Fields_default.Input,
       {
         label: "Invoice Number",
@@ -47363,7 +47754,7 @@ var FetchBalance_default6 = useFetchBalance6;
 
 // src/components/Transactions/3/purchase3/table.tsx
 import { useEffect as useEffect111 } from "react";
-import { Fragment as Fragment129, jsx as jsx260, jsxs as jsxs229 } from "react/jsx-runtime";
+import { Fragment as Fragment131, jsx as jsx262, jsxs as jsxs231 } from "react/jsx-runtime";
 function PurchaseStockTable({
   data,
   methods,
@@ -47454,7 +47845,7 @@ function PurchaseStockTable({
               methods.setValue("lineObj", rowData.lineObj);
             }
           }, [rowData?.lineObj]);
-          return /* @__PURE__ */ jsx260("div", { className: "flex items-center gap-2 w-full ", children: /* @__PURE__ */ jsx260(
+          return /* @__PURE__ */ jsx262("div", { className: "flex items-center gap-2 w-full ", children: /* @__PURE__ */ jsx262(
             Fields_default.SearchApi,
             {
               id: "pti-lineId",
@@ -47503,8 +47894,8 @@ function PurchaseStockTable({
       cell: ({ row }) => {
         const lineObj2 = row.original?.lineObj;
         const lineName = lineObj2?.name;
-        return /* @__PURE__ */ jsxs229("div", { className: "flex items-center gap-2 w-full ", children: [
-          stockType === "product" && /* @__PURE__ */ jsx260("div", { className: "h-[20px] w-[20px] rounded-md overflow-hidden", children: /* @__PURE__ */ jsx260(
+        return /* @__PURE__ */ jsxs231("div", { className: "flex items-center gap-2 w-full ", children: [
+          stockType === "product" && /* @__PURE__ */ jsx262("div", { className: "h-[20px] w-[20px] rounded-md overflow-hidden", children: /* @__PURE__ */ jsx262(
             ProductImage_default,
             {
               src: lineObj2?.imgUrl || lineObj2?.image || null,
@@ -47512,7 +47903,7 @@ function PurchaseStockTable({
               width: 20
             }
           ) }),
-          /* @__PURE__ */ jsx260("h1", { children: lineName })
+          /* @__PURE__ */ jsx262("h1", { children: lineName })
         ] });
       }
     },
@@ -47521,7 +47912,7 @@ function PurchaseStockTable({
       header: "Available",
       maxSize: 90,
       meta: {
-        field: ({ value, onChange }) => /* @__PURE__ */ jsx260(Fragment129, { children: balanceLoading ? /* @__PURE__ */ jsx260(LoadingSpin, { size: "sm", className: "text-blue-600" }) : /* @__PURE__ */ jsx260(
+        field: ({ value, onChange }) => /* @__PURE__ */ jsx262(Fragment131, { children: balanceLoading ? /* @__PURE__ */ jsx262(LoadingSpin, { size: "sm", className: "text-blue-600" }) : /* @__PURE__ */ jsx262(
           Fields_default.Input,
           {
             id: "pti-lineBalance",
@@ -47539,7 +47930,7 @@ function PurchaseStockTable({
         ) })
       },
       cell: () => {
-        return /* @__PURE__ */ jsx260("h2", { children: "-" });
+        return /* @__PURE__ */ jsx262("h2", { children: "-" });
       }
     },
     ...!isRate ? [
@@ -47548,7 +47939,7 @@ function PurchaseStockTable({
         header: "Cost",
         maxSize: 140,
         meta: {
-          field: ({ value, onChange }) => /* @__PURE__ */ jsx260(
+          field: ({ value, onChange }) => /* @__PURE__ */ jsx262(
             Fields_default.Input,
             {
               id: "pti-lineCost",
@@ -47566,7 +47957,7 @@ function PurchaseStockTable({
           )
         },
         cell: ({ row }) => {
-          return /* @__PURE__ */ jsx260("h2", { children: Formats_default.Amount(row.original?.lineCost || 0) });
+          return /* @__PURE__ */ jsx262("h2", { children: Formats_default.Amount(row.original?.lineCost || 0) });
         }
       }
     ] : [],
@@ -47575,7 +47966,7 @@ function PurchaseStockTable({
       header: "Qty",
       maxSize: 90,
       meta: {
-        field: ({ value, onChange }) => /* @__PURE__ */ jsx260(
+        field: ({ value, onChange }) => /* @__PURE__ */ jsx262(
           Fields_default.Input,
           {
             id: "pti-lineQuantity",
@@ -47592,7 +47983,7 @@ function PurchaseStockTable({
         )
       },
       cell: ({ row }) => {
-        return /* @__PURE__ */ jsx260("h2", { children: Formats_default.XQty(row.original?.lineQuantity || 0) });
+        return /* @__PURE__ */ jsx262("h2", { children: Formats_default.XQty(row.original?.lineQuantity || 0) });
       }
     },
     {
@@ -47600,7 +47991,7 @@ function PurchaseStockTable({
       header: "Price",
       maxSize: 90,
       meta: {
-        field: ({ value, onChange }) => /* @__PURE__ */ jsx260(
+        field: ({ value, onChange }) => /* @__PURE__ */ jsx262(
           Fields_default.Input,
           {
             id: "pti-lineCost",
@@ -47617,7 +48008,7 @@ function PurchaseStockTable({
         )
       },
       cell: ({ row }) => {
-        return /* @__PURE__ */ jsx260("h2", { children: Formats_default.XQty(row.original?.lineSell || 0) });
+        return /* @__PURE__ */ jsx262("h2", { children: Formats_default.XQty(row.original?.lineSell || 0) });
       }
     },
     {
@@ -47625,7 +48016,7 @@ function PurchaseStockTable({
       header: "Total",
       maxSize: 150,
       meta: {
-        field: ({ value, onChange }) => /* @__PURE__ */ jsx260(
+        field: ({ value, onChange }) => /* @__PURE__ */ jsx262(
           Fields_default.Input,
           {
             id: "pti-lineTotal",
@@ -47643,11 +48034,11 @@ function PurchaseStockTable({
         )
       },
       cell: ({ row }) => {
-        return /* @__PURE__ */ jsx260("h2", { children: Formats_default.Amount(row.original?.lineTotal || 0) });
+        return /* @__PURE__ */ jsx262("h2", { children: Formats_default.Amount(row.original?.lineTotal || 0) });
       },
       footer: ({ row }) => {
         const total = data?.reduce((acc, row2) => acc + row2.lineTotal, 0);
-        return /* @__PURE__ */ jsx260("h2", { children: Formats_default.Price(total || 0, currency, false) });
+        return /* @__PURE__ */ jsx262("h2", { children: Formats_default.Price(total || 0, currency, false) });
       }
     }
   ];
@@ -47658,7 +48049,7 @@ function PurchaseStockTable({
       methods.setValue("lineBalance", 0);
     }
   }, [lineId, branch]);
-  return /* @__PURE__ */ jsx260(Fragment129, { children: /* @__PURE__ */ jsx260(
+  return /* @__PURE__ */ jsx262(Fragment131, { children: /* @__PURE__ */ jsx262(
     PostTable,
     {
       data: data || [],
@@ -47672,7 +48063,7 @@ function PurchaseStockTable({
       isLoading: getLoading,
       defaultExpanded: true,
       hasSubComponent: () => stockType !== "product",
-      renderSubComponent: ({ row }) => /* @__PURE__ */ jsx260(PackView_default, { type: stockType, data: row?.lineObj?.products })
+      renderSubComponent: ({ row }) => /* @__PURE__ */ jsx262(PackView_default, { type: stockType, data: row?.lineObj?.products })
     },
     data?.length
   ) });
@@ -47716,12 +48107,12 @@ var schema_default8 = AdjustmentStockSchema6;
 
 // src/components/Transactions/3/purchase3/pos.tsx
 import { ArrowLeft as ArrowLeft12 } from "lucide-react";
-import { useParams as useParams103 } from "react-router-dom";
+import { useParams as useParams105 } from "react-router-dom";
 
 // src/components/Transactions/3/purchase3/Submit.tsx
 import { useFormContext as useFormContext11 } from "react-hook-form";
-import { useMemo as useMemo50 } from "react";
-import { jsx as jsx261, jsxs as jsxs230 } from "react/jsx-runtime";
+import { useMemo as useMemo51 } from "react";
+import { jsx as jsx263, jsxs as jsxs232 } from "react/jsx-runtime";
 var CompletePurchaseModal = ({
   totalAmount,
   onSubmit,
@@ -47770,7 +48161,7 @@ var CompletePurchaseModal = ({
     }
   };
   const isRate = defaultCurrency !== currency;
-  const exchangedNet = useMemo50(() => {
+  const exchangedNet = useMemo51(() => {
     const total = forex_default.exchangedAmount({
       accountCurrency: defaultCurrency,
       transactionCurrency: currency,
@@ -47781,27 +48172,27 @@ var CompletePurchaseModal = ({
     return Formats_default.Price(total, defaultCurrency, false);
   }, [netAmount, currency, defaultCurrency, cash, credit, discount]);
   const { isSubmitting } = form.formState;
-  return /* @__PURE__ */ jsx261(Card, { isLoading: isSubmitting, children: /* @__PURE__ */ jsxs230("div", { className: "space-y-5", children: [
-    /* @__PURE__ */ jsxs230("div", { className: "bg-emerald-50 dark:bg-emerald-950/20 p-5 rounded-xl text-center space-y-1 border border-emerald-100 dark:border-emerald-900/30", children: [
-      /* @__PURE__ */ jsx261("span", { className: "text-xs uppercase tracking-wider text-emerald-600 dark:text-emerald-400 font-bold", children: "Net Total Amount" }),
-      /* @__PURE__ */ jsx261("h2", { className: "text-3xl font-black text-emerald-700 dark:text-emerald-300", children: Formats_default.Price(netAmount, currency, false) }),
-      discount > 0 && /* @__PURE__ */ jsxs230("p", { className: "text-xs text-gray-500 dark:text-zinc-400", children: [
+  return /* @__PURE__ */ jsx263(Card, { isLoading: isSubmitting, children: /* @__PURE__ */ jsxs232("div", { className: "space-y-5", children: [
+    /* @__PURE__ */ jsxs232("div", { className: "bg-emerald-50 dark:bg-emerald-950/20 p-5 rounded-xl text-center space-y-1 border border-emerald-100 dark:border-emerald-900/30", children: [
+      /* @__PURE__ */ jsx263("span", { className: "text-xs uppercase tracking-wider text-emerald-600 dark:text-emerald-400 font-bold", children: "Net Total Amount" }),
+      /* @__PURE__ */ jsx263("h2", { className: "text-3xl font-black text-emerald-700 dark:text-emerald-300", children: Formats_default.Price(netAmount, currency, false) }),
+      discount > 0 && /* @__PURE__ */ jsxs232("p", { className: "text-xs text-gray-500 dark:text-zinc-400", children: [
         "Original:",
         " ",
-        /* @__PURE__ */ jsx261("span", { className: "line-through", children: Formats_default.Price(totalAmount, currency, false) })
+        /* @__PURE__ */ jsx263("span", { className: "line-through", children: Formats_default.Price(totalAmount, currency, false) })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs230("div", { className: "bg-zinc-50 dark:bg-zinc-900/40 p-4 rounded-xl border border-zinc-100 dark:border-zinc-800 space-y-4", children: [
-      /* @__PURE__ */ jsxs230("div", { className: "flex items-center justify-between border-b pb-2 dark:border-zinc-800", children: [
-        /* @__PURE__ */ jsx261("span", { className: "text-sm font-bold text-gray-800 dark:text-zinc-200", children: "1. Discount & Rate" }),
-        (discount > 0 || isRate) && /* @__PURE__ */ jsx261("span", { className: "text-xs px-2 py-0.5 bg-amber-50 text-amber-600 rounded-full font-medium dark:bg-amber-950/40 dark:text-amber-400", children: discount > 0 ? "Applied" : "Exchange Rate Required" })
+    /* @__PURE__ */ jsxs232("div", { className: "bg-zinc-50 dark:bg-zinc-900/40 p-4 rounded-xl border border-zinc-100 dark:border-zinc-800 space-y-4", children: [
+      /* @__PURE__ */ jsxs232("div", { className: "flex items-center justify-between border-b pb-2 dark:border-zinc-800", children: [
+        /* @__PURE__ */ jsx263("span", { className: "text-sm font-bold text-gray-800 dark:text-zinc-200", children: "1. Discount & Rate" }),
+        (discount > 0 || isRate) && /* @__PURE__ */ jsx263("span", { className: "text-xs px-2 py-0.5 bg-amber-50 text-amber-600 rounded-full font-medium dark:bg-amber-950/40 dark:text-amber-400", children: discount > 0 ? "Applied" : "Exchange Rate Required" })
       ] }),
-      /* @__PURE__ */ jsxs230(
+      /* @__PURE__ */ jsxs232(
         "div",
         {
           className: isRate ? "grid grid-cols-1 md:grid-cols-2 gap-4" : "grid grid-cols-1 gap-4",
           children: [
-            /* @__PURE__ */ jsx261(
+            /* @__PURE__ */ jsx263(
               Fields_default.Input,
               {
                 label: "Discount Amount",
@@ -47812,7 +48203,7 @@ var CompletePurchaseModal = ({
                 className: "h-[40px]!"
               }
             ),
-            isRate && /* @__PURE__ */ jsx261(
+            isRate && /* @__PURE__ */ jsx263(
               Fields_default.Input,
               {
                 label: "Rate",
@@ -47827,13 +48218,13 @@ var CompletePurchaseModal = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs230("div", { className: "bg-zinc-50 dark:bg-zinc-900/40 p-4 rounded-xl border border-zinc-100 dark:border-zinc-800 space-y-4", children: [
-      /* @__PURE__ */ jsxs230("div", { className: "flex items-center justify-between border-b pb-2 dark:border-zinc-800", children: [
-        /* @__PURE__ */ jsx261("span", { className: "text-sm font-bold text-gray-800 dark:text-zinc-200", children: "2. Cash Payment" }),
-        cash > 0 && /* @__PURE__ */ jsx261("span", { className: "text-xs px-2 py-0.5 bg-blue-50 text-blue-600 rounded-full font-medium dark:bg-blue-950/40 dark:text-blue-400", children: "Active" })
+    /* @__PURE__ */ jsxs232("div", { className: "bg-zinc-50 dark:bg-zinc-900/40 p-4 rounded-xl border border-zinc-100 dark:border-zinc-800 space-y-4", children: [
+      /* @__PURE__ */ jsxs232("div", { className: "flex items-center justify-between border-b pb-2 dark:border-zinc-800", children: [
+        /* @__PURE__ */ jsx263("span", { className: "text-sm font-bold text-gray-800 dark:text-zinc-200", children: "2. Cash Payment" }),
+        cash > 0 && /* @__PURE__ */ jsx263("span", { className: "text-xs px-2 py-0.5 bg-blue-50 text-blue-600 rounded-full font-medium dark:bg-blue-950/40 dark:text-blue-400", children: "Active" })
       ] }),
-      /* @__PURE__ */ jsxs230("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-        /* @__PURE__ */ jsx261(
+      /* @__PURE__ */ jsxs232("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ jsx263(
           Fields_default.Input,
           {
             label: "Cash Amount",
@@ -47844,7 +48235,7 @@ var CompletePurchaseModal = ({
             className: "h-[40px]!"
           }
         ),
-        /* @__PURE__ */ jsx261(
+        /* @__PURE__ */ jsx263(
           Feilds_default2.Wallet,
           {
             name: "wallet",
@@ -47858,13 +48249,13 @@ var CompletePurchaseModal = ({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxs230("div", { className: "bg-zinc-50 dark:bg-zinc-900/40 p-4 rounded-xl border border-zinc-100 dark:border-zinc-800 space-y-4", children: [
-      /* @__PURE__ */ jsxs230("div", { className: "flex items-center justify-between border-b pb-2 dark:border-zinc-800", children: [
-        /* @__PURE__ */ jsx261("span", { className: "text-sm font-bold text-gray-800 dark:text-zinc-200", children: "2. Credit Payment" }),
-        credit > 0 && /* @__PURE__ */ jsx261("span", { className: "text-xs px-2 py-0.5 bg-red-50 text-red-600 rounded-full font-medium dark:bg-red-950/40 dark:text-red-400", children: "Active" })
+    /* @__PURE__ */ jsxs232("div", { className: "bg-zinc-50 dark:bg-zinc-900/40 p-4 rounded-xl border border-zinc-100 dark:border-zinc-800 space-y-4", children: [
+      /* @__PURE__ */ jsxs232("div", { className: "flex items-center justify-between border-b pb-2 dark:border-zinc-800", children: [
+        /* @__PURE__ */ jsx263("span", { className: "text-sm font-bold text-gray-800 dark:text-zinc-200", children: "2. Credit Payment" }),
+        credit > 0 && /* @__PURE__ */ jsx263("span", { className: "text-xs px-2 py-0.5 bg-red-50 text-red-600 rounded-full font-medium dark:bg-red-950/40 dark:text-red-400", children: "Active" })
       ] }),
-      /* @__PURE__ */ jsxs230("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-        /* @__PURE__ */ jsx261(
+      /* @__PURE__ */ jsxs232("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ jsx263(
           Fields_default.Input,
           {
             label: "Credit Amount",
@@ -47875,7 +48266,7 @@ var CompletePurchaseModal = ({
             className: "h-[40px]!"
           }
         ),
-        /* @__PURE__ */ jsx261(
+        /* @__PURE__ */ jsx263(
           Feilds_default.Customer,
           {
             name: "supplier",
@@ -47889,37 +48280,37 @@ var CompletePurchaseModal = ({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxs230("div", { className: "pt-2 space-y-2.5", children: [
-      /* @__PURE__ */ jsxs230("div", { className: "flex justify-between items-center text-sm px-2", children: [
-        /* @__PURE__ */ jsx261("span", { className: "text-gray-500 dark:text-zinc-400", children: "Total Before Discount:" }),
-        /* @__PURE__ */ jsx261("span", { className: "font-semibold text-gray-900 dark:text-white", children: Formats_default.Price(totalAmount, currency, false) })
+    /* @__PURE__ */ jsxs232("div", { className: "pt-2 space-y-2.5", children: [
+      /* @__PURE__ */ jsxs232("div", { className: "flex justify-between items-center text-sm px-2", children: [
+        /* @__PURE__ */ jsx263("span", { className: "text-gray-500 dark:text-zinc-400", children: "Total Before Discount:" }),
+        /* @__PURE__ */ jsx263("span", { className: "font-semibold text-gray-900 dark:text-white", children: Formats_default.Price(totalAmount, currency, false) })
       ] }),
-      discount > 0 && /* @__PURE__ */ jsxs230("div", { className: "flex justify-between items-center text-sm px-2 text-amber-600 dark:text-amber-400", children: [
-        /* @__PURE__ */ jsx261("span", { children: "Discount Applied:" }),
-        /* @__PURE__ */ jsxs230("span", { children: [
+      discount > 0 && /* @__PURE__ */ jsxs232("div", { className: "flex justify-between items-center text-sm px-2 text-amber-600 dark:text-amber-400", children: [
+        /* @__PURE__ */ jsx263("span", { children: "Discount Applied:" }),
+        /* @__PURE__ */ jsxs232("span", { children: [
           "-",
           Formats_default.Price(discount, currency, false)
         ] })
       ] }),
-      /* @__PURE__ */ jsxs230("div", { className: "flex justify-between items-center text-sm px-2 text-blue-600 dark:text-blue-400", children: [
-        /* @__PURE__ */ jsx261("span", { children: "Cash Paid:" }),
-        /* @__PURE__ */ jsx261("span", { children: Formats_default.Price(cash, currency, false) })
+      /* @__PURE__ */ jsxs232("div", { className: "flex justify-between items-center text-sm px-2 text-blue-600 dark:text-blue-400", children: [
+        /* @__PURE__ */ jsx263("span", { children: "Cash Paid:" }),
+        /* @__PURE__ */ jsx263("span", { children: Formats_default.Price(cash, currency, false) })
       ] }),
-      /* @__PURE__ */ jsxs230("div", { className: "flex justify-between items-center text-sm px-2 text-red-500 dark:text-red-400", children: [
-        /* @__PURE__ */ jsx261("span", { children: "Credit Amount:" }),
-        /* @__PURE__ */ jsx261("span", { children: Formats_default.Price(credit, currency, false) })
+      /* @__PURE__ */ jsxs232("div", { className: "flex justify-between items-center text-sm px-2 text-red-500 dark:text-red-400", children: [
+        /* @__PURE__ */ jsx263("span", { children: "Credit Amount:" }),
+        /* @__PURE__ */ jsx263("span", { children: Formats_default.Price(credit, currency, false) })
       ] }),
-      /* @__PURE__ */ jsxs230("div", { className: "flex justify-between items-center text-base font-bold bg-zinc-100 dark:bg-zinc-800/80 p-3 rounded-lg text-gray-900 dark:text-white mt-1", children: [
-        /* @__PURE__ */ jsx261("span", { children: "Net Total:" }),
-        /* @__PURE__ */ jsx261("span", { children: Formats_default.Price(netAmount, currency, false) })
+      /* @__PURE__ */ jsxs232("div", { className: "flex justify-between items-center text-base font-bold bg-zinc-100 dark:bg-zinc-800/80 p-3 rounded-lg text-gray-900 dark:text-white mt-1", children: [
+        /* @__PURE__ */ jsx263("span", { children: "Net Total:" }),
+        /* @__PURE__ */ jsx263("span", { children: Formats_default.Price(netAmount, currency, false) })
       ] }),
-      isRate && /* @__PURE__ */ jsxs230("div", { className: "flex justify-between items-center text-base font-bold bg-zinc-100 dark:bg-zinc-800/80 p-3 rounded-lg text-gray-900 dark:text-white mt-1", children: [
-        /* @__PURE__ */ jsx261("span", { children: "Exchanged Net Total:" }),
-        /* @__PURE__ */ jsx261("span", { children: exchangedNet })
+      isRate && /* @__PURE__ */ jsxs232("div", { className: "flex justify-between items-center text-base font-bold bg-zinc-100 dark:bg-zinc-800/80 p-3 rounded-lg text-gray-900 dark:text-white mt-1", children: [
+        /* @__PURE__ */ jsx263("span", { children: "Exchanged Net Total:" }),
+        /* @__PURE__ */ jsx263("span", { children: exchangedNet })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs230("div", { className: "flex justify-end gap-3 pt-3 border-t dark:border-zinc-800", children: [
-      /* @__PURE__ */ jsx261(
+    /* @__PURE__ */ jsxs232("div", { className: "flex justify-end gap-3 pt-3 border-t dark:border-zinc-800", children: [
+      /* @__PURE__ */ jsx263(
         Button,
         {
           onClick: closeModal,
@@ -47931,7 +48322,7 @@ var CompletePurchaseModal = ({
           children: "Cancel"
         }
       ),
-      /* @__PURE__ */ jsx261(
+      /* @__PURE__ */ jsx263(
         Button,
         {
           onClick: onSubmit,
@@ -47949,11 +48340,11 @@ var CompletePurchaseModal = ({
 var Submit_default3 = CompletePurchaseModal;
 
 // src/components/Transactions/3/purchase3/pos.tsx
-import { Fragment as Fragment130, jsx as jsx262, jsxs as jsxs231 } from "react/jsx-runtime";
+import { Fragment as Fragment132, jsx as jsx264, jsxs as jsxs233 } from "react/jsx-runtime";
 var Purchase3Form = ({ type }) => {
   const { getQuery, navigate } = useApp_default();
   const stockType = type;
-  const { branchId } = useParams103();
+  const { branchId } = useParams105();
   const purchaseId = getQuery("id");
   const { currencies } = useWarqadConfig();
   const { defaultCurrency } = currencies;
@@ -48095,7 +48486,7 @@ var Purchase3Form = ({ type }) => {
       type: "complete_purchase2",
       title: "Complete purchase",
       width: 650,
-      content: /* @__PURE__ */ jsx262(
+      content: /* @__PURE__ */ jsx264(
         Submit_default3,
         {
           totalAmount,
@@ -48160,25 +48551,25 @@ var Purchase3Form = ({ type }) => {
       fetchData();
     }
   }, [purchaseId]);
-  return /* @__PURE__ */ jsxs231(FormProvider6, { ...methods, children: [
-    /* @__PURE__ */ jsx262(Modal2, {}),
-    /* @__PURE__ */ jsx262("div", { className: "space-y-6 ", children: /* @__PURE__ */ jsx262("div", { className: "grid grid-cols-1 gap-6", children: /* @__PURE__ */ jsxs231(Card, { children: [
-      /* @__PURE__ */ jsxs231(Card.Header, { children: [
-        /* @__PURE__ */ jsxs231("div", { className: "flex justify-between gap-2 items-center", children: [
-          /* @__PURE__ */ jsxs231("section", { children: [
-            /* @__PURE__ */ jsxs231(Card.Title, { children: [
+  return /* @__PURE__ */ jsxs233(FormProvider6, { ...methods, children: [
+    /* @__PURE__ */ jsx264(Modal2, {}),
+    /* @__PURE__ */ jsx264("div", { className: "space-y-6 ", children: /* @__PURE__ */ jsx264("div", { className: "grid grid-cols-1 gap-6", children: /* @__PURE__ */ jsxs233(Card, { children: [
+      /* @__PURE__ */ jsxs233(Card.Header, { children: [
+        /* @__PURE__ */ jsxs233("div", { className: "flex justify-between gap-2 items-center", children: [
+          /* @__PURE__ */ jsxs233("section", { children: [
+            /* @__PURE__ */ jsxs233(Card.Title, { children: [
               stockType,
               " Stock purchase Table"
             ] }),
-            /* @__PURE__ */ jsx262(Card.Description, { children: !purchaseId ? "Add items to the table and process the purchase" : "Edit items in the table and update the purchase" })
+            /* @__PURE__ */ jsx264(Card.Description, { children: !purchaseId ? "Add items to the table and process the purchase" : "Edit items in the table and update the purchase" })
           ] }),
-          /* @__PURE__ */ jsx262(
+          /* @__PURE__ */ jsx264(
             Button,
             {
               onClick: () => {
                 navigate(-1);
               },
-              icon: /* @__PURE__ */ jsx262(ArrowLeft12, {}),
+              icon: /* @__PURE__ */ jsx264(ArrowLeft12, {}),
               size: "sm",
               type: "button",
               variant: "warning",
@@ -48187,9 +48578,9 @@ var Purchase3Form = ({ type }) => {
             }
           )
         ] }),
-        /* @__PURE__ */ jsx262(header_default6, { stockType })
+        /* @__PURE__ */ jsx264(header_default6, { stockType })
       ] }),
-      /* @__PURE__ */ jsx262(Card.Content, { className: "space-y-6", children: /* @__PURE__ */ jsx262(
+      /* @__PURE__ */ jsx264(Card.Content, { className: "space-y-6", children: /* @__PURE__ */ jsx264(
         table_default6,
         {
           data: postData,
@@ -48200,8 +48591,8 @@ var Purchase3Form = ({ type }) => {
           adjustmentId: purchaseId
         }
       ) }),
-      /* @__PURE__ */ jsx262(Card.Footer, { className: "flex justify-end space-y-2", children: /* @__PURE__ */ jsxs231("div", { className: "flex items-center gap-3", children: [
-        !purchaseId ? /* @__PURE__ */ jsx262(Fragment130, { children: storage.has(getStorageType6(stockType)) && postData?.length > 0 && /* @__PURE__ */ jsx262(
+      /* @__PURE__ */ jsx264(Card.Footer, { className: "flex justify-end space-y-2", children: /* @__PURE__ */ jsxs233("div", { className: "flex items-center gap-3", children: [
+        !purchaseId ? /* @__PURE__ */ jsx264(Fragment132, { children: storage.has(getStorageType6(stockType)) && postData?.length > 0 && /* @__PURE__ */ jsx264(
           Popconfirm7,
           {
             title: "Are you sure you want to clear the draft?",
@@ -48210,7 +48601,7 @@ var Purchase3Form = ({ type }) => {
               storage.remove(getStorageType6(stockType));
               setPostData([]);
             },
-            children: /* @__PURE__ */ jsx262(
+            children: /* @__PURE__ */ jsx264(
               Button,
               {
                 size: "md",
@@ -48221,7 +48612,7 @@ var Purchase3Form = ({ type }) => {
               }
             )
           }
-        ) }) : /* @__PURE__ */ jsx262(
+        ) }) : /* @__PURE__ */ jsx264(
           Button,
           {
             onClick: () => {
@@ -48235,7 +48626,7 @@ var Purchase3Form = ({ type }) => {
             children: "Cancel"
           }
         ),
-        /* @__PURE__ */ jsx262(
+        /* @__PURE__ */ jsx264(
           Button,
           {
             onClick: handleSubmit(onMainFormSubmit, (e) => {
@@ -48273,12 +48664,12 @@ var purchase3 = {
 var purchase3_default = purchase3;
 
 // src/components/Transactions/3/expense/Expenses.tsx
-import { useNavigate as useNavigate63, useParams as useParams104 } from "react-router-dom";
-import { EllipsisVertical as EllipsisVertical46, FilePenLine as FilePenLine42, Trash2 as Trash252 } from "lucide-react";
-import { Fragment as Fragment131, jsx as jsx263, jsxs as jsxs232 } from "react/jsx-runtime";
+import { useNavigate as useNavigate64, useParams as useParams106 } from "react-router-dom";
+import { EllipsisVertical as EllipsisVertical47, FilePenLine as FilePenLine43, Trash2 as Trash253 } from "lucide-react";
+import { Fragment as Fragment133, jsx as jsx265, jsxs as jsxs234 } from "react/jsx-runtime";
 function Expenses3({ url }) {
-  const { branchId } = useParams104();
-  const navigate = useNavigate63();
+  const { branchId } = useParams106();
+  const navigate = useNavigate64();
   const { TransactionView, openTransaction } = useTransactionView_default();
   const { data, TransactionViewComponent, reload } = useTransaction_default({
     url: url || `/transactions/get?type=expense-3${branchId ? `&branch=${branchId}` : ""}`,
@@ -48288,17 +48679,17 @@ function Expenses3({ url }) {
   const items = (data2) => [
     {
       label: `View Expense`,
-      icon: /* @__PURE__ */ jsx263(FilePenLine42, { size: 16 }),
+      icon: /* @__PURE__ */ jsx265(FilePenLine43, { size: 16 }),
       onClick: () => openTransaction({ id: data2?._id, type: "expense-3" })
     },
     {
       label: `Edit Expense`,
-      icon: /* @__PURE__ */ jsx263(FilePenLine42, { size: 16 }),
+      icon: /* @__PURE__ */ jsx265(FilePenLine43, { size: 16 }),
       onClick: () => navigate(`update?id=${data2?._id}`)
     },
     {
       label: `Delete Expense`,
-      icon: /* @__PURE__ */ jsx263(Trash252, { className: "text-red-500", size: 16 }),
+      icon: /* @__PURE__ */ jsx265(Trash253, { className: "text-red-500", size: 16 }),
       onClick: () => {
         openTransaction({
           id: data2?._id,
@@ -48314,9 +48705,9 @@ function Expenses3({ url }) {
       header: "Date",
       cell: ({ row }) => {
         const expense = row.original;
-        return /* @__PURE__ */ jsxs232("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ jsx263("span", { children: expense?.date }),
-          /* @__PURE__ */ jsx263(
+        return /* @__PURE__ */ jsxs234("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ jsx265("span", { children: expense?.date }),
+          /* @__PURE__ */ jsx265(
             "span",
             {
               onClick: () => openTransaction({ id: expense?._id, type: "expense-3" }),
@@ -48332,9 +48723,9 @@ function Expenses3({ url }) {
       header: "Description",
       cell: ({ row }) => {
         const expense = row.original;
-        return /* @__PURE__ */ jsxs232("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ jsx263("span", { className: "capitalize", children: expense?.description }),
-          expense?.note && /* @__PURE__ */ jsx263("span", { className: "text-xs text-gray-500 italic max-w-xs truncate", children: expense?.note })
+        return /* @__PURE__ */ jsxs234("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ jsx265("span", { className: "capitalize", children: expense?.description }),
+          expense?.note && /* @__PURE__ */ jsx265("span", { className: "text-xs text-gray-500 italic max-w-xs truncate", children: expense?.note })
         ] });
       }
     },
@@ -48344,7 +48735,7 @@ function Expenses3({ url }) {
       cell: ({ row }) => {
         const expense = row.original;
         const walletData = expense?.fromWalletData || expense?.toWalletData;
-        return /* @__PURE__ */ jsx263("span", { children: walletData?.name || "N/A" });
+        return /* @__PURE__ */ jsx265("span", { children: walletData?.name || "N/A" });
       }
     },
     {
@@ -48352,7 +48743,7 @@ function Expenses3({ url }) {
       header: "Amount",
       cell: ({ row }) => {
         const expense = row.original;
-        return /* @__PURE__ */ jsx263("div", { className: "", children: /* @__PURE__ */ jsx263("p", { className: "font-medium text-red-600", children: Formats_default.Price(expense?.amount, expense?.currency) }) });
+        return /* @__PURE__ */ jsx265("div", { className: "", children: /* @__PURE__ */ jsx265("p", { className: "font-medium text-red-600", children: Formats_default.Price(expense?.amount, expense?.currency) }) });
       }
     },
     {
@@ -48360,23 +48751,23 @@ function Expenses3({ url }) {
       header: "Actions",
       cell: ({ row }) => {
         const data2 = row.original;
-        return /* @__PURE__ */ jsx263(
+        return /* @__PURE__ */ jsx265(
           Dropdown,
           {
             className: "cursor-pointer w-[150px]",
             items: items(data2),
             triggerMode: "hover",
-            children: /* @__PURE__ */ jsx263(EllipsisVertical46, {})
+            children: /* @__PURE__ */ jsx265(EllipsisVertical47, {})
           }
         );
       }
     }
   ];
   const expenses = data?.data || [];
-  return /* @__PURE__ */ jsxs232(Fragment131, { children: [
-    /* @__PURE__ */ jsx263(TransactionView, {}),
-    /* @__PURE__ */ jsx263(Modal2, {}),
-    /* @__PURE__ */ jsx263(
+  return /* @__PURE__ */ jsxs234(Fragment133, { children: [
+    /* @__PURE__ */ jsx265(TransactionView, {}),
+    /* @__PURE__ */ jsx265(Modal2, {}),
+    /* @__PURE__ */ jsx265(
       TransactionViewComponent,
       {
         columns,
@@ -48395,8 +48786,8 @@ function Expenses3({ url }) {
 var Expenses_default2 = Expenses3;
 
 // src/components/Transactions/3/expense/ExpenseForm.tsx
-import { useEffect as useEffect113, useMemo as useMemo51, useState as useState112 } from "react";
-import { useParams as useParams105 } from "react-router-dom";
+import { useEffect as useEffect113, useMemo as useMemo52, useState as useState112 } from "react";
+import { useParams as useParams107 } from "react-router-dom";
 import { useForm as useForm57 } from "react-hook-form";
 import { zodResolver as zodResolver56 } from "@hookform/resolvers/zod";
 import { message as message84 } from "antd";
@@ -48416,9 +48807,9 @@ var expenseSchema4 = z48.object({
 });
 
 // src/components/Transactions/3/expense/ExpenseForm.tsx
-import { Fragment as Fragment132, jsx as jsx264, jsxs as jsxs233 } from "react/jsx-runtime";
+import { Fragment as Fragment134, jsx as jsx266, jsxs as jsxs235 } from "react/jsx-runtime";
 function ExpenseForm2() {
-  const { branchId } = useParams105();
+  const { branchId } = useParams107();
   const { getQuery, navigate } = useApp_default();
   const id = getQuery("id");
   const isEdit = !!id;
@@ -48443,7 +48834,7 @@ function ExpenseForm2() {
   const isRate = currency && currency !== defaultCurrency;
   const amount = watch("amount");
   const rate = watch("rate");
-  const exchangedAmount2 = useMemo51(() => {
+  const exchangedAmount2 = useMemo52(() => {
     if (isRate) {
       const am = forex_default.exchangedAmount({
         accountCurrency: defaultCurrency,
@@ -48496,25 +48887,25 @@ function ExpenseForm2() {
       fetches();
     }
   }, [id]);
-  return /* @__PURE__ */ jsxs233(
+  return /* @__PURE__ */ jsxs235(
     Card,
     {
       className: "max-w-4xl mx-auto mt-10 relative",
       isLoading: isLoadingGet,
       loadingText: "Processing...",
       children: [
-        /* @__PURE__ */ jsxs233(Card.Header, { children: [
-          /* @__PURE__ */ jsx264(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Expense` }),
-          /* @__PURE__ */ jsx264(Card.Description, { children: isEdit ? `Update the details for this expense entry` : `Record a new business expense` })
+        /* @__PURE__ */ jsxs235(Card.Header, { children: [
+          /* @__PURE__ */ jsx266(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Expense` }),
+          /* @__PURE__ */ jsx266(Card.Description, { children: isEdit ? `Update the details for this expense entry` : `Record a new business expense` })
         ] }),
-        /* @__PURE__ */ jsx264(Card.Content, { children: /* @__PURE__ */ jsxs233(
+        /* @__PURE__ */ jsx266(Card.Content, { children: /* @__PURE__ */ jsxs235(
           "form",
           {
             className: "space-y-4",
             onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)),
             children: [
-              /* @__PURE__ */ jsxs233("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-                /* @__PURE__ */ jsx264(
+              /* @__PURE__ */ jsxs235("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ jsx266(
                   Fields_default.Input,
                   {
                     label: "Description",
@@ -48524,7 +48915,7 @@ function ExpenseForm2() {
                     required: true
                   }
                 ),
-                /* @__PURE__ */ jsx264(
+                /* @__PURE__ */ jsx266(
                   Feilds_default2.Wallet,
                   {
                     label: "Wallet",
@@ -48537,8 +48928,8 @@ function ExpenseForm2() {
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs233("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-                /* @__PURE__ */ jsx264(
+              /* @__PURE__ */ jsxs235("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ jsx266(
                   Fields_default.DateInput,
                   {
                     label: "Date",
@@ -48547,7 +48938,7 @@ function ExpenseForm2() {
                     required: true
                   }
                 ),
-                /* @__PURE__ */ jsx264(
+                /* @__PURE__ */ jsx266(
                   Fields_default.Input,
                   {
                     label: "Amount",
@@ -48558,8 +48949,8 @@ function ExpenseForm2() {
                     required: true
                   }
                 ),
-                isRate && /* @__PURE__ */ jsxs233(Fragment132, { children: [
-                  /* @__PURE__ */ jsx264(
+                isRate && /* @__PURE__ */ jsxs235(Fragment134, { children: [
+                  /* @__PURE__ */ jsx266(
                     Fields_default.Input,
                     {
                       label: "Rate",
@@ -48570,7 +48961,7 @@ function ExpenseForm2() {
                       required: true
                     }
                   ),
-                  /* @__PURE__ */ jsx264(
+                  /* @__PURE__ */ jsx266(
                     Fields_default.Input,
                     {
                       label: "Exchanged Amount",
@@ -48582,7 +48973,7 @@ function ExpenseForm2() {
                   )
                 ] })
               ] }),
-              /* @__PURE__ */ jsx264(
+              /* @__PURE__ */ jsx266(
                 Fields_default.Textarea,
                 {
                   label: "Note",
@@ -48591,7 +48982,7 @@ function ExpenseForm2() {
                   placeholder: "Add any additional details..."
                 }
               ),
-              /* @__PURE__ */ jsx264("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsx264(
+              /* @__PURE__ */ jsx266("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsx266(
                 Button,
                 {
                   isLoading,
@@ -48619,13 +49010,13 @@ var Expenses32 = {
 var expense_default = Expenses32;
 
 // src/components/Transactions/3/reports/Expenses3Reports.tsx
-import { useParams as useParams106 } from "react-router-dom";
-import { useMemo as useMemo52, useState as useState113 } from "react";
+import { useParams as useParams108 } from "react-router-dom";
+import { useMemo as useMemo53, useState as useState113 } from "react";
 import { DatePicker as DatePicker9 } from "antd";
 import dayjs11 from "dayjs";
-import { Fragment as Fragment133, jsx as jsx265, jsxs as jsxs234 } from "react/jsx-runtime";
+import { Fragment as Fragment135, jsx as jsx267, jsxs as jsxs236 } from "react/jsx-runtime";
 var Expenses3Reports = () => {
-  const { branchId } = useParams106();
+  const { branchId } = useParams108();
   const [startDate, setStartDate] = useState113(null);
   const [endDate, setEndDate] = useState113(null);
   const { A4DataView, data } = useA4DataView_default({
@@ -48640,9 +49031,9 @@ var Expenses3Reports = () => {
       header: "Date",
       key: "date",
       className: "text-xs whitespace-nowrap",
-      render: (row) => /* @__PURE__ */ jsxs234("div", { className: "", children: [
-        /* @__PURE__ */ jsx265("p", { className: "font-bold text-black dark:text-white print:text-black", children: row.date }),
-        /* @__PURE__ */ jsx265(
+      render: (row) => /* @__PURE__ */ jsxs236("div", { className: "", children: [
+        /* @__PURE__ */ jsx267("p", { className: "font-bold text-black dark:text-white print:text-black", children: row.date }),
+        /* @__PURE__ */ jsx267(
           "span",
           {
             onClick: () => {
@@ -48662,9 +49053,9 @@ var Expenses3Reports = () => {
       key: "description",
       className: "text-xs whitespace-nowrap ",
       render: (row) => {
-        return /* @__PURE__ */ jsxs234("div", { className: "", children: [
-          /* @__PURE__ */ jsx265("p", { className: "font-bold capitalize text-black dark:text-white print:text-black", children: row.description }),
-          row.note && /* @__PURE__ */ jsx265("p", { className: "font-medium italic text-[8px] capitalize text-gray-500 dark:text-white ", children: row.note })
+        return /* @__PURE__ */ jsxs236("div", { className: "", children: [
+          /* @__PURE__ */ jsx267("p", { className: "font-bold capitalize text-black dark:text-white print:text-black", children: row.description }),
+          row.note && /* @__PURE__ */ jsx267("p", { className: "font-medium italic text-[8px] capitalize text-gray-500 dark:text-white ", children: row.note })
         ] });
       }
     },
@@ -48672,16 +49063,16 @@ var Expenses3Reports = () => {
       header: "Amount",
       key: "changedAmountString",
       className: "text-xs whitespace-nowrap text-right",
-      render: (row) => /* @__PURE__ */ jsx265("span", { className: "font-bold text-black dark:text-white print:text-black", children: row.changedAmountString }),
+      render: (row) => /* @__PURE__ */ jsx267("span", { className: "font-bold text-black dark:text-white print:text-black", children: row.changedAmountString }),
       renderFooter: (data2) => {
-        return /* @__PURE__ */ jsx265("span", { className: "text-black dark:text-white print:text-black font-bold", children: Formats_default.Price(
+        return /* @__PURE__ */ jsx267("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 = useMemo52(() => {
+  const datas = useMemo53(() => {
     let runningBalance = 0;
     let filteredData = data?.data || [];
     const mapped = filteredData.map((item) => {
@@ -48715,9 +49106,9 @@ var Expenses3Reports = () => {
     }
     return filtered;
   }, [data, startDate, endDate]);
-  return /* @__PURE__ */ jsxs234(Fragment133, { children: [
-    /* @__PURE__ */ jsx265(TransactionView, {}),
-    /* @__PURE__ */ jsx265(
+  return /* @__PURE__ */ jsxs236(Fragment135, { children: [
+    /* @__PURE__ */ jsx267(TransactionView, {}),
+    /* @__PURE__ */ jsx267(
       A4DataView,
       {
         columns,
@@ -48726,8 +49117,8 @@ var Expenses3Reports = () => {
         title: `Expenses Report`,
         subtitle: `All Expenses`,
         fixed: false,
-        headers: /* @__PURE__ */ jsxs234("div", { className: "flex gap-2 items-center print:hidden flex-wrap", children: [
-          /* @__PURE__ */ jsx265(
+        headers: /* @__PURE__ */ jsxs236("div", { className: "flex gap-2 items-center print:hidden flex-wrap", children: [
+          /* @__PURE__ */ jsx267(
             DatePicker9,
             {
               placeholder: "Start Date",
@@ -48737,7 +49128,7 @@ var Expenses3Reports = () => {
               className: "min-w-[140px] max-w-[160px]"
             }
           ),
-          /* @__PURE__ */ jsx265(
+          /* @__PURE__ */ jsx267(
             DatePicker9,
             {
               placeholder: "End Date",
@@ -48755,13 +49146,13 @@ 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 { useParams as useParams109 } from "react-router-dom";
+import { useMemo as useMemo54, 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";
+import { Fragment as Fragment136, jsx as jsx268, jsxs as jsxs237 } from "react/jsx-runtime";
 var Expenses3Reports2 = () => {
-  const { branchId } = useParams107();
+  const { branchId } = useParams109();
   const [startDate, setStartDate] = useState114(null);
   const [endDate, setEndDate] = useState114(null);
   const { A4DataView, data } = useA4DataView_default({
@@ -48776,9 +49167,9 @@ var Expenses3Reports2 = () => {
       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(
+      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(
           "span",
           {
             onClick: () => {
@@ -48798,9 +49189,9 @@ var Expenses3Reports2 = () => {
       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-[8px] capitalize text-gray-500 dark:text-white ", children: row.note })
+        return /* @__PURE__ */ jsxs237("div", { className: "", children: [
+          /* @__PURE__ */ jsx268("p", { className: "font-bold capitalize text-black dark:text-white print:text-black", children: row.description }),
+          row.note && /* @__PURE__ */ jsx268("p", { className: "font-medium italic text-[8px] capitalize text-gray-500 dark:text-white ", children: row.note })
         ] });
       }
     },
@@ -48808,16 +49199,16 @@ var Expenses3Reports2 = () => {
       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 }),
+      render: (row) => /* @__PURE__ */ jsx268("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(
+        return /* @__PURE__ */ jsx268("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(() => {
+  const datas = useMemo54(() => {
     let runningBalance = 0;
     let filteredData = data?.data || [];
     const mapped = filteredData.map((item) => {
@@ -48851,9 +49242,9 @@ var Expenses3Reports2 = () => {
     }
     return filtered;
   }, [data, startDate, endDate]);
-  return /* @__PURE__ */ jsxs235(Fragment134, { children: [
-    /* @__PURE__ */ jsx266(TransactionView, {}),
-    /* @__PURE__ */ jsx266(
+  return /* @__PURE__ */ jsxs237(Fragment136, { children: [
+    /* @__PURE__ */ jsx268(TransactionView, {}),
+    /* @__PURE__ */ jsx268(
       A4DataView,
       {
         columns,
@@ -48862,8 +49253,8 @@ var Expenses3Reports2 = () => {
         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(
+        headers: /* @__PURE__ */ jsxs237("div", { className: "flex gap-2 items-center print:hidden flex-wrap", children: [
+          /* @__PURE__ */ jsx268(
             DatePicker10,
             {
               placeholder: "Start Date",
@@ -48873,7 +49264,7 @@ var Expenses3Reports2 = () => {
               className: "min-w-[140px] max-w-[160px]"
             }
           ),
-          /* @__PURE__ */ jsx266(
+          /* @__PURE__ */ jsx268(
             DatePicker10,
             {
               placeholder: "End Date",
@@ -48898,12 +49289,12 @@ var Reports3 = {
 var reports_default = Reports3;
 
 // src/components/Transactions/3/expenseJournal/ExpensesJournal.tsx
-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 Fragment135, jsx as jsx267, jsxs as jsxs236 } from "react/jsx-runtime";
+import { useNavigate as useNavigate65, useParams as useParams110 } from "react-router-dom";
+import { EllipsisVertical as EllipsisVertical48, FilePenLine as FilePenLine44, Trash2 as Trash254 } from "lucide-react";
+import { Fragment as Fragment137, jsx as jsx269, jsxs as jsxs238 } from "react/jsx-runtime";
 function ExpensesJournal3({ url }) {
-  const { branchId } = useParams108();
-  const navigate = useNavigate64();
+  const { branchId } = useParams110();
+  const navigate = useNavigate65();
   const { TransactionView, openTransaction } = useTransactionView_default();
   const { data, TransactionViewComponent, reload } = useTransaction_default({
     url: url || `/transactions/get?type=expense-journal-3${branchId ? `&branch=${branchId}` : ""}`,
@@ -48913,17 +49304,17 @@ function ExpensesJournal3({ url }) {
   const items = (data2) => [
     {
       label: `View Expense`,
-      icon: /* @__PURE__ */ jsx267(FilePenLine43, { size: 16 }),
+      icon: /* @__PURE__ */ jsx269(FilePenLine44, { size: 16 }),
       onClick: () => openTransaction({ id: data2?._id, type: "expense-3" })
     },
     {
       label: `Edit Expense`,
-      icon: /* @__PURE__ */ jsx267(FilePenLine43, { size: 16 }),
+      icon: /* @__PURE__ */ jsx269(FilePenLine44, { size: 16 }),
       onClick: () => navigate(`update?id=${data2?._id}`)
     },
     {
       label: `Delete Expense`,
-      icon: /* @__PURE__ */ jsx267(Trash253, { className: "text-red-500", size: 16 }),
+      icon: /* @__PURE__ */ jsx269(Trash254, { className: "text-red-500", size: 16 }),
       onClick: () => {
         openTransaction({
           id: data2?._id,
@@ -48939,9 +49330,9 @@ function ExpensesJournal3({ url }) {
       header: "Date",
       cell: ({ row }) => {
         const expense = row.original;
-        return /* @__PURE__ */ jsxs236("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ jsx267("span", { children: expense?.date }),
-          /* @__PURE__ */ jsx267(
+        return /* @__PURE__ */ jsxs238("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ jsx269("span", { children: expense?.date }),
+          /* @__PURE__ */ jsx269(
             "span",
             {
               onClick: () => openTransaction({ id: expense?._id, type: "expense-3" }),
@@ -48957,9 +49348,9 @@ function ExpensesJournal3({ url }) {
       header: "Description",
       cell: ({ row }) => {
         const expense = row.original;
-        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 })
+        return /* @__PURE__ */ jsxs238("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ jsx269("span", { className: "capitalize", children: expense?.description }),
+          expense?.note && /* @__PURE__ */ jsx269("span", { className: "text-xs text-gray-500 italic max-w-xs truncate", children: expense?.note })
         ] });
       }
     },
@@ -48968,9 +49359,9 @@ function ExpensesJournal3({ url }) {
       header: "Amount",
       cell: ({ row }) => {
         const expense = row.original;
-        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: [
+        return /* @__PURE__ */ jsxs238("div", { className: "", children: [
+          /* @__PURE__ */ jsx269("p", { className: "font-medium text-red-600", children: Formats_default.Price(expense?.amount, expense?.currency) }),
+          expense?.exchange?.rate && expense?.exchange?.rate > 0 && /* @__PURE__ */ jsxs238("p", { className: "text-xs text-gray-500 italic", children: [
             "rate ",
             expense?.exchange?.rate,
             " ,",
@@ -48988,23 +49379,23 @@ function ExpensesJournal3({ url }) {
       header: "Actions",
       cell: ({ row }) => {
         const data2 = row.original;
-        return /* @__PURE__ */ jsx267(
+        return /* @__PURE__ */ jsx269(
           Dropdown,
           {
             className: "cursor-pointer w-[150px]",
             items: items(data2),
             triggerMode: "hover",
-            children: /* @__PURE__ */ jsx267(EllipsisVertical47, {})
+            children: /* @__PURE__ */ jsx269(EllipsisVertical48, {})
           }
         );
       }
     }
   ];
   const expenses = data?.data || [];
-  return /* @__PURE__ */ jsxs236(Fragment135, { children: [
-    /* @__PURE__ */ jsx267(TransactionView, {}),
-    /* @__PURE__ */ jsx267(Modal2, {}),
-    /* @__PURE__ */ jsx267(
+  return /* @__PURE__ */ jsxs238(Fragment137, { children: [
+    /* @__PURE__ */ jsx269(TransactionView, {}),
+    /* @__PURE__ */ jsx269(Modal2, {}),
+    /* @__PURE__ */ jsx269(
       TransactionViewComponent,
       {
         columns,
@@ -49023,8 +49414,8 @@ function ExpensesJournal3({ url }) {
 var ExpensesJournal_default = ExpensesJournal3;
 
 // src/components/Transactions/3/expenseJournal/ExpensesJournal3Form.tsx
-import { useEffect as useEffect114, useMemo as useMemo54, useState as useState115 } from "react";
-import { useParams as useParams109 } from "react-router-dom";
+import { useEffect as useEffect114, useMemo as useMemo55, useState as useState115 } from "react";
+import { useParams as useParams111 } 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";
@@ -49042,9 +49433,9 @@ var expenseSchema5 = z49.object({
 });
 
 // src/components/Transactions/3/expenseJournal/ExpensesJournal3Form.tsx
-import { Fragment as Fragment136, jsx as jsx268, jsxs as jsxs237 } from "react/jsx-runtime";
+import { Fragment as Fragment138, jsx as jsx270, jsxs as jsxs239 } from "react/jsx-runtime";
 function ExpensesJournal3Form() {
-  const { branchId } = useParams109();
+  const { branchId } = useParams111();
   const { getQuery, navigate } = useApp_default();
   const id = getQuery("id");
   const isEdit = !!id;
@@ -49067,7 +49458,7 @@ function ExpensesJournal3Form() {
   const isRate = currency && currency !== defaultCurrency;
   const amount = watch("amount");
   const rate = watch("rate");
-  const exchangedAmount2 = useMemo54(() => {
+  const exchangedAmount2 = useMemo55(() => {
     if (isRate) {
       const am = forex_default.exchangedAmount({
         accountCurrency: defaultCurrency,
@@ -49118,25 +49509,25 @@ function ExpensesJournal3Form() {
       fetches();
     }
   }, [id]);
-  return /* @__PURE__ */ jsxs237(
+  return /* @__PURE__ */ jsxs239(
     Card,
     {
       className: "max-w-4xl mx-auto mt-10 relative",
       isLoading: isLoadingGet,
       loadingText: "Processing...",
       children: [
-        /* @__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__ */ jsxs239(Card.Header, { children: [
+          /* @__PURE__ */ jsx270(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Expense` }),
+          /* @__PURE__ */ jsx270(Card.Description, { children: isEdit ? `Update the details for this expense entry` : `Record a new business expense` })
         ] }),
-        /* @__PURE__ */ jsx268(Card.Content, { children: /* @__PURE__ */ jsxs237(
+        /* @__PURE__ */ jsx270(Card.Content, { children: /* @__PURE__ */ jsxs239(
           "form",
           {
             className: "space-y-4",
             onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)),
             children: [
-              /* @__PURE__ */ jsxs237("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-                /* @__PURE__ */ jsx268(
+              /* @__PURE__ */ jsxs239("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ jsx270(
                   Fields_default.Input,
                   {
                     label: "Description",
@@ -49146,7 +49537,7 @@ function ExpensesJournal3Form() {
                     required: true
                   }
                 ),
-                /* @__PURE__ */ jsx268(
+                /* @__PURE__ */ jsx270(
                   Fields_default.Select,
                   {
                     label: "Currency",
@@ -49157,8 +49548,8 @@ function ExpensesJournal3Form() {
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs237("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-                /* @__PURE__ */ jsx268(
+              /* @__PURE__ */ jsxs239("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ jsx270(
                   Fields_default.DateInput,
                   {
                     label: "Date",
@@ -49167,7 +49558,7 @@ function ExpensesJournal3Form() {
                     required: true
                   }
                 ),
-                /* @__PURE__ */ jsx268(
+                /* @__PURE__ */ jsx270(
                   Fields_default.Input,
                   {
                     label: "Amount",
@@ -49178,8 +49569,8 @@ function ExpensesJournal3Form() {
                     required: true
                   }
                 ),
-                isRate && /* @__PURE__ */ jsxs237(Fragment136, { children: [
-                  /* @__PURE__ */ jsx268(
+                isRate && /* @__PURE__ */ jsxs239(Fragment138, { children: [
+                  /* @__PURE__ */ jsx270(
                     Fields_default.Input,
                     {
                       label: "Rate",
@@ -49190,7 +49581,7 @@ function ExpensesJournal3Form() {
                       required: true
                     }
                   ),
-                  /* @__PURE__ */ jsx268(
+                  /* @__PURE__ */ jsx270(
                     Fields_default.Input,
                     {
                       label: "Exchanged Amount",
@@ -49202,7 +49593,7 @@ function ExpensesJournal3Form() {
                   )
                 ] })
               ] }),
-              /* @__PURE__ */ jsx268(
+              /* @__PURE__ */ jsx270(
                 Fields_default.Textarea,
                 {
                   label: "Note",
@@ -49211,7 +49602,7 @@ function ExpensesJournal3Form() {
                   placeholder: "Add any additional details..."
                 }
               ),
-              /* @__PURE__ */ jsx268("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsx268(
+              /* @__PURE__ */ jsx270("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsx270(
                 Button,
                 {
                   isLoading,
@@ -49246,29 +49637,31 @@ var Transaction3 = {
   JournalsForm: JournalsForm_default,
   Sale2: sale2_default2.List,
   Sale2Form: sale2_default2.Form,
+  Collection: sale2_default2.Collection,
   Purchase3: purchase3_default.List,
   Purchase3Form: purchase3_default.Form,
   Expenses: expense_default.List,
   ExpenseForm: expense_default.Form,
   Reports: reports_default,
-  ExpensesJournal3: expenseJournal_default
+  ExpensesJournal3: expenseJournal_default,
+  CollectionLevel: sale2_default2.CollectionLevel
 };
 var __default = Transaction3;
 
 // src/components/reports/ItemReport.tsx
-import { useParams as useParams110 } from "react-router-dom";
+import { useParams as useParams112 } 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 useState116 } from "react";
 import { message as message86 } from "antd";
-import { Fragment as Fragment137, jsx as jsx269, jsxs as jsxs238 } from "react/jsx-runtime";
+import { Fragment as Fragment139, jsx as jsx271, jsxs as jsxs240 } from "react/jsx-runtime";
 var ItemReport = ({
   value = false,
   type
 }) => {
   const { apiConfig } = useWarqadConfig();
-  const { branchId } = useParams110();
+  const { branchId } = useParams112();
   const { branches } = useAuth_default();
   const [params, setParams] = useState116({
     id: "",
@@ -49295,9 +49688,9 @@ var ItemReport = ({
       header: "Date",
       key: "date",
       className: "text-xs whitespace-nowrap",
-      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(
+      render: (row) => /* @__PURE__ */ jsxs240("div", { className: "", children: [
+        /* @__PURE__ */ jsx271("p", { className: "font-bold text-black dark:text-white print:text-black", children: row.date }),
+        /* @__PURE__ */ jsx271(
           "span",
           {
             onClick: () => {
@@ -49316,7 +49709,7 @@ var ItemReport = ({
       header: "Description",
       key: "description",
       className: "text-xs whitespace-nowrap",
-      render: (row) => /* @__PURE__ */ jsx269("div", { className: "", children: /* @__PURE__ */ jsx269("p", { className: "font-bold text-black dark:text-white print:text-black", children: row.description }) })
+      render: (row) => /* @__PURE__ */ jsx271("div", { className: "", children: /* @__PURE__ */ jsx271("p", { className: "font-bold text-black dark:text-white print:text-black", children: row.description }) })
     },
     {
       header: "Quantity",
@@ -49324,7 +49717,7 @@ var ItemReport = ({
       className: "text-xs whitespace-nowrap",
       render: (row) => {
         const Qty = row.quantity;
-        return /* @__PURE__ */ jsxs238(
+        return /* @__PURE__ */ jsxs240(
           "div",
           {
             className: `font-bold ${row.line === "add" ? "text-green-500" : row.line === "sub" ? "text-red-500" : "text-black"}`,
@@ -49341,7 +49734,7 @@ var ItemReport = ({
       header: "Balance",
       key: "runningBalance",
       className: "text-xs whitespace-nowrap",
-      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) }) })
+      render: (row) => /* @__PURE__ */ jsx271("div", { className: "", children: /* @__PURE__ */ jsx271("p", { className: "font-bold text-black dark:text-white print:text-black", children: Formats_default.XQty(row.runningBalance) }) })
     }
   ];
   let runningBalance = 0;
@@ -49353,10 +49746,10 @@ var ItemReport = ({
     };
   });
   const itemName = datas[0]?.name;
-  return /* @__PURE__ */ jsxs238(Fragment137, { children: [
-    /* @__PURE__ */ jsx269(Modal2, {}),
-    /* @__PURE__ */ jsx269(TransactionView, {}),
-    /* @__PURE__ */ jsx269(
+  return /* @__PURE__ */ jsxs240(Fragment139, { children: [
+    /* @__PURE__ */ jsx271(Modal2, {}),
+    /* @__PURE__ */ jsx271(TransactionView, {}),
+    /* @__PURE__ */ jsx271(
       A4DataView,
       {
         columns,
@@ -49367,14 +49760,14 @@ var ItemReport = ({
         tableTitle: `${type} Movement Report`,
         fixed: false,
         error: !id ? "Please select an item" : void 0,
-        headers: /* @__PURE__ */ jsx269(
+        headers: /* @__PURE__ */ jsx271(
           Button,
           {
             type: "button",
             size: "sm",
             onClick: () => openState({
               title: "Item Transactions",
-              content: /* @__PURE__ */ jsx269(
+              content: /* @__PURE__ */ jsx271(
                 ItemReportHeader2,
                 {
                   type,
@@ -49417,7 +49810,7 @@ function ItemReportHeader2({
     label: b.name,
     value: b._id
   }));
-  return /* @__PURE__ */ jsxs238(
+  return /* @__PURE__ */ jsxs240(
     "form",
     {
       className: "space-y-3",
@@ -49435,8 +49828,8 @@ function ItemReportHeader2({
         close();
       }),
       children: [
-        /* @__PURE__ */ jsxs238("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-2", children: [
-          /* @__PURE__ */ jsx269(
+        /* @__PURE__ */ jsxs240("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-2", children: [
+          /* @__PURE__ */ jsx271(
             Select,
             {
               options: [{ label: "All Branches", value: "all" }, ...branchOptions],
@@ -49444,7 +49837,7 @@ function ItemReportHeader2({
               name: "branch"
             }
           ),
-          type === "pack" ? /* @__PURE__ */ jsx269(
+          type === "pack" ? /* @__PURE__ */ jsx271(
             Pack_default.Pack,
             {
               api: "/packs/get",
@@ -49452,7 +49845,7 @@ function ItemReportHeader2({
               form: methods,
               name: "pack"
             }
-          ) : /* @__PURE__ */ jsx269(
+          ) : /* @__PURE__ */ jsx271(
             Feilds_default5.Product,
             {
               label: "",
@@ -49463,7 +49856,7 @@ function ItemReportHeader2({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx269("div", { className: "flex gap-2 justify-end", children: /* @__PURE__ */ jsx269(Button, { type: "submit", children: "Filter" }) })
+        /* @__PURE__ */ jsx271("div", { className: "flex gap-2 justify-end", children: /* @__PURE__ */ jsx271(Button, { type: "submit", children: "Filter" }) })
       ]
     }
   );
@@ -49471,19 +49864,19 @@ function ItemReportHeader2({
 var ItemReport_default = ItemReport;
 
 // src/components/accounts/LeaseCollection.tsx
-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";
+import { useNavigate as useNavigate66, useParams as useParams113, useSearchParams as useSearchParams19 } from "react-router-dom";
+import { useMemo as useMemo56, useState as useState117, useEffect as useEffect115 } from "react";
+import { Fragment as Fragment140, jsx as jsx272, jsxs as jsxs241 } from "react/jsx-runtime";
 var LeaseCollection = ({
   leaseType,
   defaultCurrency = "KES"
 }) => {
-  const navigate = useNavigate65();
+  const navigate = useNavigate66();
   const [searchParams] = useSearchParams19();
   const { apiConfig } = useWarqadConfig();
-  const { branchId } = useParams111();
+  const { branchId } = useParams113();
   const { branches } = useAuth_default();
-  const currentBranch = useMemo55(
+  const currentBranch = useMemo56(
     () => branches?.find((b) => b?._id === branchId),
     [branches, branchId]
   );
@@ -49519,9 +49912,9 @@ var LeaseCollection = ({
       key: "name",
       className: "text-xs whitespace-nowrap ",
       searchKeys: ["name", "phoneNumber", "unitNames"],
-      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: [
+      render: (row) => /* @__PURE__ */ jsxs241("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx272("p", { className: "font-bold dark:text-white print:text-black uppercase", children: row.name }),
+        row.unitNames && /* @__PURE__ */ jsxs241("p", { className: "text-[9px]!  capitalize", children: [
           "(",
           row.unitNames,
           ")"
@@ -49533,7 +49926,7 @@ var LeaseCollection = ({
       key: "phoneNumber",
       maxWidth: 70,
       render: (row) => {
-        return /* @__PURE__ */ jsx270("p", { children: row?.phoneNumber || "N/A" });
+        return /* @__PURE__ */ jsx272("p", { children: row?.phoneNumber || "N/A" });
       }
     },
     // </span>
@@ -49543,11 +49936,11 @@ var LeaseCollection = ({
       className: "text-xs whitespace-nowrap text-right",
       render: (row) => {
         const Amount = row.totalCollectionString;
-        return /* @__PURE__ */ jsx270("div", { className: "", children: /* @__PURE__ */ jsx270("p", { className: "font-bold ", children: Amount }) });
+        return /* @__PURE__ */ jsx272("div", { className: "", children: /* @__PURE__ */ jsx272("p", { className: "font-bold ", children: Amount }) });
       },
       renderFooter: (data2) => {
         if (currencyFilter === "all") return;
-        return /* @__PURE__ */ jsx270("span", { className: " font-bold", children: Formats_default.Price(
+        return /* @__PURE__ */ jsx272("span", { className: " font-bold", children: Formats_default.Price(
           data2.reduce((acc, row) => acc + row.totalCollection, 0),
           defaultCurrency,
           false
@@ -49555,7 +49948,7 @@ var LeaseCollection = ({
       }
     }
   ];
-  const datas = useMemo55(() => {
+  const datas = useMemo56(() => {
     let runningBalance = 0;
     let filteredData = data?.data || [];
     const result = filteredData.map((item) => {
@@ -49568,9 +49961,9 @@ var LeaseCollection = ({
     });
     return result;
   }, [filter, currencyFilter, data]);
-  return /* @__PURE__ */ jsxs239(Fragment138, { children: [
-    /* @__PURE__ */ jsx270(TransactionView, {}),
-    /* @__PURE__ */ jsx270(
+  return /* @__PURE__ */ jsxs241(Fragment140, { children: [
+    /* @__PURE__ */ jsx272(TransactionView, {}),
+    /* @__PURE__ */ jsx272(
       A4DataView,
       {
         columns,
@@ -49580,7 +49973,7 @@ var LeaseCollection = ({
         subtitle: `All Collections`,
         fixed: false,
         startPage: 1e9,
-        headers: /* @__PURE__ */ jsx270("div", { className: "flex gap-2" })
+        headers: /* @__PURE__ */ jsx272("div", { className: "flex gap-2" })
       }
     )
   ] });
@@ -49588,8 +49981,8 @@ var LeaseCollection = ({
 var LeaseCollection_default = LeaseCollection;
 
 // src/components/Transactions/cargoIM/CargoIM.tsx
-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 { useNavigate as useNavigate67, useParams as useParams117 } from "react-router-dom";
+import { EllipsisVertical as EllipsisVertical49, FilePenLine as FilePenLine45, Trash2 as Trash256 } from "lucide-react";
 import { useState as useState119 } from "react";
 import { message as message90 } from "antd";
 
@@ -49627,14 +50020,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 useParams112 } from "react-router-dom";
-import { jsx as jsx271, jsxs as jsxs240 } from "react/jsx-runtime";
+import { useParams as useParams114 } from "react-router-dom";
+import { jsx as jsx273, jsxs as jsxs242 } from "react/jsx-runtime";
 function AccountForm3({
   onReload,
   close,
   id
 }) {
-  const { branchId } = useParams112();
+  const { branchId } = useParams114();
   const { currencies } = useWarqadConfig();
   const { stock } = currencies;
   const isEdit = !!id;
@@ -49700,24 +50093,24 @@ function AccountForm3({
       fetches();
     }
   }, [id]);
-  return /* @__PURE__ */ jsxs240(
+  return /* @__PURE__ */ jsxs242(
     Card,
     {
       className: "max-w-4xl mx-auto mt-10 relative",
       isLoading: isLoadingGet,
       loadingText: "Processing...",
       children: [
-        /* @__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__ */ jsxs242(Card.Header, { children: [
+          /* @__PURE__ */ jsx273(Card.Title, { children: `${isEdit ? "Edit" : "Add"} ${type}` }),
+          /* @__PURE__ */ jsx273(Card.Description, { children: isEdit ? `Update the details for this ${type}` : `Create a new ${type} and add it to your list` })
         ] }),
-        /* @__PURE__ */ jsx271(Card.Content, { children: /* @__PURE__ */ jsxs240(
+        /* @__PURE__ */ jsx273(Card.Content, { children: /* @__PURE__ */ jsxs242(
           "form",
           {
             onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)),
             children: [
-              /* @__PURE__ */ jsxs240("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-                /* @__PURE__ */ jsx271(
+              /* @__PURE__ */ jsxs242("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ jsx273(
                   Fields_default.Input,
                   {
                     label: "Name",
@@ -49728,7 +50121,7 @@ function AccountForm3({
                     required: true
                   }
                 ),
-                /* @__PURE__ */ jsx271(
+                /* @__PURE__ */ jsx273(
                   Fields_default.PhoneInput,
                   {
                     label: "Phone Number",
@@ -49737,7 +50130,7 @@ function AccountForm3({
                     placeholder: "Enter phone number"
                   }
                 ),
-                /* @__PURE__ */ jsx271(
+                /* @__PURE__ */ jsx273(
                   Fields_default.Select,
                   {
                     label: "Currency",
@@ -49748,7 +50141,7 @@ function AccountForm3({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx271("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsx271(
+              /* @__PURE__ */ jsx273("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsx273(
                 Button,
                 {
                   isLoading,
@@ -49772,18 +50165,18 @@ var AccountForm_default3 = AccountForm3;
 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 useParams113 } from "react-router-dom";
+import { useParams as useParams115 } from "react-router-dom";
 import { message as message88 } from "antd";
-import { Trash2 as Trash254, Plus as Plus6 } from "lucide-react";
+import { Trash2 as Trash255, Plus as Plus6 } from "lucide-react";
 import dayjs13 from "dayjs";
-import { jsx as jsx272, jsxs as jsxs241 } from "react/jsx-runtime";
+import { jsx as jsx274, jsxs as jsxs243 } from "react/jsx-runtime";
 function InvoiceForm2({
   onReload,
   close,
   accountData,
   id
 }) {
-  const { branchId } = useParams113();
+  const { branchId } = useParams115();
   const [ref2, setRef] = useState118(void 0);
   const { post, isLoading } = useApis_default();
   const { get, isLoading: getLoading } = useApis_default();
@@ -49897,25 +50290,25 @@ function InvoiceForm2({
       e.preventDefault();
     }
   };
-  return /* @__PURE__ */ jsx272(
+  return /* @__PURE__ */ jsx274(
     Card,
     {
       isLoading: getLoading,
       className: "max-w-4xl mx-auto relative border-0 shadow-none p-0 bg-transparent dark:bg-transparent",
-      children: /* @__PURE__ */ jsxs241(Card.Content, { children: [
-        /* @__PURE__ */ jsx272("input", { type: "hidden", ...register("currency") }),
-        /* @__PURE__ */ jsxs241(
+      children: /* @__PURE__ */ jsxs243(Card.Content, { children: [
+        /* @__PURE__ */ jsx274("input", { type: "hidden", ...register("currency") }),
+        /* @__PURE__ */ jsxs243(
           "form",
           {
             onSubmit: handleSubmit(onSubmit),
             onKeyDown: handleKeyDown,
             className: "space-y-6",
             children: [
-              /* @__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(
+              /* @__PURE__ */ jsxs243("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__ */ jsx274("h4", { className: "text-xs font-bold text-gray-400 uppercase mb-3 tracking-wider", children: "Add Invoice Item" }),
+                /* @__PURE__ */ jsxs243("div", { className: "flex flex-col md:flex-row gap-4 items-end", children: [
+                  /* @__PURE__ */ jsxs243("div", { className: "grid grid-cols-1 sm:grid-cols-2 w-full gap-2", children: [
+                    /* @__PURE__ */ jsx274(
                       Fields_default.Input,
                       {
                         label: "Container No",
@@ -49924,7 +50317,7 @@ function InvoiceForm2({
                         onChange: (val) => setItemName(val)
                       }
                     ),
-                    /* @__PURE__ */ jsx272(
+                    /* @__PURE__ */ jsx274(
                       Fields_default.Input,
                       {
                         label: "Cbm",
@@ -49934,7 +50327,7 @@ function InvoiceForm2({
                         onChange: (val) => setItemQuantity(val)
                       }
                     ),
-                    /* @__PURE__ */ jsx272(
+                    /* @__PURE__ */ jsx274(
                       Fields_default.Input,
                       {
                         label: "Price (KES)",
@@ -49945,7 +50338,7 @@ function InvoiceForm2({
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ jsxs241(
+                  /* @__PURE__ */ jsxs243(
                     Button,
                     {
                       type: "button",
@@ -49953,23 +50346,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__ */ jsx272(Plus6, { size: 16 }),
+                        /* @__PURE__ */ jsx274(Plus6, { size: 16 }),
                         " Add Item"
                       ]
                     }
                   )
                 ] })
               ] }),
-              /* @__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__ */ jsxs243("div", { children: [
+                /* @__PURE__ */ jsx274("h4", { className: "text-xs font-bold text-gray-400 uppercase mb-3 tracking-wider", children: "Invoice Items List" }),
+                /* @__PURE__ */ jsx274("div", { className: "border border-gray-200 dark:border-zinc-800 rounded-2xl overflow-hidden bg-white dark:bg-gray-900/80", children: /* @__PURE__ */ jsx274("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs243("table", { className: "w-full text-left border-collapse", children: [
+                  /* @__PURE__ */ jsx274("thead", { className: "bg-gray-50 dark:bg-zinc-800/40 border-b border-gray-200 dark:border-zinc-800", children: /* @__PURE__ */ jsxs243("tr", { children: [
+                    /* @__PURE__ */ jsx274("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__ */ jsx274("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__ */ jsx274("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__ */ jsx274("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__ */ jsx272("tbody", { className: "divide-y divide-gray-100 dark:divide-zinc-800", children: fields.length === 0 ? /* @__PURE__ */ jsx272("tr", { children: /* @__PURE__ */ jsx272(
+                  /* @__PURE__ */ jsx274("tbody", { className: "divide-y divide-gray-100 dark:divide-zinc-800", children: fields.length === 0 ? /* @__PURE__ */ jsx274("tr", { children: /* @__PURE__ */ jsx274(
                     "td",
                     {
                       colSpan: 4,
@@ -49978,30 +50371,30 @@ function InvoiceForm2({
                     }
                   ) }) : fields.map((item, index) => {
                     const total = item.quantity * item.amount;
-                    return /* @__PURE__ */ jsxs241(
+                    return /* @__PURE__ */ jsxs243(
                       "tr",
                       {
                         className: "hover:bg-gray-50/50 dark:hover:bg-zinc-800/10 transition-colors",
                         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: [
+                          /* @__PURE__ */ jsx274("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__ */ jsxs243("td", { className: "px-2 sm:px-4 py-1", children: [
+                            /* @__PURE__ */ jsx274("div", { className: "font-bold text-gray-900 dark:text-white text-xs sm:text-sm", children: item.name }),
+                            /* @__PURE__ */ jsxs243("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__ */ 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(
+                          /* @__PURE__ */ jsx274("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__ */ jsx274("td", { className: "px-2 sm:px-4 py-1 text-xs sm:text-sm text-right", children: /* @__PURE__ */ jsx274(
                             "button",
                             {
                               type: "button",
                               onClick: () => remove(index),
                               className: "text-gray-400 hover:text-red-500 transition-colors p-1",
-                              children: /* @__PURE__ */ jsx272(
-                                Trash254,
+                              children: /* @__PURE__ */ jsx274(
+                                Trash255,
                                 {
                                   size: 13,
                                   className: "sm:w-3.5 sm:h-3.5 w-3 h-3"
@@ -50014,8 +50407,8 @@ function InvoiceForm2({
                       item.id
                     );
                   }) }),
-                  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(
+                  fields.length > 0 && /* @__PURE__ */ jsx274("tfoot", { className: "bg-gray-50/50 dark:bg-zinc-800/10 border-t border-gray-200 dark:border-zinc-800", children: /* @__PURE__ */ jsxs243("tr", { children: [
+                    /* @__PURE__ */ jsx274(
                       "td",
                       {
                         colSpan: 2,
@@ -50023,20 +50416,20 @@ function InvoiceForm2({
                         children: "Total"
                       }
                     ),
-                    /* @__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(
+                    /* @__PURE__ */ jsx274("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__ */ jsx272("td", {})
+                    /* @__PURE__ */ jsx274("td", {})
                   ] }) })
                 ] }) }) })
               ] }),
-              /* @__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(
+              /* @__PURE__ */ jsxs243("div", { className: "border-t border-gray-200 dark:border-zinc-800 pt-6", children: [
+                /* @__PURE__ */ jsxs243("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                  /* @__PURE__ */ jsx274(
                     Fields_default.DateInput,
                     {
                       label: "Date",
@@ -50045,20 +50438,20 @@ function InvoiceForm2({
                       required: true
                     }
                   ),
-                  /* @__PURE__ */ jsx272(Fields_default.Input, { label: "Currency", value: "KES", disabled: true })
+                  /* @__PURE__ */ jsx274(Fields_default.Input, { label: "Currency", value: "KES", disabled: true })
                 ] }),
-                /* @__PURE__ */ jsxs241("div", { className: "flex justify-between items-center mt-6", children: [
-                  /* @__PURE__ */ jsx272("div", { children: isEdit && /* @__PURE__ */ jsx272(
+                /* @__PURE__ */ jsxs243("div", { className: "flex justify-between items-center mt-6", children: [
+                  /* @__PURE__ */ jsx274("div", { children: isEdit && /* @__PURE__ */ jsx274(
                     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__ */ jsxs243("div", { className: "space-y-3 text-left", children: [
+                        /* @__PURE__ */ jsx274("p", { children: "Are you sure you want to reverse this transaction?" }),
+                        /* @__PURE__ */ jsx274("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__ */ jsx274(
                         Button,
                         {
                           type: "button",
@@ -50071,8 +50464,8 @@ function InvoiceForm2({
                       )
                     }
                   ) }),
-                  /* @__PURE__ */ jsxs241("div", { className: "flex justify-end gap-3", children: [
-                    close && /* @__PURE__ */ jsx272(
+                  /* @__PURE__ */ jsxs243("div", { className: "flex justify-end gap-3", children: [
+                    close && /* @__PURE__ */ jsx274(
                       Button,
                       {
                         type: "button",
@@ -50082,7 +50475,7 @@ function InvoiceForm2({
                         children: "Cancel"
                       }
                     ),
-                    /* @__PURE__ */ jsx272(
+                    /* @__PURE__ */ jsx274(
                       Button,
                       {
                         isLoading,
@@ -50109,10 +50502,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 useParams114 } from "react-router-dom";
+import { useParams as useParams116 } from "react-router-dom";
 import { message as message89 } from "antd";
 import dayjs14 from "dayjs";
-import { jsx as jsx273, jsxs as jsxs242 } from "react/jsx-runtime";
+import { jsx as jsx275, jsxs as jsxs244 } from "react/jsx-runtime";
 function JournalForm5({
   onReload,
   close,
@@ -50120,7 +50513,7 @@ function JournalForm5({
   action = "debit",
   id
 }) {
-  const { branchId } = useParams114();
+  const { branchId } = useParams116();
   const { currencies } = useWarqadConfig();
   const { stock: defaultCurrency } = currencies;
   const [ref2, setRef] = React47.useState(void 0);
@@ -50203,19 +50596,19 @@ function JournalForm5({
       e.preventDefault();
     }
   };
-  return /* @__PURE__ */ jsx273(
+  return /* @__PURE__ */ jsx275(
     Card,
     {
       isLoading: getLoading,
       className: "max-w-2xl mx-auto relative border-0 shadow-none p-0 bg-transparent dark:bg-transparent",
-      children: /* @__PURE__ */ jsx273(Card.Content, { children: /* @__PURE__ */ jsxs242(
+      children: /* @__PURE__ */ jsx275(Card.Content, { children: /* @__PURE__ */ jsxs244(
         "form",
         {
           onSubmit: handleSubmit(onSubmit),
           onKeyDown: handleKeyDown,
           className: "space-y-4",
           children: [
-            /* @__PURE__ */ jsx273(
+            /* @__PURE__ */ jsx275(
               Fields_default.Input,
               {
                 label: "Description",
@@ -50226,8 +50619,8 @@ function JournalForm5({
                 placeholder: "Enter description"
               }
             ),
-            /* @__PURE__ */ jsxs242("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-              /* @__PURE__ */ jsx273(
+            /* @__PURE__ */ jsxs244("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+              /* @__PURE__ */ jsx275(
                 Fields_default.DateInput,
                 {
                   label: "Date",
@@ -50236,7 +50629,7 @@ function JournalForm5({
                   required: true
                 }
               ),
-              /* @__PURE__ */ jsx273(
+              /* @__PURE__ */ jsx275(
                 Fields_default.Input,
                 {
                   label: "Currency",
@@ -50246,8 +50639,8 @@ function JournalForm5({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs242("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-              /* @__PURE__ */ jsx273(
+            /* @__PURE__ */ jsxs244("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+              /* @__PURE__ */ jsx275(
                 Fields_default.Input,
                 {
                   label: "Amount",
@@ -50258,7 +50651,7 @@ function JournalForm5({
                   placeholder: "0.00"
                 }
               ),
-              /* @__PURE__ */ jsx273(
+              /* @__PURE__ */ jsx275(
                 Fields_default.Select,
                 {
                   label: "Action",
@@ -50272,7 +50665,7 @@ function JournalForm5({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx273(
+            /* @__PURE__ */ jsx275(
               Fields_default.Textarea,
               {
                 label: "Note",
@@ -50282,18 +50675,18 @@ function JournalForm5({
                 rows: 3
               }
             ),
-            /* @__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(
+            /* @__PURE__ */ jsxs244("div", { className: "flex justify-between items-center pt-4 border-t border-gray-100 dark:border-zinc-800", children: [
+              /* @__PURE__ */ jsx275("div", { children: isEdit && /* @__PURE__ */ jsx275(
                 ConfirmModal,
                 {
                   title: "Reverse Transaction",
-                  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."' })
+                  description: /* @__PURE__ */ jsxs244("div", { className: "space-y-3 text-left", children: [
+                    /* @__PURE__ */ jsx275("p", { children: "Are you sure you want to reverse this transaction?" }),
+                    /* @__PURE__ */ jsx275("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__ */ jsx273(
+                  children: /* @__PURE__ */ jsx275(
                     Button,
                     {
                       type: "button",
@@ -50306,8 +50699,8 @@ function JournalForm5({
                   )
                 }
               ) }),
-              /* @__PURE__ */ jsxs242("div", { className: "flex justify-end gap-3", children: [
-                close && /* @__PURE__ */ jsx273(
+              /* @__PURE__ */ jsxs244("div", { className: "flex justify-end gap-3", children: [
+                close && /* @__PURE__ */ jsx275(
                   Button,
                   {
                     type: "button",
@@ -50317,7 +50710,7 @@ function JournalForm5({
                     children: "Cancel"
                   }
                 ),
-                /* @__PURE__ */ jsx273(
+                /* @__PURE__ */ jsx275(
                   Button,
                   {
                     isLoading,
@@ -50339,13 +50732,13 @@ function JournalForm5({
 var journalForm_default2 = JournalForm5;
 
 // src/components/Transactions/cargoIM/CargoIM.tsx
-import { Fragment as Fragment139, jsx as jsx274, jsxs as jsxs243 } from "react/jsx-runtime";
+import { Fragment as Fragment141, jsx as jsx276, jsxs as jsxs245 } from "react/jsx-runtime";
 function CargoIM({ v, url }) {
-  const { branchId } = useParams115();
+  const { branchId } = useParams117();
   const { apiConfig } = useWarqadConfig();
   const { width } = useMediaSize();
   const isLargeScreen = width > 768;
-  const navigate = useNavigate66();
+  const navigate = useNavigate67();
   const type = "supplier";
   const [deleteAccount, setDeleteAccount] = useState119(null);
   const { isLoading: isActionLoading, remove } = useApis_default();
@@ -50358,17 +50751,17 @@ function CargoIM({ v, url }) {
   const items = (data2) => [
     {
       label: `Edit ${type}`,
-      icon: /* @__PURE__ */ jsx274(FilePenLine44, { size: 16 }),
+      icon: /* @__PURE__ */ jsx276(FilePenLine45, { size: 16 }),
       onClick: () => openState({
         type: "Account",
-        content: /* @__PURE__ */ jsx274(AccountForm_default3, { onReload: reload, close, id: data2?._id }),
+        content: /* @__PURE__ */ jsx276(AccountForm_default3, { onReload: reload, close, id: data2?._id }),
         title: "Account Form",
         width: 800
       })
     },
     {
       label: `Delete ${type}`,
-      icon: /* @__PURE__ */ jsx274(Trash255, { className: "text-red-500", size: 16 }),
+      icon: /* @__PURE__ */ jsx276(Trash256, { className: "text-red-500", size: 16 }),
       onClick: () => setDeleteAccount(data2)
     }
   ].filter(Boolean);
@@ -50379,7 +50772,7 @@ function CargoIM({ v, url }) {
       className: "w-full",
       cell: ({ row }) => {
         const account = row.original;
-        return /* @__PURE__ */ jsx274(
+        return /* @__PURE__ */ jsx276(
           "span",
           {
             onClick: () => navigate(`${account?._id}`),
@@ -50408,8 +50801,8 @@ function CargoIM({ v, url }) {
       className: "w-px whitespace-nowrap",
       cell: ({ row }) => {
         const data2 = row.original;
-        return /* @__PURE__ */ jsxs243("div", { className: "flex gap-4 items-center", children: [
-          /* @__PURE__ */ jsx274(
+        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",
@@ -50417,7 +50810,7 @@ function CargoIM({ v, url }) {
                 openState({
                   type: "credit",
                   closeOnOverlayClick: false,
-                  content: /* @__PURE__ */ jsx274(
+                  content: /* @__PURE__ */ jsx276(
                     InvoiceForm_default2,
                     {
                       onReload: reload,
@@ -50432,7 +50825,7 @@ function CargoIM({ v, url }) {
               children: "Inv"
             }
           ),
-          /* @__PURE__ */ jsx274(
+          /* @__PURE__ */ jsx276(
             "button",
             {
               className: "cursor-pointer px-2 py-1 text-white rounded-lg text-xs bg-red-500",
@@ -50440,7 +50833,7 @@ function CargoIM({ v, url }) {
                 openState({
                   type: "debit",
                   closeOnOverlayClick: false,
-                  content: /* @__PURE__ */ jsx274(
+                  content: /* @__PURE__ */ jsx276(
                     journalForm_default2,
                     {
                       onReload: reload,
@@ -50456,14 +50849,14 @@ function CargoIM({ v, url }) {
               children: "Pay"
             }
           ),
-          /* @__PURE__ */ jsx274(
+          /* @__PURE__ */ jsx276(
             Dropdown,
             {
               className: "cursor-pointer",
               width: "w-[150px]",
               items: items(data2),
               triggerMode: "hover",
-              children: /* @__PURE__ */ jsx274(EllipsisVertical48, {})
+              children: /* @__PURE__ */ jsx276(EllipsisVertical49, {})
             }
           )
         ] });
@@ -50487,9 +50880,9 @@ function CargoIM({ v, url }) {
       return error;
     }
   };
-  return /* @__PURE__ */ jsxs243(Fragment139, { children: [
-    /* @__PURE__ */ jsx274(Modal2, {}),
-    /* @__PURE__ */ jsx274(
+  return /* @__PURE__ */ jsxs245(Fragment141, { children: [
+    /* @__PURE__ */ jsx276(Modal2, {}),
+    /* @__PURE__ */ jsx276(
       ConfirmModal,
       {
         isOpen: !!deleteAccount,
@@ -50502,7 +50895,7 @@ function CargoIM({ v, url }) {
         children: null
       }
     ),
-    /* @__PURE__ */ jsx274("div", { className: !isLargeScreen ? "origin-top" : "", children: /* @__PURE__ */ jsx274(
+    /* @__PURE__ */ jsx276("div", { className: !isLargeScreen ? "origin-top" : "", children: /* @__PURE__ */ jsx276(
       TransactionViewComponent,
       {
         columns,
@@ -50513,7 +50906,7 @@ function CargoIM({ v, url }) {
         onCreate: () => {
           openState({
             type: "account",
-            content: /* @__PURE__ */ jsx274(AccountForm_default3, { onReload: reload, close }),
+            content: /* @__PURE__ */ jsx276(AccountForm_default3, { onReload: reload, close }),
             title: "Account Form",
             width: 800
           });
@@ -50526,8 +50919,8 @@ var CargoIM_default = CargoIM;
 
 // src/components/Transactions/cargoIM/cargoIMReport.tsx
 import { useSearchParams as useSearchParams20 } from "react-router-dom";
-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";
+import { useMemo as useMemo57, useState as useState120, useEffect as useEffect118 } from "react";
+import { Fragment as Fragment142, jsx as jsx277, jsxs as jsxs246 } from "react/jsx-runtime";
 var CargoIMReport = () => {
   const { apiConfig, currencies: warqadCurrencies } = useWarqadConfig();
   const { TransactionView, openTransaction } = useTransactionView_default();
@@ -50571,9 +50964,9 @@ var CargoIMReport = () => {
       header: "Date",
       key: "date",
       className: "text-xs whitespace-nowrap",
-      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(
+      render: (row) => /* @__PURE__ */ jsxs246("div", { className: "", children: [
+        /* @__PURE__ */ jsx277("p", { className: "font-bold text-black dark:text-white print:text-black", children: row.date }),
+        /* @__PURE__ */ jsx277(
           "span",
           {
             onClick: () => {
@@ -50592,13 +50985,13 @@ var CargoIMReport = () => {
       header: "Container No",
       key: "description",
       className: "text-xs w-full break-words",
-      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) => {
+      render: (row) => /* @__PURE__ */ jsx277("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__ */ jsx275(
+        return /* @__PURE__ */ jsx277(
           "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`,
@@ -50612,13 +51005,13 @@ var CargoIMReport = () => {
       header: "Cbm",
       key: "cbm",
       className: "text-xs whitespace-nowrap text-right",
-      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) => {
+      render: (row) => /* @__PURE__ */ jsx277("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__ */ jsx275(
+        return /* @__PURE__ */ jsx277(
           "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`,
@@ -50635,20 +51028,20 @@ var CargoIMReport = () => {
           ),
           0
         );
-        return totalCbm > 0 ? /* @__PURE__ */ jsx275("span", { className: "font-bold text-black dark:text-white print:text-black", children: totalCbm }) : null;
+        return totalCbm > 0 ? /* @__PURE__ */ jsx277("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__ */ 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) => {
+      render: (row) => /* @__PURE__ */ jsx277("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__ */ jsx275(
+        return /* @__PURE__ */ jsx277(
           "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`,
@@ -50662,13 +51055,13 @@ var CargoIMReport = () => {
       header: "Credit",
       key: "credit",
       className: "text-xs whitespace-nowrap text-right",
-      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) => {
+      render: (row) => /* @__PURE__ */ jsx277("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__ */ jsx275(
+        return /* @__PURE__ */ jsx277(
           "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`,
@@ -50677,7 +51070,7 @@ var CargoIMReport = () => {
           idx
         );
       }) }),
-      renderFooter: (data2) => /* @__PURE__ */ jsx275("span", { className: "text-green-500 font-bold", children: Formats_default.Amount(
+      renderFooter: (data2) => /* @__PURE__ */ jsx277("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),
@@ -50691,13 +51084,13 @@ var CargoIMReport = () => {
       header: "Debit",
       key: "debit",
       className: "text-xs whitespace-nowrap text-right",
-      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) => {
+      render: (row) => /* @__PURE__ */ jsx277("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__ */ jsx275(
+        return /* @__PURE__ */ jsx277(
           "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`,
@@ -50706,7 +51099,7 @@ var CargoIMReport = () => {
           idx
         );
       }) }),
-      renderFooter: (data2) => /* @__PURE__ */ jsx275("span", { className: "text-red-500 font-bold", children: Formats_default.Amount(
+      renderFooter: (data2) => /* @__PURE__ */ jsx277("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),
@@ -50720,14 +51113,14 @@ var CargoIMReport = () => {
       header: "Balance",
       key: "runningBalance",
       className: "text-xs whitespace-nowrap text-right",
-      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(
+      render: (row) => /* @__PURE__ */ jsx277("span", { className: "font-bold text-black dark:text-white print:text-black", children: Formats_default.Price(row.runningBalance, currency) }),
+      renderFooter: (data2) => /* @__PURE__ */ jsx277("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 = useMemo56(() => {
+  const datas = useMemo57(() => {
     let runningBalance = 0;
     const transactions = data?.data?.transactions;
     const res = (transactions || []).map((item) => {
@@ -50764,10 +51157,10 @@ var CargoIMReport = () => {
     { label: "Account Type", value: data?.data?.type },
     { label: "Currency", value: currencyFilter }
   ];
-  return /* @__PURE__ */ jsxs244(Fragment140, { children: [
-    /* @__PURE__ */ jsx275(Modal2, {}),
-    /* @__PURE__ */ jsx275(TransactionView, {}),
-    /* @__PURE__ */ jsx275(
+  return /* @__PURE__ */ jsxs246(Fragment142, { children: [
+    /* @__PURE__ */ jsx277(Modal2, {}),
+    /* @__PURE__ */ jsx277(TransactionView, {}),
+    /* @__PURE__ */ jsx277(
       A4DataView,
       {
         columns,
@@ -50782,7 +51175,7 @@ var CargoIMReport = () => {
           openState({
             type: "debit",
             closeOnOverlayClick: false,
-            content: row.type === "invoice-manager" ? /* @__PURE__ */ jsx275(
+            content: row.type === "invoice-manager" ? /* @__PURE__ */ jsx277(
               InvoiceForm_default2,
               {
                 close: closeTransaction,
@@ -50790,7 +51183,7 @@ var CargoIMReport = () => {
                 onReload: reload,
                 id: row._id
               }
-            ) : /* @__PURE__ */ jsx275(
+            ) : /* @__PURE__ */ jsx277(
               journalForm_default2,
               {
                 close: closeTransaction,
@@ -50803,7 +51196,7 @@ var CargoIMReport = () => {
             width: 800
           });
         },
-        headers: /* @__PURE__ */ jsx275("div", { className: "flex items-center gap-4", children: /* @__PURE__ */ jsx275(
+        headers: /* @__PURE__ */ jsx277("div", { className: "flex items-center gap-4", children: /* @__PURE__ */ jsx277(
           Fields_default.Select,
           {
             options: currencies,
@@ -50819,19 +51212,19 @@ var CargoIMReport = () => {
 var cargoIMReport_default = CargoIMReport;
 
 // src/components/accounts/forex-2/Forex2Accounts.tsx
-import { useNavigate as useNavigate67, useParams as useParams116 } from "react-router-dom";
+import { useNavigate as useNavigate68, useParams as useParams118 } from "react-router-dom";
 import {
-  EllipsisVertical as EllipsisVertical49,
+  EllipsisVertical as EllipsisVertical50,
   FileChartLine as FileChartLine2,
-  FilePenLine as FilePenLine45,
-  Trash2 as Trash256
+  FilePenLine as FilePenLine46,
+  Trash2 as Trash257
 } from "lucide-react";
 import { useState as useState121 } from "react";
 import { message as message91 } from "antd";
-import { Fragment as Fragment141, jsx as jsx276, jsxs as jsxs245 } from "react/jsx-runtime";
+import { Fragment as Fragment143, jsx as jsx278, jsxs as jsxs247 } from "react/jsx-runtime";
 function Forex2Accounts({ v, url }) {
-  const { branchId } = useParams116();
-  const navigate = useNavigate67();
+  const { branchId } = useParams118();
+  const navigate = useNavigate68();
   const type = "account";
   const [deleteAccount, setDeleteAccount] = useState121(null);
   const { isLoading: isActionLoading, remove } = useApis_default();
@@ -50844,22 +51237,22 @@ function Forex2Accounts({ v, url }) {
   const items = (data2) => [
     {
       label: `Currency Report`,
-      icon: /* @__PURE__ */ jsx276(FileChartLine2, { size: 16 }),
+      icon: /* @__PURE__ */ jsx278(FileChartLine2, { size: 16 }),
       onClick: () => navigate(data2?._id)
     },
     {
       label: `Edit ${type}`,
-      icon: /* @__PURE__ */ jsx276(FilePenLine45, { size: 16 }),
+      icon: /* @__PURE__ */ jsx278(FilePenLine46, { size: 16 }),
       onClick: () => openState({
         type: "forex account",
-        content: /* @__PURE__ */ jsx276(ForexAccountForm_default, { close, reloads: reload, id: data2?._id }),
+        content: /* @__PURE__ */ jsx278(ForexAccountForm_default, { close, reloads: reload, id: data2?._id }),
         title: "Forex Account Form",
         width: 800
       })
     },
     {
       label: `Delete ${type}`,
-      icon: /* @__PURE__ */ jsx276(Trash256, { className: "text-red-500", size: 16 }),
+      icon: /* @__PURE__ */ jsx278(Trash257, { className: "text-red-500", size: 16 }),
       onClick: () => setDeleteAccount(data2)
     }
   ].filter(Boolean);
@@ -50869,7 +51262,7 @@ function Forex2Accounts({ v, url }) {
       header: "Name",
       cell: ({ row }) => {
         const account = row.original;
-        return /* @__PURE__ */ jsx276(
+        return /* @__PURE__ */ jsx278(
           "span",
           {
             onClick: () => navigate(`statements/${account?._id}`),
@@ -50884,7 +51277,7 @@ function Forex2Accounts({ v, url }) {
       header: "Phone",
       cell: ({ row }) => {
         const account = row.original;
-        return /* @__PURE__ */ jsx276("span", { children: account?.phoneNumber || "N/A" });
+        return /* @__PURE__ */ jsx278("span", { children: account?.phoneNumber || "N/A" });
       }
     },
     {
@@ -50892,14 +51285,14 @@ function Forex2Accounts({ v, url }) {
       header: "Balances",
       cell: ({ row }) => {
         const account = row.original;
-        return /* @__PURE__ */ jsx276("div", { className: "flex flex-wrap items-center gap-2", children: Object.entries(account?.transactions || {}).map(
-          ([currency, data2]) => /* @__PURE__ */ jsxs245(
+        return /* @__PURE__ */ jsx278("div", { className: "flex flex-wrap items-center gap-2", children: Object.entries(account?.transactions || {}).map(
+          ([currency, data2]) => /* @__PURE__ */ jsxs247(
             "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__ */ jsx276("span", { className: "text-[12px] font-bold text-gray-400 dark:text-gray-500 uppercase tracking-tighter", children: currency }),
-                /* @__PURE__ */ jsx276(
+                /* @__PURE__ */ jsx278("span", { className: "text-[12px] font-bold text-gray-400 dark:text-gray-500 uppercase tracking-tighter", children: currency }),
+                /* @__PURE__ */ jsx278(
                   "span",
                   {
                     className: `text-[12px] font-bold tabular-nums ${data2.balance < 0 ? "text-red-500" : "text-green-600 dark:text-green-500"}`,
@@ -50918,8 +51311,8 @@ function Forex2Accounts({ v, url }) {
       header: "Actions",
       cell: ({ row }) => {
         const data2 = row.original;
-        return /* @__PURE__ */ jsxs245("div", { className: "flex gap-4 items-center", children: [
-          /* @__PURE__ */ jsx276(
+        return /* @__PURE__ */ jsxs247("div", { className: "flex gap-4 items-center", children: [
+          /* @__PURE__ */ jsx278(
             "button",
             {
               className: "cursor-pointer px-2 py-1 text-white rounded-lg text-xs bg-blue-500",
@@ -50927,7 +51320,7 @@ function Forex2Accounts({ v, url }) {
                 openState({
                   type: "credit",
                   closeOnOverlayClick: false,
-                  content: /* @__PURE__ */ jsx276(
+                  content: /* @__PURE__ */ jsx278(
                     Forex2FormTransaction_default,
                     {
                       close,
@@ -50943,7 +51336,7 @@ function Forex2Accounts({ v, url }) {
               children: "Out"
             }
           ),
-          /* @__PURE__ */ jsx276(
+          /* @__PURE__ */ jsx278(
             "button",
             {
               className: "cursor-pointer px-2 py-1 text-white rounded-lg text-xs bg-red-500",
@@ -50951,7 +51344,7 @@ function Forex2Accounts({ v, url }) {
                 openState({
                   type: "debit",
                   closeOnOverlayClick: false,
-                  content: /* @__PURE__ */ jsx276(
+                  content: /* @__PURE__ */ jsx278(
                     Forex2FormTransaction_default,
                     {
                       close,
@@ -50967,13 +51360,13 @@ function Forex2Accounts({ v, url }) {
               children: "In"
             }
           ),
-          /* @__PURE__ */ jsx276(
+          /* @__PURE__ */ jsx278(
             Dropdown,
             {
               className: "cursor-pointer w-[150px]",
               items: items(data2),
               triggerMode: "hover",
-              children: /* @__PURE__ */ jsx276(EllipsisVertical49, {})
+              children: /* @__PURE__ */ jsx278(EllipsisVertical50, {})
             }
           )
         ] });
@@ -51012,9 +51405,9 @@ function Forex2Accounts({ v, url }) {
     };
   }).filter((item) => item.debit !== 0 || item.credit !== 0);
   console.log(currencies);
-  return /* @__PURE__ */ jsxs245(Fragment141, { children: [
-    /* @__PURE__ */ jsx276(Modal2, {}),
-    /* @__PURE__ */ jsx276(
+  return /* @__PURE__ */ jsxs247(Fragment143, { children: [
+    /* @__PURE__ */ jsx278(Modal2, {}),
+    /* @__PURE__ */ jsx278(
       ConfirmModal,
       {
         isOpen: !!deleteAccount,
@@ -51027,9 +51420,9 @@ function Forex2Accounts({ v, url }) {
         children: null
       }
     ),
-    /* @__PURE__ */ jsxs245("div", { children: [
-      /* @__PURE__ */ jsx276(ForexAccountSummary_default, { currencies, isLoading }),
-      /* @__PURE__ */ jsx276(
+    /* @__PURE__ */ jsxs247("div", { children: [
+      /* @__PURE__ */ jsx278(ForexAccountSummary_default, { currencies, isLoading }),
+      /* @__PURE__ */ jsx278(
         TransactionViewComponent,
         {
           columns,
@@ -51041,7 +51434,7 @@ function Forex2Accounts({ v, url }) {
           onCreate: () => {
             openState({
               type: "forex account",
-              content: /* @__PURE__ */ jsx276(ForexAccountForm_default, { close, reloads: reload }),
+              content: /* @__PURE__ */ jsx278(ForexAccountForm_default, { close, reloads: reload }),
               title: "Forex Account Form",
               width: 800
             });
@@ -51054,14 +51447,14 @@ function Forex2Accounts({ v, url }) {
 var Forex2Accounts_default = Forex2Accounts;
 
 // src/components/reports/ProductList.tsx
-import { useParams as useParams117 } from "react-router-dom";
-import { Fragment as Fragment142, jsx as jsx277, jsxs as jsxs246 } from "react/jsx-runtime";
-var options9 = [
+import { useParams as useParams119 } from "react-router-dom";
+import { Fragment as Fragment144, jsx as jsx279, jsxs as jsxs248 } from "react/jsx-runtime";
+var options10 = [
   { label: "Product", value: "product" },
   { label: "Pack", value: "pack" }
 ];
 var ProductList2 = ({ value = false }) => {
-  const { branchId } = useParams117();
+  const { branchId } = useParams119();
   const { branches } = useAuth_default();
   const { TransactionView } = useTransactionView_default();
   const { getQuery, setQuery } = useApp_default();
@@ -51083,7 +51476,7 @@ var ProductList2 = ({ value = false }) => {
       key: "name",
       className: "text-xs whitespace-nowrap",
       render: (row) => {
-        return /* @__PURE__ */ jsx277("div", { className: "", children: /* @__PURE__ */ jsx277("p", { className: "font-bold text-black dark:text-white print:text-black", children: row.name }) });
+        return /* @__PURE__ */ jsx279("div", { className: "", children: /* @__PURE__ */ jsx279("p", { className: "font-bold uppercase text-black dark:text-white print:text-black", children: row.name }) });
       }
     },
     ...value ? [
@@ -51091,14 +51484,14 @@ var ProductList2 = ({ value = false }) => {
         header: "Cost",
         key: "cost",
         className: "text-xs whitespace-nowrap text-right",
-        render: (row) => /* @__PURE__ */ jsx277("span", { className: "font-bold text-black dark:text-white print:text-black", children: Formats_default.Amount(row.cost, false) })
+        render: (row) => /* @__PURE__ */ jsx279("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__ */ jsxs246(Fragment142, { children: [
-    /* @__PURE__ */ jsx277(TransactionView, {}),
-    /* @__PURE__ */ jsx277(
+  return /* @__PURE__ */ jsxs248(Fragment144, { children: [
+    /* @__PURE__ */ jsx279(TransactionView, {}),
+    /* @__PURE__ */ jsx279(
       A4DataView,
       {
         columns,
@@ -51108,11 +51501,10 @@ var ProductList2 = ({ value = false }) => {
         subtitle: branchId ? currentBranch?.name : "All Branches",
         tableTitle: "Stock List",
         fixed: false,
-        startPage: 1e10,
-        headers: /* @__PURE__ */ jsx277(
+        headers: /* @__PURE__ */ jsx279(
           Select,
           {
-            options: options9,
+            options: options10,
             value: stockType,
             className: "w-32! print:hidden",
             onChange: (e) => {