warqadui 0.0.279 → 0.0.281

package/dist/index.js

@@ -566,8 +566,8 @@ var InfoGrid = ({
         /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
           "span",
           {
-            className: `text-sm font-medium text-gray-700 block text-left ${item.mono ? "font-mono" : ""}`,
-            children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "h-4 bg-gray-200 dark:bg-zinc-800 rounded-sm animate-pulse w-3/4 mt-1" }) : item.value
+            className: `text-sm uppercase font-medium text-gray-700 block text-left ${item.mono ? "font-mono" : ""}`,
+            children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "h-4  bg-gray-200 dark:bg-zinc-800 rounded-sm animate-pulse w-3/4 mt-1" }) : item.value
           }
         )
       ] }, `${item.label}-${index}`))
@@ -1809,13 +1809,13 @@ var Input = (0, import_react11.forwardRef)(
         }
       }
     }, [props.value, name, form]);
-    let message91 = error;
+    let message92 = error;
     if (form && name) {
       const {
         formState: { errors }
       } = form;
       const errorObj = name.split(".").reduce((acc, current) => acc?.[current], errors);
-      message91 = errorObj?.message;
+      message92 = errorObj?.message;
     }
     const watchedValue = form?.watch(name);
     (0, import_react11.useEffect)(() => {
@@ -1884,7 +1884,7 @@ var Input = (0, import_react11.forwardRef)(
               }
             )
           ] }),
-          message91 && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-sm text-red-600 dark:text-red-400", children: message91 })
+          message92 && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-sm text-red-600 dark:text-red-400", children: message92 })
         ]
       }
     );
@@ -2232,7 +2232,7 @@ var PhoneInput = (0, import_react14.forwardRef)(
     const [isFocused, setIsFocused] = (0, import_react14.useState)(false);
     const { theme } = useWarqadConfig();
     const primaryColor = theme?.primaryColor;
-    let message91 = error;
+    let message92 = error;
     if (form && name) {
       const {
         formState: { errors }
@@ -2242,7 +2242,7 @@ var PhoneInput = (0, import_react14.forwardRef)(
       for (const part of nameParts) {
         currentError = currentError?.[part];
       }
-      message91 = currentError?.message || message91;
+      message92 = currentError?.message || message92;
     }
     const renderInput = (onChangeHandler, currentValue) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: `space-y-2 group relative ${containerClassName}`, children: [
       /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
@@ -2293,7 +2293,7 @@ var PhoneInput = (0, import_react14.forwardRef)(
           }
         )
       ] }),
-      message91 && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "text-sm text-red-600 dark:text-red-400", children: message91 })
+      message92 && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "text-sm text-red-600 dark:text-red-400", children: message92 })
     ] });
     if (form && name) {
       return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
@@ -2474,7 +2474,7 @@ var SelectRoot = ({
       setSearchQuery("");
     }
   }, [isOpen]);
-  let message91 = error;
+  let message92 = error;
   if (form && name) {
     const {
       formState: { errors }
@@ -2484,7 +2484,7 @@ var SelectRoot = ({
     for (const part of nameParts) {
       currentError = currentError?.[part];
     }
-    message91 = currentError?.message || message91;
+    message92 = currentError?.message || message92;
   }
   const allOptions = initialOptions?.length ? initialOptions : registeredOptions;
   const filteredOptions = (0, import_react15.useMemo)(() => {
@@ -2554,7 +2554,7 @@ var SelectRoot = ({
             String(opt.value) || index
           )) })
         ] }),
-        message91 && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "text-sm text-red-600 dark:text-red-400", children: message91 })
+        message92 && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "text-sm text-red-600 dark:text-red-400", children: message92 })
       ]
     }
   ) });
@@ -2819,13 +2819,13 @@ var Textarea = (0, import_react16.forwardRef)(
     const [isFocused, setIsFocused] = (0, import_react16.useState)(false);
     const { theme } = useWarqadConfig();
     const primaryColor = theme?.primaryColor;
-    let message91 = error;
+    let message92 = error;
     if (form && name) {
       const {
         formState: { errors }
       } = form;
       const errorObj = name.split(".").reduce((acc, current) => acc?.[current], errors);
-      message91 = errorObj?.message;
+      message92 = errorObj?.message;
     }
     const renderInput = (inputProps, ref3) => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: `space-y-2 group w-full! relative ${containerClassName}`, children: [
       /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
@@ -2863,7 +2863,7 @@ var Textarea = (0, import_react16.forwardRef)(
           }
         }
       ) }),
-      message91 && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-sm text-red-600 dark:text-red-400", children: message91 })
+      message92 && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-sm text-red-600 dark:text-red-400", children: message92 })
     ] });
     (0, import_react16.useEffect)(() => {
       if (form && name && props.value !== void 0 && props.value !== null && props.value !== "") {
@@ -3206,7 +3206,7 @@ var SearchApiRoot = ({
   const filteredOptions = options10.filter(
     (option) => !filter.includes(getOptionValue(option))
   );
-  let message91 = error || errorMessage;
+  let message92 = error || errorMessage;
   if (form && name) {
     const {
       formState: { errors }
@@ -3216,7 +3216,7 @@ var SearchApiRoot = ({
     for (const part of nameParts) {
       currentError = currentError?.[part];
     }
-    message91 = currentError?.message || message91;
+    message92 = currentError?.message || message92;
   }
   const valueCtx = {
     isOpen,
@@ -3250,7 +3250,7 @@ var SearchApiRoot = ({
     form,
     name,
     obj,
-    error: message91,
+    error: message92,
     onSelect,
     onClear
   };
@@ -3613,7 +3613,7 @@ var DateInput = (0, import_react18.forwardRef)(
     value,
     ...props
   }, ref2) => {
-    let message91 = error;
+    let message92 = error;
     const { theme } = useWarqadConfig();
     const primaryColor = theme?.primaryColor;
     const [isFocused, setIsFocused] = (0, import_react18.useState)(false);
@@ -3622,13 +3622,13 @@ var DateInput = (0, import_react18.forwardRef)(
         formState: { errors }
       } = form;
       const errorObj = name.split(".").reduce((acc, current) => acc?.[current], errors);
-      message91 = errorObj?.message;
+      message92 = 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!
-      ${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"}
+      ${message92 ? "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) => {
@@ -3661,8 +3661,8 @@ var DateInput = (0, import_react18.forwardRef)(
           needConfirm: false,
           style: {
             height: "var(--input-height, 40px)",
-            borderColor: isFocused && !message91 ? primaryColor : void 0,
-            boxShadow: isFocused && !message91 ? `${primaryColor}33 0px 0px 0px 2px` : void 0
+            borderColor: isFocused && !message92 ? primaryColor : void 0,
+            boxShadow: isFocused && !message92 ? `${primaryColor}33 0px 0px 0px 2px` : void 0
           },
           classNames: { popup: { root: "z-50" } },
           suffixIcon: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.Calendar, { className: "h-5 w-5 text-gray-400 group-focus-within:text-primary" }),
@@ -3677,7 +3677,7 @@ var DateInput = (0, import_react18.forwardRef)(
         {
           className: "block text-xs font-medium text-gray-700 dark:text-gray-300 transition-colors duration-200",
           style: {
-            color: message91 ? "#ef4444" : isFocused ? primaryColor : void 0
+            color: message92 ? "#ef4444" : isFocused ? primaryColor : void 0
           },
           children: [
             label,
@@ -3695,7 +3695,7 @@ var DateInput = (0, import_react18.forwardRef)(
           }) => renderDatePicker(value2, onC, onBlur2, fieldRef)
         }
       ) : renderDatePicker(value, onChange, onBlur, ref2),
-      message91 && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-sm text-red-600 dark:text-red-400", children: message91 })
+      message92 && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-sm text-red-600 dark:text-red-400", children: message92 })
     ] });
   }
 );
@@ -3724,7 +3724,7 @@ var MonthInput = (0, import_react19.forwardRef)(
     value,
     ...props
   }, ref2) => {
-    let message91 = error;
+    let message92 = error;
     const { theme } = useWarqadConfig();
     const primaryColor = theme?.primaryColor;
     const [isFocused, setIsFocused] = (0, import_react19.useState)(false);
@@ -3733,13 +3733,13 @@ var MonthInput = (0, import_react19.forwardRef)(
         formState: { errors }
       } = form;
       const errorObj = name.split(".").reduce((acc, current) => acc?.[current], errors);
-      message91 = errorObj?.message;
+      message92 = 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!
-      ${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"}
+      ${message92 ? "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) => {
@@ -3773,8 +3773,8 @@ var MonthInput = (0, import_react19.forwardRef)(
           needConfirm: false,
           style: {
             height: "var(--input-height, 40px)",
-            borderColor: isFocused && !message91 ? primaryColor : void 0,
-            boxShadow: isFocused && !message91 ? `${primaryColor}33 0px 0px 0px 2px` : void 0
+            borderColor: isFocused && !message92 ? primaryColor : void 0,
+            boxShadow: isFocused && !message92 ? `${primaryColor}33 0px 0px 0px 2px` : void 0
           },
           classNames: { popup: { root: "z-50" } },
           suffixIcon: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.Calendar, { className: "h-5 w-5 text-gray-400 group-focus-within:text-primary" }),
@@ -3789,7 +3789,7 @@ var MonthInput = (0, import_react19.forwardRef)(
         {
           className: "block text-xs font-medium text-gray-700 dark:text-gray-300 transition-colors duration-200",
           style: {
-            color: message91 ? "#ef4444" : isFocused ? primaryColor : void 0
+            color: message92 ? "#ef4444" : isFocused ? primaryColor : void 0
           },
           children: [
             label,
@@ -3807,7 +3807,7 @@ var MonthInput = (0, import_react19.forwardRef)(
           }) => renderDatePicker(value2, onC, onBlur2, fieldRef)
         }
       ) : renderDatePicker(value, onChange, onBlur, ref2),
-      message91 && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-sm text-red-600 dark:text-red-400", children: message91 })
+      message92 && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-sm text-red-600 dark:text-red-400", children: message92 })
     ] });
   }
 );
@@ -9276,17 +9276,17 @@ var preWarningFns = [];
 var preMessage = (fn) => {
   preWarningFns.push(fn);
 };
-function warning(valid, message91) {
+function warning(valid, message92) {
   if (process.env.NODE_ENV !== "production" && !valid && console !== void 0) {
-    const finalMessage = preWarningFns.reduce((msg, preMessageFn) => preMessageFn(msg ?? "", "warning"), message91);
+    const finalMessage = preWarningFns.reduce((msg, preMessageFn) => preMessageFn(msg ?? "", "warning"), message92);
     if (finalMessage) {
       console.error(`Warning: ${finalMessage}`);
     }
   }
 }
-function note(valid, message91) {
+function note(valid, message92) {
   if (process.env.NODE_ENV !== "production" && !valid && console !== void 0) {
-    const finalMessage = preWarningFns.reduce((msg, preMessageFn) => preMessageFn(msg ?? "", "note"), message91);
+    const finalMessage = preWarningFns.reduce((msg, preMessageFn) => preMessageFn(msg ?? "", "note"), message92);
     if (finalMessage) {
       console.warn(`Note: ${finalMessage}`);
     }
@@ -9295,17 +9295,17 @@ function note(valid, message91) {
 function resetWarned() {
   warned = {};
 }
-function call(method, valid, message91) {
-  if (!valid && !warned[message91]) {
-    method(false, message91);
-    warned[message91] = true;
+function call(method, valid, message92) {
+  if (!valid && !warned[message92]) {
+    method(false, message92);
+    warned[message92] = true;
   }
 }
-function warningOnce(valid, message91) {
-  call(warning, valid, message91);
+function warningOnce(valid, message92) {
+  call(warning, valid, message92);
 }
-function noteOnce(valid, message91) {
-  call(note, valid, message91);
+function noteOnce(valid, message92) {
+  call(note, valid, message92);
 }
 warningOnce.preMessage = preMessage;
 warningOnce.resetWarned = resetWarned;
@@ -9316,8 +9316,8 @@ var import_react35 = __toESM(require("react"));
 function camelCase(input) {
   return input.replace(/-(.)/g, (match, g) => g.toUpperCase());
 }
-function warning2(valid, message91) {
-  warningOnce(valid, `[@ant-design/icons] ${message91}`);
+function warning2(valid, message92) {
+  warningOnce(valid, `[@ant-design/icons] ${message92}`);
 }
 function isIconDefinition(target) {
   return typeof target === "object" && typeof target.name === "string" && typeof target.theme === "string" && (typeof target.icon === "object" || typeof target.icon === "function");
@@ -22977,7 +22977,7 @@ var ForexExpensesReport_default = ForexExpensesReport;
 var import_jsx_runtime131 = require("react/jsx-runtime");
 var ErrorPageBase = ({
   title,
-  message: message91,
+  message: message92,
   statusCode,
   action,
   className = ""
@@ -22994,7 +22994,7 @@ var ErrorPageBase = ({
             statusCode
           ] }),
           title && /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("h1", { className: "text-4xl md:text-5xl font-extrabold tracking-tight drop-shadow-sm", children: title }),
-          message91 && /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("p", { className: "text-lg md:text-xl text-zinc-600 dark:text-zinc-400 max-w-md mx-auto", children: message91 }),
+          message92 && /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("p", { className: "text-lg md:text-xl text-zinc-600 dark:text-zinc-400 max-w-md mx-auto", children: message92 }),
           action && /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("div", { className: "pt-8", children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
             "button",
             {
@@ -44934,10 +44934,7 @@ function Payments3({ url }) {
     {
       accessorKey: "account",
       header: "Account",
-      cell: ({ row }) => {
-        const payment = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime249.jsx)("span", { children: payment?.accountData?.name || "N/A" });
-      }
+      accessorFn: (data2) => data2?.accountData?.name || "N/A"
     },
     {
       accessorKey: "wallet",
@@ -45377,10 +45374,7 @@ function Journals3({ url }) {
     {
       accessorKey: "account",
       header: "Account",
-      cell: ({ row }) => {
-        const journal = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime251.jsx)("span", { children: journal?.accountData?.name || "N/A" });
-      }
+      accessorFn: (data2) => data2?.accountData?.name || "N/A"
     },
     {
       accessorKey: "amount",
@@ -48446,7 +48440,7 @@ var Expenses3Reports = () => {
   const [startDate, setStartDate] = (0, import_react161.useState)(null);
   const [endDate, setEndDate] = (0, import_react161.useState)(null);
   const { A4DataView, data } = useA4DataView_default({
-    url: `/transactions/get?type=expense-3${branchId ? `&branch=${branchId}` : ""}`,
+    url: `/transactions/get?isExpenses3=true${branchId ? `&branch=${branchId}` : ""}`,
     v: 1
     // No prefix
   });
@@ -48577,6 +48571,347 @@ var Reports3 = {
 };
 var reports_default = Reports3;
 
+// src/components/Transactions/3/expenseJournal/ExpensesJournal.tsx
+var import_react_router_dom126 = require("react-router-dom");
+var import_lucide_react126 = require("lucide-react");
+var import_jsx_runtime266 = require("react/jsx-runtime");
+function ExpensesJournal3({ url }) {
+  const { branchId } = (0, import_react_router_dom126.useParams)();
+  const navigate = (0, import_react_router_dom126.useNavigate)();
+  const { TransactionView, openTransaction } = useTransactionView_default();
+  const { data, TransactionViewComponent, reload } = useTransaction_default({
+    url: url || `/transactions/get?type=expense-journal-3${branchId ? `&branch=${branchId}` : ""}`,
+    dateFilter: true
+  });
+  const { Modal: Modal2 } = useModal();
+  const items = (data2) => [
+    {
+      label: `View Expense`,
+      icon: /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(import_lucide_react126.FilePenLine, { size: 16 }),
+      onClick: () => openTransaction({ id: data2?._id, type: "expense-3" })
+    },
+    {
+      label: `Edit Expense`,
+      icon: /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(import_lucide_react126.FilePenLine, { size: 16 }),
+      onClick: () => navigate(`update?id=${data2?._id}`)
+    },
+    {
+      label: `Delete Expense`,
+      icon: /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(import_lucide_react126.Trash2, { 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__ */ (0, import_jsx_runtime266.jsxs)("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime266.jsx)("span", { children: expense?.date }),
+          /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(
+            "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__ */ (0, import_jsx_runtime266.jsxs)("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime266.jsx)("span", { className: "capitalize", children: expense?.description }),
+          expense?.note && /* @__PURE__ */ (0, import_jsx_runtime266.jsx)("span", { className: "text-xs text-gray-500 italic max-w-xs truncate", children: expense?.note })
+        ] });
+      }
+    },
+    {
+      accessorKey: "amount",
+      header: "Amount",
+      cell: ({ row }) => {
+        const expense = row.original;
+        return /* @__PURE__ */ (0, import_jsx_runtime266.jsxs)("div", { className: "", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime266.jsx)("p", { className: "font-medium text-red-600", children: Formats_default.Price(expense?.amount, expense?.currency) }),
+          expense?.exchange?.rate && expense?.exchange?.rate > 0 && /* @__PURE__ */ (0, import_jsx_runtime266.jsxs)("p", { className: "text-xs text-gray-500 italic", children: [
+            "rate ",
+            expense?.exchange?.rate,
+            " ,",
+            " ",
+            Formats_default.Price(
+              expense?.exchange?.amount || 0,
+              expense?.exchange?.currency
+            )
+          ] })
+        ] });
+      }
+    },
+    {
+      accessorKey: "actions",
+      header: "Actions",
+      cell: ({ row }) => {
+        const data2 = row.original;
+        return /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(
+          Dropdown,
+          {
+            className: "cursor-pointer w-[150px]",
+            items: items(data2),
+            triggerMode: "hover",
+            children: /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(import_lucide_react126.EllipsisVertical, {})
+          }
+        );
+      }
+    }
+  ];
+  const expenses = data?.data || [];
+  return /* @__PURE__ */ (0, import_jsx_runtime266.jsxs)(import_jsx_runtime266.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(TransactionView, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(Modal2, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(
+      TransactionViewComponent,
+      {
+        columns,
+        data: expenses,
+        title: "Expenses",
+        description: "Track and manage business expenses",
+        index: true,
+        createTitle: "Add Expense",
+        onCreate: () => {
+          navigate("create");
+        }
+      }
+    )
+  ] });
+}
+var ExpensesJournal_default = ExpensesJournal3;
+
+// src/components/Transactions/3/expenseJournal/ExpensesJournal3Form.tsx
+var import_react162 = require("react");
+var import_react_router_dom127 = require("react-router-dom");
+var import_react_hook_form75 = require("react-hook-form");
+var import_zod126 = require("@hookform/resolvers/zod");
+var import_antd97 = require("antd");
+
+// src/components/Transactions/3/expenseJournal/schema.ts
+var import_zod125 = require("zod");
+var expenseSchema5 = import_zod125.z.object({
+  description: import_zod125.z.string().min(1, "Description is required"),
+  date: zodFields.date,
+  amount: import_zod125.z.number().gt(0, "Amount must be greater than 0"),
+  branch: import_zod125.z.string().optional(),
+  note: import_zod125.z.string().optional(),
+  currency: import_zod125.z.enum(Enums_default.currencies),
+  rate: import_zod125.z.number().optional()
+});
+
+// src/components/Transactions/3/expenseJournal/ExpensesJournal3Form.tsx
+var import_jsx_runtime267 = require("react/jsx-runtime");
+function ExpensesJournal3Form() {
+  const { branchId } = (0, import_react_router_dom127.useParams)();
+  const { getQuery, navigate } = useApp_default();
+  const id = getQuery("id");
+  const isEdit = !!id;
+  const [ref2, setRef] = (0, import_react162.useState)("");
+  const { post, isLoading } = useApis_default();
+  const { isLoading: isLoadingGet, get } = useApis_default();
+  const { defaultCurrency } = useWarqadConfig().currencies;
+  const methods = (0, import_react_hook_form75.useForm)({
+    resolver: (0, import_zod126.zodResolver)(expenseSchema5),
+    defaultValues: {
+      date: (/* @__PURE__ */ new Date()).toLocaleDateString("en-GB"),
+      amount: 0,
+      description: "",
+      rate: void 0,
+      branch: branchId || void 0
+    }
+  });
+  const { handleSubmit, reset, watch } = methods;
+  const currency = watch("currency");
+  const isRate = currency && currency !== defaultCurrency;
+  const amount = watch("amount");
+  const rate = watch("rate");
+  const exchangedAmount2 = (0, import_react162.useMemo)(() => {
+    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-journal-3",
+        defaultCurrency,
+        branch: branchId ?? void 0,
+        rate: data?.rate ?? 1
+      };
+      await post({
+        url: `/transactions/add${isEdit ? `?ref=${ref2}` : ""}`,
+        body: payload
+      });
+      import_antd97.message.success(`Expense saved successfully`);
+      navigate(-1);
+    } catch (error) {
+      import_antd97.message.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,
+        rate: data?.exchange?.rate
+      });
+      setRef(data?.ref);
+    } catch (error) {
+      import_antd97.message.error(error?.message || "Something went wrong");
+      navigate(-1);
+    }
+  };
+  (0, import_react162.useEffect)(() => {
+    if (isEdit) {
+      fetches();
+    }
+  }, [id]);
+  return /* @__PURE__ */ (0, import_jsx_runtime267.jsxs)(
+    Card,
+    {
+      className: "max-w-4xl mx-auto mt-10 relative",
+      isLoading: isLoadingGet,
+      loadingText: "Processing...",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime267.jsxs)(Card.Header, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Expense` }),
+          /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(Card.Description, { children: isEdit ? `Update the details for this expense entry` : `Record a new business expense` })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(Card.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime267.jsxs)(
+          "form",
+          {
+            className: "space-y-4",
+            onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime267.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(
+                  Fields_default.Input,
+                  {
+                    label: "Description",
+                    form: methods,
+                    name: "description",
+                    placeholder: "What was this expense for?",
+                    required: true
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(
+                  Fields_default.Select,
+                  {
+                    label: "Currency",
+                    form: methods,
+                    enumName: "currencies",
+                    name: "currency",
+                    required: true
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime267.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(
+                  Fields_default.DateInput,
+                  {
+                    label: "Date",
+                    form: methods,
+                    name: "date",
+                    required: true
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(
+                  Fields_default.Input,
+                  {
+                    label: "Amount",
+                    form: methods,
+                    name: "amount",
+                    type: "number",
+                    placeholder: "0.00",
+                    required: true
+                  }
+                ),
+                isRate && /* @__PURE__ */ (0, import_jsx_runtime267.jsxs)(import_jsx_runtime267.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(
+                    Fields_default.Input,
+                    {
+                      label: "Rate",
+                      form: methods,
+                      name: "rate",
+                      type: "number",
+                      placeholder: "Rate",
+                      required: true
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(
+                    Fields_default.Input,
+                    {
+                      label: "Exchanged Amount",
+                      type: "text",
+                      readOnly: true,
+                      disabled: true,
+                      value: exchangedAmount2
+                    }
+                  )
+                ] })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(
+                Fields_default.Textarea,
+                {
+                  label: "Note",
+                  form: methods,
+                  name: "note",
+                  placeholder: "Add any additional details..."
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime267.jsx)("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(
+                Button,
+                {
+                  isLoading,
+                  disabled: isLoading,
+                  type: "submit",
+                  className: "min-w-[100px]",
+                  variant: !isEdit ? "primary" : "warning",
+                  children: isEdit ? "Update" : "Add"
+                }
+              ) })
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+}
+var ExpensesJournal3Form_default = ExpensesJournal3Form;
+
+// src/components/Transactions/3/expenseJournal/index.tsx
+var ExpensesJournal32 = {
+  List: ExpensesJournal_default,
+  Form: ExpensesJournal3Form_default
+};
+var expenseJournal_default = ExpensesJournal32;
+
 // src/components/Transactions/3/index.ts
 var Transaction3 = {
   Payments: Payments_default3,
@@ -48589,26 +48924,27 @@ var Transaction3 = {
   Purchase3Form: purchase3_default.Form,
   Expenses: expense_default.List,
   ExpenseForm: expense_default.Form,
-  Reports: reports_default
+  Reports: reports_default,
+  ExpensesJournal3: expenseJournal_default
 };
 var __default = Transaction3;
 
 // src/components/reports/ItemReport.tsx
-var import_react_router_dom126 = require("react-router-dom");
-var import_zod124 = require("zod");
-var import_react_hook_form75 = require("react-hook-form");
-var import_zod125 = require("@hookform/resolvers/zod");
-var import_react162 = require("react");
-var import_antd97 = require("antd");
-var import_jsx_runtime266 = require("react/jsx-runtime");
+var import_react_router_dom128 = require("react-router-dom");
+var import_zod127 = require("zod");
+var import_react_hook_form76 = require("react-hook-form");
+var import_zod128 = require("@hookform/resolvers/zod");
+var import_react163 = require("react");
+var import_antd98 = require("antd");
+var import_jsx_runtime268 = require("react/jsx-runtime");
 var ItemReport = ({
   value = false,
   type
 }) => {
   const { apiConfig } = useWarqadConfig();
-  const { branchId } = (0, import_react_router_dom126.useParams)();
+  const { branchId } = (0, import_react_router_dom128.useParams)();
   const { branches } = useAuth_default();
-  const [params, setParams] = (0, import_react162.useState)({
+  const [params, setParams] = (0, import_react163.useState)({
     id: "",
     branch: "all"
   });
@@ -48633,9 +48969,9 @@ var ItemReport = ({
       header: "Date",
       key: "date",
       className: "text-xs whitespace-nowrap",
-      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime266.jsxs)("div", { className: "", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime266.jsx)("p", { className: "font-bold text-black dark:text-white print:text-black", children: row.date }),
-        /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(
+      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime268.jsxs)("div", { className: "", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime268.jsx)("p", { className: "font-bold text-black dark:text-white print:text-black", children: row.date }),
+        /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(
           "span",
           {
             onClick: () => {
@@ -48654,7 +48990,7 @@ var ItemReport = ({
       header: "Description",
       key: "description",
       className: "text-xs whitespace-nowrap",
-      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime266.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime266.jsx)("p", { className: "font-bold text-black dark:text-white print:text-black", children: row.description }) })
+      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime268.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime268.jsx)("p", { className: "font-bold text-black dark:text-white print:text-black", children: row.description }) })
     },
     {
       header: "Quantity",
@@ -48662,7 +48998,7 @@ var ItemReport = ({
       className: "text-xs whitespace-nowrap",
       render: (row) => {
         const Qty = row.quantity;
-        return /* @__PURE__ */ (0, import_jsx_runtime266.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime268.jsxs)(
           "div",
           {
             className: `font-bold ${row.line === "add" ? "text-green-500" : row.line === "sub" ? "text-red-500" : "text-black"}`,
@@ -48679,7 +49015,7 @@ var ItemReport = ({
       header: "Balance",
       key: "runningBalance",
       className: "text-xs whitespace-nowrap",
-      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime266.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime266.jsx)("p", { className: "font-bold text-black dark:text-white print:text-black", children: Formats_default.XQty(row.runningBalance) }) })
+      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime268.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime268.jsx)("p", { className: "font-bold text-black dark:text-white print:text-black", children: Formats_default.XQty(row.runningBalance) }) })
     }
   ];
   let runningBalance = 0;
@@ -48691,10 +49027,10 @@ var ItemReport = ({
     };
   });
   const itemName = datas[0]?.name;
-  return /* @__PURE__ */ (0, import_jsx_runtime266.jsxs)(import_jsx_runtime266.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(Modal2, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(TransactionView, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime268.jsxs)(import_jsx_runtime268.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(Modal2, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(TransactionView, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(
       A4DataView,
       {
         columns,
@@ -48705,14 +49041,14 @@ var ItemReport = ({
         tableTitle: `${type} Movement Report`,
         fixed: false,
         error: !id ? "Please select an item" : void 0,
-        headers: /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(
+        headers: /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(
           Button,
           {
             type: "button",
             size: "sm",
             onClick: () => openState({
               title: "Item Transactions",
-              content: /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(
+              content: /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(
                 ItemReportHeader2,
                 {
                   type,
@@ -48730,18 +49066,18 @@ var ItemReport = ({
     )
   ] });
 };
-var schema3 = import_zod124.z.object({
-  pack: import_zod124.z.string().optional(),
-  product: import_zod124.z.string().optional(),
-  branch: import_zod124.z.string()
+var schema3 = import_zod127.z.object({
+  pack: import_zod127.z.string().optional(),
+  product: import_zod127.z.string().optional(),
+  branch: import_zod127.z.string()
 });
 function ItemReportHeader2({
   type,
   close,
   addToParams
 }) {
-  const methods = (0, import_react_hook_form75.useForm)({
-    resolver: (0, import_zod125.zodResolver)(schema3),
+  const methods = (0, import_react_hook_form76.useForm)({
+    resolver: (0, import_zod128.zodResolver)(schema3),
     defaultValues: {
       pack: "",
       product: "",
@@ -48755,14 +49091,14 @@ function ItemReportHeader2({
     label: b.name,
     value: b._id
   }));
-  return /* @__PURE__ */ (0, import_jsx_runtime266.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime268.jsxs)(
     "form",
     {
       className: "space-y-3",
       onSubmit: handleSubmit((data) => {
         const id = type === "pack" ? data.pack : data.product;
         if (!id) {
-          import_antd97.message.error("Please select an item");
+          import_antd98.message.error("Please select an item");
           methods.setFocus(type);
           return;
         }
@@ -48773,8 +49109,8 @@ function ItemReportHeader2({
         close();
       }),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime266.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime268.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(
             Select,
             {
               options: [{ label: "All Branches", value: "all" }, ...branchOptions],
@@ -48782,7 +49118,7 @@ function ItemReportHeader2({
               name: "branch"
             }
           ),
-          type === "pack" ? /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(
+          type === "pack" ? /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(
             Pack_default.Pack,
             {
               api: "/packs/get",
@@ -48790,7 +49126,7 @@ function ItemReportHeader2({
               form: methods,
               name: "pack"
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(
             Feilds_default5.Product,
             {
               label: "",
@@ -48801,7 +49137,7 @@ function ItemReportHeader2({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime266.jsx)("div", { className: "flex gap-2 justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(Button, { type: "submit", children: "Filter" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime268.jsx)("div", { className: "flex gap-2 justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(Button, { type: "submit", children: "Filter" }) })
       ]
     }
   );
@@ -48809,19 +49145,19 @@ function ItemReportHeader2({
 var ItemReport_default = ItemReport;
 
 // src/components/accounts/LeaseCollection.tsx
-var import_react_router_dom127 = require("react-router-dom");
-var import_react163 = require("react");
-var import_jsx_runtime267 = require("react/jsx-runtime");
+var import_react_router_dom129 = require("react-router-dom");
+var import_react164 = require("react");
+var import_jsx_runtime269 = require("react/jsx-runtime");
 var LeaseCollection = ({
   leaseType,
   defaultCurrency = "KES"
 }) => {
-  const navigate = (0, import_react_router_dom127.useNavigate)();
-  const [searchParams] = (0, import_react_router_dom127.useSearchParams)();
+  const navigate = (0, import_react_router_dom129.useNavigate)();
+  const [searchParams] = (0, import_react_router_dom129.useSearchParams)();
   const { apiConfig } = useWarqadConfig();
-  const { branchId } = (0, import_react_router_dom127.useParams)();
+  const { branchId } = (0, import_react_router_dom129.useParams)();
   const { branches } = useAuth_default();
-  const currentBranch = (0, import_react163.useMemo)(
+  const currentBranch = (0, import_react164.useMemo)(
     () => branches?.find((b) => b?._id === branchId),
     [branches, branchId]
   );
@@ -48829,16 +49165,16 @@ var LeaseCollection = ({
   const initialFilter = ["all", "debit", "credit"].includes(urlFilter) ? urlFilter : "all";
   const urlCurrency = searchParams.get("currency")?.toUpperCase();
   const initialCurrency = urlCurrency && Enums_default.currencies.includes(urlCurrency) ? urlCurrency : defaultCurrency;
-  const [filter, setFilter] = (0, import_react163.useState)(
+  const [filter, setFilter] = (0, import_react164.useState)(
     initialFilter
   );
-  const [currencyFilter, setCurrencyFilter] = (0, import_react163.useState)(initialCurrency);
-  (0, import_react163.useEffect)(() => {
+  const [currencyFilter, setCurrencyFilter] = (0, import_react164.useState)(initialCurrency);
+  (0, import_react164.useEffect)(() => {
     if (urlFilter && ["all", "debit", "credit"].includes(urlFilter)) {
       setFilter(urlFilter);
     }
   }, [urlFilter]);
-  (0, import_react163.useEffect)(() => {
+  (0, import_react164.useEffect)(() => {
     if (urlCurrency && Enums_default.currencies.includes(urlCurrency)) {
       setCurrencyFilter(urlCurrency);
     } else {
@@ -48857,9 +49193,9 @@ var LeaseCollection = ({
       key: "name",
       className: "text-xs whitespace-nowrap ",
       searchKeys: ["name", "phoneNumber", "unitNames"],
-      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime267.jsxs)("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime267.jsx)("p", { className: "font-bold dark:text-white print:text-black uppercase", children: row.name }),
-        row.unitNames && /* @__PURE__ */ (0, import_jsx_runtime267.jsxs)("p", { className: "text-[9px]!  capitalize", children: [
+      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime269.jsxs)("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime269.jsx)("p", { className: "font-bold dark:text-white print:text-black uppercase", children: row.name }),
+        row.unitNames && /* @__PURE__ */ (0, import_jsx_runtime269.jsxs)("p", { className: "text-[9px]!  capitalize", children: [
           "(",
           row.unitNames,
           ")"
@@ -48871,7 +49207,7 @@ var LeaseCollection = ({
       key: "phoneNumber",
       maxWidth: 70,
       render: (row) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime267.jsx)("p", { children: row?.phoneNumber || "N/A" });
+        return /* @__PURE__ */ (0, import_jsx_runtime269.jsx)("p", { children: row?.phoneNumber || "N/A" });
       }
     },
     // </span>
@@ -48881,11 +49217,11 @@ var LeaseCollection = ({
       className: "text-xs whitespace-nowrap text-right",
       render: (row) => {
         const Amount = row.totalCollectionString;
-        return /* @__PURE__ */ (0, import_jsx_runtime267.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime267.jsx)("p", { className: "font-bold ", children: Amount }) });
+        return /* @__PURE__ */ (0, import_jsx_runtime269.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime269.jsx)("p", { className: "font-bold ", children: Amount }) });
       },
       renderFooter: (data2) => {
         if (currencyFilter === "all") return;
-        return /* @__PURE__ */ (0, import_jsx_runtime267.jsx)("span", { className: " font-bold", children: Formats_default.Price(
+        return /* @__PURE__ */ (0, import_jsx_runtime269.jsx)("span", { className: " font-bold", children: Formats_default.Price(
           data2.reduce((acc, row) => acc + row.totalCollection, 0),
           defaultCurrency,
           false
@@ -48893,7 +49229,7 @@ var LeaseCollection = ({
       }
     }
   ];
-  const datas = (0, import_react163.useMemo)(() => {
+  const datas = (0, import_react164.useMemo)(() => {
     let runningBalance = 0;
     let filteredData = data?.data || [];
     const result = filteredData.map((item) => {
@@ -48906,9 +49242,9 @@ var LeaseCollection = ({
     });
     return result;
   }, [filter, currencyFilter, data]);
-  return /* @__PURE__ */ (0, import_jsx_runtime267.jsxs)(import_jsx_runtime267.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(TransactionView, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime269.jsxs)(import_jsx_runtime269.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(TransactionView, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(
       A4DataView,
       {
         columns,
@@ -48918,7 +49254,7 @@ var LeaseCollection = ({
         subtitle: `All Collections`,
         fixed: false,
         startPage: 1e9,
-        headers: /* @__PURE__ */ (0, import_jsx_runtime267.jsx)("div", { className: "flex gap-2" })
+        headers: /* @__PURE__ */ (0, import_jsx_runtime269.jsx)("div", { className: "flex gap-2" })
       }
     )
   ] });
@@ -48926,61 +49262,61 @@ var LeaseCollection = ({
 var LeaseCollection_default = LeaseCollection;
 
 // src/components/Transactions/cargoIM/CargoIM.tsx
-var import_react_router_dom131 = require("react-router-dom");
-var import_lucide_react127 = require("lucide-react");
-var import_react167 = require("react");
-var import_antd101 = require("antd");
+var import_react_router_dom133 = require("react-router-dom");
+var import_lucide_react128 = require("lucide-react");
+var import_react168 = require("react");
+var import_antd102 = require("antd");
 
 // src/components/Transactions/cargoIM/schema.ts
-var import_zod127 = require("zod");
-var InvoiceSchema2 = import_zod127.z.object({
-  name: import_zod127.z.string().min(1, { message: "Item name is required" }),
-  quantity: import_zod127.z.number().gt(0, { message: "Quantity must be greater than 0" }),
-  amount: import_zod127.z.number().gt(0, { message: "Price must be greater than 0" })
+var import_zod130 = require("zod");
+var InvoiceSchema2 = import_zod130.z.object({
+  name: import_zod130.z.string().min(1, { message: "Item name is required" }),
+  quantity: import_zod130.z.number().gt(0, { message: "Quantity must be greater than 0" }),
+  amount: import_zod130.z.number().gt(0, { message: "Price must be greater than 0" })
 });
-var createInvoiceManagerValidation2 = import_zod127.z.object({
-  invoices: import_zod127.z.array(InvoiceSchema2),
-  date: import_zod127.z.string(),
-  currency: import_zod127.z.string(),
-  branch: import_zod127.z.string().optional()
+var createInvoiceManagerValidation2 = import_zod130.z.object({
+  invoices: import_zod130.z.array(InvoiceSchema2),
+  date: import_zod130.z.string(),
+  currency: import_zod130.z.string(),
+  branch: import_zod130.z.string().optional()
 });
-var createAccountSchema3 = import_zod127.z.object({
-  name: import_zod127.z.string().min(2, { message: "Name must be at least 2 characters" }),
-  phoneNumber: import_zod127.z.string().optional(),
-  branch: import_zod127.z.string().optional(),
-  currency: import_zod127.z.string().optional()
+var createAccountSchema3 = import_zod130.z.object({
+  name: import_zod130.z.string().min(2, { message: "Name must be at least 2 characters" }),
+  phoneNumber: import_zod130.z.string().optional(),
+  branch: import_zod130.z.string().optional(),
+  currency: import_zod130.z.string().optional()
 });
-var journalSchema5 = import_zod127.z.object({
+var journalSchema5 = import_zod130.z.object({
   date: zodFields.date,
-  amount: import_zod127.z.number().gt(0, "Amount must be greater than 0"),
-  currency: import_zod127.z.string(),
-  description: import_zod127.z.string(),
-  branch: import_zod127.z.string().optional(),
-  action: import_zod127.z.enum(Enums_default.actionTypes).optional(),
-  note: import_zod127.z.string().optional()
+  amount: import_zod130.z.number().gt(0, "Amount must be greater than 0"),
+  currency: import_zod130.z.string(),
+  description: import_zod130.z.string(),
+  branch: import_zod130.z.string().optional(),
+  action: import_zod130.z.enum(Enums_default.actionTypes).optional(),
+  note: import_zod130.z.string().optional()
 });
 
 // src/components/Transactions/cargoIM/AccountForm.tsx
-var import_react_hook_form76 = require("react-hook-form");
-var import_zod128 = require("@hookform/resolvers/zod");
-var import_antd98 = require("antd");
-var import_react164 = require("react");
-var import_react_router_dom128 = require("react-router-dom");
-var import_jsx_runtime268 = require("react/jsx-runtime");
+var import_react_hook_form77 = require("react-hook-form");
+var import_zod131 = require("@hookform/resolvers/zod");
+var import_antd99 = require("antd");
+var import_react165 = require("react");
+var import_react_router_dom130 = require("react-router-dom");
+var import_jsx_runtime270 = require("react/jsx-runtime");
 function AccountForm3({
   onReload,
   close,
   id
 }) {
-  const { branchId } = (0, import_react_router_dom128.useParams)();
+  const { branchId } = (0, import_react_router_dom130.useParams)();
   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 = (0, import_react_hook_form76.useForm)({
-    resolver: (0, import_zod128.zodResolver)(createAccountSchema3),
+  const methods = (0, import_react_hook_form77.useForm)({
+    resolver: (0, import_zod131.zodResolver)(createAccountSchema3),
     defaultValues: {
       name: "",
       phoneNumber: "",
@@ -49010,7 +49346,7 @@ function AccountForm3({
           body: payload
         });
       }
-      import_antd98.message.success(`${type} ${isEdit ? "updated" : "created"} successfully`);
+      import_antd99.message.success(`${type} ${isEdit ? "updated" : "created"} successfully`);
       if (onReload) {
         onReload();
       }
@@ -49018,7 +49354,7 @@ function AccountForm3({
         close();
       }
     } catch (error) {
-      import_antd98.message.error(error?.message || "Something went wrong");
+      import_antd99.message.error(error?.message || "Something went wrong");
     }
   };
   const fetches = async () => {
@@ -49029,33 +49365,33 @@ function AccountForm3({
       const data = res.data;
       methods.reset(data);
     } catch (error) {
-      import_antd98.message.error(error?.message || "Something went wrong");
+      import_antd99.message.error(error?.message || "Something went wrong");
       close?.();
     }
   };
-  (0, import_react164.useEffect)(() => {
+  (0, import_react165.useEffect)(() => {
     if (isEdit) {
       fetches();
     }
   }, [id]);
-  return /* @__PURE__ */ (0, import_jsx_runtime268.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime270.jsxs)(
     Card,
     {
       className: "max-w-4xl mx-auto mt-10 relative",
       isLoading: isLoadingGet,
       loadingText: "Processing...",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime268.jsxs)(Card.Header, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(Card.Title, { children: `${isEdit ? "Edit" : "Add"} ${type}` }),
-          /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(Card.Description, { children: isEdit ? `Update the details for this ${type}` : `Create a new ${type} and add it to your list` })
+        /* @__PURE__ */ (0, import_jsx_runtime270.jsxs)(Card.Header, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(Card.Title, { children: `${isEdit ? "Edit" : "Add"} ${type}` }),
+          /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(Card.Description, { children: isEdit ? `Update the details for this ${type}` : `Create a new ${type} and add it to your list` })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(Card.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime268.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(Card.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime270.jsxs)(
           "form",
           {
             onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime268.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime270.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(
                   Fields_default.Input,
                   {
                     label: "Name",
@@ -49066,7 +49402,7 @@ function AccountForm3({
                     required: true
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(
                   Fields_default.PhoneInput,
                   {
                     label: "Phone Number",
@@ -49075,7 +49411,7 @@ function AccountForm3({
                     placeholder: "Enter phone number"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(
                   Fields_default.Select,
                   {
                     label: "Currency",
@@ -49086,7 +49422,7 @@ function AccountForm3({
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime268.jsx)("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime270.jsx)("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(
                 Button,
                 {
                   isLoading,
@@ -49107,33 +49443,33 @@ function AccountForm3({
 var AccountForm_default3 = AccountForm3;
 
 // src/components/Transactions/cargoIM/InvoiceForm.tsx
-var import_react165 = require("react");
-var import_react_hook_form77 = require("react-hook-form");
-var import_zod129 = require("@hookform/resolvers/zod");
-var import_react_router_dom129 = require("react-router-dom");
-var import_antd99 = require("antd");
-var import_lucide_react126 = require("lucide-react");
+var import_react166 = require("react");
+var import_react_hook_form78 = require("react-hook-form");
+var import_zod132 = require("@hookform/resolvers/zod");
+var import_react_router_dom131 = require("react-router-dom");
+var import_antd100 = require("antd");
+var import_lucide_react127 = require("lucide-react");
 var import_dayjs12 = __toESM(require("dayjs"));
-var import_jsx_runtime269 = require("react/jsx-runtime");
+var import_jsx_runtime271 = require("react/jsx-runtime");
 function InvoiceForm2({
   onReload,
   close,
   accountData,
   id
 }) {
-  const { branchId } = (0, import_react_router_dom129.useParams)();
-  const [ref2, setRef] = (0, import_react165.useState)(void 0);
+  const { branchId } = (0, import_react_router_dom131.useParams)();
+  const [ref2, setRef] = (0, import_react166.useState)(void 0);
   const { post, isLoading } = useApis_default();
   const { get, isLoading: getLoading } = useApis_default();
   const { put, isLoading: isLoadingReverse } = useApis_default();
   const isEdit = !!id;
   const { currencies } = useWarqadConfig();
   const { stock: defaultCurrency } = currencies;
-  const [itemName, setItemName] = (0, import_react165.useState)("");
-  const [itemQuantity, setItemQuantity] = (0, import_react165.useState)("");
-  const [itemPrice, setItemPrice] = (0, import_react165.useState)("");
-  const methods = (0, import_react_hook_form77.useForm)({
-    resolver: (0, import_zod129.zodResolver)(createInvoiceManagerValidation2),
+  const [itemName, setItemName] = (0, import_react166.useState)("");
+  const [itemQuantity, setItemQuantity] = (0, import_react166.useState)("");
+  const [itemPrice, setItemPrice] = (0, import_react166.useState)("");
+  const methods = (0, import_react_hook_form78.useForm)({
+    resolver: (0, import_zod132.zodResolver)(createInvoiceManagerValidation2),
     defaultValues: {
       invoices: [],
       date: (0, import_dayjs12.default)().format("DD/MM/YYYY"),
@@ -49142,7 +49478,7 @@ function InvoiceForm2({
     }
   });
   const { handleSubmit, control, register, reset } = methods;
-  const { fields, append, remove } = (0, import_react_hook_form77.useFieldArray)({
+  const { fields, append, remove } = (0, import_react_hook_form78.useFieldArray)({
     control,
     name: "invoices"
   });
@@ -49157,27 +49493,27 @@ function InvoiceForm2({
       });
       setRef(data?.ref);
     } catch (error) {
-      import_antd99.message.error(error?.message || "Something went wrong");
+      import_antd100.message.error(error?.message || "Something went wrong");
     }
   };
-  (0, import_react165.useEffect)(() => {
+  (0, import_react166.useEffect)(() => {
     if (isEdit) {
       fetches();
     }
   }, [isEdit]);
   const handleAddItem = () => {
     if (!itemName.trim()) {
-      import_antd99.message.error("Item name is required");
+      import_antd100.message.error("Item name is required");
       return;
     }
     const qty = Number(itemQuantity);
     const price = Number(itemPrice);
     if (isNaN(qty) || qty <= 0) {
-      import_antd99.message.error("Quantity must be greater than 0");
+      import_antd100.message.error("Quantity must be greater than 0");
       return;
     }
     if (isNaN(price) || price <= 0) {
-      import_antd99.message.error("Price must be greater than 0");
+      import_antd100.message.error("Price must be greater than 0");
       return;
     }
     append({
@@ -49191,7 +49527,7 @@ function InvoiceForm2({
   };
   const onSubmit = async (data) => {
     if (data.invoices.length === 0) {
-      import_antd99.message.error("Please add at least one item to the invoice");
+      import_antd100.message.error("Please add at least one item to the invoice");
       return;
     }
     try {
@@ -49204,13 +49540,13 @@ function InvoiceForm2({
         url: `/transactions/add${isEdit ? `?ref=${ref2}` : ""}`,
         body: payload
       });
-      import_antd99.message.success(
+      import_antd100.message.success(
         isEdit ? "Invoice updated successfully" : "Invoice created successfully"
       );
       if (onReload) onReload();
       if (close) close();
     } catch (error) {
-      import_antd99.message.error(error?.message || "Something went wrong");
+      import_antd100.message.error(error?.message || "Something went wrong");
     }
   };
   const onReverse = async () => {
@@ -49219,11 +49555,11 @@ function InvoiceForm2({
       await put({
         url: `/transactions/reverse/${id}`
       });
-      import_antd99.message.success("Transaction reversed successfully");
+      import_antd100.message.success("Transaction reversed successfully");
       if (onReload) onReload();
       if (close) close();
     } catch (error) {
-      import_antd99.message.error(error?.message || "Something went wrong");
+      import_antd100.message.error(error?.message || "Something went wrong");
     }
   };
   const handleKeyDown = (e) => {
@@ -49235,25 +49571,25 @@ function InvoiceForm2({
       e.preventDefault();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(
     Card,
     {
       isLoading: getLoading,
       className: "max-w-4xl mx-auto relative border-0 shadow-none p-0 bg-transparent dark:bg-transparent",
-      children: /* @__PURE__ */ (0, import_jsx_runtime269.jsxs)(Card.Content, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime269.jsx)("input", { type: "hidden", ...register("currency") }),
-        /* @__PURE__ */ (0, import_jsx_runtime269.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime271.jsxs)(Card.Content, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime271.jsx)("input", { type: "hidden", ...register("currency") }),
+        /* @__PURE__ */ (0, import_jsx_runtime271.jsxs)(
           "form",
           {
             onSubmit: handleSubmit(onSubmit),
             onKeyDown: handleKeyDown,
             className: "space-y-6",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime269.jsxs)("div", { className: "bg-gray-50 dark:bg-zinc-800/20 p-5 rounded-2xl border border-gray-200 dark:border-zinc-800/60", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime269.jsx)("h4", { className: "text-xs font-bold text-gray-400 uppercase mb-3 tracking-wider", children: "Add Invoice Item" }),
-                /* @__PURE__ */ (0, import_jsx_runtime269.jsxs)("div", { className: "flex flex-col md:flex-row gap-4 items-end", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime269.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 w-full gap-2", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime271.jsxs)("div", { className: "bg-gray-50 dark:bg-zinc-800/20 p-5 rounded-2xl border border-gray-200 dark:border-zinc-800/60", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime271.jsx)("h4", { className: "text-xs font-bold text-gray-400 uppercase mb-3 tracking-wider", children: "Add Invoice Item" }),
+                /* @__PURE__ */ (0, import_jsx_runtime271.jsxs)("div", { className: "flex flex-col md:flex-row gap-4 items-end", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime271.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 w-full gap-2", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(
                       Fields_default.Input,
                       {
                         label: "Container No",
@@ -49262,7 +49598,7 @@ function InvoiceForm2({
                         onChange: (val) => setItemName(val)
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(
                       Fields_default.Input,
                       {
                         label: "Cbm",
@@ -49272,7 +49608,7 @@ function InvoiceForm2({
                         onChange: (val) => setItemQuantity(val)
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(
                       Fields_default.Input,
                       {
                         label: "Price (KES)",
@@ -49283,7 +49619,7 @@ function InvoiceForm2({
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime269.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime271.jsxs)(
                     Button,
                     {
                       type: "button",
@@ -49291,23 +49627,23 @@ function InvoiceForm2({
                       className: "w-full md:w-auto h-10 flex items-center justify-center gap-2 px-4 whitespace-nowrap",
                       variant: "outline",
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(import_lucide_react126.Plus, { size: 16 }),
+                        /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(import_lucide_react127.Plus, { size: 16 }),
                         " Add Item"
                       ]
                     }
                   )
                 ] })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime269.jsxs)("div", { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime269.jsx)("h4", { className: "text-xs font-bold text-gray-400 uppercase mb-3 tracking-wider", children: "Invoice Items List" }),
-                /* @__PURE__ */ (0, import_jsx_runtime269.jsx)("div", { className: "border border-gray-200 dark:border-zinc-800 rounded-2xl overflow-hidden bg-white dark:bg-gray-900/80", children: /* @__PURE__ */ (0, import_jsx_runtime269.jsx)("div", { className: "overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime269.jsxs)("table", { className: "w-full text-left border-collapse", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime269.jsx)("thead", { className: "bg-gray-50 dark:bg-zinc-800/40 border-b border-gray-200 dark:border-zinc-800", children: /* @__PURE__ */ (0, import_jsx_runtime269.jsxs)("tr", { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime269.jsx)("th", { className: "px-2 sm:px-4 py-1.5 text-[10px] sm:text-xs font-bold uppercase tracking-wider text-gray-500 dark:text-gray-400 w-8 sm:w-12 text-center", children: "#" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime269.jsx)("th", { className: "px-2 sm:px-4 py-1.5 text-[10px] sm:text-xs font-bold uppercase tracking-wider text-gray-500 dark:text-gray-400", children: "Container No" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime269.jsx)("th", { className: "px-2 sm:px-4 py-1.5 text-[10px] sm:text-xs font-bold uppercase tracking-wider text-gray-500 dark:text-gray-400 text-right", children: "total" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime269.jsx)("th", { className: "px-2 sm:px-4 py-1.5 text-[10px] sm:text-xs font-bold uppercase tracking-wider text-gray-500 dark:text-gray-400 text-right w-8 sm:w-12" })
+              /* @__PURE__ */ (0, import_jsx_runtime271.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime271.jsx)("h4", { className: "text-xs font-bold text-gray-400 uppercase mb-3 tracking-wider", children: "Invoice Items List" }),
+                /* @__PURE__ */ (0, import_jsx_runtime271.jsx)("div", { className: "border border-gray-200 dark:border-zinc-800 rounded-2xl overflow-hidden bg-white dark:bg-gray-900/80", children: /* @__PURE__ */ (0, import_jsx_runtime271.jsx)("div", { className: "overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime271.jsxs)("table", { className: "w-full text-left border-collapse", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime271.jsx)("thead", { className: "bg-gray-50 dark:bg-zinc-800/40 border-b border-gray-200 dark:border-zinc-800", children: /* @__PURE__ */ (0, import_jsx_runtime271.jsxs)("tr", { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime271.jsx)("th", { className: "px-2 sm:px-4 py-1.5 text-[10px] sm:text-xs font-bold uppercase tracking-wider text-gray-500 dark:text-gray-400 w-8 sm:w-12 text-center", children: "#" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime271.jsx)("th", { className: "px-2 sm:px-4 py-1.5 text-[10px] sm:text-xs font-bold uppercase tracking-wider text-gray-500 dark:text-gray-400", children: "Container No" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime271.jsx)("th", { className: "px-2 sm:px-4 py-1.5 text-[10px] sm:text-xs font-bold uppercase tracking-wider text-gray-500 dark:text-gray-400 text-right", children: "total" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime271.jsx)("th", { className: "px-2 sm:px-4 py-1.5 text-[10px] sm:text-xs font-bold uppercase tracking-wider text-gray-500 dark:text-gray-400 text-right w-8 sm:w-12" })
                   ] }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime269.jsx)("tbody", { className: "divide-y divide-gray-100 dark:divide-zinc-800", children: fields.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime269.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime271.jsx)("tbody", { className: "divide-y divide-gray-100 dark:divide-zinc-800", children: fields.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime271.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(
                     "td",
                     {
                       colSpan: 4,
@@ -49316,30 +49652,30 @@ function InvoiceForm2({
                     }
                   ) }) : fields.map((item, index) => {
                     const total = item.quantity * item.amount;
-                    return /* @__PURE__ */ (0, import_jsx_runtime269.jsxs)(
+                    return /* @__PURE__ */ (0, import_jsx_runtime271.jsxs)(
                       "tr",
                       {
                         className: "hover:bg-gray-50/50 dark:hover:bg-zinc-800/10 transition-colors",
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime269.jsx)("td", { className: "px-2 sm:px-4 py-1 text-xs sm:text-sm text-gray-400 dark:text-zinc-500 font-semibold text-center", children: index + 1 }),
-                          /* @__PURE__ */ (0, import_jsx_runtime269.jsxs)("td", { className: "px-2 sm:px-4 py-1", children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime269.jsx)("div", { className: "font-bold text-gray-900 dark:text-white text-xs sm:text-sm", children: item.name }),
-                            /* @__PURE__ */ (0, import_jsx_runtime269.jsxs)("div", { className: "text-[10px] sm:text-xs text-gray-400 dark:text-zinc-500 mt-0.5", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime271.jsx)("td", { className: "px-2 sm:px-4 py-1 text-xs sm:text-sm text-gray-400 dark:text-zinc-500 font-semibold text-center", children: index + 1 }),
+                          /* @__PURE__ */ (0, import_jsx_runtime271.jsxs)("td", { className: "px-2 sm:px-4 py-1", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime271.jsx)("div", { className: "font-bold text-gray-900 dark:text-white text-xs sm:text-sm", children: item.name }),
+                            /* @__PURE__ */ (0, import_jsx_runtime271.jsxs)("div", { className: "text-[10px] sm:text-xs text-gray-400 dark:text-zinc-500 mt-0.5", children: [
                               item.quantity,
                               " Cbm @",
                               " ",
                               Formats_default.Price(item.amount, "KES")
                             ] })
                           ] }),
-                          /* @__PURE__ */ (0, import_jsx_runtime269.jsx)("td", { className: "px-2 sm:px-4 py-1 text-xs sm:text-sm text-right font-semibold text-gray-900 dark:text-white whitespace-nowrap", children: Formats_default.Price(total, "KES") }),
-                          /* @__PURE__ */ (0, import_jsx_runtime269.jsx)("td", { className: "px-2 sm:px-4 py-1 text-xs sm:text-sm text-right", children: /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime271.jsx)("td", { className: "px-2 sm:px-4 py-1 text-xs sm:text-sm text-right font-semibold text-gray-900 dark:text-white whitespace-nowrap", children: Formats_default.Price(total, "KES") }),
+                          /* @__PURE__ */ (0, import_jsx_runtime271.jsx)("td", { className: "px-2 sm:px-4 py-1 text-xs sm:text-sm text-right", children: /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(
                             "button",
                             {
                               type: "button",
                               onClick: () => remove(index),
                               className: "text-gray-400 hover:text-red-500 transition-colors p-1",
-                              children: /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(
-                                import_lucide_react126.Trash2,
+                              children: /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(
+                                import_lucide_react127.Trash2,
                                 {
                                   size: 13,
                                   className: "sm:w-3.5 sm:h-3.5 w-3 h-3"
@@ -49352,8 +49688,8 @@ function InvoiceForm2({
                       item.id
                     );
                   }) }),
-                  fields.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime269.jsx)("tfoot", { className: "bg-gray-50/50 dark:bg-zinc-800/10 border-t border-gray-200 dark:border-zinc-800", children: /* @__PURE__ */ (0, import_jsx_runtime269.jsxs)("tr", { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(
+                  fields.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime271.jsx)("tfoot", { className: "bg-gray-50/50 dark:bg-zinc-800/10 border-t border-gray-200 dark:border-zinc-800", children: /* @__PURE__ */ (0, import_jsx_runtime271.jsxs)("tr", { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(
                       "td",
                       {
                         colSpan: 2,
@@ -49361,20 +49697,20 @@ function InvoiceForm2({
                         children: "Total"
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime269.jsx)("td", { className: "px-2 sm:px-4 py-1.5 text-xs sm:text-sm font-bold text-right text-gray-900 dark:text-white whitespace-nowrap", children: Formats_default.Price(
+                    /* @__PURE__ */ (0, import_jsx_runtime271.jsx)("td", { className: "px-2 sm:px-4 py-1.5 text-xs sm:text-sm font-bold text-right text-gray-900 dark:text-white whitespace-nowrap", children: Formats_default.Price(
                       fields.reduce(
                         (sum, item) => sum + item.quantity * item.amount,
                         0
                       ),
                       "KES"
                     ) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime269.jsx)("td", {})
+                    /* @__PURE__ */ (0, import_jsx_runtime271.jsx)("td", {})
                   ] }) })
                 ] }) }) })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime269.jsxs)("div", { className: "border-t border-gray-200 dark:border-zinc-800 pt-6", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime269.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime271.jsxs)("div", { className: "border-t border-gray-200 dark:border-zinc-800 pt-6", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime271.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(
                     Fields_default.DateInput,
                     {
                       label: "Date",
@@ -49383,20 +49719,20 @@ function InvoiceForm2({
                       required: true
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(Fields_default.Input, { label: "Currency", value: "KES", disabled: true })
+                  /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(Fields_default.Input, { label: "Currency", value: "KES", disabled: true })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime269.jsxs)("div", { className: "flex justify-between items-center mt-6", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime269.jsx)("div", { children: isEdit && /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime271.jsxs)("div", { className: "flex justify-between items-center mt-6", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime271.jsx)("div", { children: isEdit && /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(
                     ConfirmModal,
                     {
                       title: "Reverse Transaction",
-                      description: /* @__PURE__ */ (0, import_jsx_runtime269.jsxs)("div", { className: "space-y-3 text-left", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime269.jsx)("p", { children: "Are you sure you want to reverse this transaction?" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime269.jsx)("p", { className: "text-xs text-gray-500 bg-gray-50 dark:bg-zinc-800/50 p-3 rounded-lg border border-gray-100 dark:border-zinc-850 italic", children: '"This action will invalidate the transaction and adjust all linked account balances. This process cannot be undone."' })
+                      description: /* @__PURE__ */ (0, import_jsx_runtime271.jsxs)("div", { className: "space-y-3 text-left", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime271.jsx)("p", { children: "Are you sure you want to reverse this transaction?" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime271.jsx)("p", { className: "text-xs text-gray-500 bg-gray-50 dark:bg-zinc-800/50 p-3 rounded-lg border border-gray-100 dark:border-zinc-850 italic", children: '"This action will invalidate the transaction and adjust all linked account balances. This process cannot be undone."' })
                       ] }),
                       confirmationWord: "delete",
                       onSubmit: onReverse,
-                      children: /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(
+                      children: /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(
                         Button,
                         {
                           type: "button",
@@ -49409,8 +49745,8 @@ function InvoiceForm2({
                       )
                     }
                   ) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime269.jsxs)("div", { className: "flex justify-end gap-3", children: [
-                    close && /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime271.jsxs)("div", { className: "flex justify-end gap-3", children: [
+                    close && /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(
                       Button,
                       {
                         type: "button",
@@ -49420,7 +49756,7 @@ function InvoiceForm2({
                         children: "Cancel"
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(
                       Button,
                       {
                         isLoading,
@@ -49444,13 +49780,13 @@ function InvoiceForm2({
 var InvoiceForm_default2 = InvoiceForm2;
 
 // src/components/Transactions/cargoIM/journalForm.tsx
-var import_react166 = __toESM(require("react"));
-var import_react_hook_form78 = require("react-hook-form");
-var import_zod130 = require("@hookform/resolvers/zod");
-var import_react_router_dom130 = require("react-router-dom");
-var import_antd100 = require("antd");
+var import_react167 = __toESM(require("react"));
+var import_react_hook_form79 = require("react-hook-form");
+var import_zod133 = require("@hookform/resolvers/zod");
+var import_react_router_dom132 = require("react-router-dom");
+var import_antd101 = require("antd");
 var import_dayjs13 = __toESM(require("dayjs"));
-var import_jsx_runtime270 = require("react/jsx-runtime");
+var import_jsx_runtime272 = require("react/jsx-runtime");
 function JournalForm5({
   onReload,
   close,
@@ -49458,16 +49794,16 @@ function JournalForm5({
   action = "debit",
   id
 }) {
-  const { branchId } = (0, import_react_router_dom130.useParams)();
+  const { branchId } = (0, import_react_router_dom132.useParams)();
   const { currencies } = useWarqadConfig();
   const { stock: defaultCurrency } = currencies;
-  const [ref2, setRef] = import_react166.default.useState(void 0);
+  const [ref2, setRef] = import_react167.default.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 = (0, import_react_hook_form78.useForm)({
-    resolver: (0, import_zod130.zodResolver)(journalSchema5),
+  const methods = (0, import_react_hook_form79.useForm)({
+    resolver: (0, import_zod133.zodResolver)(journalSchema5),
     defaultValues: {
       date: (0, import_dayjs13.default)().format("DD/MM/YYYY"),
       currency: defaultCurrency,
@@ -49489,10 +49825,10 @@ function JournalForm5({
       });
       setRef(data?.ref);
     } catch (error) {
-      import_antd100.message.error(error?.message || "Something went wrong");
+      import_antd101.message.error(error?.message || "Something went wrong");
     }
   };
-  import_react166.default.useEffect(() => {
+  import_react167.default.useEffect(() => {
     if (isEdit) {
       fetches();
     }
@@ -49510,13 +49846,13 @@ function JournalForm5({
         url: `/transactions/add${isEdit ? `?ref=${ref2}` : ""}`,
         body: payload
       });
-      import_antd100.message.success(
+      import_antd101.message.success(
         isEdit ? "Journal updated successfully" : "Journal saved successfully"
       );
       if (onReload) onReload();
       if (close) close();
     } catch (error) {
-      import_antd100.message.error(error?.message || "Something went wrong");
+      import_antd101.message.error(error?.message || "Something went wrong");
     }
   };
   const onReverse = async () => {
@@ -49525,11 +49861,11 @@ function JournalForm5({
       await put({
         url: `/transactions/reverse/${id}`
       });
-      import_antd100.message.success("Transaction reversed successfully");
+      import_antd101.message.success("Transaction reversed successfully");
       if (onReload) onReload();
       if (close) close();
     } catch (error) {
-      import_antd100.message.error(error?.message || "Something went wrong");
+      import_antd101.message.error(error?.message || "Something went wrong");
     }
   };
   const handleKeyDown = (e) => {
@@ -49541,19 +49877,19 @@ function JournalForm5({
       e.preventDefault();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(
     Card,
     {
       isLoading: getLoading,
       className: "max-w-2xl mx-auto relative border-0 shadow-none p-0 bg-transparent dark:bg-transparent",
-      children: /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(Card.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime270.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(Card.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime272.jsxs)(
         "form",
         {
           onSubmit: handleSubmit(onSubmit),
           onKeyDown: handleKeyDown,
           className: "space-y-4",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(
               Fields_default.Input,
               {
                 label: "Description",
@@ -49564,8 +49900,8 @@ function JournalForm5({
                 placeholder: "Enter description"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime270.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime272.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(
                 Fields_default.DateInput,
                 {
                   label: "Date",
@@ -49574,7 +49910,7 @@ function JournalForm5({
                   required: true
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(
                 Fields_default.Input,
                 {
                   label: "Currency",
@@ -49584,8 +49920,8 @@ function JournalForm5({
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime270.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime272.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(
                 Fields_default.Input,
                 {
                   label: "Amount",
@@ -49596,7 +49932,7 @@ function JournalForm5({
                   placeholder: "0.00"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(
                 Fields_default.Select,
                 {
                   label: "Action",
@@ -49610,7 +49946,7 @@ function JournalForm5({
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(
               Fields_default.Textarea,
               {
                 label: "Note",
@@ -49620,18 +49956,18 @@ function JournalForm5({
                 rows: 3
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime270.jsxs)("div", { className: "flex justify-between items-center pt-4 border-t border-gray-100 dark:border-zinc-800", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime270.jsx)("div", { children: isEdit && /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime272.jsxs)("div", { className: "flex justify-between items-center pt-4 border-t border-gray-100 dark:border-zinc-800", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime272.jsx)("div", { children: isEdit && /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(
                 ConfirmModal,
                 {
                   title: "Reverse Transaction",
-                  description: /* @__PURE__ */ (0, import_jsx_runtime270.jsxs)("div", { className: "space-y-3 text-left", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime270.jsx)("p", { children: "Are you sure you want to reverse this transaction?" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime270.jsx)("p", { className: "text-xs text-gray-500 bg-gray-50 dark:bg-zinc-800/50 p-3 rounded-lg border border-gray-100 dark:border-zinc-850 italic", children: '"This action will invalidate the transaction and adjust all linked account balances. This process cannot be undone."' })
+                  description: /* @__PURE__ */ (0, import_jsx_runtime272.jsxs)("div", { className: "space-y-3 text-left", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime272.jsx)("p", { children: "Are you sure you want to reverse this transaction?" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime272.jsx)("p", { className: "text-xs text-gray-500 bg-gray-50 dark:bg-zinc-800/50 p-3 rounded-lg border border-gray-100 dark:border-zinc-850 italic", children: '"This action will invalidate the transaction and adjust all linked account balances. This process cannot be undone."' })
                   ] }),
                   confirmationWord: "delete",
                   onSubmit: onReverse,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(
                     Button,
                     {
                       type: "button",
@@ -49644,8 +49980,8 @@ function JournalForm5({
                   )
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime270.jsxs)("div", { className: "flex justify-end gap-3", children: [
-                close && /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime272.jsxs)("div", { className: "flex justify-end gap-3", children: [
+                close && /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(
                   Button,
                   {
                     type: "button",
@@ -49655,7 +49991,7 @@ function JournalForm5({
                     children: "Cancel"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(
                   Button,
                   {
                     isLoading,
@@ -49677,15 +50013,15 @@ function JournalForm5({
 var journalForm_default2 = JournalForm5;
 
 // src/components/Transactions/cargoIM/CargoIM.tsx
-var import_jsx_runtime271 = require("react/jsx-runtime");
+var import_jsx_runtime273 = require("react/jsx-runtime");
 function CargoIM({ v, url }) {
-  const { branchId } = (0, import_react_router_dom131.useParams)();
+  const { branchId } = (0, import_react_router_dom133.useParams)();
   const { apiConfig } = useWarqadConfig();
   const { width } = useMediaSize();
   const isLargeScreen = width > 768;
-  const navigate = (0, import_react_router_dom131.useNavigate)();
+  const navigate = (0, import_react_router_dom133.useNavigate)();
   const type = "supplier";
-  const [deleteAccount, setDeleteAccount] = (0, import_react167.useState)(null);
+  const [deleteAccount, setDeleteAccount] = (0, import_react168.useState)(null);
   const { isLoading: isActionLoading, remove } = useApis_default();
   const { data, TransactionViewComponent, reload, isLoading } = useTransaction_default({
     url: url || `${apiConfig.accountStatementApi}?type=supplier${branchId ? `&branch=${branchId}` : ""}`,
@@ -49696,17 +50032,17 @@ function CargoIM({ v, url }) {
   const items = (data2) => [
     {
       label: `Edit ${type}`,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(import_lucide_react127.FilePenLine, { size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(import_lucide_react128.FilePenLine, { size: 16 }),
       onClick: () => openState({
         type: "Account",
-        content: /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(AccountForm_default3, { onReload: reload, close, id: data2?._id }),
+        content: /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(AccountForm_default3, { onReload: reload, close, id: data2?._id }),
         title: "Account Form",
         width: 800
       })
     },
     {
       label: `Delete ${type}`,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(import_lucide_react127.Trash2, { className: "text-red-500", size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(import_lucide_react128.Trash2, { className: "text-red-500", size: 16 }),
       onClick: () => setDeleteAccount(data2)
     }
   ].filter(Boolean);
@@ -49717,7 +50053,7 @@ function CargoIM({ v, url }) {
       className: "w-full",
       cell: ({ row }) => {
         const account = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(
           "span",
           {
             onClick: () => navigate(`${account?._id}`),
@@ -49746,8 +50082,8 @@ function CargoIM({ v, url }) {
       className: "w-px whitespace-nowrap",
       cell: ({ row }) => {
         const data2 = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime271.jsxs)("div", { className: "flex gap-4 items-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime273.jsxs)("div", { className: "flex gap-4 items-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(
             "button",
             {
               className: "cursor-pointer px-2 py-1 text-white rounded-lg text-xs bg-blue-500",
@@ -49755,7 +50091,7 @@ function CargoIM({ v, url }) {
                 openState({
                   type: "credit",
                   closeOnOverlayClick: false,
-                  content: /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(
+                  content: /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(
                     InvoiceForm_default2,
                     {
                       onReload: reload,
@@ -49770,7 +50106,7 @@ function CargoIM({ v, url }) {
               children: "Inv"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(
             "button",
             {
               className: "cursor-pointer px-2 py-1 text-white rounded-lg text-xs bg-red-500",
@@ -49778,7 +50114,7 @@ function CargoIM({ v, url }) {
                 openState({
                   type: "debit",
                   closeOnOverlayClick: false,
-                  content: /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(
+                  content: /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(
                     journalForm_default2,
                     {
                       onReload: reload,
@@ -49794,14 +50130,14 @@ function CargoIM({ v, url }) {
               children: "Pay"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(
             Dropdown,
             {
               className: "cursor-pointer",
               width: "w-[150px]",
               items: items(data2),
               triggerMode: "hover",
-              children: /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(import_lucide_react127.EllipsisVertical, {})
+              children: /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(import_lucide_react128.EllipsisVertical, {})
             }
           )
         ] });
@@ -49817,17 +50153,17 @@ function CargoIM({ v, url }) {
   const onDelete = async (id) => {
     try {
       await remove({ url: `/accounts/delete/${id}` });
-      import_antd101.message.success("Account deleted successfully");
+      import_antd102.message.success("Account deleted successfully");
       reload();
       setDeleteAccount(null);
     } catch (error) {
-      import_antd101.message.error(error.message || "Something went wrong");
+      import_antd102.message.error(error.message || "Something went wrong");
       return error;
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime271.jsxs)(import_jsx_runtime271.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(Modal2, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime273.jsxs)(import_jsx_runtime273.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(Modal2, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(
       ConfirmModal,
       {
         isOpen: !!deleteAccount,
@@ -49840,7 +50176,7 @@ function CargoIM({ v, url }) {
         children: null
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime271.jsx)("div", { className: !isLargeScreen ? "origin-top" : "", children: /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime273.jsx)("div", { className: !isLargeScreen ? "origin-top" : "", children: /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(
       TransactionViewComponent,
       {
         columns,
@@ -49851,7 +50187,7 @@ function CargoIM({ v, url }) {
         onCreate: () => {
           openState({
             type: "account",
-            content: /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(AccountForm_default3, { onReload: reload, close }),
+            content: /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(AccountForm_default3, { onReload: reload, close }),
             title: "Account Form",
             width: 800
           });
@@ -49863,9 +50199,9 @@ function CargoIM({ v, url }) {
 var CargoIM_default = CargoIM;
 
 // src/components/Transactions/cargoIM/cargoIMReport.tsx
-var import_react_router_dom132 = require("react-router-dom");
-var import_react168 = require("react");
-var import_jsx_runtime272 = require("react/jsx-runtime");
+var import_react_router_dom134 = require("react-router-dom");
+var import_react169 = require("react");
+var import_jsx_runtime274 = require("react/jsx-runtime");
 var CargoIMReport = () => {
   const { apiConfig, currencies: warqadCurrencies } = useWarqadConfig();
   const { TransactionView, openTransaction } = useTransactionView_default();
@@ -49878,10 +50214,10 @@ var CargoIMReport = () => {
       value: currency2
     };
   });
-  const [searchParams, setSearchParams] = (0, import_react_router_dom132.useSearchParams)();
+  const [searchParams, setSearchParams] = (0, import_react_router_dom134.useSearchParams)();
   const urlCurrency = searchParams.get("currency")?.toUpperCase();
   const initialCurrency = urlCurrency && currencyAllowed.includes(urlCurrency) ? urlCurrency : stock;
-  const [currencyFilter, setCurrencyFilter] = (0, import_react168.useState)(initialCurrency);
+  const [currencyFilter, setCurrencyFilter] = (0, import_react169.useState)(initialCurrency);
   const handleCurrencyChange = (value) => {
     setCurrencyFilter(value);
     setSearchParams((prev) => {
@@ -49889,7 +50225,7 @@ var CargoIMReport = () => {
       return prev;
     });
   };
-  (0, import_react168.useEffect)(() => {
+  (0, import_react169.useEffect)(() => {
     if (urlCurrency && currencyAllowed.includes(urlCurrency)) {
       setCurrencyFilter(urlCurrency);
     }
@@ -49909,9 +50245,9 @@ var CargoIMReport = () => {
       header: "Date",
       key: "date",
       className: "text-xs whitespace-nowrap",
-      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime272.jsxs)("div", { className: "", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime272.jsx)("p", { className: "font-bold text-black dark:text-white print:text-black", children: row.date }),
-        /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(
+      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime274.jsxs)("div", { className: "", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime274.jsx)("p", { className: "font-bold text-black dark:text-white print:text-black", children: row.date }),
+        /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(
           "span",
           {
             onClick: () => {
@@ -49930,13 +50266,13 @@ var CargoIMReport = () => {
       header: "Container No",
       key: "description",
       className: "text-xs w-full break-words",
-      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime272.jsx)("div", { className: "flex flex-col divide-y divide-gray-100 dark:divide-zinc-800/50 print:divide-gray-100", children: (row.lines || []).map((line, idx) => {
+      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime274.jsx)("div", { className: "flex flex-col divide-y divide-gray-100 dark:divide-zinc-800/50 print:divide-gray-100", children: (row.lines || []).map((line, idx) => {
         const rowId = String(row._id || row.id || row.ref || idx).replace(
           /[^a-zA-Z0-9]/g,
           ""
         );
         const lineClass = `tx-line-${rowId}-${idx}`;
-        return /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(
           "div",
           {
             className: `${lineClass} min-h-[24px] py-1 flex items-center font-bold capitalize text-black dark:text-white print:text-black whitespace-normal break-words`,
@@ -49950,13 +50286,13 @@ var CargoIMReport = () => {
       header: "Cbm",
       key: "cbm",
       className: "text-xs whitespace-nowrap text-right",
-      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime272.jsx)("div", { className: "flex flex-col divide-y divide-gray-100 dark:divide-zinc-800/50 print:divide-gray-100", children: (row.lines || []).map((line, idx) => {
+      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime274.jsx)("div", { className: "flex flex-col divide-y divide-gray-100 dark:divide-zinc-800/50 print:divide-gray-100", children: (row.lines || []).map((line, idx) => {
         const rowId = String(row._id || row.id || row.ref || idx).replace(
           /[^a-zA-Z0-9]/g,
           ""
         );
         const lineClass = `tx-line-${rowId}-${idx}`;
-        return /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(
           "div",
           {
             className: `${lineClass} min-h-[24px] py-1 flex items-center justify-end font-bold text-black dark:text-white print:text-black whitespace-nowrap`,
@@ -49973,20 +50309,20 @@ var CargoIMReport = () => {
           ),
           0
         );
-        return totalCbm > 0 ? /* @__PURE__ */ (0, import_jsx_runtime272.jsx)("span", { className: "font-bold text-black dark:text-white print:text-black", children: totalCbm }) : null;
+        return totalCbm > 0 ? /* @__PURE__ */ (0, import_jsx_runtime274.jsx)("span", { className: "font-bold text-black dark:text-white print:text-black", children: totalCbm }) : null;
       }
     },
     {
       header: "Price",
       key: "price",
       className: "text-xs whitespace-nowrap text-right",
-      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime272.jsx)("div", { className: "flex flex-col divide-y divide-gray-100 dark:divide-zinc-800/50 print:divide-gray-100", children: (row.lines || []).map((line, idx) => {
+      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime274.jsx)("div", { className: "flex flex-col divide-y divide-gray-100 dark:divide-zinc-800/50 print:divide-gray-100", children: (row.lines || []).map((line, idx) => {
         const rowId = String(row._id || row.id || row.ref || idx).replace(
           /[^a-zA-Z0-9]/g,
           ""
         );
         const lineClass = `tx-line-${rowId}-${idx}`;
-        return /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(
           "div",
           {
             className: `${lineClass} min-h-[24px] py-1 flex items-center justify-end font-bold text-black dark:text-white print:text-black whitespace-nowrap`,
@@ -50000,13 +50336,13 @@ var CargoIMReport = () => {
       header: "Credit",
       key: "credit",
       className: "text-xs whitespace-nowrap text-right",
-      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime272.jsx)("div", { className: "flex flex-col divide-y divide-gray-100 dark:divide-zinc-800/50 print:divide-gray-100", children: (row.lines || []).map((line, idx) => {
+      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime274.jsx)("div", { className: "flex flex-col divide-y divide-gray-100 dark:divide-zinc-800/50 print:divide-gray-100", children: (row.lines || []).map((line, idx) => {
         const rowId = String(row._id || row.id || row.ref || idx).replace(
           /[^a-zA-Z0-9]/g,
           ""
         );
         const lineClass = `tx-line-${rowId}-${idx}`;
-        return /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(
           "div",
           {
             className: `${lineClass} min-h-[24px] py-1 flex items-center justify-end font-bold text-green-500 dark:text-green-500 print:text-green-500 whitespace-nowrap`,
@@ -50015,7 +50351,7 @@ var CargoIMReport = () => {
           idx
         );
       }) }),
-      renderFooter: (data2) => /* @__PURE__ */ (0, import_jsx_runtime272.jsx)("span", { className: "text-green-500 font-bold", children: Formats_default.Amount(
+      renderFooter: (data2) => /* @__PURE__ */ (0, import_jsx_runtime274.jsx)("span", { className: "text-green-500 font-bold", children: Formats_default.Amount(
         data2.reduce(
           (acc, row) => acc + (row.lines || []).reduce(
             (lineAcc, line) => lineAcc + (line.type === "credit" ? line.amount : 0),
@@ -50029,13 +50365,13 @@ var CargoIMReport = () => {
       header: "Debit",
       key: "debit",
       className: "text-xs whitespace-nowrap text-right",
-      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime272.jsx)("div", { className: "flex flex-col divide-y divide-gray-100 dark:divide-zinc-800/50 print:divide-gray-100", children: (row.lines || []).map((line, idx) => {
+      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime274.jsx)("div", { className: "flex flex-col divide-y divide-gray-100 dark:divide-zinc-800/50 print:divide-gray-100", children: (row.lines || []).map((line, idx) => {
         const rowId = String(row._id || row.id || row.ref || idx).replace(
           /[^a-zA-Z0-9]/g,
           ""
         );
         const lineClass = `tx-line-${rowId}-${idx}`;
-        return /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(
           "div",
           {
             className: `${lineClass} min-h-[24px] py-1 flex items-center justify-end font-bold text-red-500 dark:text-red-500 print:text-red-500 whitespace-nowrap`,
@@ -50044,7 +50380,7 @@ var CargoIMReport = () => {
           idx
         );
       }) }),
-      renderFooter: (data2) => /* @__PURE__ */ (0, import_jsx_runtime272.jsx)("span", { className: "text-red-500 font-bold", children: Formats_default.Amount(
+      renderFooter: (data2) => /* @__PURE__ */ (0, import_jsx_runtime274.jsx)("span", { className: "text-red-500 font-bold", children: Formats_default.Amount(
         data2.reduce(
           (acc, row) => acc + (row.lines || []).reduce(
             (lineAcc, line) => lineAcc + (line.type === "debit" ? line.amount : 0),
@@ -50058,14 +50394,14 @@ var CargoIMReport = () => {
       header: "Balance",
       key: "runningBalance",
       className: "text-xs whitespace-nowrap text-right",
-      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime272.jsx)("span", { className: "font-bold text-black dark:text-white print:text-black", children: Formats_default.Price(row.runningBalance, currency) }),
-      renderFooter: (data2) => /* @__PURE__ */ (0, import_jsx_runtime272.jsx)("span", { className: "text-black dark:text-white print:text-black font-bold", children: Formats_default.Price(
+      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime274.jsx)("span", { className: "font-bold text-black dark:text-white print:text-black", children: Formats_default.Price(row.runningBalance, currency) }),
+      renderFooter: (data2) => /* @__PURE__ */ (0, import_jsx_runtime274.jsx)("span", { className: "text-black dark:text-white print:text-black font-bold", children: Formats_default.Price(
         data2.reduce((acc, row) => acc + (row.calculatedAmount || 0), 0),
         currency
       ) })
     }
   ];
-  const datas = (0, import_react168.useMemo)(() => {
+  const datas = (0, import_react169.useMemo)(() => {
     let runningBalance = 0;
     const transactions = data?.data?.transactions;
     const res = (transactions || []).map((item) => {
@@ -50102,10 +50438,10 @@ var CargoIMReport = () => {
     { label: "Account Type", value: data?.data?.type },
     { label: "Currency", value: currencyFilter }
   ];
-  return /* @__PURE__ */ (0, import_jsx_runtime272.jsxs)(import_jsx_runtime272.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(Modal2, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(TransactionView, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime274.jsxs)(import_jsx_runtime274.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(Modal2, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(TransactionView, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(
       A4DataView,
       {
         columns,
@@ -50120,7 +50456,7 @@ var CargoIMReport = () => {
           openState({
             type: "debit",
             closeOnOverlayClick: false,
-            content: row.type === "invoice-manager" ? /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(
+            content: row.type === "invoice-manager" ? /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(
               InvoiceForm_default2,
               {
                 close: closeTransaction,
@@ -50128,7 +50464,7 @@ var CargoIMReport = () => {
                 onReload: reload,
                 id: row._id
               }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(
+            ) : /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(
               journalForm_default2,
               {
                 close: closeTransaction,
@@ -50141,7 +50477,7 @@ var CargoIMReport = () => {
             width: 800
           });
         },
-        headers: /* @__PURE__ */ (0, import_jsx_runtime272.jsx)("div", { className: "flex items-center gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(
+        headers: /* @__PURE__ */ (0, import_jsx_runtime274.jsx)("div", { className: "flex items-center gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(
           Fields_default.Select,
           {
             options: currencies,
@@ -50157,16 +50493,16 @@ var CargoIMReport = () => {
 var cargoIMReport_default = CargoIMReport;
 
 // src/components/accounts/forex-2/Forex2Accounts.tsx
-var import_react_router_dom133 = require("react-router-dom");
-var import_lucide_react128 = require("lucide-react");
-var import_react169 = require("react");
-var import_antd102 = require("antd");
-var import_jsx_runtime273 = require("react/jsx-runtime");
+var import_react_router_dom135 = require("react-router-dom");
+var import_lucide_react129 = require("lucide-react");
+var import_react170 = require("react");
+var import_antd103 = require("antd");
+var import_jsx_runtime275 = require("react/jsx-runtime");
 function Forex2Accounts({ v, url }) {
-  const { branchId } = (0, import_react_router_dom133.useParams)();
-  const navigate = (0, import_react_router_dom133.useNavigate)();
+  const { branchId } = (0, import_react_router_dom135.useParams)();
+  const navigate = (0, import_react_router_dom135.useNavigate)();
   const type = "account";
-  const [deleteAccount, setDeleteAccount] = (0, import_react169.useState)(null);
+  const [deleteAccount, setDeleteAccount] = (0, import_react170.useState)(null);
   const { isLoading: isActionLoading, remove } = useApis_default();
   const { data, TransactionViewComponent, reload, isLoading } = useTransaction_default({
     url: url || `/reports/forex-account-report${branchId ? `?branch=${branchId}` : ""}`,
@@ -50177,22 +50513,22 @@ function Forex2Accounts({ v, url }) {
   const items = (data2) => [
     {
       label: `Currency Report`,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(import_lucide_react128.FileChartLine, { size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime275.jsx)(import_lucide_react129.FileChartLine, { size: 16 }),
       onClick: () => navigate(data2?._id)
     },
     {
       label: `Edit ${type}`,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(import_lucide_react128.FilePenLine, { size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime275.jsx)(import_lucide_react129.FilePenLine, { size: 16 }),
       onClick: () => openState({
         type: "forex account",
-        content: /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(ForexAccountForm_default, { close, reloads: reload, id: data2?._id }),
+        content: /* @__PURE__ */ (0, import_jsx_runtime275.jsx)(ForexAccountForm_default, { close, reloads: reload, id: data2?._id }),
         title: "Forex Account Form",
         width: 800
       })
     },
     {
       label: `Delete ${type}`,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(import_lucide_react128.Trash2, { className: "text-red-500", size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime275.jsx)(import_lucide_react129.Trash2, { className: "text-red-500", size: 16 }),
       onClick: () => setDeleteAccount(data2)
     }
   ].filter(Boolean);
@@ -50202,7 +50538,7 @@ function Forex2Accounts({ v, url }) {
       header: "Name",
       cell: ({ row }) => {
         const account = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime275.jsx)(
           "span",
           {
             onClick: () => navigate(`statements/${account?._id}`),
@@ -50217,7 +50553,7 @@ function Forex2Accounts({ v, url }) {
       header: "Phone",
       cell: ({ row }) => {
         const account = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime273.jsx)("span", { children: account?.phoneNumber || "N/A" });
+        return /* @__PURE__ */ (0, import_jsx_runtime275.jsx)("span", { children: account?.phoneNumber || "N/A" });
       }
     },
     {
@@ -50225,14 +50561,14 @@ function Forex2Accounts({ v, url }) {
       header: "Balances",
       cell: ({ row }) => {
         const account = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime273.jsx)("div", { className: "flex flex-wrap items-center gap-2", children: Object.entries(account?.transactions || {}).map(
-          ([currency, data2]) => /* @__PURE__ */ (0, import_jsx_runtime273.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime275.jsx)("div", { className: "flex flex-wrap items-center gap-2", children: Object.entries(account?.transactions || {}).map(
+          ([currency, data2]) => /* @__PURE__ */ (0, import_jsx_runtime275.jsxs)(
             "div",
             {
               className: "flex items-center gap-1.5 px-2 py-0.5 rounded-lg bg-gray-50 dark:bg-gray-800/50 border border-gray-100 dark:border-gray-700",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime273.jsx)("span", { className: "text-[12px] font-bold text-gray-400 dark:text-gray-500 uppercase tracking-tighter", children: currency }),
-                /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime275.jsx)("span", { className: "text-[12px] font-bold text-gray-400 dark:text-gray-500 uppercase tracking-tighter", children: currency }),
+                /* @__PURE__ */ (0, import_jsx_runtime275.jsx)(
                   "span",
                   {
                     className: `text-[12px] font-bold tabular-nums ${data2.balance < 0 ? "text-red-500" : "text-green-600 dark:text-green-500"}`,
@@ -50251,8 +50587,8 @@ function Forex2Accounts({ v, url }) {
       header: "Actions",
       cell: ({ row }) => {
         const data2 = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime273.jsxs)("div", { className: "flex gap-4 items-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime275.jsxs)("div", { className: "flex gap-4 items-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime275.jsx)(
             "button",
             {
               className: "cursor-pointer px-2 py-1 text-white rounded-lg text-xs bg-blue-500",
@@ -50260,7 +50596,7 @@ function Forex2Accounts({ v, url }) {
                 openState({
                   type: "credit",
                   closeOnOverlayClick: false,
-                  content: /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(
+                  content: /* @__PURE__ */ (0, import_jsx_runtime275.jsx)(
                     Forex2FormTransaction_default,
                     {
                       close,
@@ -50276,7 +50612,7 @@ function Forex2Accounts({ v, url }) {
               children: "Out"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime275.jsx)(
             "button",
             {
               className: "cursor-pointer px-2 py-1 text-white rounded-lg text-xs bg-red-500",
@@ -50284,7 +50620,7 @@ function Forex2Accounts({ v, url }) {
                 openState({
                   type: "debit",
                   closeOnOverlayClick: false,
-                  content: /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(
+                  content: /* @__PURE__ */ (0, import_jsx_runtime275.jsx)(
                     Forex2FormTransaction_default,
                     {
                       close,
@@ -50300,13 +50636,13 @@ function Forex2Accounts({ v, url }) {
               children: "In"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime275.jsx)(
             Dropdown,
             {
               className: "cursor-pointer w-[150px]",
               items: items(data2),
               triggerMode: "hover",
-              children: /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(import_lucide_react128.EllipsisVertical, {})
+              children: /* @__PURE__ */ (0, import_jsx_runtime275.jsx)(import_lucide_react129.EllipsisVertical, {})
             }
           )
         ] });
@@ -50317,11 +50653,11 @@ function Forex2Accounts({ v, url }) {
   const onDelete = async (id) => {
     try {
       await remove({ url: `/accounts/delete/${id}` });
-      import_antd102.message.success("Account deleted successfully");
+      import_antd103.message.success("Account deleted successfully");
       reload();
       setDeleteAccount(null);
     } catch (error) {
-      import_antd102.message.error(error.message || "Something went wrong");
+      import_antd103.message.error(error.message || "Something went wrong");
       return error;
     }
   };
@@ -50345,9 +50681,9 @@ function Forex2Accounts({ v, url }) {
     };
   }).filter((item) => item.debit !== 0 || item.credit !== 0);
   console.log(currencies);
-  return /* @__PURE__ */ (0, import_jsx_runtime273.jsxs)(import_jsx_runtime273.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(Modal2, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime275.jsxs)(import_jsx_runtime275.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime275.jsx)(Modal2, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime275.jsx)(
       ConfirmModal,
       {
         isOpen: !!deleteAccount,
@@ -50360,9 +50696,9 @@ function Forex2Accounts({ v, url }) {
         children: null
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime273.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(ForexAccountSummary_default, { currencies, isLoading }),
-      /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime275.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime275.jsx)(ForexAccountSummary_default, { currencies, isLoading }),
+      /* @__PURE__ */ (0, import_jsx_runtime275.jsx)(
         TransactionViewComponent,
         {
           columns,
@@ -50374,7 +50710,7 @@ function Forex2Accounts({ v, url }) {
           onCreate: () => {
             openState({
               type: "forex account",
-              content: /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(ForexAccountForm_default, { close, reloads: reload }),
+              content: /* @__PURE__ */ (0, import_jsx_runtime275.jsx)(ForexAccountForm_default, { close, reloads: reload }),
               title: "Forex Account Form",
               width: 800
             });
@@ -50387,14 +50723,14 @@ function Forex2Accounts({ v, url }) {
 var Forex2Accounts_default = Forex2Accounts;
 
 // src/components/reports/ProductList.tsx
-var import_react_router_dom134 = require("react-router-dom");
-var import_jsx_runtime274 = require("react/jsx-runtime");
+var import_react_router_dom136 = require("react-router-dom");
+var import_jsx_runtime276 = require("react/jsx-runtime");
 var options9 = [
   { label: "Product", value: "product" },
   { label: "Pack", value: "pack" }
 ];
 var ProductList2 = ({ value = false }) => {
-  const { branchId } = (0, import_react_router_dom134.useParams)();
+  const { branchId } = (0, import_react_router_dom136.useParams)();
   const { branches } = useAuth_default();
   const { TransactionView } = useTransactionView_default();
   const { getQuery, setQuery } = useApp_default();
@@ -50416,7 +50752,7 @@ var ProductList2 = ({ value = false }) => {
       key: "name",
       className: "text-xs whitespace-nowrap",
       render: (row) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime274.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime274.jsx)("p", { className: "font-bold text-black dark:text-white print:text-black", children: row.name }) });
+        return /* @__PURE__ */ (0, import_jsx_runtime276.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime276.jsx)("p", { className: "font-bold text-black dark:text-white print:text-black", children: row.name }) });
       }
     },
     ...value ? [
@@ -50424,14 +50760,14 @@ var ProductList2 = ({ value = false }) => {
         header: "Cost",
         key: "cost",
         className: "text-xs whitespace-nowrap text-right",
-        render: (row) => /* @__PURE__ */ (0, import_jsx_runtime274.jsx)("span", { className: "font-bold text-black dark:text-white print:text-black", children: Formats_default.Amount(row.cost, false) })
+        render: (row) => /* @__PURE__ */ (0, import_jsx_runtime276.jsx)("span", { className: "font-bold text-black dark:text-white print:text-black", children: Formats_default.Amount(row.cost, false) })
       }
     ] : []
   ];
   const datas = data?.data || [];
-  return /* @__PURE__ */ (0, import_jsx_runtime274.jsxs)(import_jsx_runtime274.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(TransactionView, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime276.jsxs)(import_jsx_runtime276.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime276.jsx)(TransactionView, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime276.jsx)(
       A4DataView,
       {
         columns,
@@ -50442,7 +50778,7 @@ var ProductList2 = ({ value = false }) => {
         tableTitle: "Stock List",
         fixed: false,
         startPage: 1e10,
-        headers: /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(
+        headers: /* @__PURE__ */ (0, import_jsx_runtime276.jsx)(
           Select,
           {
             options: options9,