warqadui 0.0.273 → 0.0.276

package/dist/index.mjs

@@ -98,7 +98,8 @@ var Enums = {
     "invoice-manager",
     "payment-3",
     "journal-3",
-    "forex-2"
+    "forex-2",
+    "expense-3"
   ],
   stockTypes: ["pack", "product"],
   saleStockTypes: ["pack", "product"],
@@ -1597,13 +1598,13 @@ var Input = forwardRef(
         }
       }
     }, [props.value, name, form]);
-    let message90 = error;
+    let message91 = error;
     if (form && name) {
       const {
         formState: { errors }
       } = form;
       const errorObj = name.split(".").reduce((acc, current) => acc?.[current], errors);
-      message90 = errorObj?.message;
+      message91 = errorObj?.message;
     }
     const watchedValue = form?.watch(name);
     useEffect8(() => {
@@ -1672,7 +1673,7 @@ var Input = forwardRef(
               }
             )
           ] }),
-          message90 && /* @__PURE__ */ jsx16("p", { className: "text-sm text-red-600 dark:text-red-400", children: message90 })
+          message91 && /* @__PURE__ */ jsx16("p", { className: "text-sm text-red-600 dark:text-red-400", children: message91 })
         ]
       }
     );
@@ -2022,7 +2023,7 @@ var PhoneInput = forwardRef2(
     const [isFocused, setIsFocused] = useState12(false);
     const { theme } = useWarqadConfig();
     const primaryColor = theme?.primaryColor;
-    let message90 = error;
+    let message91 = error;
     if (form && name) {
       const {
         formState: { errors }
@@ -2032,7 +2033,7 @@ var PhoneInput = forwardRef2(
       for (const part of nameParts) {
         currentError = currentError?.[part];
       }
-      message90 = currentError?.message || message90;
+      message91 = currentError?.message || message91;
     }
     const renderInput = (onChangeHandler, currentValue) => /* @__PURE__ */ jsxs15("div", { className: `space-y-2 group relative ${containerClassName}`, children: [
       /* @__PURE__ */ jsxs15(
@@ -2083,7 +2084,7 @@ var PhoneInput = forwardRef2(
           }
         )
       ] }),
-      message90 && /* @__PURE__ */ jsx20("p", { className: "text-sm text-red-600 dark:text-red-400", children: message90 })
+      message91 && /* @__PURE__ */ jsx20("p", { className: "text-sm text-red-600 dark:text-red-400", children: message91 })
     ] });
     if (form && name) {
       return /* @__PURE__ */ jsx20(
@@ -2144,7 +2145,7 @@ var Select = forwardRef3((props, ref2) => {
     if (targetEnum) {
       return targetEnum.map((val) => ({
         value: val,
-        label: String(val).charAt(0).toUpperCase() + String(val).slice(1)
+        label: `${String(val).charAt(0).toUpperCase() + String(val).slice(1)} ${enumName === "actionTypes" ? val === "credit" ? "(+)" : "(-)" : ""}`
       }));
     }
     return [];
@@ -2272,7 +2273,7 @@ var SelectRoot = ({
       setSearchQuery("");
     }
   }, [isOpen]);
-  let message90 = error;
+  let message91 = error;
   if (form && name) {
     const {
       formState: { errors }
@@ -2282,7 +2283,7 @@ var SelectRoot = ({
     for (const part of nameParts) {
       currentError = currentError?.[part];
     }
-    message90 = currentError?.message || message90;
+    message91 = currentError?.message || message91;
   }
   const allOptions = initialOptions?.length ? initialOptions : registeredOptions;
   const filteredOptions = useMemo4(() => {
@@ -2352,7 +2353,7 @@ var SelectRoot = ({
             String(opt.value) || index
           )) })
         ] }),
-        message90 && /* @__PURE__ */ jsx21("p", { className: "text-sm text-red-600 dark:text-red-400", children: message90 })
+        message91 && /* @__PURE__ */ jsx21("p", { className: "text-sm text-red-600 dark:text-red-400", children: message91 })
       ]
     }
   ) });
@@ -2619,13 +2620,13 @@ var Textarea = forwardRef4(
     const [isFocused, setIsFocused] = useState14(false);
     const { theme } = useWarqadConfig();
     const primaryColor = theme?.primaryColor;
-    let message90 = error;
+    let message91 = error;
     if (form && name) {
       const {
         formState: { errors }
       } = form;
       const errorObj = name.split(".").reduce((acc, current) => acc?.[current], errors);
-      message90 = errorObj?.message;
+      message91 = errorObj?.message;
     }
     const renderInput = (inputProps, ref3) => /* @__PURE__ */ jsxs17("div", { className: `space-y-2 group w-full! relative ${containerClassName}`, children: [
       /* @__PURE__ */ jsxs17(
@@ -2663,7 +2664,7 @@ var Textarea = forwardRef4(
           }
         }
       ) }),
-      message90 && /* @__PURE__ */ jsx22("p", { className: "text-sm text-red-600 dark:text-red-400", children: message90 })
+      message91 && /* @__PURE__ */ jsx22("p", { className: "text-sm text-red-600 dark:text-red-400", children: message91 })
     ] });
     useEffect10(() => {
       if (form && name && props.value !== void 0 && props.value !== null && props.value !== "") {
@@ -3013,7 +3014,7 @@ var SearchApiRoot = ({
   const filteredOptions = options10.filter(
     (option) => !filter.includes(getOptionValue(option))
   );
-  let message90 = error || errorMessage;
+  let message91 = error || errorMessage;
   if (form && name) {
     const {
       formState: { errors }
@@ -3023,7 +3024,7 @@ var SearchApiRoot = ({
     for (const part of nameParts) {
       currentError = currentError?.[part];
     }
-    message90 = currentError?.message || message90;
+    message91 = currentError?.message || message91;
   }
   const valueCtx = {
     isOpen,
@@ -3057,7 +3058,7 @@ var SearchApiRoot = ({
     form,
     name,
     obj,
-    error: message90,
+    error: message91,
     onSelect,
     onClear
   };
@@ -3422,7 +3423,7 @@ var DateInput = forwardRef6(
     value,
     ...props
   }, ref2) => {
-    let message90 = error;
+    let message91 = error;
     const { theme } = useWarqadConfig();
     const primaryColor = theme?.primaryColor;
     const [isFocused, setIsFocused] = useState16(false);
@@ -3431,13 +3432,13 @@ var DateInput = forwardRef6(
         formState: { errors }
       } = form;
       const errorObj = name.split(".").reduce((acc, current) => acc?.[current], errors);
-      message90 = errorObj?.message;
+      message91 = errorObj?.message;
     }
     const inputStyles = `w-full px-2.5 py-1 rounded-md border! shadow-none transition-all! duration-200! outline-none!
       bg-white! dark:bg-gray-900/80!
       text-gray-900! dark:text-zinc-100!
       hover:bg-white! dark:hover:bg-zinc-900!
-      ${message90 ? "border-red-500 hover:border-red-500 [&.ant-picker-focused]:border-red-500 [&.ant-picker-focused]:ring-red-500/20" : "border-gray-200 dark:border-zinc-700 hover:border-gray-200 dark:hover:border-zinc-700 [&.ant-picker-focused]:ring-2"}
+      ${message91 ? "border-red-500 hover:border-red-500 [&.ant-picker-focused]:border-red-500 [&.ant-picker-focused]:ring-red-500/20" : "border-gray-200 dark:border-zinc-700 hover:border-gray-200 dark:hover:border-zinc-700 [&.ant-picker-focused]:ring-2"}
       [&.ant-picker-focused]:bg-white dark:[&.ant-picker-focused]:bg-zinc-900
       ${className}`;
     const renderDatePicker = (val, onChangeHandler, onBlur2, refProps) => {
@@ -3470,8 +3471,8 @@ var DateInput = forwardRef6(
           needConfirm: false,
           style: {
             height: "var(--input-height, 40px)",
-            borderColor: isFocused && !message90 ? primaryColor : void 0,
-            boxShadow: isFocused && !message90 ? `${primaryColor}33 0px 0px 0px 2px` : void 0
+            borderColor: isFocused && !message91 ? primaryColor : void 0,
+            boxShadow: isFocused && !message91 ? `${primaryColor}33 0px 0px 0px 2px` : void 0
           },
           classNames: { popup: { root: "z-50" } },
           suffixIcon: /* @__PURE__ */ jsx24(Calendar, { className: "h-5 w-5 text-gray-400 group-focus-within:text-primary" }),
@@ -3486,7 +3487,7 @@ var DateInput = forwardRef6(
         {
           className: "block text-xs font-medium text-gray-700 dark:text-gray-300 transition-colors duration-200",
           style: {
-            color: message90 ? "#ef4444" : isFocused ? primaryColor : void 0
+            color: message91 ? "#ef4444" : isFocused ? primaryColor : void 0
           },
           children: [
             label,
@@ -3504,7 +3505,7 @@ var DateInput = forwardRef6(
           }) => renderDatePicker(value2, onC, onBlur2, fieldRef)
         }
       ) : renderDatePicker(value, onChange, onBlur, ref2),
-      message90 && /* @__PURE__ */ jsx24("p", { className: "text-sm text-red-600 dark:text-red-400", children: message90 })
+      message91 && /* @__PURE__ */ jsx24("p", { className: "text-sm text-red-600 dark:text-red-400", children: message91 })
     ] });
   }
 );
@@ -3535,7 +3536,7 @@ var MonthInput = forwardRef7(
     value,
     ...props
   }, ref2) => {
-    let message90 = error;
+    let message91 = error;
     const { theme } = useWarqadConfig();
     const primaryColor = theme?.primaryColor;
     const [isFocused, setIsFocused] = useState17(false);
@@ -3544,13 +3545,13 @@ var MonthInput = forwardRef7(
         formState: { errors }
       } = form;
       const errorObj = name.split(".").reduce((acc, current) => acc?.[current], errors);
-      message90 = errorObj?.message;
+      message91 = errorObj?.message;
     }
     const inputStyles = `w-full px-2.5 py-1 rounded-md border! shadow-none transition-all! duration-200! outline-none!
       bg-white! dark:bg-gray-900/80!
       text-gray-900! dark:text-zinc-100!
       hover:bg-white! dark:hover:bg-zinc-900!
-      ${message90 ? "border-red-500 hover:border-red-500 [&.ant-picker-focused]:border-red-500 [&.ant-picker-focused]:ring-red-500/20" : "border-gray-200 dark:border-zinc-700 hover:border-gray-200 dark:hover:border-zinc-700 [&.ant-picker-focused]:ring-2"}
+      ${message91 ? "border-red-500 hover:border-red-500 [&.ant-picker-focused]:border-red-500 [&.ant-picker-focused]:ring-red-500/20" : "border-gray-200 dark:border-zinc-700 hover:border-gray-200 dark:hover:border-zinc-700 [&.ant-picker-focused]:ring-2"}
       [&.ant-picker-focused]:bg-white dark:[&.ant-picker-focused]:bg-zinc-900
       ${className}`;
     const renderDatePicker = (val, onChangeHandler, onBlur2, refProps) => {
@@ -3584,8 +3585,8 @@ var MonthInput = forwardRef7(
           needConfirm: false,
           style: {
             height: "var(--input-height, 40px)",
-            borderColor: isFocused && !message90 ? primaryColor : void 0,
-            boxShadow: isFocused && !message90 ? `${primaryColor}33 0px 0px 0px 2px` : void 0
+            borderColor: isFocused && !message91 ? primaryColor : void 0,
+            boxShadow: isFocused && !message91 ? `${primaryColor}33 0px 0px 0px 2px` : void 0
           },
           classNames: { popup: { root: "z-50" } },
           suffixIcon: /* @__PURE__ */ jsx25(Calendar2, { className: "h-5 w-5 text-gray-400 group-focus-within:text-primary" }),
@@ -3600,7 +3601,7 @@ var MonthInput = forwardRef7(
         {
           className: "block text-xs font-medium text-gray-700 dark:text-gray-300 transition-colors duration-200",
           style: {
-            color: message90 ? "#ef4444" : isFocused ? primaryColor : void 0
+            color: message91 ? "#ef4444" : isFocused ? primaryColor : void 0
           },
           children: [
             label,
@@ -3618,7 +3619,7 @@ var MonthInput = forwardRef7(
           }) => renderDatePicker(value2, onC, onBlur2, fieldRef)
         }
       ) : renderDatePicker(value, onChange, onBlur, ref2),
-      message90 && /* @__PURE__ */ jsx25("p", { className: "text-sm text-red-600 dark:text-red-400", children: message90 })
+      message91 && /* @__PURE__ */ jsx25("p", { className: "text-sm text-red-600 dark:text-red-400", children: message91 })
     ] });
   }
 );
@@ -9142,17 +9143,17 @@ var preWarningFns = [];
 var preMessage = (fn) => {
   preWarningFns.push(fn);
 };
-function warning(valid, message90) {
+function warning(valid, message91) {
   if (process.env.NODE_ENV !== "production" && !valid && console !== void 0) {
-    const finalMessage = preWarningFns.reduce((msg, preMessageFn) => preMessageFn(msg ?? "", "warning"), message90);
+    const finalMessage = preWarningFns.reduce((msg, preMessageFn) => preMessageFn(msg ?? "", "warning"), message91);
     if (finalMessage) {
       console.error(`Warning: ${finalMessage}`);
     }
   }
 }
-function note(valid, message90) {
+function note(valid, message91) {
   if (process.env.NODE_ENV !== "production" && !valid && console !== void 0) {
-    const finalMessage = preWarningFns.reduce((msg, preMessageFn) => preMessageFn(msg ?? "", "note"), message90);
+    const finalMessage = preWarningFns.reduce((msg, preMessageFn) => preMessageFn(msg ?? "", "note"), message91);
     if (finalMessage) {
       console.warn(`Note: ${finalMessage}`);
     }
@@ -9161,17 +9162,17 @@ function note(valid, message90) {
 function resetWarned() {
   warned = {};
 }
-function call(method, valid, message90) {
-  if (!valid && !warned[message90]) {
-    method(false, message90);
-    warned[message90] = true;
+function call(method, valid, message91) {
+  if (!valid && !warned[message91]) {
+    method(false, message91);
+    warned[message91] = true;
   }
 }
-function warningOnce(valid, message90) {
-  call(warning, valid, message90);
+function warningOnce(valid, message91) {
+  call(warning, valid, message91);
 }
-function noteOnce(valid, message90) {
-  call(note, valid, message90);
+function noteOnce(valid, message91) {
+  call(note, valid, message91);
 }
 warningOnce.preMessage = preMessage;
 warningOnce.resetWarned = resetWarned;
@@ -9182,8 +9183,8 @@ import React20, { useContext as useContext5, useEffect as useEffect18 } from "re
 function camelCase(input) {
   return input.replace(/-(.)/g, (match, g) => g.toUpperCase());
 }
-function warning2(valid, message90) {
-  warningOnce(valid, `[@ant-design/icons] ${message90}`);
+function warning2(valid, message91) {
+  warningOnce(valid, `[@ant-design/icons] ${message91}`);
 }
 function isIconDefinition(target) {
   return typeof target === "object" && typeof target.name === "string" && typeof target.theme === "string" && (typeof target.icon === "object" || typeof target.icon === "function");
@@ -15317,7 +15318,7 @@ var Transaction = ({
         ["journal", "journal-3"].includes(type) && /* @__PURE__ */ jsx74(JournalView_default, { data: data?.data, isLoading }),
         ["payment", "payment-3"].includes(type) && /* @__PURE__ */ jsx74(PaymentView_default, { data: data?.data, isLoading }),
         type === "money transfer" && /* @__PURE__ */ jsx74(MoneyTransfer_default, { data: data?.data, isLoading }),
-        type === "expense" && /* @__PURE__ */ jsx74(ExpenseView_default, { data: data?.data, isLoading }),
+        ["expense", "expense-3"].includes(type) && /* @__PURE__ */ jsx74(ExpenseView_default, { data: data?.data, isLoading }),
         type === "adjustment" && /* @__PURE__ */ jsx74(WalletAdjustmentView_default, { data: data?.data, isLoading }),
         type === "forex transfer" && /* @__PURE__ */ jsx74(ForexTransferView_default, { data: data?.data, isLoading }),
         type === "forex dubai to china" && /* @__PURE__ */ jsx74(ForexDubaiToChinaView_default, { data: data?.data, isLoading }),
@@ -15475,7 +15476,7 @@ var Guard = () => {
     const fetchProfile = async () => {
       try {
         const res = await get({
-          url: "/agents/me",
+          url: "/users/me",
           v: 1
         });
         login(res?.data);
@@ -15563,7 +15564,7 @@ function Accounts({ v, url }) {
           "span",
           {
             onClick: () => navigate(`statements/${account?._id}`),
-            className: "cursor-pointer hover:underline text-blue-600",
+            className: "cursor-pointer hover:underline text-blue-600 capitalize",
             children: account?.name
           }
         );
@@ -23068,7 +23069,7 @@ var ForexExpensesReport_default = ForexExpensesReport;
 import { jsx as jsx131, jsxs as jsxs110 } from "react/jsx-runtime";
 var ErrorPageBase = ({
   title,
-  message: message90,
+  message: message91,
   statusCode,
   action,
   className = ""
@@ -23085,7 +23086,7 @@ var ErrorPageBase = ({
             statusCode
           ] }),
           title && /* @__PURE__ */ jsx131("h1", { className: "text-4xl md:text-5xl font-extrabold tracking-tight drop-shadow-sm", children: title }),
-          message90 && /* @__PURE__ */ jsx131("p", { className: "text-lg md:text-xl text-zinc-600 dark:text-zinc-400 max-w-md mx-auto", children: message90 }),
+          message91 && /* @__PURE__ */ jsx131("p", { className: "text-lg md:text-xl text-zinc-600 dark:text-zinc-400 max-w-md mx-auto", children: message91 }),
           action && /* @__PURE__ */ jsx131("div", { className: "pt-8", children: /* @__PURE__ */ jsx131(
             "button",
             {
@@ -23714,7 +23715,7 @@ var AccountStatements = () => {
 var Statements_default = AccountStatements;
 
 // src/components/accounts/balances.tsx
-import { useNavigate as useNavigate22, useSearchParams as useSearchParams5 } from "react-router-dom";
+import { useNavigate as useNavigate22, useParams as useParams28, useSearchParams as useSearchParams5 } from "react-router-dom";
 import { useMemo as useMemo22, useState as useState53, useEffect as useEffect46 } from "react";
 import { Fragment as Fragment59, jsx as jsx139, jsxs as jsxs114 } from "react/jsx-runtime";
 var options2 = [
@@ -23724,6 +23725,7 @@ var options2 = [
 ];
 var AccountBalances = () => {
   const navigate = useNavigate22();
+  const { branchId } = useParams28();
   const [searchParams, setSearchParams] = useSearchParams5();
   const { apiConfig, enums, currencies } = useWarqadConfig();
   const defaultCurrency = currencies.stock || "all";
@@ -23768,14 +23770,14 @@ var AccountBalances = () => {
     }
   }, [urlCurrency, defaultCurrency]);
   const { A4DataView, data } = useA4DataView_default({
-    url: `${apiConfig.accountStatementApi}${type !== "all" ? `?type=${type}` : ""}`,
+    url: `${apiConfig.accountStatementApi}${type !== "all" ? `?type=${type}` : ""}${branchId ? `&branch=${branchId}` : ""}`,
     v: 1,
     // No prefix
     params: {
       currency: currencyFilter === "all" ? "" : currencyFilter
     }
   });
-  const { TransactionView, openTransaction } = useTransactionView_default();
+  const { TransactionView } = useTransactionView_default();
   const currency = data?.data?.currency;
   const columns = [
     {
@@ -24193,11 +24195,11 @@ var WalletStatements = () => {
 var Statements_default2 = WalletStatements;
 
 // src/components/walletAdjustment/WalletAdjustments.tsx
-import { useNavigate as useNavigate24, useParams as useParams28 } from "react-router-dom";
+import { useNavigate as useNavigate24, useParams as useParams29 } from "react-router-dom";
 import { EllipsisVertical as EllipsisVertical15, FilePenLine as FilePenLine14, Trash2 as Trash218 } from "lucide-react";
 import { Fragment as Fragment61, jsx as jsx141, jsxs as jsxs116 } from "react/jsx-runtime";
 function WalletAdjustments({ url }) {
-  const { branchId } = useParams28();
+  const { branchId } = useParams29();
   const navigate = useNavigate24();
   const { TransactionView, openTransaction } = useTransactionView_default();
   const { data, TransactionViewComponent, reload } = useTransaction_default({
@@ -24327,7 +24329,7 @@ var WalletAdjustments_default = WalletAdjustments;
 
 // src/components/walletAdjustment/WalletAdjustmentForm.tsx
 import { useEffect as useEffect48, useState as useState55 } from "react";
-import { useParams as useParams29 } from "react-router-dom";
+import { useParams as useParams30 } from "react-router-dom";
 import { useForm as useForm24 } from "react-hook-form";
 import { zodResolver as zodResolver23 } from "@hookform/resolvers/zod";
 import { message as message39 } from "antd";
@@ -24349,7 +24351,7 @@ var walletAdjustmentSchema = z18.object({
 // src/components/walletAdjustment/WalletAdjustmentForm.tsx
 import { jsx as jsx142, jsxs as jsxs117 } from "react/jsx-runtime";
 function WalletAdjustmentForm() {
-  const { branchId } = useParams29();
+  const { branchId } = useParams30();
   const { getQuery, navigate } = useApp_default();
   const id = getQuery("id");
   const isEdit = !!id;
@@ -24513,11 +24515,11 @@ function WalletAdjustmentForm() {
 var WalletAdjustmentForm_default = WalletAdjustmentForm;
 
 // src/components/forexTransfer/ForexTransfers.tsx
-import { useNavigate as useNavigate25, useParams as useParams30 } from "react-router-dom";
+import { useNavigate as useNavigate25, useParams as useParams31 } from "react-router-dom";
 import { EllipsisVertical as EllipsisVertical16, FilePenLine as FilePenLine15, Trash2 as Trash219 } from "lucide-react";
 import { Fragment as Fragment62, jsx as jsx143, jsxs as jsxs118 } from "react/jsx-runtime";
 function ForexTransfers({ url }) {
-  const { branchId } = useParams30();
+  const { branchId } = useParams31();
   const navigate = useNavigate25();
   const { TransactionView, openTransaction } = useTransactionView_default();
   const { data, TransactionViewComponent, reload } = useTransaction_default({
@@ -24662,7 +24664,7 @@ var ForexTransfers_default = ForexTransfers;
 
 // src/components/forexTransfer/ForexTransferForm.tsx
 import { useEffect as useEffect49, useMemo as useMemo24, useState as useState56 } from "react";
-import { useParams as useParams31 } from "react-router-dom";
+import { useParams as useParams32 } from "react-router-dom";
 import { useForm as useForm25 } from "react-hook-form";
 import { zodResolver as zodResolver24 } from "@hookform/resolvers/zod";
 import { message as message40 } from "antd";
@@ -24688,7 +24690,7 @@ var forexTransferSchema = z19.object({
 // src/components/forexTransfer/ForexTransferForm.tsx
 import { Fragment as Fragment63, jsx as jsx144, jsxs as jsxs119 } from "react/jsx-runtime";
 function ForexTransferForm() {
-  const { branchId } = useParams31();
+  const { branchId } = useParams32();
   const { getQuery, navigate } = useApp_default();
   const id = getQuery("id");
   const isEdit = !!id;
@@ -24927,14 +24929,14 @@ function ForexTransferForm() {
 var ForexTransferForm_default = ForexTransferForm;
 
 // src/components/stocks/clothend/adjustment/ClothendStockAdjustment.tsx
-import { useNavigate as useNavigate26, useParams as useParams32 } from "react-router-dom";
+import { useNavigate as useNavigate26, useParams as useParams33 } from "react-router-dom";
 import { EllipsisVertical as EllipsisVertical17, Eye as Eye5, FilePenLine as FilePenLine16, Trash2 as Trash220 } from "lucide-react";
 import { Fragment as Fragment64, jsx as jsx145, jsxs as jsxs120 } from "react/jsx-runtime";
 function ClothendStockAdjustment({
   url,
   type = "product"
 }) {
-  const { branchId } = useParams32();
+  const { branchId } = useParams33();
   const navigate = useNavigate26();
   const { TransactionView, openTransaction } = useTransactionView_default();
   const { data, TransactionViewComponent, reload } = useTransaction_default({
@@ -25717,7 +25719,7 @@ function getStorageType(type, branch) {
 var pos_default = PosStockAdjustment;
 
 // src/components/stocks/clothend/sale/SaleStockAdjustment.tsx
-import { useNavigate as useNavigate27, useParams as useParams33 } from "react-router-dom";
+import { useNavigate as useNavigate27, useParams as useParams34 } from "react-router-dom";
 import {
   EllipsisVertical as EllipsisVertical18,
   Eye as Eye6,
@@ -25730,7 +25732,7 @@ function SaleStockAdjustment({
   url,
   type = "product"
 }) {
-  const { branchId } = useParams33();
+  const { branchId } = useParams34();
   const navigate = useNavigate27();
   const { TransactionView, openTransaction } = useTransactionView_default();
   const { data, TransactionViewComponent, reload } = useTransaction_default({
@@ -25896,13 +25898,13 @@ import { useEffect as useEffect54, useLayoutEffect as useLayoutEffect4, useState
 
 // src/components/stocks/clothend/sale/header.tsx
 import { useFormContext as useFormContext2 } from "react-hook-form";
-import { useParams as useParams34 } from "react-router-dom";
+import { useParams as useParams35 } from "react-router-dom";
 import { useEffect as useEffect52 } from "react";
 import { jsx as jsx150, jsxs as jsxs125 } from "react/jsx-runtime";
 function SaleHeader({ stockType }) {
   const form = useFormContext2();
   const { branches } = useAuth_default();
-  const { branchId } = useParams34();
+  const { branchId } = useParams35();
   const sale = form.watch("sale");
   const { currencies } = useWarqadConfig();
   const branchCurrency = (branches || []).find(
@@ -26394,12 +26396,12 @@ var schema_default3 = AdjustmentStockSchema2;
 
 // src/components/stocks/clothend/sale/pos.tsx
 import { ArrowLeft as ArrowLeft6 } from "lucide-react";
-import { useParams as useParams35 } from "react-router-dom";
+import { useParams as useParams36 } from "react-router-dom";
 import { Fragment as Fragment69, jsx as jsx152, jsxs as jsxs127 } from "react/jsx-runtime";
 var SaleStockForm = ({ type }) => {
   const { getQuery, navigate } = useApp_default();
   const stockType = type;
-  const { branchId } = useParams35();
+  const { branchId } = useParams36();
   const saleId = getQuery("id");
   const { branches } = useAuth_default();
   const { currencies } = useWarqadConfig();
@@ -26663,14 +26665,14 @@ function getStorageType2(type, branch) {
 var pos_default2 = SaleStockForm;
 
 // src/components/stocks/clothend/transfer/ClothendStockTransfer.tsx
-import { useNavigate as useNavigate28, useParams as useParams36 } from "react-router-dom";
+import { useNavigate as useNavigate28, useParams as useParams37 } from "react-router-dom";
 import { EllipsisVertical as EllipsisVertical19, Eye as Eye7, FilePenLine as FilePenLine18, Trash2 as Trash222 } from "lucide-react";
 import { Fragment as Fragment70, jsx as jsx153, jsxs as jsxs128 } from "react/jsx-runtime";
 function ClothendStockTransfer({
   url,
   type = "product"
 }) {
-  const { branchId } = useParams36();
+  const { branchId } = useParams37();
   const navigate = useNavigate28();
   const { TransactionView, openTransaction } = useTransactionView_default();
   const { data, TransactionViewComponent, reload } = useTransaction_default({
@@ -26798,12 +26800,12 @@ import { useEffect as useEffect57, useLayoutEffect as useLayoutEffect5, useState
 
 // src/components/stocks/clothend/transfer/header.tsx
 import { useFormContext as useFormContext3 } from "react-hook-form";
-import { useParams as useParams37 } from "react-router-dom";
+import { useParams as useParams38 } from "react-router-dom";
 import { useEffect as useEffect55, useMemo as useMemo25 } from "react";
 import { jsx as jsx154, jsxs as jsxs129 } from "react/jsx-runtime";
 function TransferHeader({ stockType }) {
   const form = useFormContext3();
-  const { branchId } = useParams37();
+  const { branchId } = useParams38();
   const transfer = form.watch("transfer");
   const fromBranch = form.watch("fromBranch");
   const filter = useMemo25(() => {
@@ -27215,11 +27217,11 @@ var schema_default4 = AdjustmentStockSchema3;
 
 // src/components/stocks/clothend/transfer/pos.tsx
 import { ArrowLeft as ArrowLeft7 } from "lucide-react";
-import { useParams as useParams38 } from "react-router-dom";
+import { useParams as useParams39 } from "react-router-dom";
 import { Fragment as Fragment72, jsx as jsx156, jsxs as jsxs131 } from "react/jsx-runtime";
 var PosStockTransfer = ({ type }) => {
   const { getQuery, navigate } = useApp_default();
-  const { branchId } = useParams38();
+  const { branchId } = useParams39();
   const transferId = getQuery("id");
   const { currencies } = useWarqadConfig();
   const currency = currencies?.stock;
@@ -27451,11 +27453,11 @@ function getStorageType3(type, branch) {
 var pos_default3 = PosStockTransfer;
 
 // src/components/forexDubaiToChina/ForexDubaiToChina.tsx
-import { useNavigate as useNavigate29, useParams as useParams39 } from "react-router-dom";
+import { useNavigate as useNavigate29, useParams as useParams40 } from "react-router-dom";
 import { EllipsisVertical as EllipsisVertical20, Eye as Eye8, FilePenLine as FilePenLine19, Trash2 as Trash223 } from "lucide-react";
 import { Fragment as Fragment73, jsx as jsx157, jsxs as jsxs132 } from "react/jsx-runtime";
 function ForexDubaiToChina() {
-  const { branchId } = useParams39();
+  const { branchId } = useParams40();
   const navigate = useNavigate29();
   const { TransactionView, openTransaction } = useTransactionView_default();
   const { data, TransactionViewComponent, reload } = useTransaction_default({
@@ -27638,10 +27640,10 @@ import { useForm as useForm29 } from "react-hook-form";
 import { zodResolver as zodResolver28 } from "@hookform/resolvers/zod";
 import { message as message44 } from "antd";
 import { useEffect as useEffect58, useState as useState60, useMemo as useMemo26 } from "react";
-import { useParams as useParams40 } from "react-router-dom";
+import { useParams as useParams41 } from "react-router-dom";
 import { jsx as jsx158, jsxs as jsxs133 } from "react/jsx-runtime";
 function ForexDubaiToChinaForm() {
-  const { branchId } = useParams40();
+  const { branchId } = useParams41();
   const { getQuery, navigate } = useApp_default();
   const id = getQuery("id");
   const isEdit = !!id;
@@ -27956,7 +27958,7 @@ var forex2TransactionSchema = z24.object({
 var schema_default5 = forex2TransactionSchema;
 
 // src/components/accounts/forex-2/Forex2FormTransaction.tsx
-import { useParams as useParams41 } from "react-router-dom";
+import { useParams as useParams42 } from "react-router-dom";
 import { useEffect as useEffect59, useMemo as useMemo27, useState as useState61 } from "react";
 import { Divider, message as message45 } from "antd";
 import { Fragment as Fragment74, jsx as jsx159, jsxs as jsxs134 } from "react/jsx-runtime";
@@ -27968,7 +27970,7 @@ function Forex2FormTransaction({
   action: defaultAction
 }) {
   const [accountInfo, setAccountInfo] = useState61(accountData);
-  const { branchId } = useParams41();
+  const { branchId } = useParams42();
   const [ref2, setRef] = useState61("");
   const [showReverseModal, setShowReverseModal] = useState61(false);
   const { post, isLoading } = useApis_default();
@@ -28848,7 +28850,7 @@ var ForexAccountStatements = () => {
 var ForexAccountStatements_default = ForexAccountStatements;
 
 // src/components/reports/StockLevel.tsx
-import { useParams as useParams43 } from "react-router-dom";
+import { useParams as useParams44 } from "react-router-dom";
 import { Fragment as Fragment77, jsx as jsx162, jsxs as jsxs137 } from "react/jsx-runtime";
 var options5 = [
   { label: "Product", value: "product" },
@@ -28860,7 +28862,7 @@ var StockLevel = ({
 }) => {
   const { apiConfig, currencies } = useWarqadConfig();
   const { stock } = currencies;
-  const { branchId } = useParams43();
+  const { branchId } = useParams44();
   const { branches } = useAuth_default();
   const { TransactionView } = useTransactionView_default();
   const { getQuery, setQuery } = useApp_default();
@@ -29001,7 +29003,7 @@ var StockLevel = ({
 var StockLevel_default = StockLevel;
 
 // src/components/reports/profitAndReport.tsx
-import { useParams as useParams44 } from "react-router-dom";
+import { useParams as useParams45 } from "react-router-dom";
 import { z as z25 } from "zod";
 import { useForm as useForm31 } from "react-hook-form";
 import { zodResolver as zodResolver30 } from "@hookform/resolvers/zod";
@@ -29009,7 +29011,7 @@ import { useState as useState64 } from "react";
 import { Fragment as Fragment78, jsx as jsx163, jsxs as jsxs138 } from "react/jsx-runtime";
 var ProfitAndLossReport = () => {
   const { apiConfig } = useWarqadConfig();
-  const { branchId } = useParams44();
+  const { branchId } = useParams45();
   const { branches } = useAuth_default();
   const { currencies } = useWarqadConfig();
   const { stock: currency } = currencies;
@@ -29233,7 +29235,7 @@ import {
   Legend,
   ResponsiveContainer
 } from "recharts";
-import { useParams as useParams45 } from "react-router-dom";
+import { useParams as useParams46 } from "react-router-dom";
 import { jsx as jsx164, jsxs as jsxs139 } from "react/jsx-runtime";
 var { Title, Text } = Typography;
 function DateSalesReport({
@@ -29242,7 +29244,7 @@ function DateSalesReport({
 }) {
   const { data, get, isLoading } = useApis_default();
   const { currencies } = useWarqadConfig();
-  const { branchId } = useParams45();
+  const { branchId } = useParams46();
   const { branches } = useAuth_default();
   const branch = (branches || []).find((b) => b._id === branchId);
   const branchCurrency = branch?.currency || "KES";
@@ -29671,11 +29673,11 @@ function MessageView({ data, isLoading }) {
 var MessageView_default = MessageView;
 
 // src/components/messages/Messages.tsx
-import { useParams as useParams46 } from "react-router-dom";
+import { useParams as useParams47 } from "react-router-dom";
 import { Fragment as Fragment80, jsx as jsx166, jsxs as jsxs141 } from "react/jsx-runtime";
 function Messages() {
   const { application, store } = useWarqadConfig();
-  const { branchId } = useParams46();
+  const { branchId } = useParams47();
   const socket = useWarqadSocket();
   const { data, TransactionViewComponent, reload } = useTransaction_default({
     url: `/messages/get${branchId ? `?branch=${branchId}` : ""}`,
@@ -30097,7 +30099,7 @@ var FloorSection = ({
 var FloorSection_default = FloorSection;
 
 // src/components/realestate/floors/Floors.tsx
-import { useParams as useParams47 } from "react-router-dom";
+import { useParams as useParams48 } from "react-router-dom";
 
 // src/components/realestate/floors/FloorFilter.tsx
 import { jsx as jsx173, jsxs as jsxs148 } from "react/jsx-runtime";
@@ -30381,7 +30383,7 @@ function FloorsContainer({ type = "rent" }) {
   const [statusFilter, setStatusFilter] = useState65("all");
   const [selectedFloorId, setSelectedFloorId] = useState65("all");
   const { get, data, isLoading } = useApis_default();
-  const { branchId } = useParams47();
+  const { branchId } = useParams48();
   const rawFloors = data?.data || [];
   const floorsData = useMemo31(() => {
     return rawFloors.map((floor) => ({
@@ -30563,7 +30565,7 @@ var Floors = FloorsContainer;
 var Floors_default = Floors;
 
 // src/components/realestate/units/UnitField.tsx
-import { useParams as useParams48 } from "react-router-dom";
+import { useParams as useParams49 } from "react-router-dom";
 import { jsx as jsx176 } from "react/jsx-runtime";
 function UnitField({
   name,
@@ -30577,7 +30579,7 @@ function UnitField({
   disabled,
   obj
 }) {
-  const { branchId } = useParams48();
+  const { branchId } = useParams49();
   const separator = api.includes("?") ? "&" : "?";
   let apiUrl = api;
   if (branchId) {
@@ -30611,14 +30613,14 @@ var Units = {
 var units_default = Units;
 
 // src/components/realestate/lease/journal/LeaseJornal.tsx
-import { useNavigate as useNavigate31, useParams as useParams49 } from "react-router-dom";
+import { useNavigate as useNavigate31, useParams as useParams50 } from "react-router-dom";
 import { EllipsisVertical as EllipsisVertical22, Eye as Eye10, FilePenLine as FilePenLine20, Trash2 as Trash224 } from "lucide-react";
 import { Fragment as Fragment82, jsx as jsx177, jsxs as jsxs151 } from "react/jsx-runtime";
 function LeaseJournals({
   url,
   leaseType
 }) {
-  const { branchId } = useParams49();
+  const { branchId } = useParams50();
   const navigate = useNavigate31();
   const { TransactionView, openTransaction } = useTransactionView_default();
   const { data, TransactionViewComponent, reload } = useTransaction_default({
@@ -30795,7 +30797,7 @@ var leaseJournalSchema = z26.object({
 import { useForm as useForm32 } from "react-hook-form";
 import { zodResolver as zodResolver31 } from "@hookform/resolvers/zod";
 import { useEffect as useEffect65, useState as useState66 } from "react";
-import { useParams as useParams50 } from "react-router-dom";
+import { useParams as useParams51 } from "react-router-dom";
 import { message as message47 } from "antd";
 import { jsx as jsx178, jsxs as jsxs152 } from "react/jsx-runtime";
 function LeaseJornalFrom({ leaseType }) {
@@ -30808,7 +30810,7 @@ function LeaseJornalFrom({ leaseType }) {
     }
   });
   const [ref2, setRef] = useState66("");
-  const { branchId } = useParams50();
+  const { branchId } = useParams51();
   const { getQuery, navigate } = useApp_default();
   const id = getQuery("id");
   const isEdit = !!id;
@@ -31007,12 +31009,12 @@ import { zodResolver as zodResolver32 } from "@hookform/resolvers/zod";
 import { useForm as useForm33 } from "react-hook-form";
 import moment9 from "moment";
 import { message as message48 } from "antd";
-import { useParams as useParams51 } from "react-router-dom";
+import { useParams as useParams52 } from "react-router-dom";
 import { useEffect as useEffect66 } from "react";
 import { jsx as jsx179, jsxs as jsxs153 } from "react/jsx-runtime";
 function LeaseForm({ leaseType }) {
   const { getQuery, navigate } = useApp_default();
-  const { branchId } = useParams51();
+  const { branchId } = useParams52();
   const id = getQuery("id");
   const isEdit = !!id;
   const { isLoading: getLoading, get } = useApis_default();
@@ -31147,14 +31149,14 @@ function LeaseForm({ leaseType }) {
 var LeaseForm_default = LeaseForm;
 
 // src/components/realestate/lease/payment/LeasePayment.tsx
-import { useNavigate as useNavigate32, useParams as useParams52 } from "react-router-dom";
+import { useNavigate as useNavigate32, useParams as useParams53 } from "react-router-dom";
 import { EllipsisVertical as EllipsisVertical23, Eye as Eye11, FilePenLine as FilePenLine21, Trash2 as Trash225 } from "lucide-react";
 import { Fragment as Fragment83, jsx as jsx180, jsxs as jsxs154 } from "react/jsx-runtime";
 function LeasePayment({
   url,
   leaseType
 }) {
-  const { branchId } = useParams52();
+  const { branchId } = useParams53();
   const navigate = useNavigate32();
   const { TransactionView, openTransaction } = useTransactionView_default();
   const { data, TransactionViewComponent, reload } = useTransaction_default({
@@ -31331,7 +31333,7 @@ var leaseJournalSchema2 = z28.object({
 import { useForm as useForm34 } from "react-hook-form";
 import { zodResolver as zodResolver33 } from "@hookform/resolvers/zod";
 import { useEffect as useEffect67, useState as useState67 } from "react";
-import { useParams as useParams53 } from "react-router-dom";
+import { useParams as useParams54 } from "react-router-dom";
 import { message as message49 } from "antd";
 import { jsx as jsx181, jsxs as jsxs155 } from "react/jsx-runtime";
 function LeasePaymentForm({ leaseType }) {
@@ -31344,7 +31346,7 @@ function LeasePaymentForm({ leaseType }) {
     }
   });
   const [ref2, setRef] = useState67("");
-  const { branchId } = useParams53();
+  const { branchId } = useParams54();
   const { getQuery, navigate } = useApp_default();
   const id = getQuery("id");
   const { apiConfig } = useWarqadConfig();
@@ -31522,14 +31524,14 @@ function LeasePaymentForm({ leaseType }) {
 var LeasePaymentForm_default = LeasePaymentForm;
 
 // src/components/realestate/lease/invoice/LeaseInvoice.tsx
-import { useNavigate as useNavigate33, useParams as useParams54 } from "react-router-dom";
+import { useNavigate as useNavigate33, useParams as useParams55 } from "react-router-dom";
 import { EllipsisVertical as EllipsisVertical24, Eye as Eye12, FilePenLine as FilePenLine22, Trash2 as Trash226 } from "lucide-react";
 import { Fragment as Fragment84, jsx as jsx182, jsxs as jsxs156 } from "react/jsx-runtime";
 function LeaseInvoice({
   url,
   leaseType
 }) {
-  const { branchId } = useParams54();
+  const { branchId } = useParams55();
   const navigate = useNavigate33();
   const { TransactionView, openTransaction } = useTransactionView_default();
   const { data, TransactionViewComponent, reload } = useTransaction_default({
@@ -31691,7 +31693,7 @@ var LeaseInvoice_default = LeaseInvoice;
 import { useForm as useForm35 } from "react-hook-form";
 import { zodResolver as zodResolver34 } from "@hookform/resolvers/zod";
 import { useEffect as useEffect68, useState as useState68 } from "react";
-import { useParams as useParams56 } from "react-router-dom";
+import { useParams as useParams57 } from "react-router-dom";
 import { message as message50 } from "antd";
 
 // src/components/realestate/lease/invoice/schema.ts
@@ -31710,7 +31712,7 @@ var leaseInvoiceSchema = z29.object({
 });
 
 // src/components/realestate/lease/LeaseField.tsx
-import { useParams as useParams55 } from "react-router-dom";
+import { useParams as useParams56 } from "react-router-dom";
 import { jsx as jsx183 } from "react/jsx-runtime";
 function LeaseField({
   name,
@@ -31724,7 +31726,7 @@ function LeaseField({
   disabled,
   obj
 }) {
-  const { branchId } = useParams55();
+  const { branchId } = useParams56();
   const separator = api.includes("?") ? "&" : "?";
   let apiUrl = api;
   if (branchId) {
@@ -31772,7 +31774,7 @@ function LeaseInvoiceForm({ leaseType }) {
     }
   });
   const [ref2, setRef] = useState68("");
-  const { branchId } = useParams56();
+  const { branchId } = useParams57();
   const { getQuery, navigate } = useApp_default();
   const id = getQuery("id");
   const isEdit = !!id;
@@ -31963,7 +31965,7 @@ function LeaseInvoiceForm({ leaseType }) {
 var LeaseInvoiceForm_default = LeaseInvoiceForm;
 
 // src/components/realestate/lease/Leases.tsx
-import { useNavigate as useNavigate34, useParams as useParams57 } from "react-router-dom";
+import { useNavigate as useNavigate34, useParams as useParams58 } from "react-router-dom";
 import { EllipsisVertical as EllipsisVertical25, Eye as Eye13, FilePenLine as FilePenLine23, Trash2 as Trash227 } from "lucide-react";
 
 // src/components/realestate/lease/view/useLeaseView.tsx
@@ -32331,7 +32333,7 @@ function Leases({
   url,
   leaseType
 }) {
-  const { branchId } = useParams57();
+  const { branchId } = useParams58();
   const navigate = useNavigate34();
   const { LeaseView, openLease } = useLeaseView_default();
   const { data, TransactionViewComponent, reload } = useTransaction_default({
@@ -32465,14 +32467,14 @@ function Leases({
 var Leases_default = Leases;
 
 // src/components/realestate/lease/EndLeases.tsx
-import { useNavigate as useNavigate35, useParams as useParams58 } from "react-router-dom";
+import { useNavigate as useNavigate35, useParams as useParams59 } from "react-router-dom";
 import { EllipsisVertical as EllipsisVertical26, Eye as Eye14 } from "lucide-react";
 import { Fragment as Fragment87, jsx as jsx188, jsxs as jsxs160 } from "react/jsx-runtime";
 function EndLeases({
   url,
   leaseType
 }) {
-  const { branchId } = useParams58();
+  const { branchId } = useParams59();
   const navigate = useNavigate35();
   const { LeaseView, openLease } = useLeaseView_default();
   const { data, TransactionViewComponent } = useTransaction_default({
@@ -32785,11 +32787,11 @@ function ViewLease({ data }) {
 var EndLeaseForm_default = EndLeaseForm;
 
 // src/components/realestate/lease/paybill/Paybill.tsx
-import { useNavigate as useNavigate36, useParams as useParams59 } from "react-router-dom";
+import { useNavigate as useNavigate36, useParams as useParams60 } from "react-router-dom";
 import { EllipsisVertical as EllipsisVertical27, Eye as Eye15, FilePenLine as FilePenLine24, Trash2 as Trash228 } from "lucide-react";
 import { Fragment as Fragment88, jsx as jsx190, jsxs as jsxs162 } from "react/jsx-runtime";
 function Paybill2() {
-  const { branchId } = useParams59();
+  const { branchId } = useParams60();
   const navigate = useNavigate36();
   const { TransactionView, openTransaction } = useTransactionView_default();
   const { data, TransactionViewComponent, reload } = useTransaction_default({
@@ -33123,14 +33125,14 @@ function PaybillForm() {
 var PaybillForm_default = PaybillForm;
 
 // src/components/realestate/lease/invoices/LeaseInvoices.tsx
-import { useNavigate as useNavigate37, useParams as useParams60 } from "react-router-dom";
+import { useNavigate as useNavigate37, useParams as useParams61 } from "react-router-dom";
 import { EllipsisVertical as EllipsisVertical28, Eye as Eye16, FilePenLine as FilePenLine25, Trash2 as Trash229 } from "lucide-react";
 import { Fragment as Fragment89, jsx as jsx192, jsxs as jsxs164 } from "react/jsx-runtime";
 function LeaseInvoices({
   url,
   leaseType
 }) {
-  const { branchId } = useParams60();
+  const { branchId } = useParams61();
   const navigate = useNavigate37();
   const { TransactionView, openTransaction } = useTransactionView_default();
   const { data, TransactionViewComponent, reload } = useTransaction_default({
@@ -33291,7 +33293,7 @@ var LeaseInvoices_default = LeaseInvoices;
 import { useForm as useForm38 } from "react-hook-form";
 import { zodResolver as zodResolver37 } from "@hookform/resolvers/zod";
 import { useEffect as useEffect72, useState as useState73 } from "react";
-import { useParams as useParams62 } from "react-router-dom";
+import { useParams as useParams63 } from "react-router-dom";
 import { message as message54 } from "antd";
 
 // src/components/realestate/lease/invoices/schema.ts
@@ -33314,7 +33316,7 @@ var leaseInvoiceSchema2 = z31.object({
 
 // src/components/realestate/lease/invoices/LeaseSaleTable.tsx
 import { useEffect as useEffect71 } from "react";
-import { useParams as useParams61 } from "react-router-dom";
+import { useParams as useParams62 } from "react-router-dom";
 import { Fragment as Fragment90, jsx as jsx193 } from "react/jsx-runtime";
 function LeaseSaleTable({
   data,
@@ -33325,7 +33327,7 @@ function LeaseSaleTable({
   leaseType,
   account
 }) {
-  const { branchId } = useParams61();
+  const { branchId } = useParams62();
   const { watch, setValue } = methods;
   const lineId = watch("lineId");
   const lineObj = watch("lineObj");
@@ -33514,7 +33516,7 @@ function LeaseInvoicesForm({ leaseType }) {
     }
   });
   const [ref2, setRef] = useState73("");
-  const { branchId } = useParams62();
+  const { branchId } = useParams63();
   const { getQuery, navigate } = useApp_default();
   const id = getQuery("id");
   const isEdit = !!id;
@@ -33721,11 +33723,11 @@ var Lease = {
 var lease_default = Lease;
 
 // src/components/Transactions/currency/expenseAccount/ExpenseAccount.tsx
-import { useNavigate as useNavigate38, useParams as useParams63 } from "react-router-dom";
+import { useNavigate as useNavigate38, useParams as useParams64 } from "react-router-dom";
 import { EllipsisVertical as EllipsisVertical29, FilePenLine as FilePenLine26, Trash2 as Trash230 } from "lucide-react";
 import { Fragment as Fragment91, jsx as jsx195, jsxs as jsxs166 } from "react/jsx-runtime";
 function ExpenseAccount({ url }) {
-  const { branchId } = useParams63();
+  const { branchId } = useParams64();
   const navigate = useNavigate38();
   const { TransactionView, openTransaction } = useTransactionView_default();
   const { data, TransactionViewComponent, reload } = useTransaction_default({
@@ -33852,7 +33854,7 @@ var ExpenseAccount_default = ExpenseAccount;
 
 // src/components/Transactions/currency/expenseAccount/ExpenseAccountForm.tsx
 import { useEffect as useEffect73, useState as useState74 } from "react";
-import { useParams as useParams64 } from "react-router-dom";
+import { useParams as useParams65 } from "react-router-dom";
 import { useForm as useForm39 } from "react-hook-form";
 import { zodResolver as zodResolver38 } from "@hookform/resolvers/zod";
 import { message as message55 } from "antd";
@@ -33877,7 +33879,7 @@ var expenseSchema3 = z32.object({
 // src/components/Transactions/currency/expenseAccount/ExpenseAccountForm.tsx
 import { jsx as jsx196, jsxs as jsxs167 } from "react/jsx-runtime";
 function ExpenseAccountForm() {
-  const { branchId } = useParams64();
+  const { branchId } = useParams65();
   const { getQuery, navigate } = useApp_default();
   const id = getQuery("id");
   const isEdit = !!id;
@@ -34117,10 +34119,10 @@ import { useForm as useForm40 } from "react-hook-form";
 import { zodResolver as zodResolver39 } from "@hookform/resolvers/zod";
 import { message as message56 } from "antd";
 import { useEffect as useEffect74, useState as useState75 } from "react";
-import { useParams as useParams65 } from "react-router-dom";
+import { useParams as useParams66 } from "react-router-dom";
 import { jsx as jsx197, jsxs as jsxs168 } from "react/jsx-runtime";
 function JournalForm2({ accountType = "all" }) {
-  const { branchId } = useParams65();
+  const { branchId } = useParams66();
   const { apiConfig } = useWarqadConfig();
   const { getQuery, navigate } = useApp_default();
   const id = getQuery("id");
@@ -34338,14 +34340,14 @@ function JournalForm2({ accountType = "all" }) {
 var JournalForm_default2 = JournalForm2;
 
 // src/components/Transactions/currency/journals/Journals.tsx
-import { useNavigate as useNavigate39, useParams as useParams66 } from "react-router-dom";
+import { useNavigate as useNavigate39, useParams as useParams67 } from "react-router-dom";
 import { EllipsisVertical as EllipsisVertical30, Eye as Eye17, FilePenLine as FilePenLine27, Trash2 as Trash231 } from "lucide-react";
 import { Fragment as Fragment92, jsx as jsx198, jsxs as jsxs169 } from "react/jsx-runtime";
 function Journals2({
   url,
   journalType
 }) {
-  const { branchId } = useParams66();
+  const { branchId } = useParams67();
   const navigate = useNavigate39();
   const { TransactionView, openTransaction } = useTransactionView_default();
   const { data, TransactionViewComponent, reload } = useTransaction_default({
@@ -34489,7 +34491,7 @@ var Journals_default2 = Journals2;
 
 // src/components/Transactions/currency/payment/PaymentForm.tsx
 import { useEffect as useEffect75, useState as useState76 } from "react";
-import { useParams as useParams67 } from "react-router-dom";
+import { useParams as useParams68 } from "react-router-dom";
 import { useForm as useForm41 } from "react-hook-form";
 import { zodResolver as zodResolver40 } from "@hookform/resolvers/zod";
 import { message as message57 } from "antd";
@@ -34518,7 +34520,7 @@ import { jsx as jsx199, jsxs as jsxs170 } from "react/jsx-runtime";
 function PaymentForm2({
   accountType = "all"
 }) {
-  const { branchId } = useParams67();
+  const { branchId } = useParams68();
   const { getQuery, navigate } = useApp_default();
   const id = getQuery("id");
   const isEdit = !!id;
@@ -34733,7 +34735,7 @@ function PaymentForm2({
 var PaymentForm_default2 = PaymentForm2;
 
 // src/components/Transactions/currency/payment/Payments.tsx
-import { useNavigate as useNavigate40, useParams as useParams68 } from "react-router-dom";
+import { useNavigate as useNavigate40, useParams as useParams69 } from "react-router-dom";
 import {
   EllipsisVertical as EllipsisVertical31,
   Eye as Eye18,
@@ -34746,7 +34748,7 @@ function Payments2({
   url,
   paymentType
 }) {
-  const { branchId } = useParams68();
+  const { branchId } = useParams69();
   const navigate = useNavigate40();
   const { TransactionView, openTransaction } = useTransactionView_default();
   const { openPos, PosPrinter } = usePosPrinter_default();
@@ -34899,14 +34901,14 @@ var CurrencyTransactions = {
 var currency_default = CurrencyTransactions;
 
 // src/components/accounts/RealestateAccountReport.tsx
-import { useNavigate as useNavigate41, useParams as useParams69, useSearchParams as useSearchParams9 } from "react-router-dom";
+import { useNavigate as useNavigate41, useParams as useParams70, useSearchParams as useSearchParams9 } from "react-router-dom";
 import { useMemo as useMemo34, useState as useState77, useEffect as useEffect76 } from "react";
 import { Fragment as Fragment94, jsx as jsx201, jsxs as jsxs172 } from "react/jsx-runtime";
 var RealestateAccountReport = ({ modifUrl }) => {
   const { apiConfig } = useWarqadConfig();
   const { TransactionView, openTransaction } = useTransactionView_default();
   const { getParams } = useApp_default();
-  const { branchId } = useParams69();
+  const { branchId } = useParams70();
   const currencies = Enums_default.currencies.map((currency2) => {
     return {
       label: currency2,
@@ -35079,7 +35081,7 @@ var RealestateAccountReport = ({ modifUrl }) => {
 var RealestateAccountReport_default = RealestateAccountReport;
 
 // src/components/accounts/RealEastateAccounts.tsx
-import { useNavigate as useNavigate42, useParams as useParams70 } from "react-router-dom";
+import { useNavigate as useNavigate42, useParams as useParams71 } from "react-router-dom";
 import { EllipsisVertical as EllipsisVertical32, FilePenLine as FilePenLine29, Trash2 as Trash233 } from "lucide-react";
 import { useState as useState78 } from "react";
 import { message as message58 } from "antd";
@@ -35089,7 +35091,7 @@ function RealEastateAccounts({
   url,
   type = "account"
 }) {
-  const { branchId } = useParams70();
+  const { branchId } = useParams71();
   const navigate = useNavigate42();
   const profile = type === "all" ? "account" : type;
   const [deleteAccount, setDeleteAccount] = useState78(null);
@@ -35209,7 +35211,7 @@ function RealEastateAccounts({
 var RealEastateAccounts_default = RealEastateAccounts;
 
 // src/components/accounts/RealEastateStatements.tsx
-import { useNavigate as useNavigate43, useParams as useParams72, useSearchParams as useSearchParams10 } from "react-router-dom";
+import { useNavigate as useNavigate43, useParams as useParams73, useSearchParams as useSearchParams10 } from "react-router-dom";
 import { useMemo as useMemo35, useState as useState79, useEffect as useEffect78 } from "react";
 
 // src/components/accounts/profileAccount/ProfileAccountForm.tsx
@@ -35217,7 +35219,7 @@ import { useForm as useForm42 } from "react-hook-form";
 import { zodResolver as zodResolver41 } from "@hookform/resolvers/zod";
 import { message as message59 } from "antd";
 import { useEffect as useEffect77 } from "react";
-import { useParams as useParams71 } from "react-router-dom";
+import { useParams as useParams72 } from "react-router-dom";
 import { countries as countries2 } from "countries-list";
 import z35 from "zod";
 import { jsx as jsx203, jsxs as jsxs174 } from "react/jsx-runtime";
@@ -35239,7 +35241,7 @@ function ProfileAccountForm({
   showCurrency = true,
   showDocument = false
 }) {
-  const { branchId } = useParams71();
+  const { branchId } = useParams72();
   const { getQuery, navigate } = useApp_default();
   const { role } = useAuth_default();
   let profileOptions = profileAccountTypes.map((item) => ({
@@ -35531,7 +35533,7 @@ var RealEastateStatements = () => {
   const [searchParams, setSearchParams] = useSearchParams10();
   const { apiConfig } = useWarqadConfig();
   const { role } = useAuth_default();
-  const { branchId } = useParams72();
+  const { branchId } = useParams73();
   const type = "all";
   const urlFilter = searchParams.get("filter");
   const initialFilter = ["all", "debit", "credit"].includes(urlFilter) ? urlFilter : "all";
@@ -35742,7 +35744,7 @@ var RealEastateStatements = () => {
 var RealEastateStatements_default = RealEastateStatements;
 
 // src/components/accounts/LeaseAccountReport.tsx
-import { useNavigate as useNavigate44, useParams as useParams73, useSearchParams as useSearchParams11 } from "react-router-dom";
+import { useNavigate as useNavigate44, useParams as useParams74, useSearchParams as useSearchParams11 } from "react-router-dom";
 import { useMemo as useMemo36, useState as useState80, useEffect as useEffect79 } from "react";
 import { Fragment as Fragment97, jsx as jsx205, jsxs as jsxs176 } from "react/jsx-runtime";
 var LeaseAccountReport = ({
@@ -35763,7 +35765,7 @@ var LeaseAccountReport = ({
   const [searchParams, setSearchParams] = useSearchParams11();
   const urlCurrency = searchParams.get("currency")?.toUpperCase();
   const initialCurrency = urlCurrency && Enums_default.currencies.includes(urlCurrency) ? urlCurrency : defaultCurrency;
-  const { branchId } = useParams73();
+  const { branchId } = useParams74();
   const [currencyFilter, setCurrencyFilter] = useState80(initialCurrency);
   const handleCurrencyChange = (value) => {
     setCurrencyFilter(value);
@@ -35923,7 +35925,7 @@ var LeaseAccountReport = ({
 var LeaseAccountReport_default = LeaseAccountReport;
 
 // src/components/accounts/LeaseAccountStatements.tsx
-import { useNavigate as useNavigate45, useParams as useParams74, useSearchParams as useSearchParams12 } from "react-router-dom";
+import { useNavigate as useNavigate45, useParams as useParams75, useSearchParams as useSearchParams12 } from "react-router-dom";
 import { useMemo as useMemo37, useState as useState81, useEffect as useEffect80 } from "react";
 import { Fragment as Fragment98, jsx as jsx206, jsxs as jsxs177 } from "react/jsx-runtime";
 var options7 = [
@@ -35938,7 +35940,7 @@ var LeaseAccountStatements = ({
   const navigate = useNavigate45();
   const [searchParams, setSearchParams] = useSearchParams12();
   const { apiConfig } = useWarqadConfig();
-  const { branchId } = useParams74();
+  const { branchId } = useParams75();
   const type = "all";
   const urlFilter = searchParams.get("filter");
   const initialFilter = ["all", "debit", "credit"].includes(urlFilter) ? urlFilter : "all";
@@ -36146,7 +36148,7 @@ var LeaseAccountStatements = ({
 var LeaseAccountStatements_default = LeaseAccountStatements;
 
 // src/components/accounts/ExpenseAccountStatement.tsx
-import { useNavigate as useNavigate46, useParams as useParams75, useSearchParams as useSearchParams13 } from "react-router-dom";
+import { useNavigate as useNavigate46, useParams as useParams76, useSearchParams as useSearchParams13 } from "react-router-dom";
 import { useMemo as useMemo38, useState as useState82, useEffect as useEffect81 } from "react";
 import { Fragment as Fragment99, jsx as jsx207, jsxs as jsxs178 } from "react/jsx-runtime";
 var ExpenseAccountStatement = ({ type }) => {
@@ -36156,7 +36158,7 @@ var ExpenseAccountStatement = ({ type }) => {
   const urlCurrency = searchParams.get("currency")?.toUpperCase();
   const initialCurrency = urlCurrency && Enums_default.currencies.includes(urlCurrency) ? urlCurrency : "USD";
   const [currencyFilter, setCurrencyFilter] = useState82(initialCurrency);
-  const { branchId } = useParams75();
+  const { branchId } = useParams76();
   const handleCurrencyChange = (value) => {
     setCurrencyFilter(value);
     setSearchParams((prev) => {
@@ -36256,7 +36258,7 @@ var ExpenseAccountStatement = ({ type }) => {
 var ExpenseAccountStatement_default = ExpenseAccountStatement;
 
 // src/components/accounts/ExpenseAccountReport.tsx
-import { useNavigate as useNavigate47, useParams as useParams76, useSearchParams as useSearchParams14 } from "react-router-dom";
+import { useNavigate as useNavigate47, useParams as useParams77, useSearchParams as useSearchParams14 } from "react-router-dom";
 import { useMemo as useMemo39, useState as useState83, useEffect as useEffect82 } from "react";
 import { Fragment as Fragment100, jsx as jsx208, jsxs as jsxs179 } from "react/jsx-runtime";
 var ExpenseAccountReport = ({ modifUrl }) => {
@@ -36274,7 +36276,7 @@ var ExpenseAccountReport = ({ modifUrl }) => {
   const urlCurrency = searchParams.get("currency")?.toUpperCase();
   const initialCurrency = urlCurrency && Enums_default.currencies.includes(urlCurrency) ? urlCurrency : "KES";
   const [currencyFilter, setCurrencyFilter] = useState83(initialCurrency);
-  const { branchId } = useParams76();
+  const { branchId } = useParams77();
   const handleCurrencyChange = (value) => {
     setCurrencyFilter(value);
     setSearchParams((prev) => {
@@ -36385,12 +36387,12 @@ var ExpenseAccountReport = ({ modifUrl }) => {
 var ExpenseAccountReport_default = ExpenseAccountReport;
 
 // src/components/reports/ExpenseAReport.tsx
-import { useParams as useParams77, useSearchParams as useSearchParams15 } from "react-router-dom";
+import { useParams as useParams78, useSearchParams as useSearchParams15 } from "react-router-dom";
 import { useMemo as useMemo40, useState as useState84, useEffect as useEffect83 } from "react";
 import { Fragment as Fragment101, jsx as jsx209, jsxs as jsxs180 } from "react/jsx-runtime";
 var ExpenseAReport = () => {
   const [searchParams, setSearchParams] = useSearchParams15();
-  const { branchId } = useParams77();
+  const { branchId } = useParams78();
   const urlCurrency = searchParams.get("currency")?.toUpperCase();
   const initialCurrency = urlCurrency && Enums_default.currencies.includes(urlCurrency) ? urlCurrency : "USD";
   const [currencyFilter, setCurrencyFilter] = useState84(initialCurrency);
@@ -36543,7 +36545,7 @@ var ExpenseAReport_default = ExpenseAReport;
 
 // src/components/posts/PostForm.tsx
 import { useEffect as useEffect84, useCallback as useCallback6, useRef as useRef12 } from "react";
-import { useParams as useParams78, useBlocker } from "react-router-dom";
+import { useParams as useParams79, useBlocker } from "react-router-dom";
 import { useForm as useForm43 } from "react-hook-form";
 import { zodResolver as zodResolver42 } from "@hookform/resolvers/zod";
 import { ArrowLeft as ArrowLeft8 } from "lucide-react";
@@ -36916,7 +36918,7 @@ function HotelSpecifications({ form }) {
 // src/components/posts/PostForm.tsx
 import { jsx as jsx214, jsxs as jsxs185 } from "react/jsx-runtime";
 function PostForm({ afterPostUrl }) {
-  const { branchId, postType } = useParams78();
+  const { branchId, postType } = useParams79();
   const { getQuery, navigate } = useApp_default();
   const id = getQuery("id");
   const isEdit = !!id;
@@ -37321,7 +37323,7 @@ function PostForm({ afterPostUrl }) {
 var PostForm_default = PostForm;
 
 // src/components/posts/PostsList.tsx
-import { useNavigate as useNavigate48, useParams as useParams79 } from "react-router-dom";
+import { useNavigate as useNavigate48, useParams as useParams80 } from "react-router-dom";
 import {
   EllipsisVertical as EllipsisVertical33,
   Eye as Eye19,
@@ -37803,7 +37805,7 @@ var usePostView_default = usePostView;
 // src/components/posts/PostsList.tsx
 import { Fragment as Fragment103, jsx as jsx217, jsxs as jsxs187 } from "react/jsx-runtime";
 function PostsList({ url }) {
-  const { branchId, postType } = useParams79();
+  const { branchId, postType } = useParams80();
   const navigate = useNavigate48();
   const { PostView: PostView2, openPost } = usePostView_default();
   const { data, TransactionViewComponent, reload } = useTransaction_default({
@@ -37936,7 +37938,7 @@ var PostsList_default = PostsList;
 
 // src/components/posts/PostMediaForm.tsx
 import { useState as useState88, useEffect as useEffect86, useCallback as useCallback7, useRef as useRef13 } from "react";
-import { useParams as useParams80, useNavigate as useNavigate49 } from "react-router-dom";
+import { useParams as useParams81, useNavigate as useNavigate49 } from "react-router-dom";
 import {
   ArrowLeft as ArrowLeft9,
   Image as ImageIcon4,
@@ -37947,7 +37949,7 @@ import {
 import { message as message62 } from "antd";
 import { jsx as jsx218, jsxs as jsxs188 } from "react/jsx-runtime";
 function PostMediaForm() {
-  const { branchId, postType } = useParams80();
+  const { branchId, postType } = useParams81();
   const { getQuery } = useApp_default();
   const navigate = useNavigate49();
   const id = getQuery("id");
@@ -38461,13 +38463,13 @@ var Posts = {
 var posts_default = Posts;
 
 // src/components/accounts/profileAccount/ProfileAccount.tsx
-import { useNavigate as useNavigate50, useParams as useParams81 } from "react-router-dom";
+import { useNavigate as useNavigate50, useParams as useParams82 } from "react-router-dom";
 import { EllipsisVertical as EllipsisVertical34, FilePenLine as FilePenLine31, Trash2 as Trash238 } from "lucide-react";
 import { useState as useState89, useMemo as useMemo41 } from "react";
 import { message as message63 } from "antd";
 import { Fragment as Fragment104, jsx as jsx219, jsxs as jsxs189 } from "react/jsx-runtime";
 function ProfileAccountList({ v, url }) {
-  const { branchId } = useParams81();
+  const { branchId } = useParams82();
   const navigate = useNavigate50();
   const { role } = useAuth_default();
   const isStaff = role === "staff";
@@ -38647,7 +38649,7 @@ var ProfileAccount = {
 var profileAccount_default = ProfileAccount;
 
 // src/components/accounts/LeaseRentOverviews.tsx
-import { useNavigate as useNavigate51, useParams as useParams82, useSearchParams as useSearchParams16 } from "react-router-dom";
+import { useNavigate as useNavigate51, useParams as useParams83, useSearchParams as useSearchParams16 } from "react-router-dom";
 import { useMemo as useMemo42, useState as useState90, useEffect as useEffect87 } from "react";
 import { DatePicker as DatePicker5 } from "antd";
 import dayjs5 from "dayjs";
@@ -38663,7 +38665,7 @@ var LeaseRentOverviews = () => {
   const navigate = useNavigate51();
   const [searchParams, setSearchParams] = useSearchParams16();
   const { apiConfig } = useWarqadConfig();
-  const { branchId } = useParams82();
+  const { branchId } = useParams83();
   const type = "all";
   const urlFilter = searchParams.get("filter");
   const initialFilter = ["all", "debit", "credit"].includes(urlFilter) ? urlFilter : "all";
@@ -38877,7 +38879,7 @@ var LeaseRentOverviews_default = LeaseRentOverviews;
 import { useState as useState91, useMemo as useMemo43, useEffect as useEffect88 } from "react";
 import dayjs6 from "dayjs";
 import { Eye as Eye20, EyeOff as EyeOff2, FileText as FileText22, RefreshCw as RefreshCw8 } from "lucide-react";
-import { useNavigate as useNavigate52, useParams as useParams83 } from "react-router-dom";
+import { useNavigate as useNavigate52, useParams as useParams84 } from "react-router-dom";
 import { DatePicker as DatePicker6 } from "antd";
 import { jsx as jsx221, jsxs as jsxs191 } from "react/jsx-runtime";
 var LeaseRentOverViewCard = ({
@@ -38888,7 +38890,7 @@ var LeaseRentOverViewCard = ({
   className = ""
 }) => {
   const navigate = useNavigate52();
-  const { branchId } = useParams83();
+  const { branchId } = useParams84();
   const { apiConfig } = useWarqadConfig();
   const { data: fetchedData, isLoading: fetchLoading, get } = useApis_default();
   const [showAmount, setShowAmount] = useState91(false);
@@ -39897,7 +39899,7 @@ var Tickets = {
 var tickets_default = Tickets;
 
 // src/components/stocks/clothend/sale2/List.tsx
-import { useNavigate as useNavigate53, useParams as useParams84 } from "react-router-dom";
+import { useNavigate as useNavigate53, useParams as useParams85 } from "react-router-dom";
 import {
   EllipsisVertical as EllipsisVertical36,
   Eye as Eye22,
@@ -39907,7 +39909,7 @@ import {
 } from "lucide-react";
 import { Fragment as Fragment109, jsx as jsx226, jsxs as jsxs195 } from "react/jsx-runtime";
 function Sale2List({ url, type = "product" }) {
-  const { branchId } = useParams84();
+  const { branchId } = useParams85();
   const navigate = useNavigate53();
   const { TransactionView, openTransaction } = useTransactionView_default();
   const { data, TransactionViewComponent, reload } = useTransaction_default({
@@ -40092,12 +40094,12 @@ import { useEffect as useEffect93, useLayoutEffect as useLayoutEffect6, useState
 
 // src/components/stocks/clothend/sale2/header.tsx
 import { useFormContext as useFormContext4 } from "react-hook-form";
-import { useParams as useParams85 } from "react-router-dom";
+import { useParams as useParams86 } from "react-router-dom";
 import { useEffect as useEffect91 } from "react";
 import { jsx as jsx227, jsxs as jsxs196 } from "react/jsx-runtime";
 function SaleHeader2({ stockType }) {
   const form = useFormContext4();
-  const { branchId } = useParams85();
+  const { branchId } = useParams86();
   useEffect91(() => {
     if (branchId) {
       form.setValue("branch", branchId);
@@ -40550,7 +40552,7 @@ var schema_default6 = AdjustmentStockSchema4;
 
 // src/components/stocks/clothend/sale2/pos.tsx
 import { ArrowLeft as ArrowLeft10 } from "lucide-react";
-import { useParams as useParams86 } from "react-router-dom";
+import { useParams as useParams87 } from "react-router-dom";
 
 // src/components/stocks/clothend/sale2/Submit.tsx
 import { useFormContext as useFormContext5 } from "react-hook-form";
@@ -40770,7 +40772,7 @@ import { Fragment as Fragment111, jsx as jsx230, jsxs as jsxs199 } from "react/j
 var Sale2Form = ({ type }) => {
   const { getQuery, navigate } = useApp_default();
   const stockType = type;
-  const { branchId } = useParams86();
+  const { branchId } = useParams87();
   const saleId = getQuery("id");
   const { branches } = useAuth_default();
   const { currencies } = useWarqadConfig();
@@ -41671,7 +41673,7 @@ function ProductForm2({
     try {
       if (isEdit) {
         await put({
-          url: `${updateUrl || "/inventory/items/update/"}/${id}`,
+          url: `${updateUrl || "/inventory/items/update"}/${id}`,
           v: v || 3,
           body: {
             ...data,
@@ -43018,7 +43020,7 @@ var dgl_default = Dgl;
 
 // src/components/InAndOut/Form.tsx
 import { useEffect as useEffect99, useState as useState101 } from "react";
-import { useParams as useParams87 } from "react-router-dom";
+import { useParams as useParams88 } from "react-router-dom";
 import { useForm as useForm49 } from "react-hook-form";
 import { zodResolver as zodResolver48 } from "@hookform/resolvers/zod";
 import { message as message75 } from "antd";
@@ -43044,7 +43046,7 @@ function InAndOutForm({
   const isEdit = id;
   const [ref2, setRef] = useState101("");
   const [showReverseModal, setShowReverseModal] = useState101(false);
-  const { branchId } = useParams87();
+  const { branchId } = useParams88();
   const { post, isLoading } = useApis_default();
   const { put, isLoading: isLoadingReverse } = useApis_default();
   const { get, isLoading: isLoadingGet } = useApis_default();
@@ -43247,13 +43249,13 @@ var Form_default5 = InAndOutForm;
 import { useState as useState102, useMemo as useMemo44 } from "react";
 import { DatePicker as DatePicker7 } from "antd";
 import dayjs7 from "dayjs";
-import { useParams as useParams88 } from "react-router-dom";
+import { useParams as useParams89 } from "react-router-dom";
 import { Fragment as Fragment116, jsx as jsx241, jsxs as jsxs210 } from "react/jsx-runtime";
 var InAndOutReport = () => {
   const [startDate, setStartDate] = useState102(dayjs7());
   const [endDate, setEndDate] = useState102(dayjs7());
   const [action, setAction] = useState102("all");
-  const { branchId } = useParams88();
+  const { branchId } = useParams89();
   const [currency, setCurrency] = useState102("all");
   const { openState, Modal: Modal2, close } = useModal_default();
   const { A4DataView, data, reload } = useA4DataView_default({
@@ -43659,7 +43661,7 @@ var ProfileTransactionReport = ({
 var ProfileTransaction_default = ProfileTransactionReport;
 
 // src/components/Transactions/invoiceManager/InvoiceManager.tsx
-import { useNavigate as useNavigate58, useParams as useParams92 } from "react-router-dom";
+import { useNavigate as useNavigate58, useParams as useParams93 } from "react-router-dom";
 import { EllipsisVertical as EllipsisVertical41, FilePenLine as FilePenLine37, Trash2 as Trash247 } from "lucide-react";
 import { useState as useState105 } from "react";
 import { message as message79 } from "antd";
@@ -43720,14 +43722,14 @@ import { useForm as useForm50 } from "react-hook-form";
 import { zodResolver as zodResolver49 } from "@hookform/resolvers/zod";
 import { message as message76 } from "antd";
 import { useEffect as useEffect101 } from "react";
-import { useParams as useParams89 } from "react-router-dom";
+import { useParams as useParams90 } from "react-router-dom";
 import { jsx as jsx243, jsxs as jsxs212 } from "react/jsx-runtime";
 function AccountForm2({
   onReload,
   close,
   id
 }) {
-  const { branchId } = useParams89();
+  const { branchId } = useParams90();
   const { currencies } = useWarqadConfig();
   const { stock } = currencies;
   const isEdit = !!id;
@@ -43865,7 +43867,7 @@ var AccountForm_default2 = AccountForm2;
 import { useEffect as useEffect102, useState as useState104 } from "react";
 import { useForm as useForm51, useFieldArray as useFieldArray3 } from "react-hook-form";
 import { zodResolver as zodResolver50 } from "@hookform/resolvers/zod";
-import { useParams as useParams90 } from "react-router-dom";
+import { useParams as useParams91 } from "react-router-dom";
 import { message as message77 } from "antd";
 import { Trash2 as Trash246, Plus as Plus5 } from "lucide-react";
 import dayjs8 from "dayjs";
@@ -43876,7 +43878,7 @@ function InvoiceForm({
   accountData,
   id
 }) {
-  const { branchId } = useParams90();
+  const { branchId } = useParams91();
   const [ref2, setRef] = useState104(void 0);
   const { post, isLoading } = useApis_default();
   const { get, isLoading: getLoading } = useApis_default();
@@ -44202,7 +44204,7 @@ var InvoiceForm_default = InvoiceForm;
 import React41 from "react";
 import { useForm as useForm52 } from "react-hook-form";
 import { zodResolver as zodResolver51 } from "@hookform/resolvers/zod";
-import { useParams as useParams91 } from "react-router-dom";
+import { useParams as useParams92 } from "react-router-dom";
 import { message as message78 } from "antd";
 import dayjs9 from "dayjs";
 import { jsx as jsx245, jsxs as jsxs214 } from "react/jsx-runtime";
@@ -44213,7 +44215,7 @@ function JournalForm3({
   action = "debit",
   id
 }) {
-  const { branchId } = useParams91();
+  const { branchId } = useParams92();
   const { currencies } = useWarqadConfig();
   const { stock: defaultCurrency } = currencies;
   const [ref2, setRef] = React41.useState(void 0);
@@ -44434,7 +44436,7 @@ var journalForm_default = JournalForm3;
 // src/components/Transactions/invoiceManager/InvoiceManager.tsx
 import { Fragment as Fragment118, jsx as jsx246, jsxs as jsxs215 } from "react/jsx-runtime";
 function InvoiceManager({ v, url }) {
-  const { branchId } = useParams92();
+  const { branchId } = useParams93();
   const { apiConfig } = useWarqadConfig();
   const { width } = useMediaSize();
   const isLargeScreen = width > 768;
@@ -45059,7 +45061,7 @@ var ForexCurrencyAccountReport = () => {
 var ForexCurrencyAccountReport_default = ForexCurrencyAccountReport;
 
 // src/components/Transactions/3/payments/Payments.tsx
-import { useNavigate as useNavigate59, useParams as useParams93 } from "react-router-dom";
+import { useNavigate as useNavigate59, useParams as useParams94 } from "react-router-dom";
 import {
   EllipsisVertical as EllipsisVertical42,
   Eye as Eye23,
@@ -45069,7 +45071,7 @@ import {
 } from "lucide-react";
 import { Fragment as Fragment121, jsx as jsx249, jsxs as jsxs218 } from "react/jsx-runtime";
 function Payments3({ url }) {
-  const { branchId } = useParams93();
+  const { branchId } = useParams94();
   const navigate = useNavigate59();
   const { TransactionView, openTransaction } = useTransactionView_default();
   const { openPos, PosPrinter } = usePosPrinter_default();
@@ -45228,7 +45230,7 @@ var Payments_default3 = Payments3;
 
 // src/components/Transactions/3/payments/PaymentForm.tsx
 import { useEffect as useEffect105, useMemo as useMemo47, useState as useState108 } from "react";
-import { useParams as useParams94 } from "react-router-dom";
+import { useParams as useParams95 } from "react-router-dom";
 import { useForm as useForm53 } from "react-hook-form";
 import { zodResolver as zodResolver52 } from "@hookform/resolvers/zod";
 import { message as message80 } from "antd";
@@ -45258,7 +45260,7 @@ import { Fragment as Fragment122, jsx as jsx250, jsxs as jsxs219 } from "react/j
 function PaymentForm3({
   accountType = "all"
 }) {
-  const { branchId } = useParams94();
+  const { branchId } = useParams95();
   const { currencies } = useWarqadConfig();
   const { defaultCurrency } = currencies;
   const { getQuery, navigate } = useApp_default();
@@ -45519,11 +45521,11 @@ function PaymentForm3({
 var PaymentForm_default3 = PaymentForm3;
 
 // src/components/Transactions/3/journals/Journals.tsx
-import { useNavigate as useNavigate60, useParams as useParams95 } from "react-router-dom";
+import { useNavigate as useNavigate60, useParams as useParams96 } from "react-router-dom";
 import { EllipsisVertical as EllipsisVertical43, Eye as Eye24, FilePenLine as FilePenLine39, Trash2 as Trash249 } from "lucide-react";
 import { Fragment as Fragment123, jsx as jsx251, jsxs as jsxs220 } from "react/jsx-runtime";
 function Journals3({ url }) {
-  const { branchId } = useParams95();
+  const { branchId } = useParams96();
   const navigate = useNavigate60();
   const { TransactionView, openTransaction } = useTransactionView_default();
   const { PosPrinter } = usePosPrinter_default();
@@ -45662,7 +45664,7 @@ var Journals_default3 = Journals3;
 
 // src/components/Transactions/3/journals/JournalsForm.tsx
 import { useEffect as useEffect106, useMemo as useMemo48, useState as useState109 } from "react";
-import { useParams as useParams96 } from "react-router-dom";
+import { useParams as useParams97 } from "react-router-dom";
 import { useForm as useForm54 } from "react-hook-form";
 import { zodResolver as zodResolver53 } from "@hookform/resolvers/zod";
 import { message as message81 } from "antd";
@@ -45688,7 +45690,7 @@ import { Fragment as Fragment124, jsx as jsx252, jsxs as jsxs221 } from "react/j
 function JournalForm4({
   accountType = "all"
 }) {
-  const { branchId } = useParams96();
+  const { branchId } = useParams97();
   const { currencies } = useWarqadConfig();
   const { defaultCurrency } = currencies;
   const { getQuery, navigate } = useApp_default();
@@ -45898,7 +45900,7 @@ function JournalForm4({
 var JournalsForm_default = JournalForm4;
 
 // src/components/Transactions/3/sale2/List.tsx
-import { useNavigate as useNavigate61, useParams as useParams97 } from "react-router-dom";
+import { useNavigate as useNavigate61, useParams as useParams98 } from "react-router-dom";
 import {
   EllipsisVertical as EllipsisVertical44,
   Eye as Eye25,
@@ -45907,7 +45909,7 @@ import {
 } from "lucide-react";
 import { Fragment as Fragment125, jsx as jsx253, jsxs as jsxs222 } from "react/jsx-runtime";
 function Sale2List2({ url, type = "product" }) {
-  const { branchId } = useParams97();
+  const { branchId } = useParams98();
   const navigate = useNavigate61();
   const { TransactionView, openTransaction } = useTransactionView_default();
   const { data, TransactionViewComponent, reload } = useTransaction_default({
@@ -46071,12 +46073,12 @@ import { useEffect as useEffect109, useLayoutEffect as useLayoutEffect7, useStat
 
 // src/components/Transactions/3/sale2/header.tsx
 import { useFormContext as useFormContext7 } from "react-hook-form";
-import { useParams as useParams98 } from "react-router-dom";
+import { useParams as useParams99 } from "react-router-dom";
 import { useEffect as useEffect107 } from "react";
 import { jsx as jsx254, jsxs as jsxs223 } from "react/jsx-runtime";
 function SaleHeader3({ stockType }) {
   const form = useFormContext7();
-  const { branchId } = useParams98();
+  const { branchId } = useParams99();
   useEffect107(() => {
     if (branchId) {
       form.setValue("branch", branchId);
@@ -46541,7 +46543,7 @@ var schema_default7 = AdjustmentStockSchema5;
 
 // src/components/Transactions/3/sale2/pos.tsx
 import { ArrowLeft as ArrowLeft11 } from "lucide-react";
-import { useParams as useParams99 } from "react-router-dom";
+import { useParams as useParams100 } from "react-router-dom";
 
 // src/components/Transactions/3/sale2/Submit.tsx
 import { useFormContext as useFormContext8 } from "react-hook-form";
@@ -46781,7 +46783,7 @@ var Sale2Form2 = ({
 }) => {
   const { getQuery, navigate } = useApp_default();
   const stockType = type;
-  const { branchId } = useParams99();
+  const { branchId } = useParams100();
   const saleId = getQuery("id");
   const { currencies } = useWarqadConfig();
   const { defaultCurrency } = currencies;
@@ -47102,7 +47104,7 @@ var Sale22 = {
 var sale2_default2 = Sale22;
 
 // src/components/Transactions/3/purchase3/List.tsx
-import { useNavigate as useNavigate62, useParams as useParams100 } from "react-router-dom";
+import { useNavigate as useNavigate62, useParams as useParams101 } from "react-router-dom";
 import {
   EllipsisVertical as EllipsisVertical45,
   Eye as Eye26,
@@ -47114,7 +47116,7 @@ function purchase3List({
   url,
   type = "product"
 }) {
-  const { branchId } = useParams100();
+  const { branchId } = useParams101();
   const navigate = useNavigate62();
   const { TransactionView, openTransaction } = useTransactionView_default();
   const { data, TransactionViewComponent, reload } = useTransaction_default({
@@ -47278,12 +47280,12 @@ import { useEffect as useEffect112, useLayoutEffect as useLayoutEffect8, useStat
 
 // src/components/Transactions/3/purchase3/header.tsx
 import { useFormContext as useFormContext10 } from "react-hook-form";
-import { useParams as useParams101 } from "react-router-dom";
+import { useParams as useParams102 } from "react-router-dom";
 import { useEffect as useEffect110 } from "react";
 import { jsx as jsx259, jsxs as jsxs228 } from "react/jsx-runtime";
 function SaleHeader4({ stockType }) {
   const form = useFormContext10();
-  const { branchId } = useParams101();
+  const { branchId } = useParams102();
   useEffect110(() => {
     if (branchId) {
       form.setValue("branch", branchId);
@@ -47743,7 +47745,7 @@ var schema_default8 = AdjustmentStockSchema6;
 
 // src/components/Transactions/3/purchase3/pos.tsx
 import { ArrowLeft as ArrowLeft12 } from "lucide-react";
-import { useParams as useParams102 } from "react-router-dom";
+import { useParams as useParams103 } from "react-router-dom";
 
 // src/components/Transactions/3/purchase3/Submit.tsx
 import { useFormContext as useFormContext11 } from "react-hook-form";
@@ -47980,7 +47982,7 @@ import { Fragment as Fragment130, jsx as jsx262, jsxs as jsxs231 } from "react/j
 var Purchase3Form = ({ type }) => {
   const { getQuery, navigate } = useApp_default();
   const stockType = type;
-  const { branchId } = useParams102();
+  const { branchId } = useParams103();
   const purchaseId = getQuery("id");
   const { currencies } = useWarqadConfig();
   const { defaultCurrency } = currencies;
@@ -48299,6 +48301,351 @@ var purchase3 = {
 };
 var purchase3_default = purchase3;
 
+// src/components/Transactions/3/expense/Expenses.tsx
+import { useNavigate as useNavigate63, useParams as useParams104 } from "react-router-dom";
+import { EllipsisVertical as EllipsisVertical46, FilePenLine as FilePenLine42, Trash2 as Trash252 } from "lucide-react";
+import { Fragment as Fragment131, jsx as jsx263, jsxs as jsxs232 } from "react/jsx-runtime";
+function Expenses3({ url }) {
+  const { branchId } = useParams104();
+  const navigate = useNavigate63();
+  const { TransactionView, openTransaction } = useTransactionView_default();
+  const { data, TransactionViewComponent, reload } = useTransaction_default({
+    url: url || `/transactions/get?type=expense-3${branchId ? `&fromBranch=${branchId}` : ""}`,
+    dateFilter: true
+  });
+  const { Modal: Modal2 } = useModal();
+  const items = (data2) => [
+    {
+      label: `View Expense`,
+      icon: /* @__PURE__ */ jsx263(FilePenLine42, { size: 16 }),
+      onClick: () => openTransaction({ id: data2?._id, type: "expense-3" })
+    },
+    {
+      label: `Edit Expense`,
+      icon: /* @__PURE__ */ jsx263(FilePenLine42, { size: 16 }),
+      onClick: () => navigate(`update?id=${data2?._id}`)
+    },
+    {
+      label: `Delete Expense`,
+      icon: /* @__PURE__ */ jsx263(Trash252, { className: "text-red-500", size: 16 }),
+      onClick: () => {
+        openTransaction({
+          id: data2?._id,
+          type: "expense",
+          reverseable: { reload }
+        });
+      }
+    }
+  ].filter(Boolean);
+  const columns = [
+    {
+      accessorKey: "date",
+      header: "Date",
+      cell: ({ row }) => {
+        const expense = row.original;
+        return /* @__PURE__ */ jsxs232("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ jsx263("span", { children: expense?.date }),
+          /* @__PURE__ */ jsx263(
+            "span",
+            {
+              onClick: () => openTransaction({ id: expense?._id, type: "expense-3" }),
+              className: "text-xs text-blue-600 italic cursor-pointer hover:underline",
+              children: expense.ref
+            }
+          )
+        ] });
+      }
+    },
+    {
+      accessorKey: "description",
+      header: "Description",
+      cell: ({ row }) => {
+        const expense = row.original;
+        return /* @__PURE__ */ jsxs232("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ jsx263("span", { className: "capitalize", children: expense?.description }),
+          expense?.note && /* @__PURE__ */ jsx263("span", { className: "text-xs text-gray-500 italic max-w-xs truncate", children: expense?.note })
+        ] });
+      }
+    },
+    {
+      accessorKey: "wallet",
+      header: "Wallet",
+      cell: ({ row }) => {
+        const expense = row.original;
+        const walletData = expense?.fromWalletData || expense?.toWalletData;
+        return /* @__PURE__ */ jsx263("span", { children: walletData?.name || "N/A" });
+      }
+    },
+    {
+      accessorKey: "amount",
+      header: "Amount",
+      cell: ({ row }) => {
+        const expense = row.original;
+        return /* @__PURE__ */ jsx263("div", { className: "", children: /* @__PURE__ */ jsx263("p", { className: "font-medium text-red-600", children: Formats_default.Price(expense?.amount, expense?.currency) }) });
+      }
+    },
+    {
+      accessorKey: "actions",
+      header: "Actions",
+      cell: ({ row }) => {
+        const data2 = row.original;
+        return /* @__PURE__ */ jsx263(
+          Dropdown,
+          {
+            className: "cursor-pointer w-[150px]",
+            items: items(data2),
+            triggerMode: "hover",
+            children: /* @__PURE__ */ jsx263(EllipsisVertical46, {})
+          }
+        );
+      }
+    }
+  ];
+  const expenses = data?.data || [];
+  return /* @__PURE__ */ jsxs232(Fragment131, { children: [
+    /* @__PURE__ */ jsx263(TransactionView, {}),
+    /* @__PURE__ */ jsx263(Modal2, {}),
+    /* @__PURE__ */ jsx263(
+      TransactionViewComponent,
+      {
+        columns,
+        data: expenses,
+        title: "Expenses",
+        description: "Track and manage business expenses",
+        index: true,
+        createTitle: "Add Expense",
+        onCreate: () => {
+          navigate("create");
+        }
+      }
+    )
+  ] });
+}
+var Expenses_default2 = Expenses3;
+
+// src/components/Transactions/3/expense/ExpenseForm.tsx
+import { useEffect as useEffect113, useMemo as useMemo51, useState as useState112 } from "react";
+import { useParams as useParams105 } from "react-router-dom";
+import { useForm as useForm57 } from "react-hook-form";
+import { zodResolver as zodResolver56 } from "@hookform/resolvers/zod";
+import { message as message84 } from "antd";
+
+// src/components/Transactions/3/expense/schema.ts
+import { z as z48 } from "zod";
+var expenseSchema4 = z48.object({
+  description: z48.string().min(1, "Description is required"),
+  date: zodFields.date,
+  amount: z48.number().gt(0, "Amount must be greater than 0"),
+  branch: z48.string().optional(),
+  wallet: z48.string().min(1, "Wallet is required"),
+  note: z48.string().optional(),
+  // Objects for frontend helpers
+  walletObject: z48.any().optional(),
+  rate: z48.number().optional()
+});
+
+// src/components/Transactions/3/expense/ExpenseForm.tsx
+import { Fragment as Fragment132, jsx as jsx264, jsxs as jsxs233 } from "react/jsx-runtime";
+function ExpenseForm2() {
+  const { branchId } = useParams105();
+  const { getQuery, navigate } = useApp_default();
+  const id = getQuery("id");
+  const isEdit = !!id;
+  const [ref2, setRef] = useState112("");
+  const { post, isLoading } = useApis_default();
+  const { isLoading: isLoadingGet, get } = useApis_default();
+  const { defaultCurrency } = useWarqadConfig().currencies;
+  const methods = useForm57({
+    resolver: zodResolver56(expenseSchema4),
+    defaultValues: {
+      date: (/* @__PURE__ */ new Date()).toLocaleDateString("en-GB"),
+      amount: 0,
+      description: "",
+      wallet: "",
+      rate: void 0
+    }
+  });
+  const { handleSubmit, reset, watch } = methods;
+  const walletObj = watch("walletObject");
+  const currency = walletObj?.currency;
+  const isRate = currency && currency !== defaultCurrency;
+  const amount = watch("amount");
+  const rate = watch("rate");
+  const exchangedAmount2 = useMemo51(() => {
+    if (isRate) {
+      const am = forex_default.exchangedAmount({
+        accountCurrency: defaultCurrency,
+        amount,
+        exchangeRate: rate ?? 1,
+        transactionCurrency: currency
+      });
+      return Formats_default.Price(am, defaultCurrency ?? "N/A", false);
+    }
+  }, [amount, currency, rate, isRate]);
+  const onSubmit = async (data) => {
+    try {
+      const payload = {
+        ...data,
+        type: "expense-3",
+        defaultCurrency,
+        branch: branchId ?? void 0,
+        rate: data?.rate ?? 1
+      };
+      await post({
+        url: `/transactions/add${isEdit ? `?ref=${ref2}` : ""}`,
+        body: payload
+      });
+      message84.success(`Expense saved successfully`);
+      navigate(-1);
+    } catch (error) {
+      message84.error(error?.message || "Something went wrong");
+    }
+  };
+  const fetches = async () => {
+    try {
+      const res = await get({
+        url: `/transactions/get?id=${id}${branchId ? `&fromBranch=${branchId}` : ""}`
+      });
+      const data = res.data;
+      reset({
+        ...data,
+        wallet: data?.fromWallet || data?.toWallet,
+        // Expenses are usually withdrawals (fromWallet)
+        rate: data?.exchange?.rate
+      });
+      setRef(data?.ref);
+    } catch (error) {
+      message84.error(error?.message || "Something went wrong");
+      navigate(-1);
+    }
+  };
+  useEffect113(() => {
+    if (isEdit) {
+      fetches();
+    }
+  }, [id]);
+  return /* @__PURE__ */ jsxs233(
+    Card,
+    {
+      className: "max-w-4xl mx-auto mt-10 relative",
+      isLoading: isLoadingGet,
+      loadingText: "Processing...",
+      children: [
+        /* @__PURE__ */ jsxs233(Card.Header, { children: [
+          /* @__PURE__ */ jsx264(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Expense` }),
+          /* @__PURE__ */ jsx264(Card.Description, { children: isEdit ? `Update the details for this expense entry` : `Record a new business expense` })
+        ] }),
+        /* @__PURE__ */ jsx264(Card.Content, { children: /* @__PURE__ */ jsxs233(
+          "form",
+          {
+            className: "space-y-4",
+            onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)),
+            children: [
+              /* @__PURE__ */ jsxs233("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ jsx264(
+                  Fields_default.Input,
+                  {
+                    label: "Description",
+                    form: methods,
+                    name: "description",
+                    placeholder: "What was this expense for?",
+                    required: true
+                  }
+                ),
+                /* @__PURE__ */ jsx264(
+                  Feilds_default2.Wallet,
+                  {
+                    label: "Wallet",
+                    form: methods,
+                    name: "wallet",
+                    placeholder: "Source of funds...",
+                    required: true,
+                    showBalance: true,
+                    obj: "walletObject"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs233("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ jsx264(
+                  Fields_default.DateInput,
+                  {
+                    label: "Date",
+                    form: methods,
+                    name: "date",
+                    required: true
+                  }
+                ),
+                /* @__PURE__ */ jsx264(
+                  Fields_default.Input,
+                  {
+                    label: "Amount",
+                    form: methods,
+                    name: "amount",
+                    type: "number",
+                    placeholder: "0.00",
+                    required: true
+                  }
+                ),
+                isRate && /* @__PURE__ */ jsxs233(Fragment132, { children: [
+                  /* @__PURE__ */ jsx264(
+                    Fields_default.Input,
+                    {
+                      label: "Rate",
+                      form: methods,
+                      name: "rate",
+                      type: "number",
+                      placeholder: "Rate",
+                      required: true
+                    }
+                  ),
+                  /* @__PURE__ */ jsx264(
+                    Fields_default.Input,
+                    {
+                      label: "Exchanged Amount",
+                      type: "text",
+                      readOnly: true,
+                      disabled: true,
+                      value: exchangedAmount2
+                    }
+                  )
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx264(
+                Fields_default.Textarea,
+                {
+                  label: "Note",
+                  form: methods,
+                  name: "note",
+                  placeholder: "Add any additional details..."
+                }
+              ),
+              /* @__PURE__ */ jsx264("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsx264(
+                Button,
+                {
+                  isLoading,
+                  disabled: isLoading,
+                  type: "submit",
+                  className: "min-w-[100px]",
+                  variant: !isEdit ? "primary" : "warning",
+                  children: isEdit ? "Update" : "Add"
+                }
+              ) })
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+}
+var ExpenseForm_default2 = ExpenseForm2;
+
+// src/components/Transactions/3/expense/index.tsx
+var Expenses32 = {
+  List: Expenses_default2,
+  Form: ExpenseForm_default2
+};
+var expense_default = Expenses32;
+
 // src/components/Transactions/3/index.ts
 var Transaction3 = {
   Payments: Payments_default3,
@@ -48308,26 +48655,28 @@ var Transaction3 = {
   Sale2: sale2_default2.List,
   Sale2Form: sale2_default2.Form,
   Purchase3: purchase3_default.List,
-  Purchase3Form: purchase3_default.Form
+  Purchase3Form: purchase3_default.Form,
+  Expenses: expense_default.List,
+  ExpenseForm: expense_default.Form
 };
 var __default = Transaction3;
 
 // src/components/reports/ItemReport.tsx
-import { useParams as useParams103 } from "react-router-dom";
-import { z as z48 } from "zod";
-import { useForm as useForm57 } from "react-hook-form";
-import { zodResolver as zodResolver56 } from "@hookform/resolvers/zod";
-import { useState as useState112 } from "react";
-import { message as message84 } from "antd";
-import { Fragment as Fragment131, jsx as jsx263, jsxs as jsxs232 } from "react/jsx-runtime";
+import { useParams as useParams106 } from "react-router-dom";
+import { z as z49 } from "zod";
+import { useForm as useForm58 } from "react-hook-form";
+import { zodResolver as zodResolver57 } from "@hookform/resolvers/zod";
+import { useState as useState113 } from "react";
+import { message as message85 } from "antd";
+import { Fragment as Fragment133, jsx as jsx265, jsxs as jsxs234 } from "react/jsx-runtime";
 var ItemReport = ({
   value = false,
   type
 }) => {
   const { apiConfig } = useWarqadConfig();
-  const { branchId } = useParams103();
+  const { branchId } = useParams106();
   const { branches } = useAuth_default();
-  const [params, setParams] = useState112({
+  const [params, setParams] = useState113({
     id: "",
     branch: "all"
   });
@@ -48352,9 +48701,9 @@ var ItemReport = ({
       header: "Date",
       key: "date",
       className: "text-xs whitespace-nowrap",
-      render: (row) => /* @__PURE__ */ jsxs232("div", { className: "", children: [
-        /* @__PURE__ */ jsx263("p", { className: "font-bold text-black dark:text-white print:text-black", children: row.date }),
-        /* @__PURE__ */ jsx263(
+      render: (row) => /* @__PURE__ */ jsxs234("div", { className: "", children: [
+        /* @__PURE__ */ jsx265("p", { className: "font-bold text-black dark:text-white print:text-black", children: row.date }),
+        /* @__PURE__ */ jsx265(
           "span",
           {
             onClick: () => {
@@ -48373,7 +48722,7 @@ var ItemReport = ({
       header: "Description",
       key: "description",
       className: "text-xs whitespace-nowrap",
-      render: (row) => /* @__PURE__ */ jsx263("div", { className: "", children: /* @__PURE__ */ jsx263("p", { className: "font-bold text-black dark:text-white print:text-black", children: row.description }) })
+      render: (row) => /* @__PURE__ */ jsx265("div", { className: "", children: /* @__PURE__ */ jsx265("p", { className: "font-bold text-black dark:text-white print:text-black", children: row.description }) })
     },
     {
       header: "Quantity",
@@ -48381,7 +48730,7 @@ var ItemReport = ({
       className: "text-xs whitespace-nowrap",
       render: (row) => {
         const Qty = row.quantity;
-        return /* @__PURE__ */ jsxs232(
+        return /* @__PURE__ */ jsxs234(
           "div",
           {
             className: `font-bold ${row.line === "add" ? "text-green-500" : row.line === "sub" ? "text-red-500" : "text-black"}`,
@@ -48398,7 +48747,7 @@ var ItemReport = ({
       header: "Balance",
       key: "runningBalance",
       className: "text-xs whitespace-nowrap",
-      render: (row) => /* @__PURE__ */ jsx263("div", { className: "", children: /* @__PURE__ */ jsx263("p", { className: "font-bold text-black dark:text-white print:text-black", children: Formats_default.XQty(row.runningBalance) }) })
+      render: (row) => /* @__PURE__ */ jsx265("div", { className: "", children: /* @__PURE__ */ jsx265("p", { className: "font-bold text-black dark:text-white print:text-black", children: Formats_default.XQty(row.runningBalance) }) })
     }
   ];
   let runningBalance = 0;
@@ -48410,10 +48759,10 @@ var ItemReport = ({
     };
   });
   const itemName = datas[0]?.name;
-  return /* @__PURE__ */ jsxs232(Fragment131, { children: [
-    /* @__PURE__ */ jsx263(Modal2, {}),
-    /* @__PURE__ */ jsx263(TransactionView, {}),
-    /* @__PURE__ */ jsx263(
+  return /* @__PURE__ */ jsxs234(Fragment133, { children: [
+    /* @__PURE__ */ jsx265(Modal2, {}),
+    /* @__PURE__ */ jsx265(TransactionView, {}),
+    /* @__PURE__ */ jsx265(
       A4DataView,
       {
         columns,
@@ -48424,14 +48773,14 @@ var ItemReport = ({
         tableTitle: `${type} Movement Report`,
         fixed: false,
         error: !id ? "Please select an item" : void 0,
-        headers: /* @__PURE__ */ jsx263(
+        headers: /* @__PURE__ */ jsx265(
           Button,
           {
             type: "button",
             size: "sm",
             onClick: () => openState({
               title: "Item Transactions",
-              content: /* @__PURE__ */ jsx263(
+              content: /* @__PURE__ */ jsx265(
                 ItemReportHeader2,
                 {
                   type,
@@ -48449,18 +48798,18 @@ var ItemReport = ({
     )
   ] });
 };
-var schema3 = z48.object({
-  pack: z48.string().optional(),
-  product: z48.string().optional(),
-  branch: z48.string()
+var schema3 = z49.object({
+  pack: z49.string().optional(),
+  product: z49.string().optional(),
+  branch: z49.string()
 });
 function ItemReportHeader2({
   type,
   close,
   addToParams
 }) {
-  const methods = useForm57({
-    resolver: zodResolver56(schema3),
+  const methods = useForm58({
+    resolver: zodResolver57(schema3),
     defaultValues: {
       pack: "",
       product: "",
@@ -48474,14 +48823,14 @@ function ItemReportHeader2({
     label: b.name,
     value: b._id
   }));
-  return /* @__PURE__ */ jsxs232(
+  return /* @__PURE__ */ jsxs234(
     "form",
     {
       className: "space-y-3",
       onSubmit: handleSubmit((data) => {
         const id = type === "pack" ? data.pack : data.product;
         if (!id) {
-          message84.error("Please select an item");
+          message85.error("Please select an item");
           methods.setFocus(type);
           return;
         }
@@ -48492,8 +48841,8 @@ function ItemReportHeader2({
         close();
       }),
       children: [
-        /* @__PURE__ */ jsxs232("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-2", children: [
-          /* @__PURE__ */ jsx263(
+        /* @__PURE__ */ jsxs234("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-2", children: [
+          /* @__PURE__ */ jsx265(
             Select,
             {
               options: [{ label: "All Branches", value: "all" }, ...branchOptions],
@@ -48501,7 +48850,7 @@ function ItemReportHeader2({
               name: "branch"
             }
           ),
-          type === "pack" ? /* @__PURE__ */ jsx263(
+          type === "pack" ? /* @__PURE__ */ jsx265(
             Pack_default.Pack,
             {
               api: "/packs/get",
@@ -48509,7 +48858,7 @@ function ItemReportHeader2({
               form: methods,
               name: "pack"
             }
-          ) : /* @__PURE__ */ jsx263(
+          ) : /* @__PURE__ */ jsx265(
             Feilds_default5.Product,
             {
               label: "",
@@ -48520,7 +48869,7 @@ function ItemReportHeader2({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx263("div", { className: "flex gap-2 justify-end", children: /* @__PURE__ */ jsx263(Button, { type: "submit", children: "Filter" }) })
+        /* @__PURE__ */ jsx265("div", { className: "flex gap-2 justify-end", children: /* @__PURE__ */ jsx265(Button, { type: "submit", children: "Filter" }) })
       ]
     }
   );
@@ -48528,19 +48877,19 @@ function ItemReportHeader2({
 var ItemReport_default = ItemReport;
 
 // src/components/accounts/LeaseCollection.tsx
-import { useNavigate as useNavigate63, useParams as useParams104, useSearchParams as useSearchParams19 } from "react-router-dom";
-import { useMemo as useMemo51, useState as useState113, useEffect as useEffect113 } from "react";
-import { Fragment as Fragment132, jsx as jsx264, jsxs as jsxs233 } from "react/jsx-runtime";
+import { useNavigate as useNavigate64, useParams as useParams107, useSearchParams as useSearchParams19 } from "react-router-dom";
+import { useMemo as useMemo52, useState as useState114, useEffect as useEffect114 } from "react";
+import { Fragment as Fragment134, jsx as jsx266, jsxs as jsxs235 } from "react/jsx-runtime";
 var LeaseCollection = ({
   leaseType,
   defaultCurrency = "KES"
 }) => {
-  const navigate = useNavigate63();
+  const navigate = useNavigate64();
   const [searchParams] = useSearchParams19();
   const { apiConfig } = useWarqadConfig();
-  const { branchId } = useParams104();
+  const { branchId } = useParams107();
   const { branches } = useAuth_default();
-  const currentBranch = useMemo51(
+  const currentBranch = useMemo52(
     () => branches?.find((b) => b?._id === branchId),
     [branches, branchId]
   );
@@ -48548,16 +48897,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] = useState113(
+  const [filter, setFilter] = useState114(
     initialFilter
   );
-  const [currencyFilter, setCurrencyFilter] = useState113(initialCurrency);
-  useEffect113(() => {
+  const [currencyFilter, setCurrencyFilter] = useState114(initialCurrency);
+  useEffect114(() => {
     if (urlFilter && ["all", "debit", "credit"].includes(urlFilter)) {
       setFilter(urlFilter);
     }
   }, [urlFilter]);
-  useEffect113(() => {
+  useEffect114(() => {
     if (urlCurrency && Enums_default.currencies.includes(urlCurrency)) {
       setCurrencyFilter(urlCurrency);
     } else {
@@ -48576,9 +48925,9 @@ var LeaseCollection = ({
       key: "name",
       className: "text-xs whitespace-nowrap ",
       searchKeys: ["name", "phoneNumber", "unitNames"],
-      render: (row) => /* @__PURE__ */ jsxs233("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ jsx264("p", { className: "font-bold dark:text-white print:text-black uppercase", children: row.name }),
-        row.unitNames && /* @__PURE__ */ jsxs233("p", { className: "text-[9px]!  capitalize", children: [
+      render: (row) => /* @__PURE__ */ jsxs235("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx266("p", { className: "font-bold dark:text-white print:text-black uppercase", children: row.name }),
+        row.unitNames && /* @__PURE__ */ jsxs235("p", { className: "text-[9px]!  capitalize", children: [
           "(",
           row.unitNames,
           ")"
@@ -48590,7 +48939,7 @@ var LeaseCollection = ({
       key: "phoneNumber",
       maxWidth: 70,
       render: (row) => {
-        return /* @__PURE__ */ jsx264("p", { children: row?.phoneNumber || "N/A" });
+        return /* @__PURE__ */ jsx266("p", { children: row?.phoneNumber || "N/A" });
       }
     },
     // </span>
@@ -48600,11 +48949,11 @@ var LeaseCollection = ({
       className: "text-xs whitespace-nowrap text-right",
       render: (row) => {
         const Amount = row.totalCollectionString;
-        return /* @__PURE__ */ jsx264("div", { className: "", children: /* @__PURE__ */ jsx264("p", { className: "font-bold ", children: Amount }) });
+        return /* @__PURE__ */ jsx266("div", { className: "", children: /* @__PURE__ */ jsx266("p", { className: "font-bold ", children: Amount }) });
       },
       renderFooter: (data2) => {
         if (currencyFilter === "all") return;
-        return /* @__PURE__ */ jsx264("span", { className: " font-bold", children: Formats_default.Price(
+        return /* @__PURE__ */ jsx266("span", { className: " font-bold", children: Formats_default.Price(
           data2.reduce((acc, row) => acc + row.totalCollection, 0),
           defaultCurrency,
           false
@@ -48612,7 +48961,7 @@ var LeaseCollection = ({
       }
     }
   ];
-  const datas = useMemo51(() => {
+  const datas = useMemo52(() => {
     let runningBalance = 0;
     let filteredData = data?.data || [];
     const result = filteredData.map((item) => {
@@ -48625,9 +48974,9 @@ var LeaseCollection = ({
     });
     return result;
   }, [filter, currencyFilter, data]);
-  return /* @__PURE__ */ jsxs233(Fragment132, { children: [
-    /* @__PURE__ */ jsx264(TransactionView, {}),
-    /* @__PURE__ */ jsx264(
+  return /* @__PURE__ */ jsxs235(Fragment134, { children: [
+    /* @__PURE__ */ jsx266(TransactionView, {}),
+    /* @__PURE__ */ jsx266(
       A4DataView,
       {
         columns,
@@ -48637,7 +48986,7 @@ var LeaseCollection = ({
         subtitle: `All Collections`,
         fixed: false,
         startPage: 1e9,
-        headers: /* @__PURE__ */ jsx264("div", { className: "flex gap-2" })
+        headers: /* @__PURE__ */ jsx266("div", { className: "flex gap-2" })
       }
     )
   ] });
@@ -48645,61 +48994,61 @@ var LeaseCollection = ({
 var LeaseCollection_default = LeaseCollection;
 
 // src/components/Transactions/cargoIM/CargoIM.tsx
-import { useNavigate as useNavigate64, useParams as useParams108 } from "react-router-dom";
-import { EllipsisVertical as EllipsisVertical46, FilePenLine as FilePenLine42, Trash2 as Trash253 } from "lucide-react";
-import { useState as useState115 } from "react";
-import { message as message88 } from "antd";
+import { useNavigate as useNavigate65, useParams as useParams111 } from "react-router-dom";
+import { EllipsisVertical as EllipsisVertical47, FilePenLine as FilePenLine43, Trash2 as Trash254 } from "lucide-react";
+import { useState as useState116 } from "react";
+import { message as message89 } from "antd";
 
 // src/components/Transactions/cargoIM/schema.ts
-import { z as z49 } from "zod";
-var InvoiceSchema2 = z49.object({
-  name: z49.string().min(1, { message: "Item name is required" }),
-  quantity: z49.number().gt(0, { message: "Quantity must be greater than 0" }),
-  amount: z49.number().gt(0, { message: "Price must be greater than 0" })
+import { z as z50 } from "zod";
+var InvoiceSchema2 = z50.object({
+  name: z50.string().min(1, { message: "Item name is required" }),
+  quantity: z50.number().gt(0, { message: "Quantity must be greater than 0" }),
+  amount: z50.number().gt(0, { message: "Price must be greater than 0" })
 });
-var createInvoiceManagerValidation2 = z49.object({
-  invoices: z49.array(InvoiceSchema2),
-  date: z49.string(),
-  currency: z49.string(),
-  branch: z49.string().optional()
+var createInvoiceManagerValidation2 = z50.object({
+  invoices: z50.array(InvoiceSchema2),
+  date: z50.string(),
+  currency: z50.string(),
+  branch: z50.string().optional()
 });
-var createAccountSchema3 = z49.object({
-  name: z49.string().min(2, { message: "Name must be at least 2 characters" }),
-  phoneNumber: z49.string().optional(),
-  branch: z49.string().optional(),
-  currency: z49.string().optional()
+var createAccountSchema3 = z50.object({
+  name: z50.string().min(2, { message: "Name must be at least 2 characters" }),
+  phoneNumber: z50.string().optional(),
+  branch: z50.string().optional(),
+  currency: z50.string().optional()
 });
-var journalSchema5 = z49.object({
+var journalSchema5 = z50.object({
   date: zodFields.date,
-  amount: z49.number().gt(0, "Amount must be greater than 0"),
-  currency: z49.string(),
-  description: z49.string(),
-  branch: z49.string().optional(),
-  action: z49.enum(Enums_default.actionTypes).optional(),
-  note: z49.string().optional()
+  amount: z50.number().gt(0, "Amount must be greater than 0"),
+  currency: z50.string(),
+  description: z50.string(),
+  branch: z50.string().optional(),
+  action: z50.enum(Enums_default.actionTypes).optional(),
+  note: z50.string().optional()
 });
 
 // src/components/Transactions/cargoIM/AccountForm.tsx
-import { useForm as useForm58 } from "react-hook-form";
-import { zodResolver as zodResolver57 } from "@hookform/resolvers/zod";
-import { message as message85 } from "antd";
-import { useEffect as useEffect114 } from "react";
-import { useParams as useParams105 } from "react-router-dom";
-import { jsx as jsx265, jsxs as jsxs234 } from "react/jsx-runtime";
+import { useForm as useForm59 } from "react-hook-form";
+import { zodResolver as zodResolver58 } from "@hookform/resolvers/zod";
+import { message as message86 } from "antd";
+import { useEffect as useEffect115 } from "react";
+import { useParams as useParams108 } from "react-router-dom";
+import { jsx as jsx267, jsxs as jsxs236 } from "react/jsx-runtime";
 function AccountForm3({
   onReload,
   close,
   id
 }) {
-  const { branchId } = useParams105();
+  const { branchId } = useParams108();
   const { currencies } = useWarqadConfig();
   const { stock } = currencies;
   const isEdit = !!id;
   const type = "supplier";
   const { post, put, isLoading } = useApis_default();
   const { isLoading: isLoadingGet, get } = useApis_default();
-  const methods = useForm58({
-    resolver: zodResolver57(createAccountSchema3),
+  const methods = useForm59({
+    resolver: zodResolver58(createAccountSchema3),
     defaultValues: {
       name: "",
       phoneNumber: "",
@@ -48729,7 +49078,7 @@ function AccountForm3({
           body: payload
         });
       }
-      message85.success(`${type} ${isEdit ? "updated" : "created"} successfully`);
+      message86.success(`${type} ${isEdit ? "updated" : "created"} successfully`);
       if (onReload) {
         onReload();
       }
@@ -48737,7 +49086,7 @@ function AccountForm3({
         close();
       }
     } catch (error) {
-      message85.error(error?.message || "Something went wrong");
+      message86.error(error?.message || "Something went wrong");
     }
   };
   const fetches = async () => {
@@ -48748,33 +49097,33 @@ function AccountForm3({
       const data = res.data;
       methods.reset(data);
     } catch (error) {
-      message85.error(error?.message || "Something went wrong");
+      message86.error(error?.message || "Something went wrong");
       close?.();
     }
   };
-  useEffect114(() => {
+  useEffect115(() => {
     if (isEdit) {
       fetches();
     }
   }, [id]);
-  return /* @__PURE__ */ jsxs234(
+  return /* @__PURE__ */ jsxs236(
     Card,
     {
       className: "max-w-4xl mx-auto mt-10 relative",
       isLoading: isLoadingGet,
       loadingText: "Processing...",
       children: [
-        /* @__PURE__ */ jsxs234(Card.Header, { children: [
-          /* @__PURE__ */ jsx265(Card.Title, { children: `${isEdit ? "Edit" : "Add"} ${type}` }),
-          /* @__PURE__ */ jsx265(Card.Description, { children: isEdit ? `Update the details for this ${type}` : `Create a new ${type} and add it to your list` })
+        /* @__PURE__ */ jsxs236(Card.Header, { children: [
+          /* @__PURE__ */ jsx267(Card.Title, { children: `${isEdit ? "Edit" : "Add"} ${type}` }),
+          /* @__PURE__ */ jsx267(Card.Description, { children: isEdit ? `Update the details for this ${type}` : `Create a new ${type} and add it to your list` })
         ] }),
-        /* @__PURE__ */ jsx265(Card.Content, { children: /* @__PURE__ */ jsxs234(
+        /* @__PURE__ */ jsx267(Card.Content, { children: /* @__PURE__ */ jsxs236(
           "form",
           {
             onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)),
             children: [
-              /* @__PURE__ */ jsxs234("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-                /* @__PURE__ */ jsx265(
+              /* @__PURE__ */ jsxs236("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ jsx267(
                   Fields_default.Input,
                   {
                     label: "Name",
@@ -48785,7 +49134,7 @@ function AccountForm3({
                     required: true
                   }
                 ),
-                /* @__PURE__ */ jsx265(
+                /* @__PURE__ */ jsx267(
                   Fields_default.PhoneInput,
                   {
                     label: "Phone Number",
@@ -48794,7 +49143,7 @@ function AccountForm3({
                     placeholder: "Enter phone number"
                   }
                 ),
-                /* @__PURE__ */ jsx265(
+                /* @__PURE__ */ jsx267(
                   Fields_default.Select,
                   {
                     label: "Currency",
@@ -48805,7 +49154,7 @@ function AccountForm3({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx265("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsx265(
+              /* @__PURE__ */ jsx267("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsx267(
                 Button,
                 {
                   isLoading,
@@ -48826,33 +49175,33 @@ function AccountForm3({
 var AccountForm_default3 = AccountForm3;
 
 // src/components/Transactions/cargoIM/InvoiceForm.tsx
-import { useEffect as useEffect115, useState as useState114 } from "react";
-import { useForm as useForm59, useFieldArray as useFieldArray4 } from "react-hook-form";
-import { zodResolver as zodResolver58 } from "@hookform/resolvers/zod";
-import { useParams as useParams106 } from "react-router-dom";
-import { message as message86 } from "antd";
-import { Trash2 as Trash252, Plus as Plus6 } from "lucide-react";
+import { useEffect as useEffect116, useState as useState115 } from "react";
+import { useForm as useForm60, useFieldArray as useFieldArray4 } from "react-hook-form";
+import { zodResolver as zodResolver59 } from "@hookform/resolvers/zod";
+import { useParams as useParams109 } from "react-router-dom";
+import { message as message87 } from "antd";
+import { Trash2 as Trash253, Plus as Plus6 } from "lucide-react";
 import dayjs11 from "dayjs";
-import { jsx as jsx266, jsxs as jsxs235 } from "react/jsx-runtime";
+import { jsx as jsx268, jsxs as jsxs237 } from "react/jsx-runtime";
 function InvoiceForm2({
   onReload,
   close,
   accountData,
   id
 }) {
-  const { branchId } = useParams106();
-  const [ref2, setRef] = useState114(void 0);
+  const { branchId } = useParams109();
+  const [ref2, setRef] = useState115(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] = useState114("");
-  const [itemQuantity, setItemQuantity] = useState114("");
-  const [itemPrice, setItemPrice] = useState114("");
-  const methods = useForm59({
-    resolver: zodResolver58(createInvoiceManagerValidation2),
+  const [itemName, setItemName] = useState115("");
+  const [itemQuantity, setItemQuantity] = useState115("");
+  const [itemPrice, setItemPrice] = useState115("");
+  const methods = useForm60({
+    resolver: zodResolver59(createInvoiceManagerValidation2),
     defaultValues: {
       invoices: [],
       date: dayjs11().format("DD/MM/YYYY"),
@@ -48876,27 +49225,27 @@ function InvoiceForm2({
       });
       setRef(data?.ref);
     } catch (error) {
-      message86.error(error?.message || "Something went wrong");
+      message87.error(error?.message || "Something went wrong");
     }
   };
-  useEffect115(() => {
+  useEffect116(() => {
     if (isEdit) {
       fetches();
     }
   }, [isEdit]);
   const handleAddItem = () => {
     if (!itemName.trim()) {
-      message86.error("Item name is required");
+      message87.error("Item name is required");
       return;
     }
     const qty = Number(itemQuantity);
     const price = Number(itemPrice);
     if (isNaN(qty) || qty <= 0) {
-      message86.error("Quantity must be greater than 0");
+      message87.error("Quantity must be greater than 0");
       return;
     }
     if (isNaN(price) || price <= 0) {
-      message86.error("Price must be greater than 0");
+      message87.error("Price must be greater than 0");
       return;
     }
     append({
@@ -48910,7 +49259,7 @@ function InvoiceForm2({
   };
   const onSubmit = async (data) => {
     if (data.invoices.length === 0) {
-      message86.error("Please add at least one item to the invoice");
+      message87.error("Please add at least one item to the invoice");
       return;
     }
     try {
@@ -48923,13 +49272,13 @@ function InvoiceForm2({
         url: `/transactions/add${isEdit ? `?ref=${ref2}` : ""}`,
         body: payload
       });
-      message86.success(
+      message87.success(
         isEdit ? "Invoice updated successfully" : "Invoice created successfully"
       );
       if (onReload) onReload();
       if (close) close();
     } catch (error) {
-      message86.error(error?.message || "Something went wrong");
+      message87.error(error?.message || "Something went wrong");
     }
   };
   const onReverse = async () => {
@@ -48938,11 +49287,11 @@ function InvoiceForm2({
       await put({
         url: `/transactions/reverse/${id}`
       });
-      message86.success("Transaction reversed successfully");
+      message87.success("Transaction reversed successfully");
       if (onReload) onReload();
       if (close) close();
     } catch (error) {
-      message86.error(error?.message || "Something went wrong");
+      message87.error(error?.message || "Something went wrong");
     }
   };
   const handleKeyDown = (e) => {
@@ -48954,25 +49303,25 @@ function InvoiceForm2({
       e.preventDefault();
     }
   };
-  return /* @__PURE__ */ jsx266(
+  return /* @__PURE__ */ jsx268(
     Card,
     {
       isLoading: getLoading,
       className: "max-w-4xl mx-auto relative border-0 shadow-none p-0 bg-transparent dark:bg-transparent",
-      children: /* @__PURE__ */ jsxs235(Card.Content, { children: [
-        /* @__PURE__ */ jsx266("input", { type: "hidden", ...register("currency") }),
-        /* @__PURE__ */ jsxs235(
+      children: /* @__PURE__ */ jsxs237(Card.Content, { children: [
+        /* @__PURE__ */ jsx268("input", { type: "hidden", ...register("currency") }),
+        /* @__PURE__ */ jsxs237(
           "form",
           {
             onSubmit: handleSubmit(onSubmit),
             onKeyDown: handleKeyDown,
             className: "space-y-6",
             children: [
-              /* @__PURE__ */ jsxs235("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__ */ jsx266("h4", { className: "text-xs font-bold text-gray-400 uppercase mb-3 tracking-wider", children: "Add Invoice Item" }),
-                /* @__PURE__ */ jsxs235("div", { className: "flex flex-col md:flex-row gap-4 items-end", children: [
-                  /* @__PURE__ */ jsxs235("div", { className: "grid grid-cols-1 sm:grid-cols-2 w-full gap-2", children: [
-                    /* @__PURE__ */ jsx266(
+              /* @__PURE__ */ jsxs237("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__ */ jsx268("h4", { className: "text-xs font-bold text-gray-400 uppercase mb-3 tracking-wider", children: "Add Invoice Item" }),
+                /* @__PURE__ */ jsxs237("div", { className: "flex flex-col md:flex-row gap-4 items-end", children: [
+                  /* @__PURE__ */ jsxs237("div", { className: "grid grid-cols-1 sm:grid-cols-2 w-full gap-2", children: [
+                    /* @__PURE__ */ jsx268(
                       Fields_default.Input,
                       {
                         label: "Container No",
@@ -48981,7 +49330,7 @@ function InvoiceForm2({
                         onChange: (val) => setItemName(val)
                       }
                     ),
-                    /* @__PURE__ */ jsx266(
+                    /* @__PURE__ */ jsx268(
                       Fields_default.Input,
                       {
                         label: "Cbm",
@@ -48991,7 +49340,7 @@ function InvoiceForm2({
                         onChange: (val) => setItemQuantity(val)
                       }
                     ),
-                    /* @__PURE__ */ jsx266(
+                    /* @__PURE__ */ jsx268(
                       Fields_default.Input,
                       {
                         label: "Price (KES)",
@@ -49002,7 +49351,7 @@ function InvoiceForm2({
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ jsxs235(
+                  /* @__PURE__ */ jsxs237(
                     Button,
                     {
                       type: "button",
@@ -49010,23 +49359,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__ */ jsx266(Plus6, { size: 16 }),
+                        /* @__PURE__ */ jsx268(Plus6, { size: 16 }),
                         " Add Item"
                       ]
                     }
                   )
                 ] })
               ] }),
-              /* @__PURE__ */ jsxs235("div", { children: [
-                /* @__PURE__ */ jsx266("h4", { className: "text-xs font-bold text-gray-400 uppercase mb-3 tracking-wider", children: "Invoice Items List" }),
-                /* @__PURE__ */ jsx266("div", { className: "border border-gray-200 dark:border-zinc-800 rounded-2xl overflow-hidden bg-white dark:bg-gray-900/80", children: /* @__PURE__ */ jsx266("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs235("table", { className: "w-full text-left border-collapse", children: [
-                  /* @__PURE__ */ jsx266("thead", { className: "bg-gray-50 dark:bg-zinc-800/40 border-b border-gray-200 dark:border-zinc-800", children: /* @__PURE__ */ jsxs235("tr", { children: [
-                    /* @__PURE__ */ jsx266("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__ */ jsx266("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__ */ jsx266("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__ */ jsx266("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__ */ jsxs237("div", { children: [
+                /* @__PURE__ */ jsx268("h4", { className: "text-xs font-bold text-gray-400 uppercase mb-3 tracking-wider", children: "Invoice Items List" }),
+                /* @__PURE__ */ jsx268("div", { className: "border border-gray-200 dark:border-zinc-800 rounded-2xl overflow-hidden bg-white dark:bg-gray-900/80", children: /* @__PURE__ */ jsx268("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs237("table", { className: "w-full text-left border-collapse", children: [
+                  /* @__PURE__ */ jsx268("thead", { className: "bg-gray-50 dark:bg-zinc-800/40 border-b border-gray-200 dark:border-zinc-800", children: /* @__PURE__ */ jsxs237("tr", { children: [
+                    /* @__PURE__ */ jsx268("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__ */ jsx268("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__ */ jsx268("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__ */ jsx268("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__ */ jsx266("tbody", { className: "divide-y divide-gray-100 dark:divide-zinc-800", children: fields.length === 0 ? /* @__PURE__ */ jsx266("tr", { children: /* @__PURE__ */ jsx266(
+                  /* @__PURE__ */ jsx268("tbody", { className: "divide-y divide-gray-100 dark:divide-zinc-800", children: fields.length === 0 ? /* @__PURE__ */ jsx268("tr", { children: /* @__PURE__ */ jsx268(
                     "td",
                     {
                       colSpan: 4,
@@ -49035,30 +49384,30 @@ function InvoiceForm2({
                     }
                   ) }) : fields.map((item, index) => {
                     const total = item.quantity * item.amount;
-                    return /* @__PURE__ */ jsxs235(
+                    return /* @__PURE__ */ jsxs237(
                       "tr",
                       {
                         className: "hover:bg-gray-50/50 dark:hover:bg-zinc-800/10 transition-colors",
                         children: [
-                          /* @__PURE__ */ jsx266("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__ */ jsxs235("td", { className: "px-2 sm:px-4 py-1", children: [
-                            /* @__PURE__ */ jsx266("div", { className: "font-bold text-gray-900 dark:text-white text-xs sm:text-sm", children: item.name }),
-                            /* @__PURE__ */ jsxs235("div", { className: "text-[10px] sm:text-xs text-gray-400 dark:text-zinc-500 mt-0.5", children: [
+                          /* @__PURE__ */ jsx268("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__ */ jsxs237("td", { className: "px-2 sm:px-4 py-1", children: [
+                            /* @__PURE__ */ jsx268("div", { className: "font-bold text-gray-900 dark:text-white text-xs sm:text-sm", children: item.name }),
+                            /* @__PURE__ */ jsxs237("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__ */ jsx266("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__ */ jsx266("td", { className: "px-2 sm:px-4 py-1 text-xs sm:text-sm text-right", children: /* @__PURE__ */ jsx266(
+                          /* @__PURE__ */ jsx268("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__ */ jsx268("td", { className: "px-2 sm:px-4 py-1 text-xs sm:text-sm text-right", children: /* @__PURE__ */ jsx268(
                             "button",
                             {
                               type: "button",
                               onClick: () => remove(index),
                               className: "text-gray-400 hover:text-red-500 transition-colors p-1",
-                              children: /* @__PURE__ */ jsx266(
-                                Trash252,
+                              children: /* @__PURE__ */ jsx268(
+                                Trash253,
                                 {
                                   size: 13,
                                   className: "sm:w-3.5 sm:h-3.5 w-3 h-3"
@@ -49071,8 +49420,8 @@ function InvoiceForm2({
                       item.id
                     );
                   }) }),
-                  fields.length > 0 && /* @__PURE__ */ jsx266("tfoot", { className: "bg-gray-50/50 dark:bg-zinc-800/10 border-t border-gray-200 dark:border-zinc-800", children: /* @__PURE__ */ jsxs235("tr", { children: [
-                    /* @__PURE__ */ jsx266(
+                  fields.length > 0 && /* @__PURE__ */ jsx268("tfoot", { className: "bg-gray-50/50 dark:bg-zinc-800/10 border-t border-gray-200 dark:border-zinc-800", children: /* @__PURE__ */ jsxs237("tr", { children: [
+                    /* @__PURE__ */ jsx268(
                       "td",
                       {
                         colSpan: 2,
@@ -49080,20 +49429,20 @@ function InvoiceForm2({
                         children: "Total"
                       }
                     ),
-                    /* @__PURE__ */ jsx266("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__ */ jsx268("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__ */ jsx266("td", {})
+                    /* @__PURE__ */ jsx268("td", {})
                   ] }) })
                 ] }) }) })
               ] }),
-              /* @__PURE__ */ jsxs235("div", { className: "border-t border-gray-200 dark:border-zinc-800 pt-6", children: [
-                /* @__PURE__ */ jsxs235("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-                  /* @__PURE__ */ jsx266(
+              /* @__PURE__ */ jsxs237("div", { className: "border-t border-gray-200 dark:border-zinc-800 pt-6", children: [
+                /* @__PURE__ */ jsxs237("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                  /* @__PURE__ */ jsx268(
                     Fields_default.DateInput,
                     {
                       label: "Date",
@@ -49102,20 +49451,20 @@ function InvoiceForm2({
                       required: true
                     }
                   ),
-                  /* @__PURE__ */ jsx266(Fields_default.Input, { label: "Currency", value: "KES", disabled: true })
+                  /* @__PURE__ */ jsx268(Fields_default.Input, { label: "Currency", value: "KES", disabled: true })
                 ] }),
-                /* @__PURE__ */ jsxs235("div", { className: "flex justify-between items-center mt-6", children: [
-                  /* @__PURE__ */ jsx266("div", { children: isEdit && /* @__PURE__ */ jsx266(
+                /* @__PURE__ */ jsxs237("div", { className: "flex justify-between items-center mt-6", children: [
+                  /* @__PURE__ */ jsx268("div", { children: isEdit && /* @__PURE__ */ jsx268(
                     ConfirmModal,
                     {
                       title: "Reverse Transaction",
-                      description: /* @__PURE__ */ jsxs235("div", { className: "space-y-3 text-left", children: [
-                        /* @__PURE__ */ jsx266("p", { children: "Are you sure you want to reverse this transaction?" }),
-                        /* @__PURE__ */ jsx266("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__ */ jsxs237("div", { className: "space-y-3 text-left", children: [
+                        /* @__PURE__ */ jsx268("p", { children: "Are you sure you want to reverse this transaction?" }),
+                        /* @__PURE__ */ jsx268("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__ */ jsx266(
+                      children: /* @__PURE__ */ jsx268(
                         Button,
                         {
                           type: "button",
@@ -49128,8 +49477,8 @@ function InvoiceForm2({
                       )
                     }
                   ) }),
-                  /* @__PURE__ */ jsxs235("div", { className: "flex justify-end gap-3", children: [
-                    close && /* @__PURE__ */ jsx266(
+                  /* @__PURE__ */ jsxs237("div", { className: "flex justify-end gap-3", children: [
+                    close && /* @__PURE__ */ jsx268(
                       Button,
                       {
                         type: "button",
@@ -49139,7 +49488,7 @@ function InvoiceForm2({
                         children: "Cancel"
                       }
                     ),
-                    /* @__PURE__ */ jsx266(
+                    /* @__PURE__ */ jsx268(
                       Button,
                       {
                         isLoading,
@@ -49163,13 +49512,13 @@ function InvoiceForm2({
 var InvoiceForm_default2 = InvoiceForm2;
 
 // src/components/Transactions/cargoIM/journalForm.tsx
-import React45 from "react";
-import { useForm as useForm60 } from "react-hook-form";
-import { zodResolver as zodResolver59 } from "@hookform/resolvers/zod";
-import { useParams as useParams107 } from "react-router-dom";
-import { message as message87 } from "antd";
+import React46 from "react";
+import { useForm as useForm61 } from "react-hook-form";
+import { zodResolver as zodResolver60 } from "@hookform/resolvers/zod";
+import { useParams as useParams110 } from "react-router-dom";
+import { message as message88 } from "antd";
 import dayjs12 from "dayjs";
-import { jsx as jsx267, jsxs as jsxs236 } from "react/jsx-runtime";
+import { jsx as jsx269, jsxs as jsxs238 } from "react/jsx-runtime";
 function JournalForm5({
   onReload,
   close,
@@ -49177,16 +49526,16 @@ function JournalForm5({
   action = "debit",
   id
 }) {
-  const { branchId } = useParams107();
+  const { branchId } = useParams110();
   const { currencies } = useWarqadConfig();
   const { stock: defaultCurrency } = currencies;
-  const [ref2, setRef] = React45.useState(void 0);
+  const [ref2, setRef] = React46.useState(void 0);
   const { post, isLoading } = useApis_default();
   const { get, isLoading: getLoading } = useApis_default();
   const { put, isLoading: isLoadingReverse } = useApis_default();
   const isEdit = !!id;
-  const methods = useForm60({
-    resolver: zodResolver59(journalSchema5),
+  const methods = useForm61({
+    resolver: zodResolver60(journalSchema5),
     defaultValues: {
       date: dayjs12().format("DD/MM/YYYY"),
       currency: defaultCurrency,
@@ -49208,10 +49557,10 @@ function JournalForm5({
       });
       setRef(data?.ref);
     } catch (error) {
-      message87.error(error?.message || "Something went wrong");
+      message88.error(error?.message || "Something went wrong");
     }
   };
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     if (isEdit) {
       fetches();
     }
@@ -49229,13 +49578,13 @@ function JournalForm5({
         url: `/transactions/add${isEdit ? `?ref=${ref2}` : ""}`,
         body: payload
       });
-      message87.success(
+      message88.success(
         isEdit ? "Journal updated successfully" : "Journal saved successfully"
       );
       if (onReload) onReload();
       if (close) close();
     } catch (error) {
-      message87.error(error?.message || "Something went wrong");
+      message88.error(error?.message || "Something went wrong");
     }
   };
   const onReverse = async () => {
@@ -49244,11 +49593,11 @@ function JournalForm5({
       await put({
         url: `/transactions/reverse/${id}`
       });
-      message87.success("Transaction reversed successfully");
+      message88.success("Transaction reversed successfully");
       if (onReload) onReload();
       if (close) close();
     } catch (error) {
-      message87.error(error?.message || "Something went wrong");
+      message88.error(error?.message || "Something went wrong");
     }
   };
   const handleKeyDown = (e) => {
@@ -49260,19 +49609,19 @@ function JournalForm5({
       e.preventDefault();
     }
   };
-  return /* @__PURE__ */ jsx267(
+  return /* @__PURE__ */ jsx269(
     Card,
     {
       isLoading: getLoading,
       className: "max-w-2xl mx-auto relative border-0 shadow-none p-0 bg-transparent dark:bg-transparent",
-      children: /* @__PURE__ */ jsx267(Card.Content, { children: /* @__PURE__ */ jsxs236(
+      children: /* @__PURE__ */ jsx269(Card.Content, { children: /* @__PURE__ */ jsxs238(
         "form",
         {
           onSubmit: handleSubmit(onSubmit),
           onKeyDown: handleKeyDown,
           className: "space-y-4",
           children: [
-            /* @__PURE__ */ jsx267(
+            /* @__PURE__ */ jsx269(
               Fields_default.Input,
               {
                 label: "Description",
@@ -49283,8 +49632,8 @@ function JournalForm5({
                 placeholder: "Enter description"
               }
             ),
-            /* @__PURE__ */ jsxs236("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-              /* @__PURE__ */ jsx267(
+            /* @__PURE__ */ jsxs238("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+              /* @__PURE__ */ jsx269(
                 Fields_default.DateInput,
                 {
                   label: "Date",
@@ -49293,7 +49642,7 @@ function JournalForm5({
                   required: true
                 }
               ),
-              /* @__PURE__ */ jsx267(
+              /* @__PURE__ */ jsx269(
                 Fields_default.Input,
                 {
                   label: "Currency",
@@ -49303,8 +49652,8 @@ function JournalForm5({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs236("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-              /* @__PURE__ */ jsx267(
+            /* @__PURE__ */ jsxs238("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+              /* @__PURE__ */ jsx269(
                 Fields_default.Input,
                 {
                   label: "Amount",
@@ -49315,7 +49664,7 @@ function JournalForm5({
                   placeholder: "0.00"
                 }
               ),
-              /* @__PURE__ */ jsx267(
+              /* @__PURE__ */ jsx269(
                 Fields_default.Select,
                 {
                   label: "Action",
@@ -49329,7 +49678,7 @@ function JournalForm5({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx267(
+            /* @__PURE__ */ jsx269(
               Fields_default.Textarea,
               {
                 label: "Note",
@@ -49339,18 +49688,18 @@ function JournalForm5({
                 rows: 3
               }
             ),
-            /* @__PURE__ */ jsxs236("div", { className: "flex justify-between items-center pt-4 border-t border-gray-100 dark:border-zinc-800", children: [
-              /* @__PURE__ */ jsx267("div", { children: isEdit && /* @__PURE__ */ jsx267(
+            /* @__PURE__ */ jsxs238("div", { className: "flex justify-between items-center pt-4 border-t border-gray-100 dark:border-zinc-800", children: [
+              /* @__PURE__ */ jsx269("div", { children: isEdit && /* @__PURE__ */ jsx269(
                 ConfirmModal,
                 {
                   title: "Reverse Transaction",
-                  description: /* @__PURE__ */ jsxs236("div", { className: "space-y-3 text-left", children: [
-                    /* @__PURE__ */ jsx267("p", { children: "Are you sure you want to reverse this transaction?" }),
-                    /* @__PURE__ */ jsx267("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__ */ jsxs238("div", { className: "space-y-3 text-left", children: [
+                    /* @__PURE__ */ jsx269("p", { children: "Are you sure you want to reverse this transaction?" }),
+                    /* @__PURE__ */ jsx269("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__ */ jsx267(
+                  children: /* @__PURE__ */ jsx269(
                     Button,
                     {
                       type: "button",
@@ -49363,8 +49712,8 @@ function JournalForm5({
                   )
                 }
               ) }),
-              /* @__PURE__ */ jsxs236("div", { className: "flex justify-end gap-3", children: [
-                close && /* @__PURE__ */ jsx267(
+              /* @__PURE__ */ jsxs238("div", { className: "flex justify-end gap-3", children: [
+                close && /* @__PURE__ */ jsx269(
                   Button,
                   {
                     type: "button",
@@ -49374,7 +49723,7 @@ function JournalForm5({
                     children: "Cancel"
                   }
                 ),
-                /* @__PURE__ */ jsx267(
+                /* @__PURE__ */ jsx269(
                   Button,
                   {
                     isLoading,
@@ -49396,15 +49745,15 @@ function JournalForm5({
 var journalForm_default2 = JournalForm5;
 
 // src/components/Transactions/cargoIM/CargoIM.tsx
-import { Fragment as Fragment133, jsx as jsx268, jsxs as jsxs237 } from "react/jsx-runtime";
+import { Fragment as Fragment135, jsx as jsx270, jsxs as jsxs239 } from "react/jsx-runtime";
 function CargoIM({ v, url }) {
-  const { branchId } = useParams108();
+  const { branchId } = useParams111();
   const { apiConfig } = useWarqadConfig();
   const { width } = useMediaSize();
   const isLargeScreen = width > 768;
-  const navigate = useNavigate64();
+  const navigate = useNavigate65();
   const type = "supplier";
-  const [deleteAccount, setDeleteAccount] = useState115(null);
+  const [deleteAccount, setDeleteAccount] = useState116(null);
   const { isLoading: isActionLoading, remove } = useApis_default();
   const { data, TransactionViewComponent, reload, isLoading } = useTransaction_default({
     url: url || `${apiConfig.accountStatementApi}?type=supplier${branchId ? `&branch=${branchId}` : ""}`,
@@ -49415,17 +49764,17 @@ function CargoIM({ v, url }) {
   const items = (data2) => [
     {
       label: `Edit ${type}`,
-      icon: /* @__PURE__ */ jsx268(FilePenLine42, { size: 16 }),
+      icon: /* @__PURE__ */ jsx270(FilePenLine43, { size: 16 }),
       onClick: () => openState({
         type: "Account",
-        content: /* @__PURE__ */ jsx268(AccountForm_default3, { onReload: reload, close, id: data2?._id }),
+        content: /* @__PURE__ */ jsx270(AccountForm_default3, { onReload: reload, close, id: data2?._id }),
         title: "Account Form",
         width: 800
       })
     },
     {
       label: `Delete ${type}`,
-      icon: /* @__PURE__ */ jsx268(Trash253, { className: "text-red-500", size: 16 }),
+      icon: /* @__PURE__ */ jsx270(Trash254, { className: "text-red-500", size: 16 }),
       onClick: () => setDeleteAccount(data2)
     }
   ].filter(Boolean);
@@ -49436,7 +49785,7 @@ function CargoIM({ v, url }) {
       className: "w-full",
       cell: ({ row }) => {
         const account = row.original;
-        return /* @__PURE__ */ jsx268(
+        return /* @__PURE__ */ jsx270(
           "span",
           {
             onClick: () => navigate(`${account?._id}`),
@@ -49465,8 +49814,8 @@ function CargoIM({ v, url }) {
       className: "w-px whitespace-nowrap",
       cell: ({ row }) => {
         const data2 = row.original;
-        return /* @__PURE__ */ jsxs237("div", { className: "flex gap-4 items-center", children: [
-          /* @__PURE__ */ jsx268(
+        return /* @__PURE__ */ jsxs239("div", { className: "flex gap-4 items-center", children: [
+          /* @__PURE__ */ jsx270(
             "button",
             {
               className: "cursor-pointer px-2 py-1 text-white rounded-lg text-xs bg-blue-500",
@@ -49474,7 +49823,7 @@ function CargoIM({ v, url }) {
                 openState({
                   type: "credit",
                   closeOnOverlayClick: false,
-                  content: /* @__PURE__ */ jsx268(
+                  content: /* @__PURE__ */ jsx270(
                     InvoiceForm_default2,
                     {
                       onReload: reload,
@@ -49489,7 +49838,7 @@ function CargoIM({ v, url }) {
               children: "Inv"
             }
           ),
-          /* @__PURE__ */ jsx268(
+          /* @__PURE__ */ jsx270(
             "button",
             {
               className: "cursor-pointer px-2 py-1 text-white rounded-lg text-xs bg-red-500",
@@ -49497,7 +49846,7 @@ function CargoIM({ v, url }) {
                 openState({
                   type: "debit",
                   closeOnOverlayClick: false,
-                  content: /* @__PURE__ */ jsx268(
+                  content: /* @__PURE__ */ jsx270(
                     journalForm_default2,
                     {
                       onReload: reload,
@@ -49513,14 +49862,14 @@ function CargoIM({ v, url }) {
               children: "Pay"
             }
           ),
-          /* @__PURE__ */ jsx268(
+          /* @__PURE__ */ jsx270(
             Dropdown,
             {
               className: "cursor-pointer",
               width: "w-[150px]",
               items: items(data2),
               triggerMode: "hover",
-              children: /* @__PURE__ */ jsx268(EllipsisVertical46, {})
+              children: /* @__PURE__ */ jsx270(EllipsisVertical47, {})
             }
           )
         ] });
@@ -49536,17 +49885,17 @@ function CargoIM({ v, url }) {
   const onDelete = async (id) => {
     try {
       await remove({ url: `/accounts/delete/${id}` });
-      message88.success("Account deleted successfully");
+      message89.success("Account deleted successfully");
       reload();
       setDeleteAccount(null);
     } catch (error) {
-      message88.error(error.message || "Something went wrong");
+      message89.error(error.message || "Something went wrong");
       return error;
     }
   };
-  return /* @__PURE__ */ jsxs237(Fragment133, { children: [
-    /* @__PURE__ */ jsx268(Modal2, {}),
-    /* @__PURE__ */ jsx268(
+  return /* @__PURE__ */ jsxs239(Fragment135, { children: [
+    /* @__PURE__ */ jsx270(Modal2, {}),
+    /* @__PURE__ */ jsx270(
       ConfirmModal,
       {
         isOpen: !!deleteAccount,
@@ -49559,7 +49908,7 @@ function CargoIM({ v, url }) {
         children: null
       }
     ),
-    /* @__PURE__ */ jsx268("div", { className: !isLargeScreen ? "origin-top" : "", children: /* @__PURE__ */ jsx268(
+    /* @__PURE__ */ jsx270("div", { className: !isLargeScreen ? "origin-top" : "", children: /* @__PURE__ */ jsx270(
       TransactionViewComponent,
       {
         columns,
@@ -49570,7 +49919,7 @@ function CargoIM({ v, url }) {
         onCreate: () => {
           openState({
             type: "account",
-            content: /* @__PURE__ */ jsx268(AccountForm_default3, { onReload: reload, close }),
+            content: /* @__PURE__ */ jsx270(AccountForm_default3, { onReload: reload, close }),
             title: "Account Form",
             width: 800
           });
@@ -49583,8 +49932,8 @@ var CargoIM_default = CargoIM;
 
 // src/components/Transactions/cargoIM/cargoIMReport.tsx
 import { useSearchParams as useSearchParams20 } from "react-router-dom";
-import { useMemo as useMemo52, useState as useState116, useEffect as useEffect116 } from "react";
-import { Fragment as Fragment134, jsx as jsx269, jsxs as jsxs238 } from "react/jsx-runtime";
+import { useMemo as useMemo53, useState as useState117, useEffect as useEffect117 } from "react";
+import { Fragment as Fragment136, jsx as jsx271, jsxs as jsxs240 } from "react/jsx-runtime";
 var CargoIMReport = () => {
   const { apiConfig, currencies: warqadCurrencies } = useWarqadConfig();
   const { TransactionView, openTransaction } = useTransactionView_default();
@@ -49600,7 +49949,7 @@ var CargoIMReport = () => {
   const [searchParams, setSearchParams] = useSearchParams20();
   const urlCurrency = searchParams.get("currency")?.toUpperCase();
   const initialCurrency = urlCurrency && currencyAllowed.includes(urlCurrency) ? urlCurrency : stock;
-  const [currencyFilter, setCurrencyFilter] = useState116(initialCurrency);
+  const [currencyFilter, setCurrencyFilter] = useState117(initialCurrency);
   const handleCurrencyChange = (value) => {
     setCurrencyFilter(value);
     setSearchParams((prev) => {
@@ -49608,7 +49957,7 @@ var CargoIMReport = () => {
       return prev;
     });
   };
-  useEffect116(() => {
+  useEffect117(() => {
     if (urlCurrency && currencyAllowed.includes(urlCurrency)) {
       setCurrencyFilter(urlCurrency);
     }
@@ -49628,9 +49977,9 @@ var CargoIMReport = () => {
       header: "Date",
       key: "date",
       className: "text-xs whitespace-nowrap",
-      render: (row) => /* @__PURE__ */ jsxs238("div", { className: "", children: [
-        /* @__PURE__ */ jsx269("p", { className: "font-bold text-black dark:text-white print:text-black", children: row.date }),
-        /* @__PURE__ */ jsx269(
+      render: (row) => /* @__PURE__ */ jsxs240("div", { className: "", children: [
+        /* @__PURE__ */ jsx271("p", { className: "font-bold text-black dark:text-white print:text-black", children: row.date }),
+        /* @__PURE__ */ jsx271(
           "span",
           {
             onClick: () => {
@@ -49649,13 +49998,13 @@ var CargoIMReport = () => {
       header: "Container No",
       key: "description",
       className: "text-xs w-full break-words",
-      render: (row) => /* @__PURE__ */ jsx269("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__ */ jsx271("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__ */ jsx269(
+        return /* @__PURE__ */ jsx271(
           "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`,
@@ -49669,13 +50018,13 @@ var CargoIMReport = () => {
       header: "Cbm",
       key: "cbm",
       className: "text-xs whitespace-nowrap text-right",
-      render: (row) => /* @__PURE__ */ jsx269("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__ */ jsx271("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__ */ jsx269(
+        return /* @__PURE__ */ jsx271(
           "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`,
@@ -49692,20 +50041,20 @@ var CargoIMReport = () => {
           ),
           0
         );
-        return totalCbm > 0 ? /* @__PURE__ */ jsx269("span", { className: "font-bold text-black dark:text-white print:text-black", children: totalCbm }) : null;
+        return totalCbm > 0 ? /* @__PURE__ */ jsx271("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__ */ jsx269("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__ */ jsx271("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__ */ jsx269(
+        return /* @__PURE__ */ jsx271(
           "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`,
@@ -49719,13 +50068,13 @@ var CargoIMReport = () => {
       header: "Credit",
       key: "credit",
       className: "text-xs whitespace-nowrap text-right",
-      render: (row) => /* @__PURE__ */ jsx269("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__ */ jsx271("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__ */ jsx269(
+        return /* @__PURE__ */ jsx271(
           "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`,
@@ -49734,7 +50083,7 @@ var CargoIMReport = () => {
           idx
         );
       }) }),
-      renderFooter: (data2) => /* @__PURE__ */ jsx269("span", { className: "text-green-500 font-bold", children: Formats_default.Amount(
+      renderFooter: (data2) => /* @__PURE__ */ jsx271("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),
@@ -49748,13 +50097,13 @@ var CargoIMReport = () => {
       header: "Debit",
       key: "debit",
       className: "text-xs whitespace-nowrap text-right",
-      render: (row) => /* @__PURE__ */ jsx269("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__ */ jsx271("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__ */ jsx269(
+        return /* @__PURE__ */ jsx271(
           "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`,
@@ -49763,7 +50112,7 @@ var CargoIMReport = () => {
           idx
         );
       }) }),
-      renderFooter: (data2) => /* @__PURE__ */ jsx269("span", { className: "text-red-500 font-bold", children: Formats_default.Amount(
+      renderFooter: (data2) => /* @__PURE__ */ jsx271("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),
@@ -49777,14 +50126,14 @@ var CargoIMReport = () => {
       header: "Balance",
       key: "runningBalance",
       className: "text-xs whitespace-nowrap text-right",
-      render: (row) => /* @__PURE__ */ jsx269("span", { className: "font-bold text-black dark:text-white print:text-black", children: Formats_default.Price(row.runningBalance, currency) }),
-      renderFooter: (data2) => /* @__PURE__ */ jsx269("span", { className: "text-black dark:text-white print:text-black font-bold", children: Formats_default.Price(
+      render: (row) => /* @__PURE__ */ jsx271("span", { className: "font-bold text-black dark:text-white print:text-black", children: Formats_default.Price(row.runningBalance, currency) }),
+      renderFooter: (data2) => /* @__PURE__ */ jsx271("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 = useMemo52(() => {
+  const datas = useMemo53(() => {
     let runningBalance = 0;
     const transactions = data?.data?.transactions;
     const res = (transactions || []).map((item) => {
@@ -49821,10 +50170,10 @@ var CargoIMReport = () => {
     { label: "Account Type", value: data?.data?.type },
     { label: "Currency", value: currencyFilter }
   ];
-  return /* @__PURE__ */ jsxs238(Fragment134, { children: [
-    /* @__PURE__ */ jsx269(Modal2, {}),
-    /* @__PURE__ */ jsx269(TransactionView, {}),
-    /* @__PURE__ */ jsx269(
+  return /* @__PURE__ */ jsxs240(Fragment136, { children: [
+    /* @__PURE__ */ jsx271(Modal2, {}),
+    /* @__PURE__ */ jsx271(TransactionView, {}),
+    /* @__PURE__ */ jsx271(
       A4DataView,
       {
         columns,
@@ -49839,7 +50188,7 @@ var CargoIMReport = () => {
           openState({
             type: "debit",
             closeOnOverlayClick: false,
-            content: row.type === "invoice-manager" ? /* @__PURE__ */ jsx269(
+            content: row.type === "invoice-manager" ? /* @__PURE__ */ jsx271(
               InvoiceForm_default2,
               {
                 close: closeTransaction,
@@ -49847,7 +50196,7 @@ var CargoIMReport = () => {
                 onReload: reload,
                 id: row._id
               }
-            ) : /* @__PURE__ */ jsx269(
+            ) : /* @__PURE__ */ jsx271(
               journalForm_default2,
               {
                 close: closeTransaction,
@@ -49860,7 +50209,7 @@ var CargoIMReport = () => {
             width: 800
           });
         },
-        headers: /* @__PURE__ */ jsx269("div", { className: "flex items-center gap-4", children: /* @__PURE__ */ jsx269(
+        headers: /* @__PURE__ */ jsx271("div", { className: "flex items-center gap-4", children: /* @__PURE__ */ jsx271(
           Fields_default.Select,
           {
             options: currencies,
@@ -49876,21 +50225,21 @@ var CargoIMReport = () => {
 var cargoIMReport_default = CargoIMReport;
 
 // src/components/accounts/forex-2/Forex2Accounts.tsx
-import { useNavigate as useNavigate65, useParams as useParams109 } from "react-router-dom";
+import { useNavigate as useNavigate66, useParams as useParams112 } from "react-router-dom";
 import {
-  EllipsisVertical as EllipsisVertical47,
+  EllipsisVertical as EllipsisVertical48,
   FileChartLine as FileChartLine2,
-  FilePenLine as FilePenLine43,
-  Trash2 as Trash254
+  FilePenLine as FilePenLine44,
+  Trash2 as Trash255
 } from "lucide-react";
-import { useState as useState117 } from "react";
-import { message as message89 } from "antd";
-import { Fragment as Fragment135, jsx as jsx270, jsxs as jsxs239 } from "react/jsx-runtime";
+import { useState as useState118 } from "react";
+import { message as message90 } from "antd";
+import { Fragment as Fragment137, jsx as jsx272, jsxs as jsxs241 } from "react/jsx-runtime";
 function Forex2Accounts({ v, url }) {
-  const { branchId } = useParams109();
-  const navigate = useNavigate65();
+  const { branchId } = useParams112();
+  const navigate = useNavigate66();
   const type = "account";
-  const [deleteAccount, setDeleteAccount] = useState117(null);
+  const [deleteAccount, setDeleteAccount] = useState118(null);
   const { isLoading: isActionLoading, remove } = useApis_default();
   const { data, TransactionViewComponent, reload, isLoading } = useTransaction_default({
     url: url || `/reports/forex-account-report${branchId ? `?branch=${branchId}` : ""}`,
@@ -49901,22 +50250,22 @@ function Forex2Accounts({ v, url }) {
   const items = (data2) => [
     {
       label: `Currency Report`,
-      icon: /* @__PURE__ */ jsx270(FileChartLine2, { size: 16 }),
+      icon: /* @__PURE__ */ jsx272(FileChartLine2, { size: 16 }),
       onClick: () => navigate(data2?._id)
     },
     {
       label: `Edit ${type}`,
-      icon: /* @__PURE__ */ jsx270(FilePenLine43, { size: 16 }),
+      icon: /* @__PURE__ */ jsx272(FilePenLine44, { size: 16 }),
       onClick: () => openState({
         type: "forex account",
-        content: /* @__PURE__ */ jsx270(ForexAccountForm_default, { close, reloads: reload, id: data2?._id }),
+        content: /* @__PURE__ */ jsx272(ForexAccountForm_default, { close, reloads: reload, id: data2?._id }),
         title: "Forex Account Form",
         width: 800
       })
     },
     {
       label: `Delete ${type}`,
-      icon: /* @__PURE__ */ jsx270(Trash254, { className: "text-red-500", size: 16 }),
+      icon: /* @__PURE__ */ jsx272(Trash255, { className: "text-red-500", size: 16 }),
       onClick: () => setDeleteAccount(data2)
     }
   ].filter(Boolean);
@@ -49926,7 +50275,7 @@ function Forex2Accounts({ v, url }) {
       header: "Name",
       cell: ({ row }) => {
         const account = row.original;
-        return /* @__PURE__ */ jsx270(
+        return /* @__PURE__ */ jsx272(
           "span",
           {
             onClick: () => navigate(`statements/${account?._id}`),
@@ -49941,7 +50290,7 @@ function Forex2Accounts({ v, url }) {
       header: "Phone",
       cell: ({ row }) => {
         const account = row.original;
-        return /* @__PURE__ */ jsx270("span", { children: account?.phoneNumber || "N/A" });
+        return /* @__PURE__ */ jsx272("span", { children: account?.phoneNumber || "N/A" });
       }
     },
     {
@@ -49949,14 +50298,14 @@ function Forex2Accounts({ v, url }) {
       header: "Balances",
       cell: ({ row }) => {
         const account = row.original;
-        return /* @__PURE__ */ jsx270("div", { className: "flex flex-wrap items-center gap-2", children: Object.entries(account?.transactions || {}).map(
-          ([currency, data2]) => /* @__PURE__ */ jsxs239(
+        return /* @__PURE__ */ jsx272("div", { className: "flex flex-wrap items-center gap-2", children: Object.entries(account?.transactions || {}).map(
+          ([currency, data2]) => /* @__PURE__ */ jsxs241(
             "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__ */ jsx270("span", { className: "text-[12px] font-bold text-gray-400 dark:text-gray-500 uppercase tracking-tighter", children: currency }),
-                /* @__PURE__ */ jsx270(
+                /* @__PURE__ */ jsx272("span", { className: "text-[12px] font-bold text-gray-400 dark:text-gray-500 uppercase tracking-tighter", children: currency }),
+                /* @__PURE__ */ jsx272(
                   "span",
                   {
                     className: `text-[12px] font-bold tabular-nums ${data2.balance < 0 ? "text-red-500" : "text-green-600 dark:text-green-500"}`,
@@ -49975,8 +50324,8 @@ function Forex2Accounts({ v, url }) {
       header: "Actions",
       cell: ({ row }) => {
         const data2 = row.original;
-        return /* @__PURE__ */ jsxs239("div", { className: "flex gap-4 items-center", children: [
-          /* @__PURE__ */ jsx270(
+        return /* @__PURE__ */ jsxs241("div", { className: "flex gap-4 items-center", children: [
+          /* @__PURE__ */ jsx272(
             "button",
             {
               className: "cursor-pointer px-2 py-1 text-white rounded-lg text-xs bg-blue-500",
@@ -49984,7 +50333,7 @@ function Forex2Accounts({ v, url }) {
                 openState({
                   type: "credit",
                   closeOnOverlayClick: false,
-                  content: /* @__PURE__ */ jsx270(
+                  content: /* @__PURE__ */ jsx272(
                     Forex2FormTransaction_default,
                     {
                       close,
@@ -50000,7 +50349,7 @@ function Forex2Accounts({ v, url }) {
               children: "Out"
             }
           ),
-          /* @__PURE__ */ jsx270(
+          /* @__PURE__ */ jsx272(
             "button",
             {
               className: "cursor-pointer px-2 py-1 text-white rounded-lg text-xs bg-red-500",
@@ -50008,7 +50357,7 @@ function Forex2Accounts({ v, url }) {
                 openState({
                   type: "debit",
                   closeOnOverlayClick: false,
-                  content: /* @__PURE__ */ jsx270(
+                  content: /* @__PURE__ */ jsx272(
                     Forex2FormTransaction_default,
                     {
                       close,
@@ -50024,13 +50373,13 @@ function Forex2Accounts({ v, url }) {
               children: "In"
             }
           ),
-          /* @__PURE__ */ jsx270(
+          /* @__PURE__ */ jsx272(
             Dropdown,
             {
               className: "cursor-pointer w-[150px]",
               items: items(data2),
               triggerMode: "hover",
-              children: /* @__PURE__ */ jsx270(EllipsisVertical47, {})
+              children: /* @__PURE__ */ jsx272(EllipsisVertical48, {})
             }
           )
         ] });
@@ -50041,11 +50390,11 @@ function Forex2Accounts({ v, url }) {
   const onDelete = async (id) => {
     try {
       await remove({ url: `/accounts/delete/${id}` });
-      message89.success("Account deleted successfully");
+      message90.success("Account deleted successfully");
       reload();
       setDeleteAccount(null);
     } catch (error) {
-      message89.error(error.message || "Something went wrong");
+      message90.error(error.message || "Something went wrong");
       return error;
     }
   };
@@ -50069,9 +50418,9 @@ function Forex2Accounts({ v, url }) {
     };
   }).filter((item) => item.debit !== 0 || item.credit !== 0);
   console.log(currencies);
-  return /* @__PURE__ */ jsxs239(Fragment135, { children: [
-    /* @__PURE__ */ jsx270(Modal2, {}),
-    /* @__PURE__ */ jsx270(
+  return /* @__PURE__ */ jsxs241(Fragment137, { children: [
+    /* @__PURE__ */ jsx272(Modal2, {}),
+    /* @__PURE__ */ jsx272(
       ConfirmModal,
       {
         isOpen: !!deleteAccount,
@@ -50084,9 +50433,9 @@ function Forex2Accounts({ v, url }) {
         children: null
       }
     ),
-    /* @__PURE__ */ jsxs239("div", { children: [
-      /* @__PURE__ */ jsx270(ForexAccountSummary_default, { currencies, isLoading }),
-      /* @__PURE__ */ jsx270(
+    /* @__PURE__ */ jsxs241("div", { children: [
+      /* @__PURE__ */ jsx272(ForexAccountSummary_default, { currencies, isLoading }),
+      /* @__PURE__ */ jsx272(
         TransactionViewComponent,
         {
           columns,
@@ -50098,7 +50447,7 @@ function Forex2Accounts({ v, url }) {
           onCreate: () => {
             openState({
               type: "forex account",
-              content: /* @__PURE__ */ jsx270(ForexAccountForm_default, { close, reloads: reload }),
+              content: /* @__PURE__ */ jsx272(ForexAccountForm_default, { close, reloads: reload }),
               title: "Forex Account Form",
               width: 800
             });
@@ -50111,14 +50460,14 @@ function Forex2Accounts({ v, url }) {
 var Forex2Accounts_default = Forex2Accounts;
 
 // src/components/reports/ProductList.tsx
-import { useParams as useParams110 } from "react-router-dom";
-import { Fragment as Fragment136, jsx as jsx271, jsxs as jsxs240 } from "react/jsx-runtime";
+import { useParams as useParams113 } from "react-router-dom";
+import { Fragment as Fragment138, jsx as jsx273, jsxs as jsxs242 } from "react/jsx-runtime";
 var options9 = [
   { label: "Product", value: "product" },
   { label: "Pack", value: "pack" }
 ];
 var ProductList2 = ({ value = false }) => {
-  const { branchId } = useParams110();
+  const { branchId } = useParams113();
   const { branches } = useAuth_default();
   const { TransactionView } = useTransactionView_default();
   const { getQuery, setQuery } = useApp_default();
@@ -50140,7 +50489,7 @@ var ProductList2 = ({ value = false }) => {
       key: "name",
       className: "text-xs whitespace-nowrap",
       render: (row) => {
-        return /* @__PURE__ */ jsx271("div", { className: "", children: /* @__PURE__ */ jsx271("p", { className: "font-bold text-black dark:text-white print:text-black", children: row.name }) });
+        return /* @__PURE__ */ jsx273("div", { className: "", children: /* @__PURE__ */ jsx273("p", { className: "font-bold text-black dark:text-white print:text-black", children: row.name }) });
       }
     },
     ...value ? [
@@ -50148,14 +50497,14 @@ var ProductList2 = ({ value = false }) => {
         header: "Cost",
         key: "cost",
         className: "text-xs whitespace-nowrap text-right",
-        render: (row) => /* @__PURE__ */ jsx271("span", { className: "font-bold text-black dark:text-white print:text-black", children: Formats_default.Amount(row.cost, false) })
+        render: (row) => /* @__PURE__ */ jsx273("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__ */ jsxs240(Fragment136, { children: [
-    /* @__PURE__ */ jsx271(TransactionView, {}),
-    /* @__PURE__ */ jsx271(
+  return /* @__PURE__ */ jsxs242(Fragment138, { children: [
+    /* @__PURE__ */ jsx273(TransactionView, {}),
+    /* @__PURE__ */ jsx273(
       A4DataView,
       {
         columns,
@@ -50166,7 +50515,7 @@ var ProductList2 = ({ value = false }) => {
         tableTitle: "Stock List",
         fixed: false,
         startPage: 1e10,
-        headers: /* @__PURE__ */ jsx271(
+        headers: /* @__PURE__ */ jsx273(
           Select,
           {
             options: options9,
@@ -50277,6 +50626,7 @@ export {
   posts_default as Posts,
   Feilds_default5 as ProductField,
   ProductForm_default as ProductForm,
+  ProductImage_default as ProductImage,
   ProductList_default as ProductList,
   Products_default as Products,
   profileAccount_default as ProfileAccount,