warqadui 0.0.288 → 0.0.290

package/dist/index.js

@@ -351,7 +351,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;
 
@@ -1235,6 +1236,7 @@ var DashboardLayout = ({
   title = "Dashboard",
   logo,
   userProfile,
+  posIcon,
   fontFamily = 'system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"',
   // Humanist System Stack
   sidebarFooter
@@ -1432,10 +1434,16 @@ var DashboardLayout = ({
                 children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react2.Menu, { size: 20 })
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "flex items-center gap-2", children: userProfile && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "w-px h-6 mx-2 bg-gray-200 dark:bg-gray-800" }),
-              userProfile
-            ] }) })
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center gap-2", children: [
+              posIcon && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "w-px h-6 mx-2 bg-gray-200 dark:bg-gray-800" }),
+                posIcon
+              ] }),
+              userProfile && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "w-px h-6 mx-2 bg-gray-200 dark:bg-gray-800" }),
+                userProfile
+              ] })
+            ] })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("main", { className: "flex-1   overflow-y-auto", children: [
             /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "sticky top-0 z-20 py-4 px-4 md:px-4 bg-gray-50/95 dark:bg-gray-900/80 backdrop-blur-sm border-b border-gray-200/50 dark:border-white/5 mb-2", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Breadcrumbs, {}) }),
@@ -2340,7 +2348,7 @@ var Select = (0, import_react15.forwardRef)((props, ref2) => {
     enumName,
     ...rest
   } = props;
-  const options10 = (0, import_react15.useMemo)(() => {
+  const options11 = (0, import_react15.useMemo)(() => {
     if (initialOptions.length > 0) return initialOptions;
     const targetEnum = enumData || (enumName ? enums[enumName] : void 0);
     if (targetEnum) {
@@ -2376,7 +2384,7 @@ var Select = (0, import_react15.forwardRef)((props, ref2) => {
           SelectRoot,
           {
             ...rest,
-            options: options10,
+            options: options11,
             currentValue: formValue,
             onChangeHandler: (val) => {
               formOnChange(val);
@@ -2393,7 +2401,7 @@ var Select = (0, import_react15.forwardRef)((props, ref2) => {
     SelectRoot,
     {
       ...rest,
-      options: options10,
+      options: options11,
       currentValue: value,
       onChangeHandler: onChange || (() => {
       }),
@@ -2579,12 +2587,12 @@ var SelectTrigger = (0, import_react15.forwardRef)(
       dropdownContentRef,
       containerRef,
       selectedValue,
-      options: options10,
+      options: options11,
       fieldInternalProps,
       disabled
     } = useSelectContext();
     const lastFocusTime = (0, import_react15.useRef)(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__ */ (0, import_jsx_runtime21.jsx)("div", { className: "relative", ref: dropdownAnchorRef, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
       "div",
@@ -3018,7 +3026,7 @@ var SearchApiRoot = ({
   const [searchTerm, setSearchTerm] = (0, import_react17.useState)("");
   const { theme } = useWarqadConfig();
   const primaryColor = theme?.primaryColor;
-  const [options10, setOptions] = (0, import_react17.useState)([]);
+  const [options11, setOptions] = (0, import_react17.useState)([]);
   const [isOpen, setIsOpen] = (0, import_react17.useState)(false);
   const [isFocused, setIsFocused] = (0, import_react17.useState)(false);
   const [activeIndex, setActiveIndex] = (0, import_react17.useState)(-1);
@@ -3070,7 +3078,7 @@ var SearchApiRoot = ({
     return () => clearTimeout(timer);
   }, [searchTerm, api, isOpen]);
   (0, import_react17.useEffect)(() => {
-    if (isOpen && options10.length === 0) {
+    if (isOpen && options11.length === 0) {
       fetchOptions("");
     }
   }, [isOpen]);
@@ -3101,8 +3109,8 @@ var SearchApiRoot = ({
     return option[valueKey];
   };
   (0, import_react17.useEffect)(() => {
-    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) {
@@ -3113,7 +3121,7 @@ var SearchApiRoot = ({
         }
       }
     }
-  }, [currentValue, options10, obj]);
+  }, [currentValue, options11, obj]);
   (0, import_react17.useEffect)(() => {
     if (prevApiRef.current !== api) {
       prevApiRef.current = api;
@@ -3158,8 +3166,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)
@@ -3203,7 +3211,7 @@ var SearchApiRoot = ({
     setSearchTerm("");
     if (onClear) onClear();
   };
-  const filteredOptions = options10.filter(
+  const filteredOptions = options11.filter(
     (option) => !filter.includes(getOptionValue(option))
   );
   let message92 = error || errorMessage;
@@ -3368,7 +3376,7 @@ var SearchApiInput = (0, import_react17.forwardRef)(
       variant,
       activeIndex,
       setActiveIndex,
-      options: options10,
+      options: options11,
       handleSelect,
       clearSelection,
       inputRef,
@@ -3400,7 +3408,7 @@ var SearchApiInput = (0, import_react17.forwardRef)(
           e.preventDefault();
           e.stopPropagation();
           setActiveIndex(
-            activeIndex < options10.length - 1 ? activeIndex + 1 : activeIndex
+            activeIndex < options11.length - 1 ? activeIndex + 1 : activeIndex
           );
           break;
         case "ArrowUp":
@@ -3411,8 +3419,8 @@ var SearchApiInput = (0, import_react17.forwardRef)(
         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();
@@ -3488,7 +3496,7 @@ var SearchApiContent = (0, import_react17.forwardRef)(
       dropdownContentRef,
       isLoading,
       searchTerm,
-      options: options10,
+      options: options11,
       error
     } = useSearchApiContext();
     const [dropdownStyle, setDropdownStyle] = (0, import_react17.useState)({});
@@ -3528,7 +3536,7 @@ var SearchApiContent = (0, import_react17.forwardRef)(
           ...props,
           children: [
             error && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("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__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "p-4 text-center text-sm text-gray-500", children: [
+            isLoading && options11.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "p-4 text-center text-sm text-gray-500", children: [
               /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react10.Loader2, { className: "h-5 w-5 animate-spin mx-auto mb-2" }),
               "Loading options..."
             ] }) : children ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "py-1", children }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "p-4 text-center text-sm text-gray-500", children: searchTerm ? `No results for "${searchTerm}"` : "No options available" })
@@ -7570,13 +7578,13 @@ var import_moment = __toESM(require("moment"));
 var import_react_to_print3 = require("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}`;
 }
@@ -8082,7 +8090,7 @@ var useTransaction_default = useTransaction;
 // src/utils/pdf.ts
 var import_html2canvas_pro = __toESM(require("html2canvas-pro"));
 var import_jspdf = require("jspdf");
-var generatePdf = async (elementId, options10 = {}) => {
+var generatePdf = async (elementId, options11 = {}) => {
   const {
     orientation = "landscape",
     unit = "mm",
@@ -8092,7 +8100,7 @@ var generatePdf = async (elementId, options10 = {}) => {
     windowWidth = 1200,
     scale = 1,
     showPageNumbers = true
-  } = options10;
+  } = options11;
   const element = document.getElementById(elementId);
   if (!element) {
     console.error(
@@ -29731,7 +29739,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]" }
@@ -29741,7 +29749,7 @@ var StatusFilter = ({
     { label: "Booked", value: "booked", dotColor: "bg-[#3b82f6]" },
     { label: "Sold", value: "sold", dotColor: "bg-[#ef4444]" }
   ];
-  return /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("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__ */ (0, import_jsx_runtime168.jsx)("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__ */ (0, import_jsx_runtime168.jsxs)(
       "button",
@@ -46301,7 +46309,8 @@ var AdjustmentStockSchema5 = import_zod117.default.object({
   cash: import_zod117.default.coerce.number(),
   credit: import_zod117.default.coerce.number(),
   discount: import_zod117.default.coerce.number(),
-  currency: import_zod117.default.enum(Enums_default.currencies)
+  currency: import_zod117.default.enum(Enums_default.currencies),
+  collection: import_zod117.default.enum(Enums_default.collectionTypes)
 });
 var schema_default7 = AdjustmentStockSchema5;
 
@@ -46384,13 +46393,13 @@ var CompleteSaleModal2 = ({
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime256.jsxs)("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__ */ (0, import_jsx_runtime256.jsxs)("div", { className: "flex items-center justify-between border-b pb-2 dark:border-zinc-800", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime256.jsx)("span", { className: "text-sm font-bold text-gray-800 dark:text-zinc-200", children: "1. Discount & Rate" }),
+        /* @__PURE__ */ (0, import_jsx_runtime256.jsx)("span", { className: "text-sm font-bold text-gray-800 dark:text-zinc-200", children: "1. Discount, Rate & Collection" }),
         (discount > 0 || isRate) && /* @__PURE__ */ (0, import_jsx_runtime256.jsx)("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__ */ (0, import_jsx_runtime256.jsxs)(
         "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__ */ (0, import_jsx_runtime256.jsx)(
               Fields_default.Input,
@@ -46413,6 +46422,17 @@ var CompleteSaleModal2 = ({
                 type: "number",
                 className: "h-[40px]!"
               }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(
+              Fields_default.Select,
+              {
+                label: "Collection",
+                name: "collection",
+                form,
+                enumName: "collectionTypes",
+                required: true,
+                className: "h-[40px]!"
+              }
             )
           ]
         }
@@ -46451,7 +46471,7 @@ var CompleteSaleModal2 = ({
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime256.jsxs)("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__ */ (0, import_jsx_runtime256.jsxs)("div", { className: "flex items-center justify-between border-b pb-2 dark:border-zinc-800", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime256.jsx)("span", { className: "text-sm font-bold text-gray-800 dark:text-zinc-200", children: "2. Credit Payment" }),
+        /* @__PURE__ */ (0, import_jsx_runtime256.jsx)("span", { className: "text-sm font-bold text-gray-800 dark:text-zinc-200", children: "3. Credit Payment" }),
         credit > 0 && /* @__PURE__ */ (0, import_jsx_runtime256.jsx)("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__ */ (0, import_jsx_runtime256.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
@@ -46575,7 +46595,8 @@ var Sale2Form2 = ({
       cash: 0,
       credit: 0,
       discount: 0,
-      invoiceNumber: ""
+      invoiceNumber: "",
+      collection: "collected"
     }
   });
   const { handleSubmit, watch, setValue } = methods;
@@ -46652,7 +46673,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({
@@ -46720,6 +46742,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);
@@ -46860,44 +46883,40 @@ 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
+var import_react156 = require("react");
 var import_react_router_dom120 = require("react-router-dom");
 var import_lucide_react123 = require("lucide-react");
 var import_jsx_runtime258 = require("react/jsx-runtime");
-function purchase3List({
+function Collection3({
   url,
   type = "product"
 }) {
   const { branchId } = (0, import_react_router_dom120.useParams)();
   const navigate = (0, import_react_router_dom120.useNavigate)();
+  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__ */ (0, import_jsx_runtime258.jsx)(import_lucide_react123.Eye, { size: 16 }),
       className: "w-[200px]",
       onClick: () => openTransaction({ id: data2?._id, type: "stock" })
     },
     {
-      label: `Edit Stock Purchase`,
+      label: `Edit Stock Sale`,
       icon: /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(import_lucide_react123.FilePenLine, { size: 16 }),
       onClick: () => navigate(`update?id=${data2?._id}`)
     },
     {
-      label: `Delete Stock Purchase`,
+      label: `Delete Stock Sale`,
       icon: /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(import_lucide_react123.Trash2, { className: "text-red-500", size: 16 }),
       onClick: () => {
         openTransaction({
@@ -46937,11 +46956,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__ */ (0, import_jsx_runtime258.jsxs)("div", { className: "flex flex-col gap-0.5", children: [
           stock?.cash > 0 && walletName && /* @__PURE__ */ (0, import_jsx_runtime258.jsxs)("span", { className: "text-xs text-gray-500 dark:text-zinc-400", children: [
@@ -46950,11 +46969,11 @@ function purchase3List({
             /* @__PURE__ */ (0, import_jsx_runtime258.jsx)("span", { className: "font-semibold text-gray-800 dark:text-zinc-200", children: walletName })
           ] }),
           stock?.credit > 0 && accountName && /* @__PURE__ */ (0, import_jsx_runtime258.jsxs)("span", { className: "text-xs text-gray-500 dark:text-zinc-400", children: [
-            "Supplier:",
+            "Customer:",
             " ",
             /* @__PURE__ */ (0, import_jsx_runtime258.jsx)("span", { className: "font-semibold text-gray-800 dark:text-zinc-200", children: accountName })
           ] }),
-          !(stock?.cash > 0 && walletName) && !(stock?.credit > 0 && accountName) && /* @__PURE__ */ (0, import_jsx_runtime258.jsx)("span", { children: stock?.purchase === "cash" ? walletName || "Cash Wallet" : accountName || "Supplier" })
+          !(stock?.cash > 0 && walletName) && !(stock?.credit > 0 && accountName) && /* @__PURE__ */ (0, import_jsx_runtime258.jsx)("span", { children: stock?.sale === "cash" ? walletName || "Cash Wallet" : accountName || "Customer" })
         ] });
       }
     },
@@ -46971,25 +46990,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__ */ (0, import_jsx_runtime258.jsxs)("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime258.jsx)("span", { className: `capitalize text-red-600`, children: "Stock Purchased" }),
-          /* @__PURE__ */ (0, import_jsx_runtime258.jsx)("span", { className: "capitalize", children: purchaseType })
+          /* @__PURE__ */ (0, import_jsx_runtime258.jsx)("span", { className: `capitalize text-red-600`, children: "Stock Sold" }),
+          /* @__PURE__ */ (0, import_jsx_runtime258.jsx)("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__ */ (0, import_jsx_runtime258.jsxs)("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime258.jsx)("span", { className: "font-semibold", children: Formats_default.Price(amount, stock?.currency, false) }),
-          stock?.discount ? /* @__PURE__ */ (0, import_jsx_runtime258.jsxs)("span", { className: "text-xs text-red-600 ", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime258.jsx)("span", { className: "font-semibold", children: Formats_default.Price(usdAmount, "USD", false) }),
+          !isUSD && /* @__PURE__ */ (0, import_jsx_runtime258.jsxs)("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__ */ (0, import_jsx_runtime258.jsxs)("span", { className: "text-xs text-red-600", children: [
             "Original:",
+            " ",
             /* @__PURE__ */ (0, import_jsx_runtime258.jsx)("del", { children: Formats_default.Price(stock?.amount, stock?.currency, false) })
-          ] }) : null
+          ] })
         ] });
       }
     },
@@ -47011,11 +47038,374 @@ function purchase3List({
     }
   ];
   const stocks = data?.data || [];
+  const stats = (0, import_react156.useMemo)(() => {
+    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__ */ (0, import_jsx_runtime258.jsxs)(import_jsx_runtime258.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(TransactionView, {}),
     /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(Modal2, {}),
     /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(PosPrinter, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime258.jsxs)("header", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 mb-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime258.jsxs)("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__ */ (0, import_jsx_runtime258.jsxs)("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime258.jsxs)("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime258.jsx)("span", { className: "text-xs font-semibold uppercase tracking-wider text-zinc-500 dark:text-zinc-400", children: "Pending Invoices" }),
+            /* @__PURE__ */ (0, import_jsx_runtime258.jsx)("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__ */ (0, import_jsx_runtime258.jsx)("h3", { className: "text-3xl font-black text-zinc-900 dark:text-white", children: stats.totalInvoices }),
+          /* @__PURE__ */ (0, import_jsx_runtime258.jsxs)("p", { className: "text-xs text-zinc-500 dark:text-zinc-400", children: [
+            stats.totalInvoices === 1 ? "1 invoice" : `${stats.totalInvoices} invoices`,
+            " ",
+            "awaiting collection"
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime258.jsx)("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__ */ (0, import_jsx_runtime258.jsx)(import_lucide_react123.Clock, { size: 24 }) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime258.jsxs)("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__ */ (0, import_jsx_runtime258.jsxs)("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime258.jsxs)("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime258.jsx)("span", { className: "text-xs font-semibold uppercase tracking-wider text-zinc-500 dark:text-zinc-400", children: "To Be Collected (USD)" }),
+            /* @__PURE__ */ (0, import_jsx_runtime258.jsx)("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__ */ (0, import_jsx_runtime258.jsx)("h3", { className: "text-3xl font-black text-emerald-600 dark:text-emerald-400", children: Formats_default.Price(stats.totalPendingUSD, "USD", false) }),
+          /* @__PURE__ */ (0, import_jsx_runtime258.jsx)("p", { className: "text-xs text-zinc-500 dark:text-zinc-400", children: "Total sales waiting for collection (USD)" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime258.jsx)("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__ */ (0, import_jsx_runtime258.jsx)(import_lucide_react123.CircleDollarSign, { size: 24 }) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime258.jsxs)("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__ */ (0, import_jsx_runtime258.jsxs)("div", { className: "space-y-2 w-full pr-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime258.jsx)("span", { className: "text-xs font-semibold uppercase tracking-wider text-zinc-500 dark:text-zinc-400", children: "Payment Breakdown (USD)" }),
+          /* @__PURE__ */ (0, import_jsx_runtime258.jsxs)("div", { className: "flex items-center justify-between text-sm", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime258.jsxs)("span", { className: "text-zinc-500 dark:text-zinc-400 flex items-center gap-1.5", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime258.jsx)("span", { className: "h-2 w-2 rounded-full bg-blue-500" }),
+              "Cash:"
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime258.jsx)("span", { className: "font-bold text-blue-600 dark:text-blue-400", children: Formats_default.Price(stats.totalCashUSD, "USD", false) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime258.jsxs)("div", { className: "flex items-center justify-between text-sm", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime258.jsxs)("span", { className: "text-zinc-500 dark:text-zinc-400 flex items-center gap-1.5", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime258.jsx)("span", { className: "h-2 w-2 rounded-full bg-red-500" }),
+              "Credit:"
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime258.jsx)("span", { className: "font-bold text-red-500 dark:text-red-400", children: Formats_default.Price(stats.totalCreditUSD, "USD", false) })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime258.jsx)("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__ */ (0, import_jsx_runtime258.jsx)(import_lucide_react123.Wallet, { size: 24 }) })
+      ] })
+    ] }),
     /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(
+      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
+var import_react_router_dom121 = require("react-router-dom");
+var import_jsx_runtime259 = require("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 } = (0, import_react_router_dom121.useParams)();
+  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__ */ (0, import_jsx_runtime259.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime259.jsx)("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__ */ (0, import_jsx_runtime259.jsx)(
+          "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__ */ (0, import_jsx_runtime259.jsx)(
+          "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__ */ (0, import_jsx_runtime259.jsx)("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__ */ (0, import_jsx_runtime259.jsxs)(import_jsx_runtime259.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(TransactionView, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(
+      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__ */ (0, import_jsx_runtime259.jsx)(
+          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
+var import_react_router_dom122 = require("react-router-dom");
+var import_lucide_react124 = require("lucide-react");
+var import_jsx_runtime260 = require("react/jsx-runtime");
+function purchase3List({
+  url,
+  type = "product"
+}) {
+  const { branchId } = (0, import_react_router_dom122.useParams)();
+  const navigate = (0, import_react_router_dom122.useNavigate)();
+  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__ */ (0, import_jsx_runtime260.jsx)(import_lucide_react124.Eye, { size: 16 }),
+      className: "w-[200px]",
+      onClick: () => openTransaction({ id: data2?._id, type: "stock" })
+    },
+    {
+      label: `Edit Stock Purchase`,
+      icon: /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(import_lucide_react124.FilePenLine, { size: 16 }),
+      onClick: () => navigate(`update?id=${data2?._id}`)
+    },
+    {
+      label: `Delete Stock Purchase`,
+      icon: /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(import_lucide_react124.Trash2, { 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__ */ (0, import_jsx_runtime260.jsxs)("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime260.jsx)("span", { children: stock?.date }),
+          /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(
+            "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__ */ (0, import_jsx_runtime260.jsx)("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__ */ (0, import_jsx_runtime260.jsxs)("div", { className: "flex flex-col gap-0.5", children: [
+          stock?.cash > 0 && walletName && /* @__PURE__ */ (0, import_jsx_runtime260.jsxs)("span", { className: "text-xs text-gray-500 dark:text-zinc-400", children: [
+            "Wallet:",
+            " ",
+            /* @__PURE__ */ (0, import_jsx_runtime260.jsx)("span", { className: "font-semibold text-gray-800 dark:text-zinc-200", children: walletName })
+          ] }),
+          stock?.credit > 0 && accountName && /* @__PURE__ */ (0, import_jsx_runtime260.jsxs)("span", { className: "text-xs text-gray-500 dark:text-zinc-400", children: [
+            "Supplier:",
+            " ",
+            /* @__PURE__ */ (0, import_jsx_runtime260.jsx)("span", { className: "font-semibold text-gray-800 dark:text-zinc-200", children: accountName })
+          ] }),
+          !(stock?.cash > 0 && walletName) && !(stock?.credit > 0 && accountName) && /* @__PURE__ */ (0, import_jsx_runtime260.jsx)("span", { children: stock?.purchase === "cash" ? walletName || "Cash Wallet" : accountName || "Supplier" })
+        ] });
+      }
+    },
+    {
+      accessorKey: "stockType",
+      header: "Stock Type",
+      cell: ({ row }) => {
+        const stock = row.original;
+        return /* @__PURE__ */ (0, import_jsx_runtime260.jsx)("div", { className: "flex flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime260.jsx)("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__ */ (0, import_jsx_runtime260.jsxs)("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime260.jsx)("span", { className: `capitalize text-red-600`, children: "Stock Purchased" }),
+          /* @__PURE__ */ (0, import_jsx_runtime260.jsx)("span", { className: "capitalize", children: purchaseType })
+        ] });
+      }
+    },
+    {
+      accessorKey: "amount",
+      header: "Amount",
+      cell: ({ row }) => {
+        const stock = row.original;
+        const amount = stock?.amount - (stock?.discount || 0);
+        return /* @__PURE__ */ (0, import_jsx_runtime260.jsxs)("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime260.jsx)("span", { className: "font-semibold", children: Formats_default.Price(amount, stock?.currency, false) }),
+          stock?.discount ? /* @__PURE__ */ (0, import_jsx_runtime260.jsxs)("span", { className: "text-xs text-red-600 ", children: [
+            "Original:",
+            /* @__PURE__ */ (0, import_jsx_runtime260.jsx)("del", { children: Formats_default.Price(stock?.amount, stock?.currency, false) })
+          ] }) : null
+        ] });
+      }
+    },
+    {
+      accessorKey: "actions",
+      header: "Actions",
+      cell: ({ row }) => {
+        const data2 = row.original;
+        return /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(
+          Dropdown,
+          {
+            className: "cursor-pointer",
+            items: items(data2),
+            triggerMode: "hover",
+            children: /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(import_lucide_react124.EllipsisVertical, {})
+          }
+        );
+      }
+    }
+  ];
+  const stocks = data?.data || [];
+  return /* @__PURE__ */ (0, import_jsx_runtime260.jsxs)(import_jsx_runtime260.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(TransactionView, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(Modal2, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(PosPrinter, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(
       TransactionViewComponent,
       {
         columns,
@@ -47035,23 +47425,23 @@ function purchase3List({
 var List_default7 = purchase3List;
 
 // src/components/Transactions/3/purchase3/pos.tsx
-var import_react159 = require("react");
+var import_react160 = require("react");
 
 // src/components/Transactions/3/purchase3/header.tsx
 var import_react_hook_form71 = require("react-hook-form");
-var import_react_router_dom121 = require("react-router-dom");
-var import_react156 = require("react");
-var import_jsx_runtime259 = require("react/jsx-runtime");
+var import_react_router_dom123 = require("react-router-dom");
+var import_react157 = require("react");
+var import_jsx_runtime261 = require("react/jsx-runtime");
 function SaleHeader4({ stockType }) {
   const form = (0, import_react_hook_form71.useFormContext)();
-  const { branchId } = (0, import_react_router_dom121.useParams)();
-  (0, import_react156.useEffect)(() => {
+  const { branchId } = (0, import_react_router_dom123.useParams)();
+  (0, import_react157.useEffect)(() => {
     if (branchId) {
       form.setValue("branch", branchId);
     }
   }, [branchId]);
-  return /* @__PURE__ */ (0, import_jsx_runtime259.jsxs)("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__ */ (0, import_jsx_runtime259.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime261.jsxs)("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__ */ (0, import_jsx_runtime261.jsx)(
       Fields_default.DateInput,
       {
         label: "Date",
@@ -47061,7 +47451,7 @@ function SaleHeader4({ stockType }) {
         required: true
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(
       Feilds_default.Branches,
       {
         name: "branch",
@@ -47072,7 +47462,7 @@ function SaleHeader4({ stockType }) {
         className: "h-[30px]!"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(
       Fields_default.Select,
       {
         label: "Stock Type",
@@ -47087,7 +47477,7 @@ function SaleHeader4({ stockType }) {
         className: "rounded-md! min-w-[100px]! h-[30px]!"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(
       Fields_default.Select,
       {
         label: "Currency",
@@ -47102,7 +47492,7 @@ function SaleHeader4({ stockType }) {
         className: "rounded-md! min-w-[100px]! h-[30px]!"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(
       Fields_default.Input,
       {
         label: "Invoice Number",
@@ -47150,8 +47540,8 @@ var useFetchBalance6 = ({ form, branch, type }) => {
 var FetchBalance_default6 = useFetchBalance6;
 
 // src/components/Transactions/3/purchase3/table.tsx
-var import_react157 = require("react");
-var import_jsx_runtime260 = require("react/jsx-runtime");
+var import_react158 = require("react");
+var import_jsx_runtime262 = require("react/jsx-runtime");
 function PurchaseStockTable({
   data,
   methods,
@@ -47237,12 +47627,12 @@ function PurchaseStockTable({
       size: 400,
       meta: {
         field: ({ value, onChange, rowData }) => {
-          (0, import_react157.useEffect)(() => {
+          (0, import_react158.useEffect)(() => {
             if (rowData?.lineObj && methods.getValues("lineObj") !== rowData.lineObj) {
               methods.setValue("lineObj", rowData.lineObj);
             }
           }, [rowData?.lineObj]);
-          return /* @__PURE__ */ (0, import_jsx_runtime260.jsx)("div", { className: "flex items-center gap-2 w-full ", children: /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime262.jsx)("div", { className: "flex items-center gap-2 w-full ", children: /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(
             Fields_default.SearchApi,
             {
               id: "pti-lineId",
@@ -47291,8 +47681,8 @@ function PurchaseStockTable({
       cell: ({ row }) => {
         const lineObj2 = row.original?.lineObj;
         const lineName = lineObj2?.name;
-        return /* @__PURE__ */ (0, import_jsx_runtime260.jsxs)("div", { className: "flex items-center gap-2 w-full ", children: [
-          stockType === "product" && /* @__PURE__ */ (0, import_jsx_runtime260.jsx)("div", { className: "h-[20px] w-[20px] rounded-md overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime262.jsxs)("div", { className: "flex items-center gap-2 w-full ", children: [
+          stockType === "product" && /* @__PURE__ */ (0, import_jsx_runtime262.jsx)("div", { className: "h-[20px] w-[20px] rounded-md overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(
             ProductImage_default,
             {
               src: lineObj2?.imgUrl || lineObj2?.image || null,
@@ -47300,7 +47690,7 @@ function PurchaseStockTable({
               width: 20
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime260.jsx)("h1", { children: lineName })
+          /* @__PURE__ */ (0, import_jsx_runtime262.jsx)("h1", { children: lineName })
         ] });
       }
     },
@@ -47309,7 +47699,7 @@ function PurchaseStockTable({
       header: "Available",
       maxSize: 90,
       meta: {
-        field: ({ value, onChange }) => /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(import_jsx_runtime260.Fragment, { children: balanceLoading ? /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(LoadingSpin, { size: "sm", className: "text-blue-600" }) : /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(
+        field: ({ value, onChange }) => /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(import_jsx_runtime262.Fragment, { children: balanceLoading ? /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(LoadingSpin, { size: "sm", className: "text-blue-600" }) : /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(
           Fields_default.Input,
           {
             id: "pti-lineBalance",
@@ -47327,7 +47717,7 @@ function PurchaseStockTable({
         ) })
       },
       cell: () => {
-        return /* @__PURE__ */ (0, import_jsx_runtime260.jsx)("h2", { children: "-" });
+        return /* @__PURE__ */ (0, import_jsx_runtime262.jsx)("h2", { children: "-" });
       }
     },
     ...!isRate ? [
@@ -47336,7 +47726,7 @@ function PurchaseStockTable({
         header: "Cost",
         maxSize: 140,
         meta: {
-          field: ({ value, onChange }) => /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(
+          field: ({ value, onChange }) => /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(
             Fields_default.Input,
             {
               id: "pti-lineCost",
@@ -47354,7 +47744,7 @@ function PurchaseStockTable({
           )
         },
         cell: ({ row }) => {
-          return /* @__PURE__ */ (0, import_jsx_runtime260.jsx)("h2", { children: Formats_default.Amount(row.original?.lineCost || 0) });
+          return /* @__PURE__ */ (0, import_jsx_runtime262.jsx)("h2", { children: Formats_default.Amount(row.original?.lineCost || 0) });
         }
       }
     ] : [],
@@ -47363,7 +47753,7 @@ function PurchaseStockTable({
       header: "Qty",
       maxSize: 90,
       meta: {
-        field: ({ value, onChange }) => /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(
+        field: ({ value, onChange }) => /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(
           Fields_default.Input,
           {
             id: "pti-lineQuantity",
@@ -47380,7 +47770,7 @@ function PurchaseStockTable({
         )
       },
       cell: ({ row }) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime260.jsx)("h2", { children: Formats_default.XQty(row.original?.lineQuantity || 0) });
+        return /* @__PURE__ */ (0, import_jsx_runtime262.jsx)("h2", { children: Formats_default.XQty(row.original?.lineQuantity || 0) });
       }
     },
     {
@@ -47388,7 +47778,7 @@ function PurchaseStockTable({
       header: "Price",
       maxSize: 90,
       meta: {
-        field: ({ value, onChange }) => /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(
+        field: ({ value, onChange }) => /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(
           Fields_default.Input,
           {
             id: "pti-lineCost",
@@ -47405,7 +47795,7 @@ function PurchaseStockTable({
         )
       },
       cell: ({ row }) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime260.jsx)("h2", { children: Formats_default.XQty(row.original?.lineSell || 0) });
+        return /* @__PURE__ */ (0, import_jsx_runtime262.jsx)("h2", { children: Formats_default.XQty(row.original?.lineSell || 0) });
       }
     },
     {
@@ -47413,7 +47803,7 @@ function PurchaseStockTable({
       header: "Total",
       maxSize: 150,
       meta: {
-        field: ({ value, onChange }) => /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(
+        field: ({ value, onChange }) => /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(
           Fields_default.Input,
           {
             id: "pti-lineTotal",
@@ -47431,22 +47821,22 @@ function PurchaseStockTable({
         )
       },
       cell: ({ row }) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime260.jsx)("h2", { children: Formats_default.Amount(row.original?.lineTotal || 0) });
+        return /* @__PURE__ */ (0, import_jsx_runtime262.jsx)("h2", { children: Formats_default.Amount(row.original?.lineTotal || 0) });
       },
       footer: ({ row }) => {
         const total = data?.reduce((acc, row2) => acc + row2.lineTotal, 0);
-        return /* @__PURE__ */ (0, import_jsx_runtime260.jsx)("h2", { children: Formats_default.Price(total || 0, currency, false) });
+        return /* @__PURE__ */ (0, import_jsx_runtime262.jsx)("h2", { children: Formats_default.Price(total || 0, currency, false) });
       }
     }
   ];
-  (0, import_react157.useEffect)(() => {
+  (0, import_react158.useEffect)(() => {
     if (lineId) {
       fetchBalance();
     } else {
       methods.setValue("lineBalance", 0);
     }
   }, [lineId, branch]);
-  return /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(import_jsx_runtime260.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(import_jsx_runtime262.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(
     PostTable,
     {
       data: data || [],
@@ -47460,7 +47850,7 @@ function PurchaseStockTable({
       isLoading: getLoading,
       defaultExpanded: true,
       hasSubComponent: () => stockType !== "product",
-      renderSubComponent: ({ row }) => /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(PackView_default, { type: stockType, data: row?.lineObj?.products })
+      renderSubComponent: ({ row }) => /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(PackView_default, { type: stockType, data: row?.lineObj?.products })
     },
     data?.length
   ) });
@@ -47503,13 +47893,13 @@ var AdjustmentStockSchema6 = import_zod119.default.object({
 var schema_default8 = AdjustmentStockSchema6;
 
 // src/components/Transactions/3/purchase3/pos.tsx
-var import_lucide_react124 = require("lucide-react");
-var import_react_router_dom122 = require("react-router-dom");
+var import_lucide_react125 = require("lucide-react");
+var import_react_router_dom124 = require("react-router-dom");
 
 // src/components/Transactions/3/purchase3/Submit.tsx
 var import_react_hook_form72 = require("react-hook-form");
-var import_react158 = require("react");
-var import_jsx_runtime261 = require("react/jsx-runtime");
+var import_react159 = require("react");
+var import_jsx_runtime263 = require("react/jsx-runtime");
 var CompletePurchaseModal = ({
   totalAmount,
   onSubmit,
@@ -47558,7 +47948,7 @@ var CompletePurchaseModal = ({
     }
   };
   const isRate = defaultCurrency !== currency;
-  const exchangedNet = (0, import_react158.useMemo)(() => {
+  const exchangedNet = (0, import_react159.useMemo)(() => {
     const total = forex_default.exchangedAmount({
       accountCurrency: defaultCurrency,
       transactionCurrency: currency,
@@ -47569,27 +47959,27 @@ var CompletePurchaseModal = ({
     return Formats_default.Price(total, defaultCurrency, false);
   }, [netAmount, currency, defaultCurrency, cash, credit, discount]);
   const { isSubmitting } = form.formState;
-  return /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(Card, { isLoading: isSubmitting, children: /* @__PURE__ */ (0, import_jsx_runtime261.jsxs)("div", { className: "space-y-5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime261.jsxs)("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__ */ (0, import_jsx_runtime261.jsx)("span", { className: "text-xs uppercase tracking-wider text-emerald-600 dark:text-emerald-400 font-bold", children: "Net Total Amount" }),
-      /* @__PURE__ */ (0, import_jsx_runtime261.jsx)("h2", { className: "text-3xl font-black text-emerald-700 dark:text-emerald-300", children: Formats_default.Price(netAmount, currency, false) }),
-      discount > 0 && /* @__PURE__ */ (0, import_jsx_runtime261.jsxs)("p", { className: "text-xs text-gray-500 dark:text-zinc-400", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(Card, { isLoading: isSubmitting, children: /* @__PURE__ */ (0, import_jsx_runtime263.jsxs)("div", { className: "space-y-5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime263.jsxs)("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__ */ (0, import_jsx_runtime263.jsx)("span", { className: "text-xs uppercase tracking-wider text-emerald-600 dark:text-emerald-400 font-bold", children: "Net Total Amount" }),
+      /* @__PURE__ */ (0, import_jsx_runtime263.jsx)("h2", { className: "text-3xl font-black text-emerald-700 dark:text-emerald-300", children: Formats_default.Price(netAmount, currency, false) }),
+      discount > 0 && /* @__PURE__ */ (0, import_jsx_runtime263.jsxs)("p", { className: "text-xs text-gray-500 dark:text-zinc-400", children: [
         "Original:",
         " ",
-        /* @__PURE__ */ (0, import_jsx_runtime261.jsx)("span", { className: "line-through", children: Formats_default.Price(totalAmount, currency, false) })
+        /* @__PURE__ */ (0, import_jsx_runtime263.jsx)("span", { className: "line-through", children: Formats_default.Price(totalAmount, currency, false) })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime261.jsxs)("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__ */ (0, import_jsx_runtime261.jsxs)("div", { className: "flex items-center justify-between border-b pb-2 dark:border-zinc-800", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime261.jsx)("span", { className: "text-sm font-bold text-gray-800 dark:text-zinc-200", children: "1. Discount & Rate" }),
-        (discount > 0 || isRate) && /* @__PURE__ */ (0, import_jsx_runtime261.jsx)("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__ */ (0, import_jsx_runtime263.jsxs)("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__ */ (0, import_jsx_runtime263.jsxs)("div", { className: "flex items-center justify-between border-b pb-2 dark:border-zinc-800", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime263.jsx)("span", { className: "text-sm font-bold text-gray-800 dark:text-zinc-200", children: "1. Discount & Rate" }),
+        (discount > 0 || isRate) && /* @__PURE__ */ (0, import_jsx_runtime263.jsx)("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__ */ (0, import_jsx_runtime261.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime263.jsxs)(
         "div",
         {
           className: isRate ? "grid grid-cols-1 md:grid-cols-2 gap-4" : "grid grid-cols-1 gap-4",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(
               Fields_default.Input,
               {
                 label: "Discount Amount",
@@ -47600,7 +47990,7 @@ var CompletePurchaseModal = ({
                 className: "h-[40px]!"
               }
             ),
-            isRate && /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(
+            isRate && /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(
               Fields_default.Input,
               {
                 label: "Rate",
@@ -47615,13 +48005,13 @@ var CompletePurchaseModal = ({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime261.jsxs)("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__ */ (0, import_jsx_runtime261.jsxs)("div", { className: "flex items-center justify-between border-b pb-2 dark:border-zinc-800", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime261.jsx)("span", { className: "text-sm font-bold text-gray-800 dark:text-zinc-200", children: "2. Cash Payment" }),
-        cash > 0 && /* @__PURE__ */ (0, import_jsx_runtime261.jsx)("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__ */ (0, import_jsx_runtime263.jsxs)("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__ */ (0, import_jsx_runtime263.jsxs)("div", { className: "flex items-center justify-between border-b pb-2 dark:border-zinc-800", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime263.jsx)("span", { className: "text-sm font-bold text-gray-800 dark:text-zinc-200", children: "2. Cash Payment" }),
+        cash > 0 && /* @__PURE__ */ (0, import_jsx_runtime263.jsx)("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__ */ (0, import_jsx_runtime261.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime263.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(
           Fields_default.Input,
           {
             label: "Cash Amount",
@@ -47632,7 +48022,7 @@ var CompletePurchaseModal = ({
             className: "h-[40px]!"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(
           Feilds_default2.Wallet,
           {
             name: "wallet",
@@ -47646,13 +48036,13 @@ var CompletePurchaseModal = ({
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime261.jsxs)("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__ */ (0, import_jsx_runtime261.jsxs)("div", { className: "flex items-center justify-between border-b pb-2 dark:border-zinc-800", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime261.jsx)("span", { className: "text-sm font-bold text-gray-800 dark:text-zinc-200", children: "2. Credit Payment" }),
-        credit > 0 && /* @__PURE__ */ (0, import_jsx_runtime261.jsx)("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__ */ (0, import_jsx_runtime263.jsxs)("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__ */ (0, import_jsx_runtime263.jsxs)("div", { className: "flex items-center justify-between border-b pb-2 dark:border-zinc-800", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime263.jsx)("span", { className: "text-sm font-bold text-gray-800 dark:text-zinc-200", children: "2. Credit Payment" }),
+        credit > 0 && /* @__PURE__ */ (0, import_jsx_runtime263.jsx)("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__ */ (0, import_jsx_runtime261.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime263.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(
           Fields_default.Input,
           {
             label: "Credit Amount",
@@ -47663,7 +48053,7 @@ var CompletePurchaseModal = ({
             className: "h-[40px]!"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(
           Feilds_default.Customer,
           {
             name: "supplier",
@@ -47677,37 +48067,37 @@ var CompletePurchaseModal = ({
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime261.jsxs)("div", { className: "pt-2 space-y-2.5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime261.jsxs)("div", { className: "flex justify-between items-center text-sm px-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime261.jsx)("span", { className: "text-gray-500 dark:text-zinc-400", children: "Total Before Discount:" }),
-        /* @__PURE__ */ (0, import_jsx_runtime261.jsx)("span", { className: "font-semibold text-gray-900 dark:text-white", children: Formats_default.Price(totalAmount, currency, false) })
+    /* @__PURE__ */ (0, import_jsx_runtime263.jsxs)("div", { className: "pt-2 space-y-2.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime263.jsxs)("div", { className: "flex justify-between items-center text-sm px-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime263.jsx)("span", { className: "text-gray-500 dark:text-zinc-400", children: "Total Before Discount:" }),
+        /* @__PURE__ */ (0, import_jsx_runtime263.jsx)("span", { className: "font-semibold text-gray-900 dark:text-white", children: Formats_default.Price(totalAmount, currency, false) })
       ] }),
-      discount > 0 && /* @__PURE__ */ (0, import_jsx_runtime261.jsxs)("div", { className: "flex justify-between items-center text-sm px-2 text-amber-600 dark:text-amber-400", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime261.jsx)("span", { children: "Discount Applied:" }),
-        /* @__PURE__ */ (0, import_jsx_runtime261.jsxs)("span", { children: [
+      discount > 0 && /* @__PURE__ */ (0, import_jsx_runtime263.jsxs)("div", { className: "flex justify-between items-center text-sm px-2 text-amber-600 dark:text-amber-400", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime263.jsx)("span", { children: "Discount Applied:" }),
+        /* @__PURE__ */ (0, import_jsx_runtime263.jsxs)("span", { children: [
           "-",
           Formats_default.Price(discount, currency, false)
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime261.jsxs)("div", { className: "flex justify-between items-center text-sm px-2 text-blue-600 dark:text-blue-400", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime261.jsx)("span", { children: "Cash Paid:" }),
-        /* @__PURE__ */ (0, import_jsx_runtime261.jsx)("span", { children: Formats_default.Price(cash, currency, false) })
+      /* @__PURE__ */ (0, import_jsx_runtime263.jsxs)("div", { className: "flex justify-between items-center text-sm px-2 text-blue-600 dark:text-blue-400", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime263.jsx)("span", { children: "Cash Paid:" }),
+        /* @__PURE__ */ (0, import_jsx_runtime263.jsx)("span", { children: Formats_default.Price(cash, currency, false) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime261.jsxs)("div", { className: "flex justify-between items-center text-sm px-2 text-red-500 dark:text-red-400", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime261.jsx)("span", { children: "Credit Amount:" }),
-        /* @__PURE__ */ (0, import_jsx_runtime261.jsx)("span", { children: Formats_default.Price(credit, currency, false) })
+      /* @__PURE__ */ (0, import_jsx_runtime263.jsxs)("div", { className: "flex justify-between items-center text-sm px-2 text-red-500 dark:text-red-400", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime263.jsx)("span", { children: "Credit Amount:" }),
+        /* @__PURE__ */ (0, import_jsx_runtime263.jsx)("span", { children: Formats_default.Price(credit, currency, false) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime261.jsxs)("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__ */ (0, import_jsx_runtime261.jsx)("span", { children: "Net Total:" }),
-        /* @__PURE__ */ (0, import_jsx_runtime261.jsx)("span", { children: Formats_default.Price(netAmount, currency, false) })
+      /* @__PURE__ */ (0, import_jsx_runtime263.jsxs)("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__ */ (0, import_jsx_runtime263.jsx)("span", { children: "Net Total:" }),
+        /* @__PURE__ */ (0, import_jsx_runtime263.jsx)("span", { children: Formats_default.Price(netAmount, currency, false) })
       ] }),
-      isRate && /* @__PURE__ */ (0, import_jsx_runtime261.jsxs)("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__ */ (0, import_jsx_runtime261.jsx)("span", { children: "Exchanged Net Total:" }),
-        /* @__PURE__ */ (0, import_jsx_runtime261.jsx)("span", { children: exchangedNet })
+      isRate && /* @__PURE__ */ (0, import_jsx_runtime263.jsxs)("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__ */ (0, import_jsx_runtime263.jsx)("span", { children: "Exchanged Net Total:" }),
+        /* @__PURE__ */ (0, import_jsx_runtime263.jsx)("span", { children: exchangedNet })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime261.jsxs)("div", { className: "flex justify-end gap-3 pt-3 border-t dark:border-zinc-800", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime263.jsxs)("div", { className: "flex justify-end gap-3 pt-3 border-t dark:border-zinc-800", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(
         Button,
         {
           onClick: closeModal,
@@ -47719,7 +48109,7 @@ var CompletePurchaseModal = ({
           children: "Cancel"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(
         Button,
         {
           onClick: onSubmit,
@@ -47737,15 +48127,15 @@ var CompletePurchaseModal = ({
 var Submit_default3 = CompletePurchaseModal;
 
 // src/components/Transactions/3/purchase3/pos.tsx
-var import_jsx_runtime262 = require("react/jsx-runtime");
+var import_jsx_runtime264 = require("react/jsx-runtime");
 var Purchase3Form = ({ type }) => {
   const { getQuery, navigate } = useApp_default();
   const stockType = type;
-  const { branchId } = (0, import_react_router_dom122.useParams)();
+  const { branchId } = (0, import_react_router_dom124.useParams)();
   const purchaseId = getQuery("id");
   const { currencies } = useWarqadConfig();
   const { defaultCurrency } = currencies;
-  const [ref2, setRef] = (0, import_react159.useState)();
+  const [ref2, setRef] = (0, import_react160.useState)();
   const { Modal: Modal2, openState, close: closeModal } = useModal_default();
   const methods = (0, import_react_hook_form73.useForm)({
     resolver: (0, import_zod120.zodResolver)(schema_default8),
@@ -47778,7 +48168,7 @@ var Purchase3Form = ({ type }) => {
   const lineCost = watch("lineCost");
   const isRate = defaultCurrency !== currency;
   const draft = purchaseId ? [] : storage.get(getStorageType6(stockType)) || [];
-  const [postData, setPostData] = (0, import_react159.useState)(draft);
+  const [postData, setPostData] = (0, import_react160.useState)(draft);
   const { post, isLoading: submitLoading } = useApis_default();
   const { get, isLoading: getLoading } = useApis_default();
   const onSubmit = async (data) => {
@@ -47883,7 +48273,7 @@ var Purchase3Form = ({ type }) => {
       type: "complete_purchase2",
       title: "Complete purchase",
       width: 650,
-      content: /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(
+      content: /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(
         Submit_default3,
         {
           totalAmount,
@@ -47936,37 +48326,37 @@ var Purchase3Form = ({ type }) => {
       navigate(-1);
     }
   };
-  (0, import_react159.useEffect)(() => {
+  (0, import_react160.useEffect)(() => {
     setValue("lineCost", lineObj?.cost || 0);
   }, [lineObj]);
-  (0, import_react159.useEffect)(() => {
+  (0, import_react160.useEffect)(() => {
     const total = (lineQuantity || 0) * (lineCost || 0);
     setValue("lineTotal", total);
   }, [lineCost, lineQuantity]);
-  (0, import_react159.useLayoutEffect)(() => {
+  (0, import_react160.useLayoutEffect)(() => {
     if (purchaseId) {
       fetchData();
     }
   }, [purchaseId]);
-  return /* @__PURE__ */ (0, import_jsx_runtime262.jsxs)(import_react_hook_form73.FormProvider, { ...methods, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(Modal2, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime262.jsx)("div", { className: "space-y-6 ", children: /* @__PURE__ */ (0, import_jsx_runtime262.jsx)("div", { className: "grid grid-cols-1 gap-6", children: /* @__PURE__ */ (0, import_jsx_runtime262.jsxs)(Card, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime262.jsxs)(Card.Header, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime262.jsxs)("div", { className: "flex justify-between gap-2 items-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime262.jsxs)("section", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime262.jsxs)(Card.Title, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime264.jsxs)(import_react_hook_form73.FormProvider, { ...methods, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(Modal2, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime264.jsx)("div", { className: "space-y-6 ", children: /* @__PURE__ */ (0, import_jsx_runtime264.jsx)("div", { className: "grid grid-cols-1 gap-6", children: /* @__PURE__ */ (0, import_jsx_runtime264.jsxs)(Card, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime264.jsxs)(Card.Header, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime264.jsxs)("div", { className: "flex justify-between gap-2 items-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime264.jsxs)("section", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime264.jsxs)(Card.Title, { children: [
               stockType,
               " Stock purchase Table"
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(Card.Description, { children: !purchaseId ? "Add items to the table and process the purchase" : "Edit items in the table and update the purchase" })
+            /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(Card.Description, { children: !purchaseId ? "Add items to the table and process the purchase" : "Edit items in the table and update the purchase" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(
             Button,
             {
               onClick: () => {
                 navigate(-1);
               },
-              icon: /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(import_lucide_react124.ArrowLeft, {}),
+              icon: /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(import_lucide_react125.ArrowLeft, {}),
               size: "sm",
               type: "button",
               variant: "warning",
@@ -47975,9 +48365,9 @@ var Purchase3Form = ({ type }) => {
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(header_default6, { stockType })
+        /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(header_default6, { stockType })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(Card.Content, { className: "space-y-6", children: /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(Card.Content, { className: "space-y-6", children: /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(
         table_default6,
         {
           data: postData,
@@ -47988,8 +48378,8 @@ var Purchase3Form = ({ type }) => {
           adjustmentId: purchaseId
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(Card.Footer, { className: "flex justify-end space-y-2", children: /* @__PURE__ */ (0, import_jsx_runtime262.jsxs)("div", { className: "flex items-center gap-3", children: [
-        !purchaseId ? /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(import_jsx_runtime262.Fragment, { children: storage.has(getStorageType6(stockType)) && postData?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(Card.Footer, { className: "flex justify-end space-y-2", children: /* @__PURE__ */ (0, import_jsx_runtime264.jsxs)("div", { className: "flex items-center gap-3", children: [
+        !purchaseId ? /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(import_jsx_runtime264.Fragment, { children: storage.has(getStorageType6(stockType)) && postData?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(
           import_antd94.Popconfirm,
           {
             title: "Are you sure you want to clear the draft?",
@@ -47998,7 +48388,7 @@ var Purchase3Form = ({ type }) => {
               storage.remove(getStorageType6(stockType));
               setPostData([]);
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(
               Button,
               {
                 size: "md",
@@ -48009,7 +48399,7 @@ var Purchase3Form = ({ type }) => {
               }
             )
           }
-        ) }) : /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(
+        ) }) : /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(
           Button,
           {
             onClick: () => {
@@ -48023,7 +48413,7 @@ var Purchase3Form = ({ type }) => {
             children: "Cancel"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(
           Button,
           {
             onClick: handleSubmit(onMainFormSubmit, (e) => {
@@ -48061,12 +48451,12 @@ var purchase3 = {
 var purchase3_default = purchase3;
 
 // src/components/Transactions/3/expense/Expenses.tsx
-var import_react_router_dom123 = require("react-router-dom");
-var import_lucide_react125 = require("lucide-react");
-var import_jsx_runtime263 = require("react/jsx-runtime");
+var import_react_router_dom125 = require("react-router-dom");
+var import_lucide_react126 = require("lucide-react");
+var import_jsx_runtime265 = require("react/jsx-runtime");
 function Expenses3({ url }) {
-  const { branchId } = (0, import_react_router_dom123.useParams)();
-  const navigate = (0, import_react_router_dom123.useNavigate)();
+  const { branchId } = (0, import_react_router_dom125.useParams)();
+  const navigate = (0, import_react_router_dom125.useNavigate)();
   const { TransactionView, openTransaction } = useTransactionView_default();
   const { data, TransactionViewComponent, reload } = useTransaction_default({
     url: url || `/transactions/get?type=expense-3${branchId ? `&branch=${branchId}` : ""}`,
@@ -48076,17 +48466,17 @@ function Expenses3({ url }) {
   const items = (data2) => [
     {
       label: `View Expense`,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(import_lucide_react125.FilePenLine, { size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime265.jsx)(import_lucide_react126.FilePenLine, { size: 16 }),
       onClick: () => openTransaction({ id: data2?._id, type: "expense-3" })
     },
     {
       label: `Edit Expense`,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(import_lucide_react125.FilePenLine, { size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime265.jsx)(import_lucide_react126.FilePenLine, { size: 16 }),
       onClick: () => navigate(`update?id=${data2?._id}`)
     },
     {
       label: `Delete Expense`,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(import_lucide_react125.Trash2, { className: "text-red-500", size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime265.jsx)(import_lucide_react126.Trash2, { className: "text-red-500", size: 16 }),
       onClick: () => {
         openTransaction({
           id: data2?._id,
@@ -48102,9 +48492,9 @@ function Expenses3({ url }) {
       header: "Date",
       cell: ({ row }) => {
         const expense = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime263.jsxs)("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime263.jsx)("span", { children: expense?.date }),
-          /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime265.jsxs)("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime265.jsx)("span", { children: expense?.date }),
+          /* @__PURE__ */ (0, import_jsx_runtime265.jsx)(
             "span",
             {
               onClick: () => openTransaction({ id: expense?._id, type: "expense-3" }),
@@ -48120,9 +48510,9 @@ function Expenses3({ url }) {
       header: "Description",
       cell: ({ row }) => {
         const expense = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime263.jsxs)("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime263.jsx)("span", { className: "capitalize", children: expense?.description }),
-          expense?.note && /* @__PURE__ */ (0, import_jsx_runtime263.jsx)("span", { className: "text-xs text-gray-500 italic max-w-xs truncate", children: expense?.note })
+        return /* @__PURE__ */ (0, import_jsx_runtime265.jsxs)("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime265.jsx)("span", { className: "capitalize", children: expense?.description }),
+          expense?.note && /* @__PURE__ */ (0, import_jsx_runtime265.jsx)("span", { className: "text-xs text-gray-500 italic max-w-xs truncate", children: expense?.note })
         ] });
       }
     },
@@ -48132,7 +48522,7 @@ function Expenses3({ url }) {
       cell: ({ row }) => {
         const expense = row.original;
         const walletData = expense?.fromWalletData || expense?.toWalletData;
-        return /* @__PURE__ */ (0, import_jsx_runtime263.jsx)("span", { children: walletData?.name || "N/A" });
+        return /* @__PURE__ */ (0, import_jsx_runtime265.jsx)("span", { children: walletData?.name || "N/A" });
       }
     },
     {
@@ -48140,7 +48530,7 @@ function Expenses3({ url }) {
       header: "Amount",
       cell: ({ row }) => {
         const expense = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime263.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime263.jsx)("p", { className: "font-medium text-red-600", children: Formats_default.Price(expense?.amount, expense?.currency) }) });
+        return /* @__PURE__ */ (0, import_jsx_runtime265.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime265.jsx)("p", { className: "font-medium text-red-600", children: Formats_default.Price(expense?.amount, expense?.currency) }) });
       }
     },
     {
@@ -48148,23 +48538,23 @@ function Expenses3({ url }) {
       header: "Actions",
       cell: ({ row }) => {
         const data2 = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime265.jsx)(
           Dropdown,
           {
             className: "cursor-pointer w-[150px]",
             items: items(data2),
             triggerMode: "hover",
-            children: /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(import_lucide_react125.EllipsisVertical, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime265.jsx)(import_lucide_react126.EllipsisVertical, {})
           }
         );
       }
     }
   ];
   const expenses = data?.data || [];
-  return /* @__PURE__ */ (0, import_jsx_runtime263.jsxs)(import_jsx_runtime263.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(TransactionView, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(Modal2, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime265.jsxs)(import_jsx_runtime265.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime265.jsx)(TransactionView, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime265.jsx)(Modal2, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime265.jsx)(
       TransactionViewComponent,
       {
         columns,
@@ -48183,8 +48573,8 @@ function Expenses3({ url }) {
 var Expenses_default2 = Expenses3;
 
 // src/components/Transactions/3/expense/ExpenseForm.tsx
-var import_react160 = require("react");
-var import_react_router_dom124 = require("react-router-dom");
+var import_react161 = require("react");
+var import_react_router_dom126 = require("react-router-dom");
 var import_react_hook_form74 = require("react-hook-form");
 var import_zod123 = require("@hookform/resolvers/zod");
 var import_antd95 = require("antd");
@@ -48204,13 +48594,13 @@ var expenseSchema4 = import_zod122.z.object({
 });
 
 // src/components/Transactions/3/expense/ExpenseForm.tsx
-var import_jsx_runtime264 = require("react/jsx-runtime");
+var import_jsx_runtime266 = require("react/jsx-runtime");
 function ExpenseForm2() {
-  const { branchId } = (0, import_react_router_dom124.useParams)();
+  const { branchId } = (0, import_react_router_dom126.useParams)();
   const { getQuery, navigate } = useApp_default();
   const id = getQuery("id");
   const isEdit = !!id;
-  const [ref2, setRef] = (0, import_react160.useState)("");
+  const [ref2, setRef] = (0, import_react161.useState)("");
   const { post, isLoading } = useApis_default();
   const { isLoading: isLoadingGet, get } = useApis_default();
   const { defaultCurrency } = useWarqadConfig().currencies;
@@ -48231,7 +48621,7 @@ function ExpenseForm2() {
   const isRate = currency && currency !== defaultCurrency;
   const amount = watch("amount");
   const rate = watch("rate");
-  const exchangedAmount2 = (0, import_react160.useMemo)(() => {
+  const exchangedAmount2 = (0, import_react161.useMemo)(() => {
     if (isRate) {
       const am = forex_default.exchangedAmount({
         accountCurrency: defaultCurrency,
@@ -48279,30 +48669,30 @@ function ExpenseForm2() {
       navigate(-1);
     }
   };
-  (0, import_react160.useEffect)(() => {
+  (0, import_react161.useEffect)(() => {
     if (isEdit) {
       fetches();
     }
   }, [id]);
-  return /* @__PURE__ */ (0, import_jsx_runtime264.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime266.jsxs)(
     Card,
     {
       className: "max-w-4xl mx-auto mt-10 relative",
       isLoading: isLoadingGet,
       loadingText: "Processing...",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime264.jsxs)(Card.Header, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Expense` }),
-          /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(Card.Description, { children: isEdit ? `Update the details for this expense entry` : `Record a new business expense` })
+        /* @__PURE__ */ (0, import_jsx_runtime266.jsxs)(Card.Header, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Expense` }),
+          /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(Card.Description, { children: isEdit ? `Update the details for this expense entry` : `Record a new business expense` })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(Card.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime264.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(Card.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime266.jsxs)(
           "form",
           {
             className: "space-y-4",
             onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime264.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime266.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(
                   Fields_default.Input,
                   {
                     label: "Description",
@@ -48312,7 +48702,7 @@ function ExpenseForm2() {
                     required: true
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(
                   Feilds_default2.Wallet,
                   {
                     label: "Wallet",
@@ -48325,8 +48715,8 @@ function ExpenseForm2() {
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime264.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime266.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(
                   Fields_default.DateInput,
                   {
                     label: "Date",
@@ -48335,7 +48725,7 @@ function ExpenseForm2() {
                     required: true
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(
                   Fields_default.Input,
                   {
                     label: "Amount",
@@ -48346,8 +48736,8 @@ function ExpenseForm2() {
                     required: true
                   }
                 ),
-                isRate && /* @__PURE__ */ (0, import_jsx_runtime264.jsxs)(import_jsx_runtime264.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(
+                isRate && /* @__PURE__ */ (0, import_jsx_runtime266.jsxs)(import_jsx_runtime266.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(
                     Fields_default.Input,
                     {
                       label: "Rate",
@@ -48358,7 +48748,7 @@ function ExpenseForm2() {
                       required: true
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(
                     Fields_default.Input,
                     {
                       label: "Exchanged Amount",
@@ -48370,7 +48760,7 @@ function ExpenseForm2() {
                   )
                 ] })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(
                 Fields_default.Textarea,
                 {
                   label: "Note",
@@ -48379,7 +48769,7 @@ function ExpenseForm2() {
                   placeholder: "Add any additional details..."
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime264.jsx)("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime266.jsx)("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(
                 Button,
                 {
                   isLoading,
@@ -48407,153 +48797,17 @@ var Expenses32 = {
 var expense_default = Expenses32;
 
 // src/components/Transactions/3/reports/Expenses3Reports.tsx
-var import_react_router_dom125 = require("react-router-dom");
-var import_react161 = require("react");
+var import_react_router_dom127 = require("react-router-dom");
+var import_react162 = require("react");
 var import_antd96 = require("antd");
 var import_dayjs11 = __toESM(require("dayjs"));
-var import_jsx_runtime265 = require("react/jsx-runtime");
+var import_jsx_runtime267 = require("react/jsx-runtime");
 var Expenses3Reports = () => {
-  const { branchId } = (0, import_react_router_dom125.useParams)();
-  const [startDate, setStartDate] = (0, import_react161.useState)(null);
-  const [endDate, setEndDate] = (0, import_react161.useState)(null);
-  const { A4DataView, data } = useA4DataView_default({
-    url: `/transactions/get?type=expense-3${branchId ? `&branch=${branchId}` : ""}`,
-    v: 1
-    // No prefix
-  });
-  const { TransactionView, openTransaction } = useTransactionView_default();
-  const { defaultCurrency } = useWarqadConfig()?.currencies;
-  const columns = [
-    {
-      header: "Date",
-      key: "date",
-      className: "text-xs whitespace-nowrap",
-      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime265.jsxs)("div", { className: "", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime265.jsx)("p", { className: "font-bold text-black dark:text-white print:text-black", children: row.date }),
-        /* @__PURE__ */ (0, import_jsx_runtime265.jsx)(
-          "span",
-          {
-            onClick: () => {
-              openTransaction({
-                id: row?._id,
-                type: row?.type
-              });
-            },
-            className: "text-green-400 font-bold text-[8px] hover:underline cursor-pointer print:hidden",
-            children: row?.ref
-          }
-        )
-      ] })
-    },
-    {
-      header: "Description",
-      key: "description",
-      className: "text-xs whitespace-nowrap ",
-      render: (row) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime265.jsxs)("div", { className: "", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime265.jsx)("p", { className: "font-bold capitalize text-black dark:text-white print:text-black", children: row.description }),
-          row.note && /* @__PURE__ */ (0, import_jsx_runtime265.jsx)("p", { className: "font-medium italic text-[8px] capitalize text-gray-500 dark:text-white ", children: row.note })
-        ] });
-      }
-    },
-    {
-      header: "Amount",
-      key: "changedAmountString",
-      className: "text-xs whitespace-nowrap text-right",
-      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime265.jsx)("span", { className: "font-bold text-black dark:text-white print:text-black", children: row.changedAmountString }),
-      renderFooter: (data2) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime265.jsx)("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 = (0, import_react161.useMemo)(() => {
-    let runningBalance = 0;
-    let filteredData = data?.data || [];
-    const mapped = filteredData.map((item) => {
-      const changedAmount = item?.exchange?.amount ? item?.exchange?.amount : item.amount;
-      runningBalance += changedAmount;
-      return {
-        ...item,
-        changedAmountString: Formats_default.Amount(changedAmount, false),
-        changedAmount,
-        runningBalance
-      };
-    });
-    let filtered = mapped;
-    if (startDate) {
-      const startOfDay = startDate.startOf("day");
-      filtered = filtered.filter((tx) => {
-        const rawDate = tx.dateObj || tx.date;
-        if (!rawDate) return false;
-        const txDate = (0, import_dayjs11.default)(rawDate);
-        return txDate.isAfter(startOfDay) || txDate.isSame(startOfDay);
-      });
-    }
-    if (endDate) {
-      const endOfDay = endDate.endOf("day");
-      filtered = filtered.filter((tx) => {
-        const rawDate = tx.dateObj || tx.date;
-        if (!rawDate) return false;
-        const txDate = (0, import_dayjs11.default)(rawDate);
-        return txDate.isBefore(endOfDay) || txDate.isSame(endOfDay);
-      });
-    }
-    return filtered;
-  }, [data, startDate, endDate]);
-  return /* @__PURE__ */ (0, import_jsx_runtime265.jsxs)(import_jsx_runtime265.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime265.jsx)(TransactionView, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime265.jsx)(
-      A4DataView,
-      {
-        columns,
-        data: datas,
-        index: true,
-        title: `Expenses Report`,
-        subtitle: `All Expenses`,
-        fixed: false,
-        headers: /* @__PURE__ */ (0, import_jsx_runtime265.jsxs)("div", { className: "flex gap-2 items-center print:hidden flex-wrap", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime265.jsx)(
-            import_antd96.DatePicker,
-            {
-              placeholder: "Start Date",
-              onChange: (date) => setStartDate(date),
-              value: startDate,
-              format: "DD/MM/YYYY",
-              className: "min-w-[140px] max-w-[160px]"
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime265.jsx)(
-            import_antd96.DatePicker,
-            {
-              placeholder: "End Date",
-              onChange: (date) => setEndDate(date),
-              value: endDate,
-              format: "DD/MM/YYYY",
-              className: "min-w-[140px] max-w-[160px]"
-            }
-          )
-        ] })
-      }
-    )
-  ] });
-};
-var Expenses3Reports_default = Expenses3Reports;
-
-// src/components/Transactions/3/reports/ExpensesJournal3.tsx
-var import_react_router_dom126 = require("react-router-dom");
-var import_react162 = require("react");
-var import_antd97 = require("antd");
-var import_dayjs12 = __toESM(require("dayjs"));
-var import_jsx_runtime266 = require("react/jsx-runtime");
-var Expenses3Reports2 = () => {
-  const { branchId } = (0, import_react_router_dom126.useParams)();
+  const { branchId } = (0, import_react_router_dom127.useParams)();
   const [startDate, setStartDate] = (0, import_react162.useState)(null);
   const [endDate, setEndDate] = (0, import_react162.useState)(null);
   const { A4DataView, data } = useA4DataView_default({
-    url: `/transactions/get?type=expense-journal-3${branchId ? `&branch=${branchId}` : ""}`,
+    url: `/transactions/get?type=expense-3${branchId ? `&branch=${branchId}` : ""}`,
     v: 1
     // No prefix
   });
@@ -48564,9 +48818,9 @@ var Expenses3Reports2 = () => {
       header: "Date",
       key: "date",
       className: "text-xs whitespace-nowrap",
-      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime266.jsxs)("div", { className: "", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime266.jsx)("p", { className: "font-bold text-black dark:text-white print:text-black", children: row.date }),
-        /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(
+      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime267.jsxs)("div", { className: "", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime267.jsx)("p", { className: "font-bold text-black dark:text-white print:text-black", children: row.date }),
+        /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(
           "span",
           {
             onClick: () => {
@@ -48586,9 +48840,9 @@ var Expenses3Reports2 = () => {
       key: "description",
       className: "text-xs whitespace-nowrap ",
       render: (row) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime266.jsxs)("div", { className: "", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime266.jsx)("p", { className: "font-bold capitalize text-black dark:text-white print:text-black", children: row.description }),
-          row.note && /* @__PURE__ */ (0, import_jsx_runtime266.jsx)("p", { className: "font-medium italic text-[8px] capitalize text-gray-500 dark:text-white ", children: row.note })
+        return /* @__PURE__ */ (0, import_jsx_runtime267.jsxs)("div", { className: "", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime267.jsx)("p", { className: "font-bold capitalize text-black dark:text-white print:text-black", children: row.description }),
+          row.note && /* @__PURE__ */ (0, import_jsx_runtime267.jsx)("p", { className: "font-medium italic text-[8px] capitalize text-gray-500 dark:text-white ", children: row.note })
         ] });
       }
     },
@@ -48596,9 +48850,9 @@ var Expenses3Reports2 = () => {
       header: "Amount",
       key: "changedAmountString",
       className: "text-xs whitespace-nowrap text-right",
-      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime266.jsx)("span", { className: "font-bold text-black dark:text-white print:text-black", children: row.changedAmountString }),
+      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime267.jsx)("span", { className: "font-bold text-black dark:text-white print:text-black", children: row.changedAmountString }),
       renderFooter: (data2) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime266.jsx)("span", { className: "text-black dark:text-white print:text-black font-bold", children: Formats_default.Price(
+        return /* @__PURE__ */ (0, import_jsx_runtime267.jsx)("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
         ) });
@@ -48606,6 +48860,142 @@ var Expenses3Reports2 = () => {
     }
   ];
   const datas = (0, import_react162.useMemo)(() => {
+    let runningBalance = 0;
+    let filteredData = data?.data || [];
+    const mapped = filteredData.map((item) => {
+      const changedAmount = item?.exchange?.amount ? item?.exchange?.amount : item.amount;
+      runningBalance += changedAmount;
+      return {
+        ...item,
+        changedAmountString: Formats_default.Amount(changedAmount, false),
+        changedAmount,
+        runningBalance
+      };
+    });
+    let filtered = mapped;
+    if (startDate) {
+      const startOfDay = startDate.startOf("day");
+      filtered = filtered.filter((tx) => {
+        const rawDate = tx.dateObj || tx.date;
+        if (!rawDate) return false;
+        const txDate = (0, import_dayjs11.default)(rawDate);
+        return txDate.isAfter(startOfDay) || txDate.isSame(startOfDay);
+      });
+    }
+    if (endDate) {
+      const endOfDay = endDate.endOf("day");
+      filtered = filtered.filter((tx) => {
+        const rawDate = tx.dateObj || tx.date;
+        if (!rawDate) return false;
+        const txDate = (0, import_dayjs11.default)(rawDate);
+        return txDate.isBefore(endOfDay) || txDate.isSame(endOfDay);
+      });
+    }
+    return filtered;
+  }, [data, startDate, endDate]);
+  return /* @__PURE__ */ (0, import_jsx_runtime267.jsxs)(import_jsx_runtime267.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(TransactionView, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(
+      A4DataView,
+      {
+        columns,
+        data: datas,
+        index: true,
+        title: `Expenses Report`,
+        subtitle: `All Expenses`,
+        fixed: false,
+        headers: /* @__PURE__ */ (0, import_jsx_runtime267.jsxs)("div", { className: "flex gap-2 items-center print:hidden flex-wrap", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(
+            import_antd96.DatePicker,
+            {
+              placeholder: "Start Date",
+              onChange: (date) => setStartDate(date),
+              value: startDate,
+              format: "DD/MM/YYYY",
+              className: "min-w-[140px] max-w-[160px]"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(
+            import_antd96.DatePicker,
+            {
+              placeholder: "End Date",
+              onChange: (date) => setEndDate(date),
+              value: endDate,
+              format: "DD/MM/YYYY",
+              className: "min-w-[140px] max-w-[160px]"
+            }
+          )
+        ] })
+      }
+    )
+  ] });
+};
+var Expenses3Reports_default = Expenses3Reports;
+
+// src/components/Transactions/3/reports/ExpensesJournal3.tsx
+var import_react_router_dom128 = require("react-router-dom");
+var import_react163 = require("react");
+var import_antd97 = require("antd");
+var import_dayjs12 = __toESM(require("dayjs"));
+var import_jsx_runtime268 = require("react/jsx-runtime");
+var Expenses3Reports2 = () => {
+  const { branchId } = (0, import_react_router_dom128.useParams)();
+  const [startDate, setStartDate] = (0, import_react163.useState)(null);
+  const [endDate, setEndDate] = (0, import_react163.useState)(null);
+  const { A4DataView, data } = useA4DataView_default({
+    url: `/transactions/get?type=expense-journal-3${branchId ? `&branch=${branchId}` : ""}`,
+    v: 1
+    // No prefix
+  });
+  const { TransactionView, openTransaction } = useTransactionView_default();
+  const { defaultCurrency } = useWarqadConfig()?.currencies;
+  const columns = [
+    {
+      header: "Date",
+      key: "date",
+      className: "text-xs whitespace-nowrap",
+      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime268.jsxs)("div", { className: "", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime268.jsx)("p", { className: "font-bold text-black dark:text-white print:text-black", children: row.date }),
+        /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(
+          "span",
+          {
+            onClick: () => {
+              openTransaction({
+                id: row?._id,
+                type: row?.type
+              });
+            },
+            className: "text-green-400 font-bold text-[8px] hover:underline cursor-pointer print:hidden",
+            children: row?.ref
+          }
+        )
+      ] })
+    },
+    {
+      header: "Description",
+      key: "description",
+      className: "text-xs whitespace-nowrap ",
+      render: (row) => {
+        return /* @__PURE__ */ (0, import_jsx_runtime268.jsxs)("div", { className: "", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime268.jsx)("p", { className: "font-bold capitalize text-black dark:text-white print:text-black", children: row.description }),
+          row.note && /* @__PURE__ */ (0, import_jsx_runtime268.jsx)("p", { className: "font-medium italic text-[8px] capitalize text-gray-500 dark:text-white ", children: row.note })
+        ] });
+      }
+    },
+    {
+      header: "Amount",
+      key: "changedAmountString",
+      className: "text-xs whitespace-nowrap text-right",
+      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime268.jsx)("span", { className: "font-bold text-black dark:text-white print:text-black", children: row.changedAmountString }),
+      renderFooter: (data2) => {
+        return /* @__PURE__ */ (0, import_jsx_runtime268.jsx)("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 = (0, import_react163.useMemo)(() => {
     let runningBalance = 0;
     let filteredData = data?.data || [];
     const mapped = filteredData.map((item) => {
@@ -48639,9 +49029,9 @@ var Expenses3Reports2 = () => {
     }
     return filtered;
   }, [data, startDate, endDate]);
-  return /* @__PURE__ */ (0, import_jsx_runtime266.jsxs)(import_jsx_runtime266.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(TransactionView, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime268.jsxs)(import_jsx_runtime268.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(TransactionView, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(
       A4DataView,
       {
         columns,
@@ -48650,8 +49040,8 @@ var Expenses3Reports2 = () => {
         title: `Expenses Journal Report`,
         subtitle: `All Expenses`,
         fixed: false,
-        headers: /* @__PURE__ */ (0, import_jsx_runtime266.jsxs)("div", { className: "flex gap-2 items-center print:hidden flex-wrap", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(
+        headers: /* @__PURE__ */ (0, import_jsx_runtime268.jsxs)("div", { className: "flex gap-2 items-center print:hidden flex-wrap", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(
             import_antd97.DatePicker,
             {
               placeholder: "Start Date",
@@ -48661,7 +49051,7 @@ var Expenses3Reports2 = () => {
               className: "min-w-[140px] max-w-[160px]"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(
             import_antd97.DatePicker,
             {
               placeholder: "End Date",
@@ -48686,12 +49076,12 @@ var Reports3 = {
 var reports_default = Reports3;
 
 // src/components/Transactions/3/expenseJournal/ExpensesJournal.tsx
-var import_react_router_dom127 = require("react-router-dom");
-var import_lucide_react126 = require("lucide-react");
-var import_jsx_runtime267 = require("react/jsx-runtime");
+var import_react_router_dom129 = require("react-router-dom");
+var import_lucide_react127 = require("lucide-react");
+var import_jsx_runtime269 = require("react/jsx-runtime");
 function ExpensesJournal3({ url }) {
-  const { branchId } = (0, import_react_router_dom127.useParams)();
-  const navigate = (0, import_react_router_dom127.useNavigate)();
+  const { branchId } = (0, import_react_router_dom129.useParams)();
+  const navigate = (0, import_react_router_dom129.useNavigate)();
   const { TransactionView, openTransaction } = useTransactionView_default();
   const { data, TransactionViewComponent, reload } = useTransaction_default({
     url: url || `/transactions/get?type=expense-journal-3${branchId ? `&branch=${branchId}` : ""}`,
@@ -48701,17 +49091,17 @@ function ExpensesJournal3({ url }) {
   const items = (data2) => [
     {
       label: `View Expense`,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(import_lucide_react126.FilePenLine, { size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(import_lucide_react127.FilePenLine, { size: 16 }),
       onClick: () => openTransaction({ id: data2?._id, type: "expense-3" })
     },
     {
       label: `Edit Expense`,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(import_lucide_react126.FilePenLine, { size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(import_lucide_react127.FilePenLine, { size: 16 }),
       onClick: () => navigate(`update?id=${data2?._id}`)
     },
     {
       label: `Delete Expense`,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(import_lucide_react126.Trash2, { className: "text-red-500", size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(import_lucide_react127.Trash2, { className: "text-red-500", size: 16 }),
       onClick: () => {
         openTransaction({
           id: data2?._id,
@@ -48727,9 +49117,9 @@ function ExpensesJournal3({ url }) {
       header: "Date",
       cell: ({ row }) => {
         const expense = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime267.jsxs)("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime267.jsx)("span", { children: expense?.date }),
-          /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime269.jsxs)("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime269.jsx)("span", { children: expense?.date }),
+          /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(
             "span",
             {
               onClick: () => openTransaction({ id: expense?._id, type: "expense-3" }),
@@ -48745,9 +49135,9 @@ function ExpensesJournal3({ url }) {
       header: "Description",
       cell: ({ row }) => {
         const expense = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime267.jsxs)("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime267.jsx)("span", { className: "capitalize", children: expense?.description }),
-          expense?.note && /* @__PURE__ */ (0, import_jsx_runtime267.jsx)("span", { className: "text-xs text-gray-500 italic max-w-xs truncate", children: expense?.note })
+        return /* @__PURE__ */ (0, import_jsx_runtime269.jsxs)("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime269.jsx)("span", { className: "capitalize", children: expense?.description }),
+          expense?.note && /* @__PURE__ */ (0, import_jsx_runtime269.jsx)("span", { className: "text-xs text-gray-500 italic max-w-xs truncate", children: expense?.note })
         ] });
       }
     },
@@ -48756,9 +49146,9 @@ function ExpensesJournal3({ url }) {
       header: "Amount",
       cell: ({ row }) => {
         const expense = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime267.jsxs)("div", { className: "", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime267.jsx)("p", { className: "font-medium text-red-600", children: Formats_default.Price(expense?.amount, expense?.currency) }),
-          expense?.exchange?.rate && expense?.exchange?.rate > 0 && /* @__PURE__ */ (0, import_jsx_runtime267.jsxs)("p", { className: "text-xs text-gray-500 italic", children: [
+        return /* @__PURE__ */ (0, import_jsx_runtime269.jsxs)("div", { className: "", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime269.jsx)("p", { className: "font-medium text-red-600", children: Formats_default.Price(expense?.amount, expense?.currency) }),
+          expense?.exchange?.rate && expense?.exchange?.rate > 0 && /* @__PURE__ */ (0, import_jsx_runtime269.jsxs)("p", { className: "text-xs text-gray-500 italic", children: [
             "rate ",
             expense?.exchange?.rate,
             " ,",
@@ -48776,23 +49166,23 @@ function ExpensesJournal3({ url }) {
       header: "Actions",
       cell: ({ row }) => {
         const data2 = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(
           Dropdown,
           {
             className: "cursor-pointer w-[150px]",
             items: items(data2),
             triggerMode: "hover",
-            children: /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(import_lucide_react126.EllipsisVertical, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(import_lucide_react127.EllipsisVertical, {})
           }
         );
       }
     }
   ];
   const expenses = data?.data || [];
-  return /* @__PURE__ */ (0, import_jsx_runtime267.jsxs)(import_jsx_runtime267.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(TransactionView, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(Modal2, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime269.jsxs)(import_jsx_runtime269.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(TransactionView, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(Modal2, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(
       TransactionViewComponent,
       {
         columns,
@@ -48811,8 +49201,8 @@ function ExpensesJournal3({ url }) {
 var ExpensesJournal_default = ExpensesJournal3;
 
 // src/components/Transactions/3/expenseJournal/ExpensesJournal3Form.tsx
-var import_react163 = require("react");
-var import_react_router_dom128 = require("react-router-dom");
+var import_react164 = require("react");
+var import_react_router_dom130 = require("react-router-dom");
 var import_react_hook_form75 = require("react-hook-form");
 var import_zod126 = require("@hookform/resolvers/zod");
 var import_antd98 = require("antd");
@@ -48830,13 +49220,13 @@ var expenseSchema5 = import_zod125.z.object({
 });
 
 // src/components/Transactions/3/expenseJournal/ExpensesJournal3Form.tsx
-var import_jsx_runtime268 = require("react/jsx-runtime");
+var import_jsx_runtime270 = require("react/jsx-runtime");
 function ExpensesJournal3Form() {
-  const { branchId } = (0, import_react_router_dom128.useParams)();
+  const { branchId } = (0, import_react_router_dom130.useParams)();
   const { getQuery, navigate } = useApp_default();
   const id = getQuery("id");
   const isEdit = !!id;
-  const [ref2, setRef] = (0, import_react163.useState)("");
+  const [ref2, setRef] = (0, import_react164.useState)("");
   const { post, isLoading } = useApis_default();
   const { isLoading: isLoadingGet, get } = useApis_default();
   const { defaultCurrency } = useWarqadConfig().currencies;
@@ -48855,7 +49245,7 @@ function ExpensesJournal3Form() {
   const isRate = currency && currency !== defaultCurrency;
   const amount = watch("amount");
   const rate = watch("rate");
-  const exchangedAmount2 = (0, import_react163.useMemo)(() => {
+  const exchangedAmount2 = (0, import_react164.useMemo)(() => {
     if (isRate) {
       const am = forex_default.exchangedAmount({
         accountCurrency: defaultCurrency,
@@ -48901,30 +49291,30 @@ function ExpensesJournal3Form() {
       navigate(-1);
     }
   };
-  (0, import_react163.useEffect)(() => {
+  (0, import_react164.useEffect)(() => {
     if (isEdit) {
       fetches();
     }
   }, [id]);
-  return /* @__PURE__ */ (0, import_jsx_runtime268.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime270.jsxs)(
     Card,
     {
       className: "max-w-4xl mx-auto mt-10 relative",
       isLoading: isLoadingGet,
       loadingText: "Processing...",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime268.jsxs)(Card.Header, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Expense` }),
-          /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(Card.Description, { children: isEdit ? `Update the details for this expense entry` : `Record a new business expense` })
+        /* @__PURE__ */ (0, import_jsx_runtime270.jsxs)(Card.Header, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Expense` }),
+          /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(Card.Description, { children: isEdit ? `Update the details for this expense entry` : `Record a new business expense` })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(Card.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime268.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(Card.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime270.jsxs)(
           "form",
           {
             className: "space-y-4",
             onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime268.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime270.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(
                   Fields_default.Input,
                   {
                     label: "Description",
@@ -48934,7 +49324,7 @@ function ExpensesJournal3Form() {
                     required: true
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(
                   Fields_default.Select,
                   {
                     label: "Currency",
@@ -48945,8 +49335,8 @@ function ExpensesJournal3Form() {
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime268.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime270.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(
                   Fields_default.DateInput,
                   {
                     label: "Date",
@@ -48955,7 +49345,7 @@ function ExpensesJournal3Form() {
                     required: true
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(
                   Fields_default.Input,
                   {
                     label: "Amount",
@@ -48966,8 +49356,8 @@ function ExpensesJournal3Form() {
                     required: true
                   }
                 ),
-                isRate && /* @__PURE__ */ (0, import_jsx_runtime268.jsxs)(import_jsx_runtime268.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(
+                isRate && /* @__PURE__ */ (0, import_jsx_runtime270.jsxs)(import_jsx_runtime270.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(
                     Fields_default.Input,
                     {
                       label: "Rate",
@@ -48978,7 +49368,7 @@ function ExpensesJournal3Form() {
                       required: true
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(
                     Fields_default.Input,
                     {
                       label: "Exchanged Amount",
@@ -48990,7 +49380,7 @@ function ExpensesJournal3Form() {
                   )
                 ] })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(
                 Fields_default.Textarea,
                 {
                   label: "Note",
@@ -48999,7 +49389,7 @@ function ExpensesJournal3Form() {
                   placeholder: "Add any additional details..."
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime268.jsx)("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime270.jsx)("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(
                 Button,
                 {
                   isLoading,
@@ -49034,31 +49424,33 @@ 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
-var import_react_router_dom129 = require("react-router-dom");
+var import_react_router_dom131 = require("react-router-dom");
 var import_zod127 = require("zod");
 var import_react_hook_form76 = require("react-hook-form");
 var import_zod128 = require("@hookform/resolvers/zod");
-var import_react164 = require("react");
+var import_react165 = require("react");
 var import_antd99 = require("antd");
-var import_jsx_runtime269 = require("react/jsx-runtime");
+var import_jsx_runtime271 = require("react/jsx-runtime");
 var ItemReport = ({
   value = false,
   type
 }) => {
   const { apiConfig } = useWarqadConfig();
-  const { branchId } = (0, import_react_router_dom129.useParams)();
+  const { branchId } = (0, import_react_router_dom131.useParams)();
   const { branches } = useAuth_default();
-  const [params, setParams] = (0, import_react164.useState)({
+  const [params, setParams] = (0, import_react165.useState)({
     id: "",
     branch: "all"
   });
@@ -49083,9 +49475,9 @@ var ItemReport = ({
       header: "Date",
       key: "date",
       className: "text-xs whitespace-nowrap",
-      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime269.jsxs)("div", { className: "", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime269.jsx)("p", { className: "font-bold text-black dark:text-white print:text-black", children: row.date }),
-        /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(
+      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime271.jsxs)("div", { className: "", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime271.jsx)("p", { className: "font-bold text-black dark:text-white print:text-black", children: row.date }),
+        /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(
           "span",
           {
             onClick: () => {
@@ -49104,7 +49496,7 @@ var ItemReport = ({
       header: "Description",
       key: "description",
       className: "text-xs whitespace-nowrap",
-      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime269.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime269.jsx)("p", { className: "font-bold text-black dark:text-white print:text-black", children: row.description }) })
+      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime271.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime271.jsx)("p", { className: "font-bold text-black dark:text-white print:text-black", children: row.description }) })
     },
     {
       header: "Quantity",
@@ -49112,7 +49504,7 @@ var ItemReport = ({
       className: "text-xs whitespace-nowrap",
       render: (row) => {
         const Qty = row.quantity;
-        return /* @__PURE__ */ (0, import_jsx_runtime269.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime271.jsxs)(
           "div",
           {
             className: `font-bold ${row.line === "add" ? "text-green-500" : row.line === "sub" ? "text-red-500" : "text-black"}`,
@@ -49129,7 +49521,7 @@ var ItemReport = ({
       header: "Balance",
       key: "runningBalance",
       className: "text-xs whitespace-nowrap",
-      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime269.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime269.jsx)("p", { className: "font-bold text-black dark:text-white print:text-black", children: Formats_default.XQty(row.runningBalance) }) })
+      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime271.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime271.jsx)("p", { className: "font-bold text-black dark:text-white print:text-black", children: Formats_default.XQty(row.runningBalance) }) })
     }
   ];
   let runningBalance = 0;
@@ -49141,10 +49533,10 @@ var ItemReport = ({
     };
   });
   const itemName = datas[0]?.name;
-  return /* @__PURE__ */ (0, import_jsx_runtime269.jsxs)(import_jsx_runtime269.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(Modal2, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(TransactionView, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime271.jsxs)(import_jsx_runtime271.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(Modal2, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(TransactionView, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(
       A4DataView,
       {
         columns,
@@ -49155,14 +49547,14 @@ var ItemReport = ({
         tableTitle: `${type} Movement Report`,
         fixed: false,
         error: !id ? "Please select an item" : void 0,
-        headers: /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(
+        headers: /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(
           Button,
           {
             type: "button",
             size: "sm",
             onClick: () => openState({
               title: "Item Transactions",
-              content: /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(
+              content: /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(
                 ItemReportHeader2,
                 {
                   type,
@@ -49205,7 +49597,7 @@ function ItemReportHeader2({
     label: b.name,
     value: b._id
   }));
-  return /* @__PURE__ */ (0, import_jsx_runtime269.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime271.jsxs)(
     "form",
     {
       className: "space-y-3",
@@ -49223,8 +49615,8 @@ function ItemReportHeader2({
         close();
       }),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime269.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime271.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(
             Select,
             {
               options: [{ label: "All Branches", value: "all" }, ...branchOptions],
@@ -49232,7 +49624,7 @@ function ItemReportHeader2({
               name: "branch"
             }
           ),
-          type === "pack" ? /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(
+          type === "pack" ? /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(
             Pack_default.Pack,
             {
               api: "/packs/get",
@@ -49240,7 +49632,7 @@ function ItemReportHeader2({
               form: methods,
               name: "pack"
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(
             Feilds_default5.Product,
             {
               label: "",
@@ -49251,7 +49643,7 @@ function ItemReportHeader2({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime269.jsx)("div", { className: "flex gap-2 justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(Button, { type: "submit", children: "Filter" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime271.jsx)("div", { className: "flex gap-2 justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(Button, { type: "submit", children: "Filter" }) })
       ]
     }
   );
@@ -49259,19 +49651,19 @@ function ItemReportHeader2({
 var ItemReport_default = ItemReport;
 
 // src/components/accounts/LeaseCollection.tsx
-var import_react_router_dom130 = require("react-router-dom");
-var import_react165 = require("react");
-var import_jsx_runtime270 = require("react/jsx-runtime");
+var import_react_router_dom132 = require("react-router-dom");
+var import_react166 = require("react");
+var import_jsx_runtime272 = require("react/jsx-runtime");
 var LeaseCollection = ({
   leaseType,
   defaultCurrency = "KES"
 }) => {
-  const navigate = (0, import_react_router_dom130.useNavigate)();
-  const [searchParams] = (0, import_react_router_dom130.useSearchParams)();
+  const navigate = (0, import_react_router_dom132.useNavigate)();
+  const [searchParams] = (0, import_react_router_dom132.useSearchParams)();
   const { apiConfig } = useWarqadConfig();
-  const { branchId } = (0, import_react_router_dom130.useParams)();
+  const { branchId } = (0, import_react_router_dom132.useParams)();
   const { branches } = useAuth_default();
-  const currentBranch = (0, import_react165.useMemo)(
+  const currentBranch = (0, import_react166.useMemo)(
     () => branches?.find((b) => b?._id === branchId),
     [branches, branchId]
   );
@@ -49279,16 +49671,16 @@ var LeaseCollection = ({
   const initialFilter = ["all", "debit", "credit"].includes(urlFilter) ? urlFilter : "all";
   const urlCurrency = searchParams.get("currency")?.toUpperCase();
   const initialCurrency = urlCurrency && Enums_default.currencies.includes(urlCurrency) ? urlCurrency : defaultCurrency;
-  const [filter, setFilter] = (0, import_react165.useState)(
+  const [filter, setFilter] = (0, import_react166.useState)(
     initialFilter
   );
-  const [currencyFilter, setCurrencyFilter] = (0, import_react165.useState)(initialCurrency);
-  (0, import_react165.useEffect)(() => {
+  const [currencyFilter, setCurrencyFilter] = (0, import_react166.useState)(initialCurrency);
+  (0, import_react166.useEffect)(() => {
     if (urlFilter && ["all", "debit", "credit"].includes(urlFilter)) {
       setFilter(urlFilter);
     }
   }, [urlFilter]);
-  (0, import_react165.useEffect)(() => {
+  (0, import_react166.useEffect)(() => {
     if (urlCurrency && Enums_default.currencies.includes(urlCurrency)) {
       setCurrencyFilter(urlCurrency);
     } else {
@@ -49307,9 +49699,9 @@ var LeaseCollection = ({
       key: "name",
       className: "text-xs whitespace-nowrap ",
       searchKeys: ["name", "phoneNumber", "unitNames"],
-      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime270.jsxs)("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime270.jsx)("p", { className: "font-bold dark:text-white print:text-black uppercase", children: row.name }),
-        row.unitNames && /* @__PURE__ */ (0, import_jsx_runtime270.jsxs)("p", { className: "text-[9px]!  capitalize", children: [
+      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime272.jsxs)("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime272.jsx)("p", { className: "font-bold dark:text-white print:text-black uppercase", children: row.name }),
+        row.unitNames && /* @__PURE__ */ (0, import_jsx_runtime272.jsxs)("p", { className: "text-[9px]!  capitalize", children: [
           "(",
           row.unitNames,
           ")"
@@ -49321,7 +49713,7 @@ var LeaseCollection = ({
       key: "phoneNumber",
       maxWidth: 70,
       render: (row) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime270.jsx)("p", { children: row?.phoneNumber || "N/A" });
+        return /* @__PURE__ */ (0, import_jsx_runtime272.jsx)("p", { children: row?.phoneNumber || "N/A" });
       }
     },
     // </span>
@@ -49331,11 +49723,11 @@ var LeaseCollection = ({
       className: "text-xs whitespace-nowrap text-right",
       render: (row) => {
         const Amount = row.totalCollectionString;
-        return /* @__PURE__ */ (0, import_jsx_runtime270.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime270.jsx)("p", { className: "font-bold ", children: Amount }) });
+        return /* @__PURE__ */ (0, import_jsx_runtime272.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime272.jsx)("p", { className: "font-bold ", children: Amount }) });
       },
       renderFooter: (data2) => {
         if (currencyFilter === "all") return;
-        return /* @__PURE__ */ (0, import_jsx_runtime270.jsx)("span", { className: " font-bold", children: Formats_default.Price(
+        return /* @__PURE__ */ (0, import_jsx_runtime272.jsx)("span", { className: " font-bold", children: Formats_default.Price(
           data2.reduce((acc, row) => acc + row.totalCollection, 0),
           defaultCurrency,
           false
@@ -49343,7 +49735,7 @@ var LeaseCollection = ({
       }
     }
   ];
-  const datas = (0, import_react165.useMemo)(() => {
+  const datas = (0, import_react166.useMemo)(() => {
     let runningBalance = 0;
     let filteredData = data?.data || [];
     const result = filteredData.map((item) => {
@@ -49356,9 +49748,9 @@ var LeaseCollection = ({
     });
     return result;
   }, [filter, currencyFilter, data]);
-  return /* @__PURE__ */ (0, import_jsx_runtime270.jsxs)(import_jsx_runtime270.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(TransactionView, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime272.jsxs)(import_jsx_runtime272.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(TransactionView, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(
       A4DataView,
       {
         columns,
@@ -49368,7 +49760,7 @@ var LeaseCollection = ({
         subtitle: `All Collections`,
         fixed: false,
         startPage: 1e9,
-        headers: /* @__PURE__ */ (0, import_jsx_runtime270.jsx)("div", { className: "flex gap-2" })
+        headers: /* @__PURE__ */ (0, import_jsx_runtime272.jsx)("div", { className: "flex gap-2" })
       }
     )
   ] });
@@ -49376,9 +49768,9 @@ var LeaseCollection = ({
 var LeaseCollection_default = LeaseCollection;
 
 // src/components/Transactions/cargoIM/CargoIM.tsx
-var import_react_router_dom134 = require("react-router-dom");
-var import_lucide_react128 = require("lucide-react");
-var import_react169 = require("react");
+var import_react_router_dom136 = require("react-router-dom");
+var import_lucide_react129 = require("lucide-react");
+var import_react170 = require("react");
 var import_antd103 = require("antd");
 
 // src/components/Transactions/cargoIM/schema.ts
@@ -49414,15 +49806,15 @@ var journalSchema5 = import_zod130.z.object({
 var import_react_hook_form77 = require("react-hook-form");
 var import_zod131 = require("@hookform/resolvers/zod");
 var import_antd100 = require("antd");
-var import_react166 = require("react");
-var import_react_router_dom131 = require("react-router-dom");
-var import_jsx_runtime271 = require("react/jsx-runtime");
+var import_react167 = require("react");
+var import_react_router_dom133 = require("react-router-dom");
+var import_jsx_runtime273 = require("react/jsx-runtime");
 function AccountForm3({
   onReload,
   close,
   id
 }) {
-  const { branchId } = (0, import_react_router_dom131.useParams)();
+  const { branchId } = (0, import_react_router_dom133.useParams)();
   const { currencies } = useWarqadConfig();
   const { stock } = currencies;
   const isEdit = !!id;
@@ -49483,29 +49875,29 @@ function AccountForm3({
       close?.();
     }
   };
-  (0, import_react166.useEffect)(() => {
+  (0, import_react167.useEffect)(() => {
     if (isEdit) {
       fetches();
     }
   }, [id]);
-  return /* @__PURE__ */ (0, import_jsx_runtime271.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime273.jsxs)(
     Card,
     {
       className: "max-w-4xl mx-auto mt-10 relative",
       isLoading: isLoadingGet,
       loadingText: "Processing...",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime271.jsxs)(Card.Header, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(Card.Title, { children: `${isEdit ? "Edit" : "Add"} ${type}` }),
-          /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(Card.Description, { children: isEdit ? `Update the details for this ${type}` : `Create a new ${type} and add it to your list` })
+        /* @__PURE__ */ (0, import_jsx_runtime273.jsxs)(Card.Header, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(Card.Title, { children: `${isEdit ? "Edit" : "Add"} ${type}` }),
+          /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(Card.Description, { children: isEdit ? `Update the details for this ${type}` : `Create a new ${type} and add it to your list` })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(Card.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime271.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(Card.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime273.jsxs)(
           "form",
           {
             onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime271.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime273.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(
                   Fields_default.Input,
                   {
                     label: "Name",
@@ -49516,7 +49908,7 @@ function AccountForm3({
                     required: true
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(
                   Fields_default.PhoneInput,
                   {
                     label: "Phone Number",
@@ -49525,7 +49917,7 @@ function AccountForm3({
                     placeholder: "Enter phone number"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(
                   Fields_default.Select,
                   {
                     label: "Currency",
@@ -49536,7 +49928,7 @@ function AccountForm3({
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime271.jsx)("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime273.jsx)("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(
                 Button,
                 {
                   isLoading,
@@ -49557,31 +49949,31 @@ function AccountForm3({
 var AccountForm_default3 = AccountForm3;
 
 // src/components/Transactions/cargoIM/InvoiceForm.tsx
-var import_react167 = require("react");
+var import_react168 = require("react");
 var import_react_hook_form78 = require("react-hook-form");
 var import_zod132 = require("@hookform/resolvers/zod");
-var import_react_router_dom132 = require("react-router-dom");
+var import_react_router_dom134 = require("react-router-dom");
 var import_antd101 = require("antd");
-var import_lucide_react127 = require("lucide-react");
+var import_lucide_react128 = require("lucide-react");
 var import_dayjs13 = __toESM(require("dayjs"));
-var import_jsx_runtime272 = require("react/jsx-runtime");
+var import_jsx_runtime274 = require("react/jsx-runtime");
 function InvoiceForm2({
   onReload,
   close,
   accountData,
   id
 }) {
-  const { branchId } = (0, import_react_router_dom132.useParams)();
-  const [ref2, setRef] = (0, import_react167.useState)(void 0);
+  const { branchId } = (0, import_react_router_dom134.useParams)();
+  const [ref2, setRef] = (0, import_react168.useState)(void 0);
   const { post, isLoading } = useApis_default();
   const { get, isLoading: getLoading } = useApis_default();
   const { put, isLoading: isLoadingReverse } = useApis_default();
   const isEdit = !!id;
   const { currencies } = useWarqadConfig();
   const { stock: defaultCurrency } = currencies;
-  const [itemName, setItemName] = (0, import_react167.useState)("");
-  const [itemQuantity, setItemQuantity] = (0, import_react167.useState)("");
-  const [itemPrice, setItemPrice] = (0, import_react167.useState)("");
+  const [itemName, setItemName] = (0, import_react168.useState)("");
+  const [itemQuantity, setItemQuantity] = (0, import_react168.useState)("");
+  const [itemPrice, setItemPrice] = (0, import_react168.useState)("");
   const methods = (0, import_react_hook_form78.useForm)({
     resolver: (0, import_zod132.zodResolver)(createInvoiceManagerValidation2),
     defaultValues: {
@@ -49610,7 +50002,7 @@ function InvoiceForm2({
       import_antd101.message.error(error?.message || "Something went wrong");
     }
   };
-  (0, import_react167.useEffect)(() => {
+  (0, import_react168.useEffect)(() => {
     if (isEdit) {
       fetches();
     }
@@ -49685,25 +50077,25 @@ function InvoiceForm2({
       e.preventDefault();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(
     Card,
     {
       isLoading: getLoading,
       className: "max-w-4xl mx-auto relative border-0 shadow-none p-0 bg-transparent dark:bg-transparent",
-      children: /* @__PURE__ */ (0, import_jsx_runtime272.jsxs)(Card.Content, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime272.jsx)("input", { type: "hidden", ...register("currency") }),
-        /* @__PURE__ */ (0, import_jsx_runtime272.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime274.jsxs)(Card.Content, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime274.jsx)("input", { type: "hidden", ...register("currency") }),
+        /* @__PURE__ */ (0, import_jsx_runtime274.jsxs)(
           "form",
           {
             onSubmit: handleSubmit(onSubmit),
             onKeyDown: handleKeyDown,
             className: "space-y-6",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime272.jsxs)("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__ */ (0, import_jsx_runtime272.jsx)("h4", { className: "text-xs font-bold text-gray-400 uppercase mb-3 tracking-wider", children: "Add Invoice Item" }),
-                /* @__PURE__ */ (0, import_jsx_runtime272.jsxs)("div", { className: "flex flex-col md:flex-row gap-4 items-end", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime272.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 w-full gap-2", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime274.jsxs)("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__ */ (0, import_jsx_runtime274.jsx)("h4", { className: "text-xs font-bold text-gray-400 uppercase mb-3 tracking-wider", children: "Add Invoice Item" }),
+                /* @__PURE__ */ (0, import_jsx_runtime274.jsxs)("div", { className: "flex flex-col md:flex-row gap-4 items-end", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime274.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 w-full gap-2", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(
                       Fields_default.Input,
                       {
                         label: "Container No",
@@ -49712,7 +50104,7 @@ function InvoiceForm2({
                         onChange: (val) => setItemName(val)
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(
                       Fields_default.Input,
                       {
                         label: "Cbm",
@@ -49722,7 +50114,7 @@ function InvoiceForm2({
                         onChange: (val) => setItemQuantity(val)
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(
                       Fields_default.Input,
                       {
                         label: "Price (KES)",
@@ -49733,7 +50125,7 @@ function InvoiceForm2({
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime272.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime274.jsxs)(
                     Button,
                     {
                       type: "button",
@@ -49741,23 +50133,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__ */ (0, import_jsx_runtime272.jsx)(import_lucide_react127.Plus, { size: 16 }),
+                        /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(import_lucide_react128.Plus, { size: 16 }),
                         " Add Item"
                       ]
                     }
                   )
                 ] })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime272.jsxs)("div", { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime272.jsx)("h4", { className: "text-xs font-bold text-gray-400 uppercase mb-3 tracking-wider", children: "Invoice Items List" }),
-                /* @__PURE__ */ (0, import_jsx_runtime272.jsx)("div", { className: "border border-gray-200 dark:border-zinc-800 rounded-2xl overflow-hidden bg-white dark:bg-gray-900/80", children: /* @__PURE__ */ (0, import_jsx_runtime272.jsx)("div", { className: "overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime272.jsxs)("table", { className: "w-full text-left border-collapse", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime272.jsx)("thead", { className: "bg-gray-50 dark:bg-zinc-800/40 border-b border-gray-200 dark:border-zinc-800", children: /* @__PURE__ */ (0, import_jsx_runtime272.jsxs)("tr", { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime272.jsx)("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__ */ (0, import_jsx_runtime272.jsx)("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__ */ (0, import_jsx_runtime272.jsx)("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__ */ (0, import_jsx_runtime272.jsx)("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__ */ (0, import_jsx_runtime274.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime274.jsx)("h4", { className: "text-xs font-bold text-gray-400 uppercase mb-3 tracking-wider", children: "Invoice Items List" }),
+                /* @__PURE__ */ (0, import_jsx_runtime274.jsx)("div", { className: "border border-gray-200 dark:border-zinc-800 rounded-2xl overflow-hidden bg-white dark:bg-gray-900/80", children: /* @__PURE__ */ (0, import_jsx_runtime274.jsx)("div", { className: "overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime274.jsxs)("table", { className: "w-full text-left border-collapse", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime274.jsx)("thead", { className: "bg-gray-50 dark:bg-zinc-800/40 border-b border-gray-200 dark:border-zinc-800", children: /* @__PURE__ */ (0, import_jsx_runtime274.jsxs)("tr", { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime274.jsx)("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__ */ (0, import_jsx_runtime274.jsx)("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__ */ (0, import_jsx_runtime274.jsx)("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__ */ (0, import_jsx_runtime274.jsx)("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__ */ (0, import_jsx_runtime272.jsx)("tbody", { className: "divide-y divide-gray-100 dark:divide-zinc-800", children: fields.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime272.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime274.jsx)("tbody", { className: "divide-y divide-gray-100 dark:divide-zinc-800", children: fields.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime274.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(
                     "td",
                     {
                       colSpan: 4,
@@ -49766,30 +50158,30 @@ function InvoiceForm2({
                     }
                   ) }) : fields.map((item, index) => {
                     const total = item.quantity * item.amount;
-                    return /* @__PURE__ */ (0, import_jsx_runtime272.jsxs)(
+                    return /* @__PURE__ */ (0, import_jsx_runtime274.jsxs)(
                       "tr",
                       {
                         className: "hover:bg-gray-50/50 dark:hover:bg-zinc-800/10 transition-colors",
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime272.jsx)("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__ */ (0, import_jsx_runtime272.jsxs)("td", { className: "px-2 sm:px-4 py-1", children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime272.jsx)("div", { className: "font-bold text-gray-900 dark:text-white text-xs sm:text-sm", children: item.name }),
-                            /* @__PURE__ */ (0, import_jsx_runtime272.jsxs)("div", { className: "text-[10px] sm:text-xs text-gray-400 dark:text-zinc-500 mt-0.5", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime274.jsx)("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__ */ (0, import_jsx_runtime274.jsxs)("td", { className: "px-2 sm:px-4 py-1", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime274.jsx)("div", { className: "font-bold text-gray-900 dark:text-white text-xs sm:text-sm", children: item.name }),
+                            /* @__PURE__ */ (0, import_jsx_runtime274.jsxs)("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__ */ (0, import_jsx_runtime272.jsx)("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__ */ (0, import_jsx_runtime272.jsx)("td", { className: "px-2 sm:px-4 py-1 text-xs sm:text-sm text-right", children: /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime274.jsx)("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__ */ (0, import_jsx_runtime274.jsx)("td", { className: "px-2 sm:px-4 py-1 text-xs sm:text-sm text-right", children: /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(
                             "button",
                             {
                               type: "button",
                               onClick: () => remove(index),
                               className: "text-gray-400 hover:text-red-500 transition-colors p-1",
-                              children: /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(
-                                import_lucide_react127.Trash2,
+                              children: /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(
+                                import_lucide_react128.Trash2,
                                 {
                                   size: 13,
                                   className: "sm:w-3.5 sm:h-3.5 w-3 h-3"
@@ -49802,8 +50194,8 @@ function InvoiceForm2({
                       item.id
                     );
                   }) }),
-                  fields.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime272.jsx)("tfoot", { className: "bg-gray-50/50 dark:bg-zinc-800/10 border-t border-gray-200 dark:border-zinc-800", children: /* @__PURE__ */ (0, import_jsx_runtime272.jsxs)("tr", { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(
+                  fields.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime274.jsx)("tfoot", { className: "bg-gray-50/50 dark:bg-zinc-800/10 border-t border-gray-200 dark:border-zinc-800", children: /* @__PURE__ */ (0, import_jsx_runtime274.jsxs)("tr", { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(
                       "td",
                       {
                         colSpan: 2,
@@ -49811,20 +50203,20 @@ function InvoiceForm2({
                         children: "Total"
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime272.jsx)("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__ */ (0, import_jsx_runtime274.jsx)("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__ */ (0, import_jsx_runtime272.jsx)("td", {})
+                    /* @__PURE__ */ (0, import_jsx_runtime274.jsx)("td", {})
                   ] }) })
                 ] }) }) })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime272.jsxs)("div", { className: "border-t border-gray-200 dark:border-zinc-800 pt-6", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime272.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime274.jsxs)("div", { className: "border-t border-gray-200 dark:border-zinc-800 pt-6", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime274.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(
                     Fields_default.DateInput,
                     {
                       label: "Date",
@@ -49833,20 +50225,20 @@ function InvoiceForm2({
                       required: true
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(Fields_default.Input, { label: "Currency", value: "KES", disabled: true })
+                  /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(Fields_default.Input, { label: "Currency", value: "KES", disabled: true })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime272.jsxs)("div", { className: "flex justify-between items-center mt-6", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime272.jsx)("div", { children: isEdit && /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime274.jsxs)("div", { className: "flex justify-between items-center mt-6", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime274.jsx)("div", { children: isEdit && /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(
                     ConfirmModal,
                     {
                       title: "Reverse Transaction",
-                      description: /* @__PURE__ */ (0, import_jsx_runtime272.jsxs)("div", { className: "space-y-3 text-left", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime272.jsx)("p", { children: "Are you sure you want to reverse this transaction?" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime272.jsx)("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__ */ (0, import_jsx_runtime274.jsxs)("div", { className: "space-y-3 text-left", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime274.jsx)("p", { children: "Are you sure you want to reverse this transaction?" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime274.jsx)("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__ */ (0, import_jsx_runtime272.jsx)(
+                      children: /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(
                         Button,
                         {
                           type: "button",
@@ -49859,8 +50251,8 @@ function InvoiceForm2({
                       )
                     }
                   ) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime272.jsxs)("div", { className: "flex justify-end gap-3", children: [
-                    close && /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime274.jsxs)("div", { className: "flex justify-end gap-3", children: [
+                    close && /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(
                       Button,
                       {
                         type: "button",
@@ -49870,7 +50262,7 @@ function InvoiceForm2({
                         children: "Cancel"
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(
                       Button,
                       {
                         isLoading,
@@ -49894,13 +50286,13 @@ function InvoiceForm2({
 var InvoiceForm_default2 = InvoiceForm2;
 
 // src/components/Transactions/cargoIM/journalForm.tsx
-var import_react168 = __toESM(require("react"));
+var import_react169 = __toESM(require("react"));
 var import_react_hook_form79 = require("react-hook-form");
 var import_zod133 = require("@hookform/resolvers/zod");
-var import_react_router_dom133 = require("react-router-dom");
+var import_react_router_dom135 = require("react-router-dom");
 var import_antd102 = require("antd");
 var import_dayjs14 = __toESM(require("dayjs"));
-var import_jsx_runtime273 = require("react/jsx-runtime");
+var import_jsx_runtime275 = require("react/jsx-runtime");
 function JournalForm5({
   onReload,
   close,
@@ -49908,10 +50300,10 @@ function JournalForm5({
   action = "debit",
   id
 }) {
-  const { branchId } = (0, import_react_router_dom133.useParams)();
+  const { branchId } = (0, import_react_router_dom135.useParams)();
   const { currencies } = useWarqadConfig();
   const { stock: defaultCurrency } = currencies;
-  const [ref2, setRef] = import_react168.default.useState(void 0);
+  const [ref2, setRef] = import_react169.default.useState(void 0);
   const { post, isLoading } = useApis_default();
   const { get, isLoading: getLoading } = useApis_default();
   const { put, isLoading: isLoadingReverse } = useApis_default();
@@ -49942,7 +50334,7 @@ function JournalForm5({
       import_antd102.message.error(error?.message || "Something went wrong");
     }
   };
-  import_react168.default.useEffect(() => {
+  import_react169.default.useEffect(() => {
     if (isEdit) {
       fetches();
     }
@@ -49991,19 +50383,19 @@ function JournalForm5({
       e.preventDefault();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime275.jsx)(
     Card,
     {
       isLoading: getLoading,
       className: "max-w-2xl mx-auto relative border-0 shadow-none p-0 bg-transparent dark:bg-transparent",
-      children: /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(Card.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime273.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime275.jsx)(Card.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime275.jsxs)(
         "form",
         {
           onSubmit: handleSubmit(onSubmit),
           onKeyDown: handleKeyDown,
           className: "space-y-4",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime275.jsx)(
               Fields_default.Input,
               {
                 label: "Description",
@@ -50014,8 +50406,8 @@ function JournalForm5({
                 placeholder: "Enter description"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime273.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime275.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime275.jsx)(
                 Fields_default.DateInput,
                 {
                   label: "Date",
@@ -50024,7 +50416,7 @@ function JournalForm5({
                   required: true
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime275.jsx)(
                 Fields_default.Input,
                 {
                   label: "Currency",
@@ -50034,8 +50426,8 @@ function JournalForm5({
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime273.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime275.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime275.jsx)(
                 Fields_default.Input,
                 {
                   label: "Amount",
@@ -50046,7 +50438,7 @@ function JournalForm5({
                   placeholder: "0.00"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime275.jsx)(
                 Fields_default.Select,
                 {
                   label: "Action",
@@ -50060,7 +50452,7 @@ function JournalForm5({
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime275.jsx)(
               Fields_default.Textarea,
               {
                 label: "Note",
@@ -50070,18 +50462,18 @@ function JournalForm5({
                 rows: 3
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime273.jsxs)("div", { className: "flex justify-between items-center pt-4 border-t border-gray-100 dark:border-zinc-800", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime273.jsx)("div", { children: isEdit && /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime275.jsxs)("div", { className: "flex justify-between items-center pt-4 border-t border-gray-100 dark:border-zinc-800", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime275.jsx)("div", { children: isEdit && /* @__PURE__ */ (0, import_jsx_runtime275.jsx)(
                 ConfirmModal,
                 {
                   title: "Reverse Transaction",
-                  description: /* @__PURE__ */ (0, import_jsx_runtime273.jsxs)("div", { className: "space-y-3 text-left", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime273.jsx)("p", { children: "Are you sure you want to reverse this transaction?" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime273.jsx)("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__ */ (0, import_jsx_runtime275.jsxs)("div", { className: "space-y-3 text-left", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime275.jsx)("p", { children: "Are you sure you want to reverse this transaction?" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime275.jsx)("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__ */ (0, import_jsx_runtime273.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime275.jsx)(
                     Button,
                     {
                       type: "button",
@@ -50094,8 +50486,8 @@ function JournalForm5({
                   )
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime273.jsxs)("div", { className: "flex justify-end gap-3", children: [
-                close && /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime275.jsxs)("div", { className: "flex justify-end gap-3", children: [
+                close && /* @__PURE__ */ (0, import_jsx_runtime275.jsx)(
                   Button,
                   {
                     type: "button",
@@ -50105,7 +50497,7 @@ function JournalForm5({
                     children: "Cancel"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime275.jsx)(
                   Button,
                   {
                     isLoading,
@@ -50127,15 +50519,15 @@ function JournalForm5({
 var journalForm_default2 = JournalForm5;
 
 // src/components/Transactions/cargoIM/CargoIM.tsx
-var import_jsx_runtime274 = require("react/jsx-runtime");
+var import_jsx_runtime276 = require("react/jsx-runtime");
 function CargoIM({ v, url }) {
-  const { branchId } = (0, import_react_router_dom134.useParams)();
+  const { branchId } = (0, import_react_router_dom136.useParams)();
   const { apiConfig } = useWarqadConfig();
   const { width } = useMediaSize();
   const isLargeScreen = width > 768;
-  const navigate = (0, import_react_router_dom134.useNavigate)();
+  const navigate = (0, import_react_router_dom136.useNavigate)();
   const type = "supplier";
-  const [deleteAccount, setDeleteAccount] = (0, import_react169.useState)(null);
+  const [deleteAccount, setDeleteAccount] = (0, import_react170.useState)(null);
   const { isLoading: isActionLoading, remove } = useApis_default();
   const { data, TransactionViewComponent, reload, isLoading } = useTransaction_default({
     url: url || `${apiConfig.accountStatementApi}?type=supplier${branchId ? `&branch=${branchId}` : ""}`,
@@ -50146,17 +50538,17 @@ function CargoIM({ v, url }) {
   const items = (data2) => [
     {
       label: `Edit ${type}`,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(import_lucide_react128.FilePenLine, { size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime276.jsx)(import_lucide_react129.FilePenLine, { size: 16 }),
       onClick: () => openState({
         type: "Account",
-        content: /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(AccountForm_default3, { onReload: reload, close, id: data2?._id }),
+        content: /* @__PURE__ */ (0, import_jsx_runtime276.jsx)(AccountForm_default3, { onReload: reload, close, id: data2?._id }),
         title: "Account Form",
         width: 800
       })
     },
     {
       label: `Delete ${type}`,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(import_lucide_react128.Trash2, { className: "text-red-500", size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime276.jsx)(import_lucide_react129.Trash2, { className: "text-red-500", size: 16 }),
       onClick: () => setDeleteAccount(data2)
     }
   ].filter(Boolean);
@@ -50167,7 +50559,7 @@ function CargoIM({ v, url }) {
       className: "w-full",
       cell: ({ row }) => {
         const account = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime276.jsx)(
           "span",
           {
             onClick: () => navigate(`${account?._id}`),
@@ -50196,8 +50588,8 @@ function CargoIM({ v, url }) {
       className: "w-px whitespace-nowrap",
       cell: ({ row }) => {
         const data2 = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime274.jsxs)("div", { className: "flex gap-4 items-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime276.jsxs)("div", { className: "flex gap-4 items-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime276.jsx)(
             "button",
             {
               className: "cursor-pointer px-2 py-1 text-white rounded-lg text-xs bg-blue-500",
@@ -50205,7 +50597,7 @@ function CargoIM({ v, url }) {
                 openState({
                   type: "credit",
                   closeOnOverlayClick: false,
-                  content: /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(
+                  content: /* @__PURE__ */ (0, import_jsx_runtime276.jsx)(
                     InvoiceForm_default2,
                     {
                       onReload: reload,
@@ -50220,7 +50612,7 @@ function CargoIM({ v, url }) {
               children: "Inv"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime276.jsx)(
             "button",
             {
               className: "cursor-pointer px-2 py-1 text-white rounded-lg text-xs bg-red-500",
@@ -50228,7 +50620,7 @@ function CargoIM({ v, url }) {
                 openState({
                   type: "debit",
                   closeOnOverlayClick: false,
-                  content: /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(
+                  content: /* @__PURE__ */ (0, import_jsx_runtime276.jsx)(
                     journalForm_default2,
                     {
                       onReload: reload,
@@ -50244,14 +50636,14 @@ function CargoIM({ v, url }) {
               children: "Pay"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime276.jsx)(
             Dropdown,
             {
               className: "cursor-pointer",
               width: "w-[150px]",
               items: items(data2),
               triggerMode: "hover",
-              children: /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(import_lucide_react128.EllipsisVertical, {})
+              children: /* @__PURE__ */ (0, import_jsx_runtime276.jsx)(import_lucide_react129.EllipsisVertical, {})
             }
           )
         ] });
@@ -50275,9 +50667,9 @@ function CargoIM({ v, url }) {
       return error;
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime274.jsxs)(import_jsx_runtime274.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(Modal2, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime276.jsxs)(import_jsx_runtime276.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime276.jsx)(Modal2, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime276.jsx)(
       ConfirmModal,
       {
         isOpen: !!deleteAccount,
@@ -50290,7 +50682,7 @@ function CargoIM({ v, url }) {
         children: null
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime274.jsx)("div", { className: !isLargeScreen ? "origin-top" : "", children: /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime276.jsx)("div", { className: !isLargeScreen ? "origin-top" : "", children: /* @__PURE__ */ (0, import_jsx_runtime276.jsx)(
       TransactionViewComponent,
       {
         columns,
@@ -50301,7 +50693,7 @@ function CargoIM({ v, url }) {
         onCreate: () => {
           openState({
             type: "account",
-            content: /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(AccountForm_default3, { onReload: reload, close }),
+            content: /* @__PURE__ */ (0, import_jsx_runtime276.jsx)(AccountForm_default3, { onReload: reload, close }),
             title: "Account Form",
             width: 800
           });
@@ -50313,9 +50705,9 @@ function CargoIM({ v, url }) {
 var CargoIM_default = CargoIM;
 
 // src/components/Transactions/cargoIM/cargoIMReport.tsx
-var import_react_router_dom135 = require("react-router-dom");
-var import_react170 = require("react");
-var import_jsx_runtime275 = require("react/jsx-runtime");
+var import_react_router_dom137 = require("react-router-dom");
+var import_react171 = require("react");
+var import_jsx_runtime277 = require("react/jsx-runtime");
 var CargoIMReport = () => {
   const { apiConfig, currencies: warqadCurrencies } = useWarqadConfig();
   const { TransactionView, openTransaction } = useTransactionView_default();
@@ -50328,10 +50720,10 @@ var CargoIMReport = () => {
       value: currency2
     };
   });
-  const [searchParams, setSearchParams] = (0, import_react_router_dom135.useSearchParams)();
+  const [searchParams, setSearchParams] = (0, import_react_router_dom137.useSearchParams)();
   const urlCurrency = searchParams.get("currency")?.toUpperCase();
   const initialCurrency = urlCurrency && currencyAllowed.includes(urlCurrency) ? urlCurrency : stock;
-  const [currencyFilter, setCurrencyFilter] = (0, import_react170.useState)(initialCurrency);
+  const [currencyFilter, setCurrencyFilter] = (0, import_react171.useState)(initialCurrency);
   const handleCurrencyChange = (value) => {
     setCurrencyFilter(value);
     setSearchParams((prev) => {
@@ -50339,7 +50731,7 @@ var CargoIMReport = () => {
       return prev;
     });
   };
-  (0, import_react170.useEffect)(() => {
+  (0, import_react171.useEffect)(() => {
     if (urlCurrency && currencyAllowed.includes(urlCurrency)) {
       setCurrencyFilter(urlCurrency);
     }
@@ -50359,9 +50751,9 @@ var CargoIMReport = () => {
       header: "Date",
       key: "date",
       className: "text-xs whitespace-nowrap",
-      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime275.jsxs)("div", { className: "", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime275.jsx)("p", { className: "font-bold text-black dark:text-white print:text-black", children: row.date }),
-        /* @__PURE__ */ (0, import_jsx_runtime275.jsx)(
+      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime277.jsxs)("div", { className: "", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime277.jsx)("p", { className: "font-bold text-black dark:text-white print:text-black", children: row.date }),
+        /* @__PURE__ */ (0, import_jsx_runtime277.jsx)(
           "span",
           {
             onClick: () => {
@@ -50380,13 +50772,13 @@ var CargoIMReport = () => {
       header: "Container No",
       key: "description",
       className: "text-xs w-full break-words",
-      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime275.jsx)("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__ */ (0, import_jsx_runtime277.jsx)("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__ */ (0, import_jsx_runtime275.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime277.jsx)(
           "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`,
@@ -50400,13 +50792,13 @@ var CargoIMReport = () => {
       header: "Cbm",
       key: "cbm",
       className: "text-xs whitespace-nowrap text-right",
-      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime275.jsx)("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__ */ (0, import_jsx_runtime277.jsx)("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__ */ (0, import_jsx_runtime275.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime277.jsx)(
           "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`,
@@ -50423,20 +50815,20 @@ var CargoIMReport = () => {
           ),
           0
         );
-        return totalCbm > 0 ? /* @__PURE__ */ (0, import_jsx_runtime275.jsx)("span", { className: "font-bold text-black dark:text-white print:text-black", children: totalCbm }) : null;
+        return totalCbm > 0 ? /* @__PURE__ */ (0, import_jsx_runtime277.jsx)("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__ */ (0, import_jsx_runtime275.jsx)("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__ */ (0, import_jsx_runtime277.jsx)("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__ */ (0, import_jsx_runtime275.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime277.jsx)(
           "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`,
@@ -50450,13 +50842,13 @@ var CargoIMReport = () => {
       header: "Credit",
       key: "credit",
       className: "text-xs whitespace-nowrap text-right",
-      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime275.jsx)("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__ */ (0, import_jsx_runtime277.jsx)("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__ */ (0, import_jsx_runtime275.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime277.jsx)(
           "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`,
@@ -50465,7 +50857,7 @@ var CargoIMReport = () => {
           idx
         );
       }) }),
-      renderFooter: (data2) => /* @__PURE__ */ (0, import_jsx_runtime275.jsx)("span", { className: "text-green-500 font-bold", children: Formats_default.Amount(
+      renderFooter: (data2) => /* @__PURE__ */ (0, import_jsx_runtime277.jsx)("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),
@@ -50479,13 +50871,13 @@ var CargoIMReport = () => {
       header: "Debit",
       key: "debit",
       className: "text-xs whitespace-nowrap text-right",
-      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime275.jsx)("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__ */ (0, import_jsx_runtime277.jsx)("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__ */ (0, import_jsx_runtime275.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime277.jsx)(
           "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`,
@@ -50494,7 +50886,7 @@ var CargoIMReport = () => {
           idx
         );
       }) }),
-      renderFooter: (data2) => /* @__PURE__ */ (0, import_jsx_runtime275.jsx)("span", { className: "text-red-500 font-bold", children: Formats_default.Amount(
+      renderFooter: (data2) => /* @__PURE__ */ (0, import_jsx_runtime277.jsx)("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),
@@ -50508,14 +50900,14 @@ var CargoIMReport = () => {
       header: "Balance",
       key: "runningBalance",
       className: "text-xs whitespace-nowrap text-right",
-      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime275.jsx)("span", { className: "font-bold text-black dark:text-white print:text-black", children: Formats_default.Price(row.runningBalance, currency) }),
-      renderFooter: (data2) => /* @__PURE__ */ (0, import_jsx_runtime275.jsx)("span", { className: "text-black dark:text-white print:text-black font-bold", children: Formats_default.Price(
+      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime277.jsx)("span", { className: "font-bold text-black dark:text-white print:text-black", children: Formats_default.Price(row.runningBalance, currency) }),
+      renderFooter: (data2) => /* @__PURE__ */ (0, import_jsx_runtime277.jsx)("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 = (0, import_react170.useMemo)(() => {
+  const datas = (0, import_react171.useMemo)(() => {
     let runningBalance = 0;
     const transactions = data?.data?.transactions;
     const res = (transactions || []).map((item) => {
@@ -50552,10 +50944,10 @@ var CargoIMReport = () => {
     { label: "Account Type", value: data?.data?.type },
     { label: "Currency", value: currencyFilter }
   ];
-  return /* @__PURE__ */ (0, import_jsx_runtime275.jsxs)(import_jsx_runtime275.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime275.jsx)(Modal2, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime275.jsx)(TransactionView, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime275.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime277.jsxs)(import_jsx_runtime277.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime277.jsx)(Modal2, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime277.jsx)(TransactionView, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime277.jsx)(
       A4DataView,
       {
         columns,
@@ -50570,7 +50962,7 @@ var CargoIMReport = () => {
           openState({
             type: "debit",
             closeOnOverlayClick: false,
-            content: row.type === "invoice-manager" ? /* @__PURE__ */ (0, import_jsx_runtime275.jsx)(
+            content: row.type === "invoice-manager" ? /* @__PURE__ */ (0, import_jsx_runtime277.jsx)(
               InvoiceForm_default2,
               {
                 close: closeTransaction,
@@ -50578,7 +50970,7 @@ var CargoIMReport = () => {
                 onReload: reload,
                 id: row._id
               }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime275.jsx)(
+            ) : /* @__PURE__ */ (0, import_jsx_runtime277.jsx)(
               journalForm_default2,
               {
                 close: closeTransaction,
@@ -50591,7 +50983,7 @@ var CargoIMReport = () => {
             width: 800
           });
         },
-        headers: /* @__PURE__ */ (0, import_jsx_runtime275.jsx)("div", { className: "flex items-center gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime275.jsx)(
+        headers: /* @__PURE__ */ (0, import_jsx_runtime277.jsx)("div", { className: "flex items-center gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime277.jsx)(
           Fields_default.Select,
           {
             options: currencies,
@@ -50607,16 +50999,16 @@ var CargoIMReport = () => {
 var cargoIMReport_default = CargoIMReport;
 
 // src/components/accounts/forex-2/Forex2Accounts.tsx
-var import_react_router_dom136 = require("react-router-dom");
-var import_lucide_react129 = require("lucide-react");
-var import_react171 = require("react");
+var import_react_router_dom138 = require("react-router-dom");
+var import_lucide_react130 = require("lucide-react");
+var import_react172 = require("react");
 var import_antd104 = require("antd");
-var import_jsx_runtime276 = require("react/jsx-runtime");
+var import_jsx_runtime278 = require("react/jsx-runtime");
 function Forex2Accounts({ v, url }) {
-  const { branchId } = (0, import_react_router_dom136.useParams)();
-  const navigate = (0, import_react_router_dom136.useNavigate)();
+  const { branchId } = (0, import_react_router_dom138.useParams)();
+  const navigate = (0, import_react_router_dom138.useNavigate)();
   const type = "account";
-  const [deleteAccount, setDeleteAccount] = (0, import_react171.useState)(null);
+  const [deleteAccount, setDeleteAccount] = (0, import_react172.useState)(null);
   const { isLoading: isActionLoading, remove } = useApis_default();
   const { data, TransactionViewComponent, reload, isLoading } = useTransaction_default({
     url: url || `/reports/forex-account-report${branchId ? `?branch=${branchId}` : ""}`,
@@ -50627,22 +51019,22 @@ function Forex2Accounts({ v, url }) {
   const items = (data2) => [
     {
       label: `Currency Report`,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime276.jsx)(import_lucide_react129.FileChartLine, { size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime278.jsx)(import_lucide_react130.FileChartLine, { size: 16 }),
       onClick: () => navigate(data2?._id)
     },
     {
       label: `Edit ${type}`,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime276.jsx)(import_lucide_react129.FilePenLine, { size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime278.jsx)(import_lucide_react130.FilePenLine, { size: 16 }),
       onClick: () => openState({
         type: "forex account",
-        content: /* @__PURE__ */ (0, import_jsx_runtime276.jsx)(ForexAccountForm_default, { close, reloads: reload, id: data2?._id }),
+        content: /* @__PURE__ */ (0, import_jsx_runtime278.jsx)(ForexAccountForm_default, { close, reloads: reload, id: data2?._id }),
         title: "Forex Account Form",
         width: 800
       })
     },
     {
       label: `Delete ${type}`,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime276.jsx)(import_lucide_react129.Trash2, { className: "text-red-500", size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime278.jsx)(import_lucide_react130.Trash2, { className: "text-red-500", size: 16 }),
       onClick: () => setDeleteAccount(data2)
     }
   ].filter(Boolean);
@@ -50652,7 +51044,7 @@ function Forex2Accounts({ v, url }) {
       header: "Name",
       cell: ({ row }) => {
         const account = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime276.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime278.jsx)(
           "span",
           {
             onClick: () => navigate(`statements/${account?._id}`),
@@ -50667,7 +51059,7 @@ function Forex2Accounts({ v, url }) {
       header: "Phone",
       cell: ({ row }) => {
         const account = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime276.jsx)("span", { children: account?.phoneNumber || "N/A" });
+        return /* @__PURE__ */ (0, import_jsx_runtime278.jsx)("span", { children: account?.phoneNumber || "N/A" });
       }
     },
     {
@@ -50675,14 +51067,14 @@ function Forex2Accounts({ v, url }) {
       header: "Balances",
       cell: ({ row }) => {
         const account = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime276.jsx)("div", { className: "flex flex-wrap items-center gap-2", children: Object.entries(account?.transactions || {}).map(
-          ([currency, data2]) => /* @__PURE__ */ (0, import_jsx_runtime276.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime278.jsx)("div", { className: "flex flex-wrap items-center gap-2", children: Object.entries(account?.transactions || {}).map(
+          ([currency, data2]) => /* @__PURE__ */ (0, import_jsx_runtime278.jsxs)(
             "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__ */ (0, import_jsx_runtime276.jsx)("span", { className: "text-[12px] font-bold text-gray-400 dark:text-gray-500 uppercase tracking-tighter", children: currency }),
-                /* @__PURE__ */ (0, import_jsx_runtime276.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime278.jsx)("span", { className: "text-[12px] font-bold text-gray-400 dark:text-gray-500 uppercase tracking-tighter", children: currency }),
+                /* @__PURE__ */ (0, import_jsx_runtime278.jsx)(
                   "span",
                   {
                     className: `text-[12px] font-bold tabular-nums ${data2.balance < 0 ? "text-red-500" : "text-green-600 dark:text-green-500"}`,
@@ -50701,8 +51093,8 @@ function Forex2Accounts({ v, url }) {
       header: "Actions",
       cell: ({ row }) => {
         const data2 = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime276.jsxs)("div", { className: "flex gap-4 items-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime276.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime278.jsxs)("div", { className: "flex gap-4 items-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime278.jsx)(
             "button",
             {
               className: "cursor-pointer px-2 py-1 text-white rounded-lg text-xs bg-blue-500",
@@ -50710,7 +51102,7 @@ function Forex2Accounts({ v, url }) {
                 openState({
                   type: "credit",
                   closeOnOverlayClick: false,
-                  content: /* @__PURE__ */ (0, import_jsx_runtime276.jsx)(
+                  content: /* @__PURE__ */ (0, import_jsx_runtime278.jsx)(
                     Forex2FormTransaction_default,
                     {
                       close,
@@ -50726,7 +51118,7 @@ function Forex2Accounts({ v, url }) {
               children: "Out"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime276.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime278.jsx)(
             "button",
             {
               className: "cursor-pointer px-2 py-1 text-white rounded-lg text-xs bg-red-500",
@@ -50734,7 +51126,7 @@ function Forex2Accounts({ v, url }) {
                 openState({
                   type: "debit",
                   closeOnOverlayClick: false,
-                  content: /* @__PURE__ */ (0, import_jsx_runtime276.jsx)(
+                  content: /* @__PURE__ */ (0, import_jsx_runtime278.jsx)(
                     Forex2FormTransaction_default,
                     {
                       close,
@@ -50750,13 +51142,13 @@ function Forex2Accounts({ v, url }) {
               children: "In"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime276.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime278.jsx)(
             Dropdown,
             {
               className: "cursor-pointer w-[150px]",
               items: items(data2),
               triggerMode: "hover",
-              children: /* @__PURE__ */ (0, import_jsx_runtime276.jsx)(import_lucide_react129.EllipsisVertical, {})
+              children: /* @__PURE__ */ (0, import_jsx_runtime278.jsx)(import_lucide_react130.EllipsisVertical, {})
             }
           )
         ] });
@@ -50795,9 +51187,9 @@ function Forex2Accounts({ v, url }) {
     };
   }).filter((item) => item.debit !== 0 || item.credit !== 0);
   console.log(currencies);
-  return /* @__PURE__ */ (0, import_jsx_runtime276.jsxs)(import_jsx_runtime276.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime276.jsx)(Modal2, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime276.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime278.jsxs)(import_jsx_runtime278.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime278.jsx)(Modal2, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime278.jsx)(
       ConfirmModal,
       {
         isOpen: !!deleteAccount,
@@ -50810,9 +51202,9 @@ function Forex2Accounts({ v, url }) {
         children: null
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime276.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime276.jsx)(ForexAccountSummary_default, { currencies, isLoading }),
-      /* @__PURE__ */ (0, import_jsx_runtime276.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime278.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime278.jsx)(ForexAccountSummary_default, { currencies, isLoading }),
+      /* @__PURE__ */ (0, import_jsx_runtime278.jsx)(
         TransactionViewComponent,
         {
           columns,
@@ -50824,7 +51216,7 @@ function Forex2Accounts({ v, url }) {
           onCreate: () => {
             openState({
               type: "forex account",
-              content: /* @__PURE__ */ (0, import_jsx_runtime276.jsx)(ForexAccountForm_default, { close, reloads: reload }),
+              content: /* @__PURE__ */ (0, import_jsx_runtime278.jsx)(ForexAccountForm_default, { close, reloads: reload }),
               title: "Forex Account Form",
               width: 800
             });
@@ -50837,14 +51229,14 @@ function Forex2Accounts({ v, url }) {
 var Forex2Accounts_default = Forex2Accounts;
 
 // src/components/reports/ProductList.tsx
-var import_react_router_dom137 = require("react-router-dom");
-var import_jsx_runtime277 = require("react/jsx-runtime");
-var options9 = [
+var import_react_router_dom139 = require("react-router-dom");
+var import_jsx_runtime279 = require("react/jsx-runtime");
+var options10 = [
   { label: "Product", value: "product" },
   { label: "Pack", value: "pack" }
 ];
 var ProductList2 = ({ value = false }) => {
-  const { branchId } = (0, import_react_router_dom137.useParams)();
+  const { branchId } = (0, import_react_router_dom139.useParams)();
   const { branches } = useAuth_default();
   const { TransactionView } = useTransactionView_default();
   const { getQuery, setQuery } = useApp_default();
@@ -50866,7 +51258,7 @@ var ProductList2 = ({ value = false }) => {
       key: "name",
       className: "text-xs whitespace-nowrap",
       render: (row) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime277.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime277.jsx)("p", { className: "font-bold uppercase text-black dark:text-white print:text-black", children: row.name }) });
+        return /* @__PURE__ */ (0, import_jsx_runtime279.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime279.jsx)("p", { className: "font-bold uppercase text-black dark:text-white print:text-black", children: row.name }) });
       }
     },
     ...value ? [
@@ -50874,14 +51266,14 @@ var ProductList2 = ({ value = false }) => {
         header: "Cost",
         key: "cost",
         className: "text-xs whitespace-nowrap text-right",
-        render: (row) => /* @__PURE__ */ (0, import_jsx_runtime277.jsx)("span", { className: "font-bold text-black dark:text-white print:text-black", children: Formats_default.Amount(row.cost, false) })
+        render: (row) => /* @__PURE__ */ (0, import_jsx_runtime279.jsx)("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__ */ (0, import_jsx_runtime277.jsxs)(import_jsx_runtime277.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime277.jsx)(TransactionView, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime277.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime279.jsxs)(import_jsx_runtime279.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime279.jsx)(TransactionView, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime279.jsx)(
       A4DataView,
       {
         columns,
@@ -50891,10 +51283,10 @@ var ProductList2 = ({ value = false }) => {
         subtitle: branchId ? currentBranch?.name : "All Branches",
         tableTitle: "Stock List",
         fixed: false,
-        headers: /* @__PURE__ */ (0, import_jsx_runtime277.jsx)(
+        headers: /* @__PURE__ */ (0, import_jsx_runtime279.jsx)(
           Select,
           {
-            options: options9,
+            options: options10,
             value: stockType,
             className: "w-32! print:hidden",
             onChange: (e) => {