warqadui 0.0.104 → 0.0.105

package/dist/index.js

@@ -64,6 +64,8 @@ __export(index_exports, {
   ExpenseForm: () => ExpenseForm_default,
   Expenses: () => Expenses_default,
   Fields: () => Fields_default,
+  ForexTransferForm: () => ForexTransferForm_default,
+  ForexTransfers: () => ForexTransfers_default,
   Guard: () => Guard,
   InfoGrid: () => InfoGrid,
   Input: () => Input,
@@ -130,6 +132,7 @@ __export(index_exports, {
   createUserSchema: () => createUserSchema,
   createWalletSchema: () => createWalletSchema,
   expenseSchema: () => expenseSchema,
+  forexTransferSchema: () => forexTransferSchema,
   generatePdf: () => generatePdf,
   journalSchema: () => journalSchema,
   linkUserSchema: () => linkUserSchema,
@@ -465,7 +468,7 @@ var Enums = {
   verificationTypes: ["email_verification", "password_reset"],
   auditActions: ["create", "update", "delete", "login", "logout"],
   walletTypes: ["bank", "cash", "mobile"],
-  currencies: ["USD", "TZS", "KES", "CNY"],
+  currencies: ["USD", "TZS", "KES", "RMB"],
   packTypes: ["pressure", "bag", "boxes"],
   journalTypes: ["journal"],
   viaTypes: ["direct", "via account"],
@@ -475,7 +478,8 @@ var Enums = {
     "payment",
     "money transfer",
     "expense",
-    "adjustment"
+    "adjustment",
+    "forex transfer"
   ]
 };
 var Enums_default = Enums;
@@ -1524,13 +1528,13 @@ var Input = (0, import_react10.forwardRef)(
         }
       }
     }, [props.value, name, form]);
-    let message30 = error;
+    let message31 = error;
     if (form && name) {
       const {
         formState: { errors }
       } = form;
       const errorObj = name.split(".").reduce((acc, current) => acc?.[current], errors);
-      message30 = errorObj?.message;
+      message31 = errorObj?.message;
     }
     const watchedValue = form?.watch(name);
     (0, import_react10.useEffect)(() => {
@@ -1599,7 +1603,7 @@ var Input = (0, import_react10.forwardRef)(
               }
             )
           ] }),
-          message30 && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-sm text-red-600 dark:text-red-400", children: message30 })
+          message31 && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-sm text-red-600 dark:text-red-400", children: message31 })
         ]
       }
     );
@@ -1933,7 +1937,7 @@ var PhoneInput = (0, import_react13.forwardRef)(
     const [isFocused, setIsFocused] = (0, import_react13.useState)(false);
     const { theme } = useWarqadConfig();
     const primaryColor = theme?.primaryColor;
-    let message30 = error;
+    let message31 = error;
     if (form && name) {
       const {
         formState: { errors }
@@ -1943,7 +1947,7 @@ var PhoneInput = (0, import_react13.forwardRef)(
       for (const part of nameParts) {
         currentError = currentError?.[part];
       }
-      message30 = currentError?.message || message30;
+      message31 = currentError?.message || message31;
     }
     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)(
@@ -1994,7 +1998,7 @@ var PhoneInput = (0, import_react13.forwardRef)(
           }
         )
       ] }),
-      message30 && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "text-sm text-red-600 dark:text-red-400", children: message30 })
+      message31 && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "text-sm text-red-600 dark:text-red-400", children: message31 })
     ] });
     if (form && name) {
       return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
@@ -2167,7 +2171,7 @@ var SelectRoot = ({
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, [fieldInternalProps]);
-  let message30 = error;
+  let message31 = error;
   if (form && name) {
     const {
       formState: { errors }
@@ -2177,7 +2181,7 @@ var SelectRoot = ({
     for (const part of nameParts) {
       currentError = currentError?.[part];
     }
-    message30 = currentError?.message || message30;
+    message31 = currentError?.message || message31;
   }
   const allOptions = initialOptions?.length ? initialOptions : registeredOptions;
   const valueCtx = {
@@ -2238,7 +2242,7 @@ var SelectRoot = ({
             String(opt.value) || index
           )) })
         ] }),
-        message30 && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "text-sm text-red-600 dark:text-red-400", children: message30 })
+        message31 && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "text-sm text-red-600 dark:text-red-400", children: message31 })
       ]
     }
   ) });
@@ -2474,13 +2478,13 @@ var Textarea = (0, import_react15.forwardRef)(
     const [isFocused, setIsFocused] = (0, import_react15.useState)(false);
     const { theme } = useWarqadConfig();
     const primaryColor = theme?.primaryColor;
-    let message30 = error;
+    let message31 = error;
     if (form && name) {
       const {
         formState: { errors }
       } = form;
       const errorObj = name.split(".").reduce((acc, current) => acc?.[current], errors);
-      message30 = errorObj?.message;
+      message31 = errorObj?.message;
     }
     const renderInput = (inputProps, ref2) => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: `space-y-2 group w-full! relative ${containerClassName}`, children: [
       /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
@@ -2518,7 +2522,7 @@ var Textarea = (0, import_react15.forwardRef)(
           }
         }
       ) }),
-      message30 && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-sm text-red-600 dark:text-red-400", children: message30 })
+      message31 && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-sm text-red-600 dark:text-red-400", children: message31 })
     ] });
     (0, import_react15.useEffect)(() => {
       if (form && name && props.value !== void 0 && props.value !== null && props.value !== "") {
@@ -2837,7 +2841,7 @@ var SearchApiRoot = ({
   const filteredOptions = options3.filter(
     (option) => !filter.includes(getOptionValue(option))
   );
-  let message30 = error || errorMessage;
+  let message31 = error || errorMessage;
   if (form && name) {
     const {
       formState: { errors }
@@ -2847,7 +2851,7 @@ var SearchApiRoot = ({
     for (const part of nameParts) {
       currentError = currentError?.[part];
     }
-    message30 = currentError?.message || message30;
+    message31 = currentError?.message || message31;
   }
   const valueCtx = {
     isOpen,
@@ -2881,7 +2885,7 @@ var SearchApiRoot = ({
     form,
     name,
     obj,
-    error: message30,
+    error: message31,
     onSelect,
     onClear
   };
@@ -3248,19 +3252,19 @@ var DateInput = (0, import_react17.forwardRef)(
     const { theme } = useWarqadConfig();
     const primaryColor = theme?.primaryColor;
     const [isFocused, setIsFocused] = (0, import_react17.useState)(false);
-    let message30 = error;
+    let message31 = error;
     if (form && name) {
       const {
         formState: { errors }
       } = form;
       const errorObj = name.split(".").reduce((acc, current) => acc?.[current], errors);
-      message30 = errorObj?.message;
+      message31 = 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-zinc-900!
       text-gray-900! dark:text-zinc-100!
       hover:bg-white! dark:hover:bg-zinc-900!
-      ${message30 ? "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"}
+      ${message31 ? "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, changeHandler, blurHandler, refProps) => {
@@ -3283,8 +3287,8 @@ var DateInput = (0, import_react17.forwardRef)(
           needConfirm: false,
           style: {
             height: "var(--input-height, 40px)",
-            borderColor: isFocused && !message30 ? primaryColor : void 0,
-            boxShadow: isFocused && !message30 ? `${primaryColor}33 0px 0px 0px 2px` : void 0
+            borderColor: isFocused && !message31 ? primaryColor : void 0,
+            boxShadow: isFocused && !message31 ? `${primaryColor}33 0px 0px 0px 2px` : void 0
           },
           classNames: { popup: { root: "z-50" } },
           suffixIcon: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
@@ -3314,7 +3318,7 @@ var DateInput = (0, import_react17.forwardRef)(
         {
           className: "block text-xs font-medium transition-colors duration-200",
           style: {
-            color: message30 ? "#ef4444" : isFocused ? primaryColor : void 0
+            color: message31 ? "#ef4444" : isFocused ? primaryColor : void 0
           },
           children: [
             label,
@@ -3335,7 +3339,7 @@ var DateInput = (0, import_react17.forwardRef)(
           )
         }
       ) : renderDatePicker(value, onChange, onBlur, ref),
-      message30 && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-sm text-red-600 dark:text-red-400", children: message30 })
+      message31 && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-sm text-red-600 dark:text-red-400", children: message31 })
     ] });
   }
 );
@@ -7842,17 +7846,17 @@ var preWarningFns = [];
 var preMessage = (fn) => {
   preWarningFns.push(fn);
 };
-function warning(valid, message30) {
+function warning(valid, message31) {
   if (process.env.NODE_ENV !== "production" && !valid && console !== void 0) {
-    const finalMessage = preWarningFns.reduce((msg, preMessageFn) => preMessageFn(msg ?? "", "warning"), message30);
+    const finalMessage = preWarningFns.reduce((msg, preMessageFn) => preMessageFn(msg ?? "", "warning"), message31);
     if (finalMessage) {
       console.error(`Warning: ${finalMessage}`);
     }
   }
 }
-function note(valid, message30) {
+function note(valid, message31) {
   if (process.env.NODE_ENV !== "production" && !valid && console !== void 0) {
-    const finalMessage = preWarningFns.reduce((msg, preMessageFn) => preMessageFn(msg ?? "", "note"), message30);
+    const finalMessage = preWarningFns.reduce((msg, preMessageFn) => preMessageFn(msg ?? "", "note"), message31);
     if (finalMessage) {
       console.warn(`Note: ${finalMessage}`);
     }
@@ -7861,17 +7865,17 @@ function note(valid, message30) {
 function resetWarned() {
   warned = {};
 }
-function call(method, valid, message30) {
-  if (!valid && !warned[message30]) {
-    method(false, message30);
-    warned[message30] = true;
+function call(method, valid, message31) {
+  if (!valid && !warned[message31]) {
+    method(false, message31);
+    warned[message31] = true;
   }
 }
-function warningOnce(valid, message30) {
-  call(warning, valid, message30);
+function warningOnce(valid, message31) {
+  call(warning, valid, message31);
 }
-function noteOnce(valid, message30) {
-  call(note, valid, message30);
+function noteOnce(valid, message31) {
+  call(note, valid, message31);
 }
 warningOnce.preMessage = preMessage;
 warningOnce.resetWarned = resetWarned;
@@ -7882,8 +7886,8 @@ var import_react31 = __toESM(require("react"));
 function camelCase(input) {
   return input.replace(/-(.)/g, (match, g) => g.toUpperCase());
 }
-function warning2(valid, message30) {
-  warningOnce(valid, `[@ant-design/icons] ${message30}`);
+function warning2(valid, message31) {
+  warningOnce(valid, `[@ant-design/icons] ${message31}`);
 }
 function isIconDefinition(target) {
   return typeof target === "object" && typeof target.name === "string" && typeof target.theme === "string" && (typeof target.icon === "object" || typeof target.icon === "function");
@@ -9277,7 +9281,7 @@ var ExpenseView_default = ExpenseView;
 
 // src/components/Views/Transaction.tsx
 var import_antd6 = require("antd");
-var import_lucide_react25 = require("lucide-react");
+var import_lucide_react26 = require("lucide-react");
 
 // src/components/Views/TransactionViewComponents/WalletAdjustmentView.tsx
 var import_lucide_react24 = require("lucide-react");
@@ -9468,8 +9472,219 @@ function WalletAdjustmentView({
 }
 var WalletAdjustmentView_default = WalletAdjustmentView;
 
-// src/components/Views/Transaction.tsx
+// src/components/Views/TransactionViewComponents/ForexTransferView.tsx
+var import_lucide_react25 = require("lucide-react");
 var import_jsx_runtime47 = require("react/jsx-runtime");
+function ForexTransferView({
+  data,
+  isLoading
+}) {
+  const Skeleton = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+    "div",
+    {
+      className: `animate-pulse bg-gray-200 dark:bg-zinc-800 rounded ${className}`
+    }
+  );
+  const InfoSection = ({ title, icon: Icon2, children }) => /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "bg-white dark:bg-zinc-900/30 rounded-xl border border-gray-100 dark:border-zinc-800/50 p-5 space-y-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center gap-2 pb-3 border-b border-gray-50 dark:border-zinc-800/50", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "p-1.5 bg-gray-50 dark:bg-zinc-800 rounded-lg text-gray-500 dark:text-zinc-400", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Icon2, { size: 18 }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("h3", { className: "font-semibold text-gray-900 dark:text-zinc-100", children: title })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-x-8 gap-y-5", children })
+  ] });
+  const DataItem = ({
+    label,
+    value,
+    subValue,
+    className = "",
+    isSkeleton
+  }) => /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: `space-y-1 ${className}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "text-[10px] font-bold text-gray-400 dark:text-zinc-500 uppercase tracking-widest", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "flex flex-col gap-1.5", children: isSkeleton ? /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_jsx_runtime47.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Skeleton, { className: "h-4 w-3/4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Skeleton, { className: "h-3 w-1/2" })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_jsx_runtime47.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "text-sm font-semibold text-gray-800 dark:text-zinc-200", children: value || "---" }),
+      subValue && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "text-[11px] text-gray-400 dark:text-zinc-500 font-medium", children: subValue })
+    ] }) })
+  ] });
+  if (isLoading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "p-2 space-y-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "bg-white dark:bg-zinc-900 rounded-2xl border border-gray-100 dark:border-zinc-800 p-6 flex flex-wrap items-center justify-between gap-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center gap-5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Skeleton, { className: "w-14 h-14 rounded-2xl" }),
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "space-y-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Skeleton, { className: "h-7 w-48" }),
+            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Skeleton, { className: "h-4 w-32" })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "text-right space-y-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Skeleton, { className: "h-8 w-40 ml-auto" }),
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Skeleton, { className: "h-4 w-20 ml-auto" })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", children: [1, 2, 3, 4].map((i) => /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+        InfoSection,
+        {
+          title: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Skeleton, { className: "h-5 w-32" }),
+          icon: import_lucide_react25.FileText,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(DataItem, { isSkeleton: true, label: "Loading..." }),
+            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(DataItem, { isSkeleton: true, label: "Loading..." })
+          ]
+        },
+        i
+      )) })
+    ] });
+  }
+  if (!data) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "p-2 space-y-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "relative overflow-hidden bg-white dark:bg-zinc-900 rounded-2xl border border-gray-100 dark:border-zinc-800", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "absolute top-0 left-0 w-1.5 h-full bg-indigo-500" }),
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "p-6 flex flex-wrap items-center justify-between gap-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center gap-5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "p-4 rounded-2xl bg-indigo-50 text-indigo-600 dark:bg-indigo-500/10 dark:text-indigo-400", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react25.RefreshCw, { size: 28, strokeWidth: 1.5 }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("h1", { className: "text-2xl font-black tracking-tight text-gray-900 dark:text-zinc-100", children: data.ref }),
+              data.isDeleted && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("span", { className: "flex items-center gap-1.5 px-2.5 py-1 rounded-full text-[10px] font-black uppercase tracking-wider border bg-red-50 text-red-600 border-red-200 shadow-sm shadow-red-100", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react25.AlertCircle, { size: 12 }),
+                "REVERSED"
+              ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "text-xs font-bold text-gray-500 dark:text-zinc-400 uppercase tracking-tight truncate max-w-md", children: data.description })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "text-right space-y-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "text-3xl font-black tracking-tighter text-gray-900 dark:text-zinc-50", children: Formats_default.Price(data.amount || 0, data.currency || "USD") }),
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "text-xs font-black uppercase tracking-[0.2em] text-indigo-500", children: "Forex Transfer" })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(InfoSection, { title: "Transfer & Exchange", icon: import_lucide_react25.RefreshCw, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(DataItem, { label: "Transaction Date", value: data.date }),
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(DataItem, { label: "Reference ID", value: data.ref }),
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+          DataItem,
+          {
+            label: "Exchange Rate",
+            value: data.exchange?.rate ? `1 ${data.exchange.currency} = ${data.exchange.rate} ${data.currency}` : "N/A",
+            className: "col-span-full bg-indigo-50/50 dark:bg-indigo-500/5 p-3 rounded-lg border border-indigo-100 dark:border-indigo-500/20"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+          DataItem,
+          {
+            label: "Original Amount",
+            value: Formats_default.Price(data.amount, data.currency)
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+          DataItem,
+          {
+            label: "Exchanged Amount",
+            value: data.exchange ? Formats_default.Price(data.exchange.amount, data.exchange.currency) : "N/A"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(InfoSection, { title: "Source & Destination", icon: import_lucide_react25.ArrowRight, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+          DataItem,
+          {
+            label: "From Wallet (Source)",
+            value: data.fromWalletData?.name || "N/A",
+            subValue: `Currency: ${data.fromWalletData?.currency || "N/A"}`
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+          DataItem,
+          {
+            label: "To Account (Destination)",
+            value: data.accountData?.name || "N/A",
+            subValue: `Currency: ${data.accountData?.currency || "N/A"}`
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+          DataItem,
+          {
+            label: "Wallet Account No.",
+            value: data.fromWalletData?.accountNo || "---"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+          DataItem,
+          {
+            label: "Destination Type",
+            value: data.accountData?.type || "---",
+            className: "capitalize"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(InfoSection, { title: "Fees & Calculations", icon: import_lucide_react25.Percent, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+          DataItem,
+          {
+            label: "Fee (%)",
+            value: data.fee ? `${data.fee}%` : "0%"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+          DataItem,
+          {
+            label: "Fee Amount",
+            value: data.feeAmount ? Formats_default.Price(
+              data.feeAmount - (data.exchange?.amount || 0),
+              data.exchange?.currency || data.currency
+            ) : Formats_default.Price(0, data.exchange?.currency || data.currency)
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+          DataItem,
+          {
+            label: "Total Amount (Inc. Fee)",
+            value: data.feeAmount ? Formats_default.Price(data.feeAmount, data.exchange?.currency || data.currency) : Formats_default.Price(data.amount, data.currency),
+            className: "col-span-full font-bold text-gray-900 dark:text-white bg-gray-50 dark:bg-white/5 p-3 rounded-lg"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(InfoSection, { title: "Additional Information", icon: import_lucide_react25.Calendar, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+        DataItem,
+        {
+          label: "Note",
+          value: data.note || "No additional notes provided",
+          className: "col-span-full"
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex flex-wrap items-center justify-between gap-6 p-6 bg-gray-50/50 dark:bg-zinc-900/20 rounded-2xl border border-gray-100 dark:border-zinc-800", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex flex-wrap items-center gap-8", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center gap-2.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react25.Clock, { size: 16, className: "text-gray-400 dark:text-zinc-500" }),
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex flex-col", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "text-[9px] font-bold text-gray-400 dark:text-zinc-500 uppercase", children: "Date Created" }),
+            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "text-xs font-semibold text-gray-600 dark:text-zinc-300", children: data.createdAt ? new Date(data.createdAt).toLocaleString() : "---" })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center gap-2.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react25.User, { size: 16, className: "text-gray-400 dark:text-zinc-500" }),
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex flex-col", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "text-[9px] font-bold text-gray-400 dark:text-zinc-500 uppercase", children: "Created By" }),
+            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "text-xs font-semibold text-gray-600 dark:text-zinc-300", children: data.by?.name || "System" })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "px-4 py-2 bg-gray-100 dark:bg-zinc-800 rounded-lg", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("span", { className: "text-[10px] font-mono text-gray-500 dark:text-zinc-400 uppercase tracking-tighter", children: [
+        "Transaction ID: ",
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "font-bold", children: data._id })
+      ] }) })
+    ] })
+  ] });
+}
+var ForexTransferView_default = ForexTransferView;
+
+// src/components/Views/Transaction.tsx
+var import_jsx_runtime48 = require("react/jsx-runtime");
 var Transaction = ({
   id,
   type,
@@ -9517,35 +9732,35 @@ var Transaction = ({
       value: h.ref
     }));
   }, [data?.history]);
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
     Modal,
     {
       isOpen: true,
       onClose: close,
-      title: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center justify-between w-full ", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("span", { className: "capitalize", children: [
+      title: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center justify-between w-full ", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("span", { className: "capitalize", children: [
             type,
             " Transaction"
           ] }),
-          !isLoading && data?.data?.ref && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "text-xs font-mono bg-gray-100 dark:bg-zinc-800 px-2 py-1 rounded text-gray-500 uppercase", children: data.data.ref })
+          !isLoading && data?.data?.ref && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "text-xs font-mono bg-gray-100 dark:bg-zinc-800 px-2 py-1 rounded text-gray-500 uppercase", children: data.data.ref })
         ] }),
-        reverseable?.reload && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center gap-4", children: [
-          !isLoading && data?.data && !data.data.isDeleted && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+        reverseable?.reload && /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center gap-4", children: [
+          !isLoading && data?.data && !data.data.isDeleted && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
             import_antd6.Button,
             {
               danger: true,
               type: "primary",
               size: "small",
-              icon: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react25.RotateCcw, { size: 14 }),
+              icon: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react26.RotateCcw, { size: 14 }),
               className: "flex items-center gap-1.5 font-bold uppercase text-[10px] px-3 transition-all hover:scale-105",
               onClick: () => setShowReverseModal(true),
               children: "Reverse Transaction"
             }
           ),
-          historyOptions.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react25.History, { size: 14, className: "text-gray-400" }),
-            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+          historyOptions.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react26.History, { size: 14, className: "text-gray-400" }),
+            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
               import_antd6.Select,
               {
                 value: data?.data?.ref,
@@ -9562,27 +9777,28 @@ var Transaction = ({
       ] }),
       width: 1100,
       children: [
-        !type && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { children: "No transaction type" }),
-        type === "journal" && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(JournalView_default, { data: data?.data, isLoading }),
-        type === "payment" && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(PaymentView_default, { data: data?.data, isLoading }),
-        type === "money transfer" && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(MoneyTransfer_default, { data: data?.data, isLoading }),
-        type === "expense" && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(ExpenseView_default, { data: data?.data, isLoading }),
-        type === "adjustment" && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(WalletAdjustmentView_default, { data: data?.data, isLoading }),
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+        !type && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { children: "No transaction type" }),
+        type === "journal" && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(JournalView_default, { data: data?.data, isLoading }),
+        type === "payment" && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(PaymentView_default, { data: data?.data, isLoading }),
+        type === "money transfer" && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(MoneyTransfer_default, { data: data?.data, isLoading }),
+        type === "expense" && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(ExpenseView_default, { data: data?.data, isLoading }),
+        type === "adjustment" && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(WalletAdjustmentView_default, { data: data?.data, isLoading }),
+        type === "forex transfer" && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(ForexTransferView_default, { data: data?.data, isLoading }),
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
           ConfirmModal,
           {
             isOpen: showReverseModal,
             isLoading: isActionLoading,
             onClose: () => setShowReverseModal(false),
             title: "Reverse Transaction",
-            description: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "space-y-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("p", { children: [
+            description: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "space-y-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("p", { children: [
                 "Are you sure you want to reverse",
                 " ",
-                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "font-bold text-red-600 underline", children: data?.data?.ref }),
+                /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "font-bold text-red-600 underline", children: data?.data?.ref }),
                 "?"
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "text-xs text-gray-500 bg-gray-50 p-3 rounded-lg border border-gray-100 italic", children: '"This action will invalidate the transaction and adjust all linked account balances. This process cannot be undone."' })
+              /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "text-xs text-gray-500 bg-gray-50 p-3 rounded-lg border border-gray-100 italic", children: '"This action will invalidate the transaction and adjust all linked account balances. This process cannot be undone."' })
             ] }),
             confirmationWord: "reverse",
             onSubmit: onReverse,
@@ -9706,7 +9922,7 @@ var useAuth = () => {
 var useAuth_default = useAuth;
 
 // src/components/Guard.tsx
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 var Guard = () => {
   const { get } = useApis_default();
   const location = (0, import_react_router_dom5.useLocation)();
@@ -9730,18 +9946,18 @@ var Guard = () => {
     fetchProfile();
   }, [location.pathname]);
   if (!isFetched) {
-    return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "min-h-screen flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(LoadingSpin, { size: "lg" }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "min-h-screen flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(LoadingSpin, { size: "lg" }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react_router_dom5.Outlet, {});
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react_router_dom5.Outlet, {});
 };
 var ProtectedRoute = () => {
   const { isLoggedIn } = useAuth();
   const location = (0, import_react_router_dom5.useLocation)();
-  return isLoggedIn ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react_router_dom5.Outlet, {}) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react_router_dom5.Navigate, { to: "/login", state: { from: location }, replace: true });
+  return isLoggedIn ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react_router_dom5.Outlet, {}) : /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react_router_dom5.Navigate, { to: "/login", state: { from: location }, replace: true });
 };
 var UnProtectedRoute = () => {
   const { isLoggedIn, user } = useAuth();
-  return !isLoggedIn ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react_router_dom5.Outlet, {}) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react_router_dom5.Navigate, { to: user?.homePath || "/", replace: true });
+  return !isLoggedIn ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react_router_dom5.Outlet, {}) : /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react_router_dom5.Navigate, { to: user?.homePath || "/", replace: true });
 };
 var AdminProtectedRoute = () => {
   const { role } = useAuth();
@@ -9750,15 +9966,15 @@ var AdminProtectedRoute = () => {
       import_antd7.message.error("Only admin can access this page");
     }
   }, [role]);
-  return role && ["admin"].includes(role) ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react_router_dom5.Outlet, {}) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react_router_dom5.Navigate, { to: "/", replace: true });
+  return role && ["admin"].includes(role) ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react_router_dom5.Outlet, {}) : /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react_router_dom5.Navigate, { to: "/", replace: true });
 };
 
 // src/components/accounts/Accounts.tsx
 var import_react_router_dom6 = require("react-router-dom");
-var import_lucide_react26 = require("lucide-react");
+var import_lucide_react27 = require("lucide-react");
 var import_react35 = require("react");
 var import_antd8 = require("antd");
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 function Accounts({ v, url }) {
   const { enums } = useWarqadConfig();
   const { branchId } = (0, import_react_router_dom6.useParams)();
@@ -9779,17 +9995,17 @@ function Accounts({ v, url }) {
   const items = (data2) => [
     {
       label: `Edit ${type}`,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react26.FilePenLine, { size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react27.FilePenLine, { size: 16 }),
       onClick: () => navigate(`update?id=${data2?._id}`)
     },
     {
       label: `Delete ${type}`,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react26.Trash2, { className: "text-red-500", size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react27.Trash2, { className: "text-red-500", size: 16 }),
       onClick: () => setDeleteAccount(data2)
     },
     isEmployee && !data2?.user && {
       label: `Link User`,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react26.Cable, { size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react27.Cable, { size: 16 }),
       onClick: () => navigate(`link-user?id=${data2?._id}`)
     }
   ].filter(Boolean);
@@ -9799,7 +10015,7 @@ function Accounts({ v, url }) {
       header: "Name",
       cell: ({ row }) => {
         const account = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
           "span",
           {
             onClick: () => navigate(`statements/${account?._id}`),
@@ -9814,7 +10030,7 @@ function Accounts({ v, url }) {
       header: "Sex",
       cell: ({ row }) => {
         const account = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { children: account?.sex || "N/A" });
+        return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { children: account?.sex || "N/A" });
       }
     },
     {
@@ -9822,7 +10038,7 @@ function Accounts({ v, url }) {
       header: "Email",
       cell: ({ row }) => {
         const account = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { children: account?.email || "N/A" });
+        return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { children: account?.email || "N/A" });
       }
     },
     {
@@ -9830,7 +10046,7 @@ function Accounts({ v, url }) {
       header: "Phone",
       cell: ({ row }) => {
         const account = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { children: account?.phoneNumber || "N/A" });
+        return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { children: account?.phoneNumber || "N/A" });
       }
     },
     isEmployee && {
@@ -9838,7 +10054,7 @@ function Accounts({ v, url }) {
       header: "User",
       cell: ({ row }) => {
         const account = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Badge, { variant: account?.user ? "success" : "danger", size: "sm", children: account?.user ? "Linked" : "Not Linked" });
+        return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Badge, { variant: account?.user ? "success" : "danger", size: "sm", children: account?.user ? "Linked" : "Not Linked" });
       }
     },
     {
@@ -9846,13 +10062,13 @@ function Accounts({ v, url }) {
       header: "Actions",
       cell: ({ row }) => {
         const data2 = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
           Dropdown,
           {
             className: "cursor-pointer w-[150px]",
             items: items(data2),
             triggerMode: "hover",
-            children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react26.EllipsisVertical, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react27.EllipsisVertical, {})
           }
         );
       }
@@ -9870,9 +10086,9 @@ function Accounts({ v, url }) {
       return error;
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_jsx_runtime49.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Modal2, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_jsx_runtime50.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Modal2, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
       ConfirmModal,
       {
         isOpen: !!deleteAccount,
@@ -9885,7 +10101,7 @@ function Accounts({ v, url }) {
         children: null
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
       TransactionViewComponent,
       {
         columns,
@@ -9946,7 +10162,7 @@ var import_react37 = require("react");
 
 // src/hooks/useAccountBalance.tsx
 var import_react36 = require("react");
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 var useAccountbalance = ({
   url,
   showBalance,
@@ -9980,15 +10196,15 @@ var useAccountbalance = ({
       return null;
     }
     if (isLoading) {
-      return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("h2", { className: "text-gray-500", children: "Getting Balance..." });
+      return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("h2", { className: "text-gray-500", children: "Getting Balance..." });
     }
     if (error) {
-      return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("h2", { className: "text-red-500", children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("h2", { className: "text-red-500", children: [
         "Error: ",
         error
       ] });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
       "h2",
       {
         className: `${balance.startsWith("-") ? "text-red-500" : "text-green-500"}`,
@@ -10005,7 +10221,7 @@ var useAccountBalance_default = useAccountbalance;
 
 // src/components/accounts/Feilds/Account.tsx
 var import_react_router_dom8 = require("react-router-dom");
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 function Account({
   name,
   label,
@@ -10027,8 +10243,8 @@ function Account({
     showBalance,
     accountId
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
       Fields_default.SearchApi,
       {
         name,
@@ -10046,13 +10262,13 @@ function Account({
         obj
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(BalanceView, {})
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(BalanceView, {})
   ] });
 }
 var Account_default = Account;
 
 // src/components/accounts/Feilds/Customers.tsx
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 function Customer({
   name = "customer",
   label = "Customer",
@@ -10066,7 +10282,7 @@ function Customer({
   v,
   obj
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
     Account_default,
     {
       name,
@@ -10086,7 +10302,7 @@ function Customer({
 var Customers_default = Customer;
 
 // src/components/accounts/Feilds/Employee.tsx
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 function Employee({
   name = "employee",
   label = "Employee",
@@ -10100,7 +10316,7 @@ function Employee({
   obj,
   v
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     Account_default,
     {
       name,
@@ -10120,7 +10336,7 @@ function Employee({
 var Employee_default = Employee;
 
 // src/components/accounts/Feilds/Branches.tsx
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 function Branches({
   name = "branch",
   label = "Branch",
@@ -10133,7 +10349,7 @@ function Branches({
   v,
   disabled
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
     Account_default,
     {
       name,
@@ -10162,7 +10378,7 @@ var Feilds_default = AccountFields;
 
 // src/components/accounts/AccountForm.tsx
 var import_react_router_dom9 = require("react-router-dom");
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 function AccountForm() {
   const { enums } = useWarqadConfig();
   const { branchId } = (0, import_react_router_dom9.useParams)();
@@ -10227,24 +10443,24 @@ function AccountForm() {
       fetches();
     }
   }, [id]);
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
     Card,
     {
       className: "max-w-4xl mx-auto mt-10 relative",
       isLoading: isLoadingGet,
       loadingText: "Processing...",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(Card.Header, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Card.Title, { children: `${isEdit ? "Edit" : "Add"} ${type}` }),
-          /* @__PURE__ */ (0, import_jsx_runtime55.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_runtime56.jsxs)(Card.Header, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Card.Title, { children: `${isEdit ? "Edit" : "Add"} ${type}` }),
+          /* @__PURE__ */ (0, import_jsx_runtime56.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_runtime55.jsx)(Card.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Card.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
           "form",
           {
             onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                   Fields_default.Input,
                   {
                     label: "Name",
@@ -10255,7 +10471,7 @@ function AccountForm() {
                     required: true
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                   Fields_default.Select,
                   {
                     label: "Sex",
@@ -10264,7 +10480,7 @@ function AccountForm() {
                     enumName: "sex"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                   Fields_default.Input,
                   {
                     label: "Email",
@@ -10274,7 +10490,7 @@ function AccountForm() {
                     placeholder: "e.g maoo@exapmle.com"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                   Fields_default.PhoneInput,
                   {
                     label: "Phone Number",
@@ -10283,7 +10499,7 @@ function AccountForm() {
                     placeholder: "Enter phone number"
                   }
                 ),
-                !branchId && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                !branchId && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                   Feilds_default.Branches,
                   {
                     label: "Branch",
@@ -10293,7 +10509,7 @@ function AccountForm() {
                     api: "/branches/get?noStore=true"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                   Fields_default.Select,
                   {
                     label: "Currency",
@@ -10303,7 +10519,7 @@ function AccountForm() {
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                 Button,
                 {
                   isLoading,
@@ -10362,7 +10578,7 @@ var import_react_hook_form9 = require("react-hook-form");
 var import_zod5 = require("@hookform/resolvers/zod");
 var import_antd10 = require("antd");
 var import_react38 = require("react");
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 function LinkUser({ type: initialType = "employee" }) {
   const { getQuery, navigate, getParams } = useApp_default();
   const id = getQuery("id");
@@ -10418,26 +10634,26 @@ function LinkUser({ type: initialType = "employee" }) {
       navigate(-1);
     }
   }, [id]);
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
     Card,
     {
       className: "max-w-4xl mx-auto mt-10 relative",
       isLoading: isLoadingGet,
       loadingText: "Processing...",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(Card.Header, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Card.Title, { children: `Link User ` }),
-          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Card.Description, { children: "Link User Employee and add it to your list" })
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(Card.Header, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Card.Title, { children: `Link User ` }),
+          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Card.Description, { children: "Link User Employee and add it to your list" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Card.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Card.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
           "form",
           {
             onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)),
             className: "space-y-4",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
                 " ",
-                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                   Fields_default.Input,
                   {
                     label: "Name",
@@ -10448,7 +10664,7 @@ function LinkUser({ type: initialType = "employee" }) {
                     disabled: true
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                   Fields_default.Input,
                   {
                     label: "Email",
@@ -10459,7 +10675,7 @@ function LinkUser({ type: initialType = "employee" }) {
                     required: true
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                   Fields_default.Select,
                   {
                     label: "Role",
@@ -10470,7 +10686,7 @@ function LinkUser({ type: initialType = "employee" }) {
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                 Button,
                 {
                   isLoading,
@@ -10492,14 +10708,14 @@ var linkUser_default = LinkUser;
 
 // src/components/users/users.tsx
 var import_react42 = require("react");
-var import_lucide_react27 = require("lucide-react");
+var import_lucide_react28 = require("lucide-react");
 
 // src/components/users/VerifyEmailForm.tsx
 var import_react_hook_form10 = require("react-hook-form");
 var import_zod6 = require("@hookform/resolvers/zod");
 var import_antd11 = require("antd");
 var import_react39 = require("react");
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 var { Countdown } = import_antd11.Statistic;
 function VerifyEmailForm({
   data,
@@ -10567,9 +10783,9 @@ function VerifyEmailForm({
       import_antd11.message.error(error?.message || "Something went wrong");
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("form", { onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "space-y-2", children: [
-      oldEmail && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "border-b-2 pb-2", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("form", { onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "space-y-2", children: [
+      oldEmail && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "border-b-2 pb-2", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
         Fields_default.Input,
         {
           label: "Current Email",
@@ -10579,7 +10795,7 @@ function VerifyEmailForm({
           disabled: true
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
         Fields_default.Input,
         {
           label: "New Email",
@@ -10590,7 +10806,7 @@ function VerifyEmailForm({
           disabled: true
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
         Fields_default.Input,
         {
           label: "Token",
@@ -10601,19 +10817,19 @@ function VerifyEmailForm({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex items-center gap-2 mt-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("h1", { className: "text-sm text-gray-600 dark:text-gray-400", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex items-center gap-2 mt-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("h1", { className: "text-sm text-gray-600 dark:text-gray-400", children: [
         "Didn't receive a verification token or expired?",
         " "
       ] }),
-      hasPassed || !threeMinutesLater ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+      hasPassed || !threeMinutesLater ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
         "span",
         {
           onClick: resend,
           className: "text-blue-600 cursor-pointer underline text-sm",
           children: "Resend"
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "text-blue-600 cursor-pointer underline text-sm", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+      ) : /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "text-blue-600 cursor-pointer underline text-sm", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
         Countdown,
         {
           styles: { content: { fontSize: 14, color: "#3b82f6" } },
@@ -10623,7 +10839,7 @@ function VerifyEmailForm({
         threeMinutesLater
       ) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
       Button,
       {
         isLoading,
@@ -10641,7 +10857,7 @@ var VerifyEmailForm_default = VerifyEmailForm;
 var import_react_hook_form11 = require("react-hook-form");
 var import_zod7 = require("@hookform/resolvers/zod");
 var import_antd12 = require("antd");
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 function UpdateEmailForm({
   data,
   close,
@@ -10674,9 +10890,9 @@ function UpdateEmailForm({
       import_antd12.message.error(error?.message || "Something went wrong");
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("form", { onSubmit: handleSubmit(onSubmit), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("form", { onSubmit: handleSubmit(onSubmit), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
         Fields_default.Input,
         {
           label: "Current Email",
@@ -10685,7 +10901,7 @@ function UpdateEmailForm({
           disabled: true
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
         Fields_default.Input,
         {
           label: "New Email Address",
@@ -10696,10 +10912,10 @@ function UpdateEmailForm({
           required: true
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "bg-blue-50 dark:bg-blue-900/10 border-l-4 border-blue-400 p-3 rounded", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: "text-xs text-blue-700 dark:text-blue-400", children: "Note: You will need to verify the new email address before it becomes primary." }) })
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "bg-blue-50 dark:bg-blue-900/10 border-l-4 border-blue-400 p-3 rounded", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "text-xs text-blue-700 dark:text-blue-400", children: "Note: You will need to verify the new email address before it becomes primary." }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("footer", { className: "flex justify-end mt-6 gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("footer", { className: "flex justify-end mt-6 gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
         Button,
         {
           type: "button",
@@ -10709,7 +10925,7 @@ function UpdateEmailForm({
           children: "Cancel"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
         Button,
         {
           isLoading,
@@ -10728,7 +10944,7 @@ var UpdateEmailForm_default = UpdateEmailForm;
 var import_react_hook_form12 = require("react-hook-form");
 var import_antd13 = require("antd");
 var import_react40 = require("react");
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 var { Countdown: Countdown2 } = import_antd13.Statistic;
 function ResetPasswordForm({
   data,
@@ -10783,9 +10999,9 @@ function ResetPasswordForm({
       import_antd13.message.error(error?.message || "Something went wrong");
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("form", { onSubmit: handleSubmit(onSubmit), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "border-b-2 pb-4 dark:border-zinc-800", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("form", { onSubmit: handleSubmit(onSubmit), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "border-b-2 pb-4 dark:border-zinc-800", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
         Fields_default.Input,
         {
           label: "Target Email",
@@ -10794,10 +11010,10 @@ function ResetPasswordForm({
           disabled: true
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "bg-orange-50 dark:bg-orange-900/10 border-l-4 border-orange-400 p-4 rounded-xl", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "text-sm text-orange-700 dark:text-orange-300", children: "Click context below to send a secure password reset link to this user." }) }),
-      !hasPassed && threeMinutesLater && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "flex items-center gap-2 mt-2 bg-blue-50 dark:bg-blue-900/10 p-2 rounded-lg", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "text-xs text-blue-600 dark:text-blue-400 font-medium", children: "You can request another link in:" }),
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "text-blue-600 font-bold text-xs", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "bg-orange-50 dark:bg-orange-900/10 border-l-4 border-orange-400 p-4 rounded-xl", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "text-sm text-orange-700 dark:text-orange-300", children: "Click context below to send a secure password reset link to this user." }) }),
+      !hasPassed && threeMinutesLater && /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex items-center gap-2 mt-2 bg-blue-50 dark:bg-blue-900/10 p-2 rounded-lg", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "text-xs text-blue-600 dark:text-blue-400 font-medium", children: "You can request another link in:" }),
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "text-blue-600 font-bold text-xs", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
           Countdown2,
           {
             styles: { content: { fontSize: 12, color: "#3b82f6" } },
@@ -10808,8 +11024,8 @@ function ResetPasswordForm({
         ) })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("footer", { className: "flex justify-end mt-8 gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("footer", { className: "flex justify-end mt-8 gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
         Button,
         {
           type: "button",
@@ -10819,7 +11035,7 @@ function ResetPasswordForm({
           children: "Cancel"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
         Button,
         {
           isLoading,
@@ -10837,11 +11053,11 @@ var ResetPasswordForm_default = ResetPasswordForm;
 // src/components/users/Activate.tsx
 var import_antd14 = require("antd");
 var import_react41 = require("react");
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 var ActivateUser = ({ data }) => {
   const [checked, setChecked] = (0, import_react41.useState)(data?.isActive);
   const { put, isLoading } = useApis_default();
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_jsx_runtime60.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_jsx_runtime61.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
     import_antd14.Switch,
     {
       onChange: async (e) => {
@@ -10869,7 +11085,7 @@ var Activate_default = ActivateUser;
 
 // src/components/users/users.tsx
 var import_react_router_dom10 = require("react-router-dom");
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 function Users() {
   const navigate = (0, import_react_router_dom10.useNavigate)();
   const { data, TransactionViewComponent, reload } = useTransaction_default({
@@ -10881,11 +11097,11 @@ function Users() {
   const items = (data2) => [
     {
       label: `Reset Password`,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_lucide_react27.Key, { size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_lucide_react28.Key, { size: 16 }),
       onClick: () => openState({
         title: "Request Password Reset",
         type: "form",
-        content: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+        content: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
           ResetPasswordForm_default,
           {
             data: data2,
@@ -10898,11 +11114,11 @@ function Users() {
     },
     {
       label: `Update Email`,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_lucide_react27.Mail, { size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_lucide_react28.Mail, { size: 16 }),
       onClick: () => openState({
         title: "Update Email Address",
         type: "form",
-        content: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+        content: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
           UpdateEmailForm_default,
           {
             data: data2,
@@ -10915,11 +11131,11 @@ function Users() {
     },
     data2?.emailVerification && {
       label: `Verify Email`,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_lucide_react27.ShieldCheck, {}),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_lucide_react28.ShieldCheck, {}),
       onClick: () => openState({
         title: "Verify Email",
         type: "form",
-        content: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+        content: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
           VerifyEmailForm_default,
           {
             data: data2,
@@ -10940,16 +11156,16 @@ function Users() {
           const data2 = row.original;
           const emailVerification = data2?.emailVerification;
           const newEmail = emailVerification?.email !== data2?.email ? emailVerification?.email : null;
-          return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "space-y-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("section", { className: "flex items-center gap-2", children: [
+          return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("section", { className: "flex items-center gap-2", children: [
               " ",
-              /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { children: data2?.email }),
-              data2?.isEmailVerified && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Badge, { variant: "success", size: "sm", children: "Verified" }),
-              !data2?.isEmailVerified && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Badge, { variant: "warning", size: "sm", children: "Not Verified" })
+              /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("p", { children: data2?.email }),
+              data2?.isEmailVerified && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Badge, { variant: "success", size: "sm", children: "Verified" }),
+              !data2?.isEmailVerified && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Badge, { variant: "warning", size: "sm", children: "Not Verified" })
             ] }),
-            newEmail && /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("section", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_lucide_react27.Info, { size: 16, className: "text-orange-600" }),
-              /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { children: newEmail })
+            newEmail && /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("section", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_lucide_react28.Info, { size: 16, className: "text-orange-600" }),
+              /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("p", { children: newEmail })
             ] })
           ] });
         }
@@ -10959,7 +11175,7 @@ function Users() {
         header: "Role",
         cell: ({ row }) => {
           const data2 = row.original;
-          return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
             Badge,
             {
               variant: data2?.role === "admin" ? "primary" : "warning",
@@ -10974,7 +11190,7 @@ function Users() {
         header: "Employee Name",
         cell: ({ row }) => {
           const account = row.original?.account;
-          return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { children: account?.name || "N/A" });
+          return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { children: account?.name || "N/A" });
         }
       },
       {
@@ -10982,7 +11198,7 @@ function Users() {
         header: "Status",
         cell: ({ row }) => {
           const data2 = row.original;
-          return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Activate_default, { data: data2 });
+          return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Activate_default, { data: data2 });
         }
       },
       {
@@ -10990,13 +11206,13 @@ function Users() {
         header: "Actions",
         cell: ({ row }) => {
           const data2 = row.original;
-          return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
             Dropdown,
             {
               className: "w-fit! cursor-pointer",
               items: items(data2),
               triggerMode: "hover",
-              children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_lucide_react27.EllipsisVertical, {})
+              children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_lucide_react28.EllipsisVertical, {})
             }
           );
         }
@@ -11005,9 +11221,9 @@ function Users() {
     [items]
   );
   const users = data?.data || [];
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_jsx_runtime61.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Modal2, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Modal2, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
       TransactionViewComponent,
       {
         columns,
@@ -11028,7 +11244,7 @@ var users_default = Users;
 var import_react_hook_form13 = require("react-hook-form");
 var import_zod8 = require("@hookform/resolvers/zod");
 var import_antd15 = require("antd");
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 function UserForm() {
   const { navigate } = useApp_default();
   const { post, isLoading } = useApis_default();
@@ -11053,14 +11269,14 @@ function UserForm() {
       import_antd15.message.error(error?.message || "Something went wrong");
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(Card, { className: "max-w-xl mx-auto mt-10 relative", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(Card.Header, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Card.Title, { children: "Add User" }),
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Card.Description, { children: "Create a new user by providing their email and phone number." })
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(Card, { className: "max-w-xl mx-auto mt-10 relative", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(Card.Header, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Card.Title, { children: "Add User" }),
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Card.Description, { children: "Create a new user by providing their email and phone number." })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Card.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("form", { onSubmit: handleSubmit(onSubmit), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Card.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("form", { onSubmit: handleSubmit(onSubmit), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
           Fields_default.Input,
           {
             label: "Email",
@@ -11071,7 +11287,7 @@ function UserForm() {
             required: true
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
           Fields_default.PhoneInput,
           {
             label: "Phone Number",
@@ -11080,7 +11296,7 @@ function UserForm() {
             placeholder: "Enter phone number"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
           Fields_default.Select,
           {
             label: "Role",
@@ -11091,7 +11307,7 @@ function UserForm() {
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("footer", { className: "flex justify-end mt-6", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("footer", { className: "flex justify-end mt-6", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
         Button,
         {
           isLoading,
@@ -11109,12 +11325,12 @@ var UserForm_default = UserForm;
 // src/components/users/ResetPasswordPage.tsx
 var import_react43 = require("react");
 var import_react_router_dom11 = require("react-router-dom");
-var import_lucide_react28 = require("lucide-react");
+var import_lucide_react29 = require("lucide-react");
 var import_react_hook_form14 = require("react-hook-form");
 var import_zod9 = require("@hookform/resolvers/zod");
 var z4 = __toESM(require("zod"));
 var import_antd16 = require("antd");
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 var resetPageSchema = z4.object({
   password: z4.string().min(6, "Password must be at least 6 characters"),
   confirmPassword: z4.string().min(6, "Password must be at least 6 characters")
@@ -11180,14 +11396,14 @@ function ResetPasswordPage() {
     }
   };
   if (verifying) {
-    return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "h-screen w-full flex items-center justify-center bg-slate-50 dark:bg-[#0A0B10]", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "text-center space-y-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_antd16.Spin, { size: "large" }),
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("p", { className: "text-slate-500 animate-pulse", children: "Verifying reset link..." })
+    return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "h-screen w-full flex items-center justify-center bg-slate-50 dark:bg-[#0A0B10]", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "text-center space-y-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_antd16.Spin, { size: "large" }),
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("p", { className: "text-slate-500 animate-pulse", children: "Verifying reset link..." })
     ] }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex h-screen w-full overflow-hidden bg-white dark:bg-[#0A0B10]", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "hidden lg:flex lg:w-1/2 relative overflow-hidden bg-slate-900 border-r border-slate-800", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex h-screen w-full overflow-hidden bg-white dark:bg-[#0A0B10]", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "hidden lg:flex lg:w-1/2 relative overflow-hidden bg-slate-900 border-r border-slate-800", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
         "div",
         {
           className: "absolute inset-0 z-0 opacity-40 bg-cover bg-center",
@@ -11196,35 +11412,35 @@ function ResetPasswordPage() {
           }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "absolute inset-0 bg-linear-to-tr from-[#0A0B10] via-transparent to-indigo-500/10 z-10" }),
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "relative z-20 p-12 flex flex-col justify-between w-full h-full", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "h-10 w-10 bg-indigo-600 rounded-lg flex items-center justify-center shadow-indigo-500/20 shadow-xl", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_lucide_react28.Terminal, { className: "text-white w-6 h-6" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "text-2xl font-bold text-white tracking-widest uppercase", children: "Warqad UI" })
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "absolute inset-0 bg-linear-to-tr from-[#0A0B10] via-transparent to-indigo-500/10 z-10" }),
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "relative z-20 p-12 flex flex-col justify-between w-full h-full", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "h-10 w-10 bg-indigo-600 rounded-lg flex items-center justify-center shadow-indigo-500/20 shadow-xl", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_lucide_react29.Terminal, { className: "text-white w-6 h-6" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "text-2xl font-bold text-white tracking-widest uppercase", children: "Warqad UI" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "max-w-md", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("h1", { className: "text-5xl font-extrabold text-white mb-6 leading-tight", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "max-w-md", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("h1", { className: "text-5xl font-extrabold text-white mb-6 leading-tight", children: [
             "Secure ",
-            /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "text-indigo-400", children: "Access" }),
+            /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "text-indigo-400", children: "Access" }),
             " ",
-            /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("br", {}),
+            /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("br", {}),
             " ",
             "Simplified."
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("p", { className: "text-slate-400 text-lg leading-relaxed", children: "Reset your credentials securely and regain access to your dashboard in minutes." })
+          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("p", { className: "text-slate-400 text-lg leading-relaxed", children: "Reset your credentials securely and regain access to your dashboard in minutes." })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "text-slate-500 text-sm italic", children: "Trusted by developers worldwide." })
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "text-slate-500 text-sm italic", children: "Trusted by developers worldwide." })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "w-full lg:w-1/2 p-8 lg:p-16 flex flex-col justify-center bg-white dark:bg-[#0A0B10] relative", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "absolute top-4 right-4 z-50", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(ThemeToggle, {}) }),
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "max-w-md w-full mx-auto", children: !isVerified || error ? /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "text-center space-y-6", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "mx-auto w-16 h-16 bg-red-100 dark:bg-red-900/20 rounded-full flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_lucide_react28.ShieldCheck, { className: "text-red-600 dark:text-red-400 w-8 h-8" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("h2", { className: "text-3xl font-bold text-slate-900 dark:text-white mb-2", children: "Link Invalid" }),
-          /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("p", { className: "text-slate-500 dark:text-slate-400", children: error || "The reset link is invalid or has already been used." })
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "w-full lg:w-1/2 p-8 lg:p-16 flex flex-col justify-center bg-white dark:bg-[#0A0B10] relative", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "absolute top-4 right-4 z-50", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(ThemeToggle, {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "max-w-md w-full mx-auto", children: !isVerified || error ? /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "text-center space-y-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "mx-auto w-16 h-16 bg-red-100 dark:bg-red-900/20 rounded-full flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_lucide_react29.ShieldCheck, { className: "text-red-600 dark:text-red-400 w-8 h-8" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("h2", { className: "text-3xl font-bold text-slate-900 dark:text-white mb-2", children: "Link Invalid" }),
+          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("p", { className: "text-slate-500 dark:text-slate-400", children: error || "The reset link is invalid or has already been used." })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
           Button,
           {
             onClick: () => navigate("/login"),
@@ -11232,22 +11448,22 @@ function ResetPasswordPage() {
             children: "Back to Login"
           }
         )
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "mb-10", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("h2", { className: "text-3xl font-bold text-slate-900 dark:text-white mb-3 tracking-tight", children: "Reset Password" }),
-          /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("p", { className: "text-slate-500 dark:text-slate-400", children: [
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_jsx_runtime64.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "mb-10", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("h2", { className: "text-3xl font-bold text-slate-900 dark:text-white mb-3 tracking-tight", children: "Reset Password" }),
+          /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("p", { className: "text-slate-500 dark:text-slate-400", children: [
             "Set a new, strong password for",
             " ",
-            /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "text-indigo-600 font-medium", children: email })
+            /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "text-indigo-600 font-medium", children: email })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
           "form",
           {
             onSubmit: methods.handleSubmit(onSubmit),
             className: "space-y-6",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
                 Fields_default.Input,
                 {
                   form: methods,
@@ -11256,11 +11472,11 @@ function ResetPasswordPage() {
                   type: "password",
                   placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022",
                   required: true,
-                  icon: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_lucide_react28.Lock, { size: 18, className: "text-slate-400" }),
+                  icon: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_lucide_react29.Lock, { size: 18, className: "text-slate-400" }),
                   className: "bg-slate-50 dark:bg-slate-900/50 h-12"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
                 Fields_default.Input,
                 {
                   form: methods,
@@ -11269,11 +11485,11 @@ function ResetPasswordPage() {
                   type: "password",
                   placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022",
                   required: true,
-                  icon: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_lucide_react28.ShieldCheck, { size: 18, className: "text-slate-400" }),
+                  icon: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_lucide_react29.ShieldCheck, { size: 18, className: "text-slate-400" }),
                   className: "bg-slate-50 dark:bg-slate-900/50 h-12"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
                 Button,
                 {
                   type: "submit",
@@ -11281,7 +11497,7 @@ function ResetPasswordPage() {
                   className: "w-full h-12 bg-indigo-600 hover:bg-indigo-500 text-white font-semibold flex items-center justify-center gap-2",
                   children: [
                     "Update Password",
-                    !isLoading && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_lucide_react28.ArrowRight, { size: 18 })
+                    !isLoading && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_lucide_react29.ArrowRight, { size: 18 })
                   ]
                 }
               )
@@ -11295,10 +11511,10 @@ function ResetPasswordPage() {
 var ResetPasswordPage_default = ResetPasswordPage;
 
 // src/components/users/UserProfile.tsx
-var import_lucide_react29 = require("lucide-react");
+var import_lucide_react30 = require("lucide-react");
 var import_react_router_dom12 = require("react-router-dom");
 var import_antd17 = require("antd");
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 var UserProfile = ({
   items,
   name,
@@ -11331,21 +11547,21 @@ var UserProfile = ({
   const defaultItems = [
     {
       label: "My Profile",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_lucide_react29.User, { size: 18 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_lucide_react30.User, { size: 18 }),
       onClick: () => navigate("profile"),
       className: "min-w-[150px]"
     },
     {
       label: "Logout",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_lucide_react29.LogOut, { size: 18 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_lucide_react30.LogOut, { size: 18 }),
       onClick: logout,
       className: "text-red-500 hover:bg-red-50 dark:hover:bg-red-950/20"
     }
   ];
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex items-center gap-3", children: [
-    showThemeToggle && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(ThemeToggle, {}),
-    showThemeToggle && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "w-px h-6 mx-2 bg-gray-200 dark:bg-gray-800" }),
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex items-center gap-3", children: [
+    showThemeToggle && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(ThemeToggle, {}),
+    showThemeToggle && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "w-px h-6 mx-2 bg-gray-200 dark:bg-gray-800" }),
+    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
       ProfileDropdown,
       {
         name: name || account?.name || "User",
@@ -11362,13 +11578,13 @@ var UserProfile_default = UserProfile;
 
 // src/components/users/ProfilePage.tsx
 var import_react_router_dom13 = require("react-router-dom");
-var import_lucide_react30 = require("lucide-react");
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_lucide_react31 = require("lucide-react");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 var ProfilePage = () => {
   const navigate = (0, import_react_router_dom13.useNavigate)();
   const { user, account } = useAuth();
   if (!user) {
-    return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "flex items-center justify-center min-h-[400px]", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("h1", { children: "Please login to view your profile" }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "flex items-center justify-center min-h-[400px]", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("h1", { children: "Please login to view your profile" }) });
   }
   const extraInfo = [
     {
@@ -11387,19 +11603,19 @@ var ProfilePage = () => {
       copiable: false
     }
   ];
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "p-4 sm:p-8 space-y-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "max-w-5xl mx-auto", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "p-4 sm:p-8 space-y-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "max-w-5xl mx-auto", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
       Button,
       {
         variant: "outline",
         size: "sm",
         onClick: () => navigate(-1),
-        icon: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_lucide_react30.ArrowLeft, { size: 16 }),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_lucide_react31.ArrowLeft, { size: 16 }),
         className: "rounded-full font-bold px-5",
         children: "Back"
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
       ProfileView,
       {
         name: account?.name || "User Account",
@@ -11416,10 +11632,10 @@ var ProfilePage_default = ProfilePage;
 
 // src/components/wallets/Wallets.tsx
 var import_react_router_dom14 = require("react-router-dom");
-var import_lucide_react31 = require("lucide-react");
+var import_lucide_react32 = require("lucide-react");
 var import_react44 = require("react");
 var import_antd18 = require("antd");
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 function Wallets({ v, url }) {
   const { branchId } = (0, import_react_router_dom14.useParams)();
   const [deleteWallet, setDeleteWallet] = (0, import_react44.useState)(null);
@@ -11434,12 +11650,12 @@ function Wallets({ v, url }) {
   const items = (data2) => [
     {
       label: `Edit Wallet`,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_lucide_react31.FilePenLine, { size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_lucide_react32.FilePenLine, { size: 16 }),
       onClick: () => navigate(`update?id=${data2?._id}`)
     },
     {
       label: `Delete Wallet`,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_lucide_react31.Trash2, { className: "text-red-500", size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_lucide_react32.Trash2, { className: "text-red-500", size: 16 }),
       onClick: () => setDeleteWallet(data2)
     }
   ].filter(Boolean);
@@ -11449,7 +11665,7 @@ function Wallets({ v, url }) {
       header: "Name",
       cell: ({ row }) => {
         const wallet = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
           "span",
           {
             onClick: () => navigate(`statements/${wallet?._id}`),
@@ -11464,7 +11680,7 @@ function Wallets({ v, url }) {
       header: "Type",
       cell: ({ row }) => {
         const wallet = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "capitalize", children: wallet?.type });
+        return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "capitalize", children: wallet?.type });
       }
     },
     {
@@ -11472,7 +11688,7 @@ function Wallets({ v, url }) {
       header: "Currency",
       cell: ({ row }) => {
         const wallet = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { children: wallet?.currency });
+        return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { children: wallet?.currency });
       }
     },
     {
@@ -11480,7 +11696,7 @@ function Wallets({ v, url }) {
       header: "Account No",
       cell: ({ row }) => {
         const wallet = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { children: wallet?.accountNo || "N/A" });
+        return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { children: wallet?.accountNo || "N/A" });
       }
     },
     {
@@ -11488,13 +11704,13 @@ function Wallets({ v, url }) {
       header: "Actions",
       cell: ({ row }) => {
         const data2 = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
           Dropdown,
           {
             className: "cursor-pointer w-[150px]",
             items: items(data2),
             triggerMode: "hover",
-            children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_lucide_react31.EllipsisVertical, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_lucide_react32.EllipsisVertical, {})
           }
         );
       }
@@ -11512,9 +11728,9 @@ function Wallets({ v, url }) {
       return error;
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_jsx_runtime66.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Modal2, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_jsx_runtime67.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Modal2, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
       ConfirmModal,
       {
         isOpen: !!deleteWallet,
@@ -11527,7 +11743,7 @@ function Wallets({ v, url }) {
         children: null
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
       TransactionViewComponent,
       {
         columns,
@@ -11561,7 +11777,7 @@ var import_zod11 = require("@hookform/resolvers/zod");
 var import_antd19 = require("antd");
 var import_react45 = require("react");
 var import_react_router_dom15 = require("react-router-dom");
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 function WalletForm() {
   const { enums } = useWarqadConfig();
   const { branchId } = (0, import_react_router_dom15.useParams)();
@@ -11623,24 +11839,24 @@ function WalletForm() {
       fetches();
     }
   }, [id]);
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
     Card,
     {
       className: "max-w-4xl mx-auto mt-10 relative",
       isLoading: isLoadingGet,
       loadingText: "Processing...",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(Card.Header, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Wallet` }),
-          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Card.Description, { children: isEdit ? `Update the details for this wallet` : `Create a new wallet and add it to your list` })
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(Card.Header, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Wallet` }),
+          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Card.Description, { children: isEdit ? `Update the details for this wallet` : `Create a new wallet and add it to your list` })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Card.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Card.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
           "form",
           {
             onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
                   Fields_default.Input,
                   {
                     label: "Name",
@@ -11651,7 +11867,7 @@ function WalletForm() {
                     required: true
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
                   Fields_default.Select,
                   {
                     label: "Wallet Type",
@@ -11661,7 +11877,7 @@ function WalletForm() {
                     enumName: "walletTypes"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
                   Fields_default.Select,
                   {
                     label: "Currency",
@@ -11671,7 +11887,7 @@ function WalletForm() {
                     enumName: "currencies"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
                   Fields_default.Input,
                   {
                     label: "Account Number",
@@ -11681,7 +11897,7 @@ function WalletForm() {
                     placeholder: "Enter account number (optional)"
                   }
                 ),
-                !branchId && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+                !branchId && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
                   Feilds_default.Branches,
                   {
                     label: "Branch",
@@ -11692,7 +11908,7 @@ function WalletForm() {
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
                 Button,
                 {
                   isLoading,
@@ -11714,8 +11930,8 @@ var WalletForm_default = WalletForm;
 
 // src/components/wallets/Feilds/Wallet.tsx
 var import_react_router_dom16 = require("react-router-dom");
-var import_jsx_runtime68 = require("react/jsx-runtime");
-function Wallet5({
+var import_jsx_runtime69 = require("react/jsx-runtime");
+function Wallet6({
   name,
   label,
   placeholder,
@@ -11736,8 +11952,8 @@ function Wallet5({
     showBalance,
     accountId: walletId
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
       Fields_default.SearchApi,
       {
         name,
@@ -11755,10 +11971,10 @@ function Wallet5({
         obj
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(BalanceView, {})
+    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(BalanceView, {})
   ] });
 }
-var Wallet_default = Wallet5;
+var Wallet_default = Wallet6;
 
 // src/components/wallets/Feilds/index.tsx
 var WalletField = {
@@ -11768,10 +11984,10 @@ var Feilds_default2 = WalletField;
 
 // src/components/brands/Brands.tsx
 var import_react_router_dom17 = require("react-router-dom");
-var import_lucide_react32 = require("lucide-react");
+var import_lucide_react33 = require("lucide-react");
 var import_react46 = require("react");
 var import_antd20 = require("antd");
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 function Brands({ v, url }) {
   const [deleteBrand, setDeleteBrand] = (0, import_react46.useState)(null);
   const { isLoading, remove } = useApis_default();
@@ -11785,12 +12001,12 @@ function Brands({ v, url }) {
   const items = (data2) => [
     {
       label: `Edit Brand`,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_lucide_react32.FilePenLine, { size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_lucide_react33.FilePenLine, { size: 16 }),
       onClick: () => navigate(`update?id=${data2?._id}`)
     },
     {
       label: `Delete Brand`,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_lucide_react32.Trash2, { className: "text-red-500", size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_lucide_react33.Trash2, { className: "text-red-500", size: 16 }),
       onClick: () => setDeleteBrand(data2)
     }
   ].filter(Boolean);
@@ -11800,7 +12016,7 @@ function Brands({ v, url }) {
       header: "Name",
       cell: ({ row }) => {
         const brand = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { children: brand?.name });
+        return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { children: brand?.name });
       }
     },
     {
@@ -11808,13 +12024,13 @@ function Brands({ v, url }) {
       header: "Actions",
       cell: ({ row }) => {
         const data2 = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
           Dropdown,
           {
             className: "cursor-pointer w-[150px]",
             items: items(data2),
             triggerMode: "hover",
-            children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_lucide_react32.EllipsisVertical, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_lucide_react33.EllipsisVertical, {})
           }
         );
       }
@@ -11832,9 +12048,9 @@ function Brands({ v, url }) {
       return error;
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_jsx_runtime69.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Modal2, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(import_jsx_runtime70.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Modal2, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
       ConfirmModal,
       {
         isOpen: !!deleteBrand,
@@ -11847,7 +12063,7 @@ function Brands({ v, url }) {
         children: null
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
       TransactionViewComponent,
       {
         columns,
@@ -11876,7 +12092,7 @@ var import_react_hook_form16 = require("react-hook-form");
 var import_zod13 = require("@hookform/resolvers/zod");
 var import_antd21 = require("antd");
 var import_react47 = require("react");
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_jsx_runtime71 = require("react/jsx-runtime");
 function BrandForm() {
   const { getQuery, navigate } = useApp_default();
   const id = getQuery("id");
@@ -11926,23 +12142,23 @@ function BrandForm() {
       fetches();
     }
   }, [id]);
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
     Card,
     {
       className: "max-w-4xl mx-auto mt-10 relative",
       isLoading: isLoadingGet,
       loadingText: "Processing...",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(Card.Header, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Brand` }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Card.Description, { children: isEdit ? `Update the details for this brand` : `Create a new brand and add it to your list` })
+        /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(Card.Header, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Brand` }),
+          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Card.Description, { children: isEdit ? `Update the details for this brand` : `Create a new brand and add it to your list` })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Card.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Card.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
           "form",
           {
             onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
                 Fields_default.Input,
                 {
                   label: "Name",
@@ -11953,7 +12169,7 @@ function BrandForm() {
                   required: true
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
                 Button,
                 {
                   isLoading,
@@ -11975,7 +12191,7 @@ var BrandForm_default = BrandForm;
 
 // src/components/brands/Feilds/Brand.tsx
 var import_react_router_dom18 = require("react-router-dom");
-var import_jsx_runtime71 = require("react/jsx-runtime");
+var import_jsx_runtime72 = require("react/jsx-runtime");
 function Brand({
   name,
   label,
@@ -11988,7 +12204,7 @@ function Brand({
   disabled
 }) {
   const { branchId } = (0, import_react_router_dom18.useParams)();
-  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
     Fields_default.SearchApi,
     {
       name,
@@ -12016,10 +12232,10 @@ var Feilds_default3 = BrandField;
 
 // src/components/categories/Categories.tsx
 var import_react_router_dom19 = require("react-router-dom");
-var import_lucide_react33 = require("lucide-react");
+var import_lucide_react34 = require("lucide-react");
 var import_react48 = require("react");
 var import_antd22 = require("antd");
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_jsx_runtime73 = require("react/jsx-runtime");
 function Categories({ v, url }) {
   const [deleteCategory, setDeleteCategory] = (0, import_react48.useState)(null);
   const { isLoading, remove } = useApis_default();
@@ -12033,12 +12249,12 @@ function Categories({ v, url }) {
   const items = (data2) => [
     {
       label: `Edit Category`,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react33.FilePenLine, { size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_lucide_react34.FilePenLine, { size: 16 }),
       onClick: () => navigate(`update?id=${data2?._id}`)
     },
     {
       label: `Delete Category`,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react33.Trash2, { className: "text-red-500", size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_lucide_react34.Trash2, { className: "text-red-500", size: 16 }),
       onClick: () => setDeleteCategory(data2)
     }
   ].filter(Boolean);
@@ -12048,7 +12264,7 @@ function Categories({ v, url }) {
       header: "Name",
       cell: ({ row }) => {
         const category = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { children: category?.name });
+        return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { children: category?.name });
       }
     },
     {
@@ -12056,13 +12272,13 @@ function Categories({ v, url }) {
       header: "Actions",
       cell: ({ row }) => {
         const data2 = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
           Dropdown,
           {
             className: "cursor-pointer w-[150px]",
             items: items(data2),
             triggerMode: "hover",
-            children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react33.EllipsisVertical, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_lucide_react34.EllipsisVertical, {})
           }
         );
       }
@@ -12080,9 +12296,9 @@ function Categories({ v, url }) {
       return error;
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(import_jsx_runtime72.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Modal2, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(import_jsx_runtime73.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Modal2, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
       ConfirmModal,
       {
         isOpen: !!deleteCategory,
@@ -12095,7 +12311,7 @@ function Categories({ v, url }) {
         children: null
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
       TransactionViewComponent,
       {
         columns,
@@ -12124,7 +12340,7 @@ var import_react_hook_form17 = require("react-hook-form");
 var import_zod15 = require("@hookform/resolvers/zod");
 var import_antd23 = require("antd");
 var import_react49 = require("react");
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 function CategoryForm() {
   const { getQuery, navigate } = useApp_default();
   const id = getQuery("id");
@@ -12174,23 +12390,23 @@ function CategoryForm() {
       fetches();
     }
   }, [id]);
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
     Card,
     {
       className: "max-w-4xl mx-auto mt-10 relative",
       isLoading: isLoadingGet,
       loadingText: "Processing...",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(Card.Header, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Category` }),
-          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Card.Description, { children: isEdit ? `Update the details for this category` : `Create a new category and add it to your list` })
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(Card.Header, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Category` }),
+          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Card.Description, { children: isEdit ? `Update the details for this category` : `Create a new category and add it to your list` })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Card.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Card.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
           "form",
           {
             onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                 Fields_default.Input,
                 {
                   label: "Name",
@@ -12201,7 +12417,7 @@ function CategoryForm() {
                   required: true
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                 Button,
                 {
                   isLoading,
@@ -12223,7 +12439,7 @@ var CategoryForm_default = CategoryForm;
 
 // src/components/categories/Feilds/Category.tsx
 var import_react_router_dom20 = require("react-router-dom");
-var import_jsx_runtime74 = require("react/jsx-runtime");
+var import_jsx_runtime75 = require("react/jsx-runtime");
 function Category({
   name,
   label,
@@ -12236,7 +12452,7 @@ function Category({
   disabled
 }) {
   const { branchId } = (0, import_react_router_dom20.useParams)();
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
     Fields_default.SearchApi,
     {
       name,
@@ -12264,10 +12480,10 @@ var Feilds_default4 = CategoryField;
 
 // src/components/products/Products.tsx
 var import_react_router_dom21 = require("react-router-dom");
-var import_lucide_react34 = require("lucide-react");
+var import_lucide_react35 = require("lucide-react");
 var import_react50 = require("react");
 var import_antd24 = require("antd");
-var import_jsx_runtime75 = require("react/jsx-runtime");
+var import_jsx_runtime76 = require("react/jsx-runtime");
 function Products({ v, url }) {
   const [deleteProduct, setDeleteProduct] = (0, import_react50.useState)(null);
   const { isLoading, remove } = useApis_default();
@@ -12281,12 +12497,12 @@ function Products({ v, url }) {
   const items = (data2) => [
     {
       label: `Edit Product`,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_lucide_react34.FilePenLine, { size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_lucide_react35.FilePenLine, { size: 16 }),
       onClick: () => navigate(`update?id=${data2?._id}`)
     },
     {
       label: `Delete Product`,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_lucide_react34.Trash2, { className: "text-red-500", size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_lucide_react35.Trash2, { className: "text-red-500", size: 16 }),
       onClick: () => setDeleteProduct(data2)
     }
   ].filter(Boolean);
@@ -12296,7 +12512,7 @@ function Products({ v, url }) {
       header: "Name",
       cell: ({ row }) => {
         const product = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { children: product?.name });
+        return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { children: product?.name });
       }
     },
     {
@@ -12304,7 +12520,7 @@ function Products({ v, url }) {
       header: "Category",
       cell: ({ row }) => {
         const product = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { children: product?.categoryData?.name || "N/A" });
+        return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { children: product?.categoryData?.name || "N/A" });
       }
     },
     {
@@ -12312,7 +12528,7 @@ function Products({ v, url }) {
       header: "Brand",
       cell: ({ row }) => {
         const product = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { children: product?.brandData?.name || "N/A" });
+        return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { children: product?.brandData?.name || "N/A" });
       }
     },
     {
@@ -12320,7 +12536,7 @@ function Products({ v, url }) {
       header: "Cost",
       cell: ({ row }) => {
         const product = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("span", { children: [
+        return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("span", { children: [
           " ",
           product?.cost?.toLocaleString()
         ] });
@@ -12331,13 +12547,13 @@ function Products({ v, url }) {
       header: "Actions",
       cell: ({ row }) => {
         const data2 = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
           Dropdown,
           {
             className: "cursor-pointer w-[150px]",
             items: items(data2),
             triggerMode: "hover",
-            children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_lucide_react34.EllipsisVertical, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_lucide_react35.EllipsisVertical, {})
           }
         );
       }
@@ -12355,9 +12571,9 @@ function Products({ v, url }) {
       return error;
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(import_jsx_runtime75.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Modal2, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(import_jsx_runtime76.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Modal2, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
       ConfirmModal,
       {
         isOpen: !!deleteProduct,
@@ -12370,7 +12586,7 @@ function Products({ v, url }) {
         children: null
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
       TransactionViewComponent,
       {
         columns,
@@ -12402,7 +12618,7 @@ var import_react_hook_form18 = require("react-hook-form");
 var import_zod17 = require("@hookform/resolvers/zod");
 var import_antd25 = require("antd");
 var import_react51 = require("react");
-var import_jsx_runtime76 = require("react/jsx-runtime");
+var import_jsx_runtime77 = require("react/jsx-runtime");
 function ProductForm() {
   const { getQuery, navigate } = useApp_default();
   const id = getQuery("id");
@@ -12455,24 +12671,24 @@ function ProductForm() {
       fetches();
     }
   }, [id]);
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
     Card,
     {
       className: "max-w-4xl mx-auto mt-10 relative",
       isLoading: isLoadingGet,
       loadingText: "Processing...",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(Card.Header, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Product` }),
-          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Card.Description, { children: isEdit ? `Update the details for this product` : `Create a new product and add it to your list` })
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(Card.Header, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Product` }),
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Card.Description, { children: isEdit ? `Update the details for this product` : `Create a new product and add it to your list` })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Card.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Card.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
           "form",
           {
             onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
                   Fields_default.Input,
                   {
                     label: "Name",
@@ -12483,7 +12699,7 @@ function ProductForm() {
                     required: true
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
                   Fields_default.Input,
                   {
                     label: "Cost",
@@ -12494,7 +12710,7 @@ function ProductForm() {
                     required: true
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
                   Feilds_default4.Category,
                   {
                     label: "Category",
@@ -12503,7 +12719,7 @@ function ProductForm() {
                     api: "/categories/get"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
                   Feilds_default3.Brand,
                   {
                     label: "Brand",
@@ -12513,7 +12729,7 @@ function ProductForm() {
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
                 Button,
                 {
                   isLoading,
@@ -12535,7 +12751,7 @@ var ProductForm_default = ProductForm;
 
 // src/components/products/Feilds/Product.tsx
 var import_react_router_dom22 = require("react-router-dom");
-var import_jsx_runtime77 = require("react/jsx-runtime");
+var import_jsx_runtime78 = require("react/jsx-runtime");
 function Product({
   name,
   label,
@@ -12550,7 +12766,7 @@ function Product({
   obj
 }) {
   const { branchId } = (0, import_react_router_dom22.useParams)();
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
     Fields_default.SearchApi,
     {
       name,
@@ -12580,10 +12796,10 @@ var Feilds_default5 = ProductField;
 
 // src/components/packs/Packs.tsx
 var import_react_router_dom23 = require("react-router-dom");
-var import_lucide_react35 = require("lucide-react");
+var import_lucide_react36 = require("lucide-react");
 var import_react52 = require("react");
 var import_antd26 = require("antd");
-var import_jsx_runtime78 = require("react/jsx-runtime");
+var import_jsx_runtime79 = require("react/jsx-runtime");
 function Packs({ v, url }) {
   const [deletePack, setDeletePack] = (0, import_react52.useState)(null);
   const { isLoading, remove } = useApis_default();
@@ -12597,12 +12813,12 @@ function Packs({ v, url }) {
   const items = (data2) => [
     {
       label: `Edit Pack`,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_lucide_react35.FilePenLine, { size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_lucide_react36.FilePenLine, { size: 16 }),
       onClick: () => navigate(`update?id=${data2?._id}`)
     },
     {
       label: `Delete Pack`,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_lucide_react35.Trash2, { className: "text-red-500", size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_lucide_react36.Trash2, { className: "text-red-500", size: 16 }),
       onClick: () => setDeletePack(data2)
     }
   ].filter(Boolean);
@@ -12612,7 +12828,7 @@ function Packs({ v, url }) {
       header: "Name",
       cell: ({ row }) => {
         const pack = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { children: pack?.name });
+        return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { children: pack?.name });
       }
     },
     {
@@ -12620,7 +12836,7 @@ function Packs({ v, url }) {
       header: "Type",
       cell: ({ row }) => {
         const pack = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "capitalize", children: pack?.type });
+        return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "capitalize", children: pack?.type });
       }
     },
     {
@@ -12628,7 +12844,7 @@ function Packs({ v, url }) {
       header: "Products Count",
       cell: ({ row }) => {
         const pack = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("span", { children: [
+        return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("span", { children: [
           pack?.products?.length || 0,
           " Products"
         ] });
@@ -12639,13 +12855,13 @@ function Packs({ v, url }) {
       header: "Actions",
       cell: ({ row }) => {
         const data2 = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
           Dropdown,
           {
             className: "cursor-pointer w-[150px]",
             items: items(data2),
             triggerMode: "hover",
-            children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_lucide_react35.EllipsisVertical, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_lucide_react36.EllipsisVertical, {})
           }
         );
       }
@@ -12663,9 +12879,9 @@ function Packs({ v, url }) {
       return error;
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(import_jsx_runtime78.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Modal2, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_jsx_runtime79.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Modal2, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
       ConfirmModal,
       {
         isOpen: !!deletePack,
@@ -12678,7 +12894,7 @@ function Packs({ v, url }) {
         children: null
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
       TransactionViewComponent,
       {
         columns,
@@ -12721,9 +12937,9 @@ var import_react_hook_form19 = require("react-hook-form");
 var import_zod19 = require("@hookform/resolvers/zod");
 var import_antd27 = require("antd");
 var import_react53 = require("react");
-var import_lucide_react36 = require("lucide-react");
-var import_jsx_runtime79 = require("react/jsx-runtime");
-function PackForm() {
+var import_lucide_react37 = require("lucide-react");
+var import_jsx_runtime80 = require("react/jsx-runtime");
+function PackForm() {
   const { getQuery, navigate } = useApp_default();
   const id = getQuery("id");
   const isEdit = !!id;
@@ -12814,24 +13030,24 @@ function PackForm() {
       setValue("tempCost", currentProduct.cost || 0);
     }
   }, [currentProduct]);
-  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
     Card,
     {
       className: "max-w-5xl mx-auto mt-10 relative",
       isLoading: isLoadingGet,
       loadingText: "Processing...",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(Card.Header, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Pack` }),
-          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Card.Description, { children: isEdit ? `Update the details for this product pack` : `Create a new product pack and define its components` })
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(Card.Header, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Pack` }),
+          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Card.Description, { children: isEdit ? `Update the details for this product pack` : `Create a new product pack and define its components` })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Card.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Card.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
           "form",
           {
             onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4 mb-8", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4 mb-8", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
                   Fields_default.Input,
                   {
                     label: "Pack Name",
@@ -12842,7 +13058,7 @@ function PackForm() {
                     required: true
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
                   Fields_default.Select,
                   {
                     label: "Pack Type",
@@ -12853,10 +13069,10 @@ function PackForm() {
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "border rounded-lg p-4 bg-gray-50/50 dark:bg-gray-800/20", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("h3", { className: "text-lg font-semibold mb-4", children: "Products in Pack" }),
-                /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "mb-6 bg-white dark:bg-gray-900 p-4 rounded-lg border shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "grid grid-cols-12 gap-3 items-end", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "col-span-12 sm:col-span-5", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "border rounded-lg p-4 bg-gray-50/50 dark:bg-gray-800/20", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("h3", { className: "text-lg font-semibold mb-4", children: "Products in Pack" }),
+                /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "mb-6 bg-white dark:bg-gray-900 p-4 rounded-lg border shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "grid grid-cols-12 gap-3 items-end", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "col-span-12 sm:col-span-5", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
                     Feilds_default5.Product,
                     {
                       label: "Find Product",
@@ -12866,7 +13082,7 @@ function PackForm() {
                       obj: "tempData"
                     }
                   ) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "col-span-4 sm:col-span-2", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "col-span-4 sm:col-span-2", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
                     Fields_default.Input,
                     {
                       label: "Qty",
@@ -12876,7 +13092,7 @@ function PackForm() {
                       placeholder: "1"
                     }
                   ) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "col-span-5 sm:col-span-3", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "col-span-5 sm:col-span-3", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
                     Fields_default.Input,
                     {
                       label: "Cost",
@@ -12886,39 +13102,39 @@ function PackForm() {
                       placeholder: "0.00"
                     }
                   ) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "col-span-3 sm:col-span-2", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "col-span-3 sm:col-span-2", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
                     Button,
                     {
                       type: "button",
                       onClick: onAddProduct,
                       className: "w-full h-[40px]",
-                      icon: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_lucide_react36.Plus, { size: 16 }),
+                      icon: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_lucide_react37.Plus, { size: 16 }),
                       children: "Add"
                     }
                   ) })
                 ] }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("table", { className: "w-full text-left border-collapse", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("thead", { className: "bg-gray-100 dark:bg-gray-800/50", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("tr", { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("th", { className: "px-3 py-2 text-xs font-bold uppercase text-gray-500", children: "Product" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("th", { className: "px-3 py-2 text-xs font-bold uppercase text-gray-500 w-24", children: "Qty" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("th", { className: "px-3 py-2 text-xs font-bold uppercase text-gray-500 w-32", children: "Cost" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("th", { className: "px-3 py-2 text-xs font-bold uppercase text-gray-500 w-32", children: "Line Total" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("th", { className: "px-3 py-2 text-xs font-bold uppercase text-gray-500 w-16 text-center", children: "Action" })
+                /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("table", { className: "w-full text-left border-collapse", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("thead", { className: "bg-gray-100 dark:bg-gray-800/50", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("tr", { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("th", { className: "px-3 py-2 text-xs font-bold uppercase text-gray-500", children: "Product" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("th", { className: "px-3 py-2 text-xs font-bold uppercase text-gray-500 w-24", children: "Qty" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("th", { className: "px-3 py-2 text-xs font-bold uppercase text-gray-500 w-32", children: "Cost" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("th", { className: "px-3 py-2 text-xs font-bold uppercase text-gray-500 w-32", children: "Line Total" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("th", { className: "px-3 py-2 text-xs font-bold uppercase text-gray-500 w-16 text-center", children: "Action" })
                   ] }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("tbody", { className: "divide-y divide-gray-100 dark:divide-gray-800 bg-white dark:bg-gray-900", children: [
-                    fields.map((field, index) => /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("tbody", { className: "divide-y divide-gray-100 dark:divide-gray-800 bg-white dark:bg-gray-900", children: [
+                    fields.map((field, index) => /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
                       "tr",
                       {
                         className: "hover:bg-gray-50/50 dark:hover:bg-gray-800/50 transition-colors",
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("td", { className: "px-3 py-2", children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("p", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: field.productData?.name || "Product" }),
-                            field.productData?.sku && /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("p", { className: "text-[10px] text-gray-500", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("td", { className: "px-3 py-2", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("p", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: field.productData?.name || "Product" }),
+                            field.productData?.sku && /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("p", { className: "text-[10px] text-gray-500", children: [
                               "SKU: ",
                               field.productData?.sku
                             ] })
                           ] }),
-                          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("td", { className: "px-3 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("td", { className: "px-3 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
                             Fields_default.Input,
                             {
                               form: methods,
@@ -12929,7 +13145,7 @@ function PackForm() {
                               className: "h-8 py-1!"
                             }
                           ) }),
-                          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("td", { className: "px-3 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("td", { className: "px-3 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
                             Fields_default.Input,
                             {
                               form: methods,
@@ -12940,8 +13156,8 @@ function PackForm() {
                               className: "h-8 py-1!"
                             }
                           ) }),
-                          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("td", { className: "px-3 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "text-sm font-semibold", children: ((Number(watch(`products.${index}.quantity`)) || 0) * (Number(watch(`products.${index}.cost`)) || 0)).toLocaleString() }) }),
-                          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("td", { className: "px-3 py-2 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("td", { className: "px-3 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "text-sm font-semibold", children: ((Number(watch(`products.${index}.quantity`)) || 0) * (Number(watch(`products.${index}.cost`)) || 0)).toLocaleString() }) }),
+                          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("td", { className: "px-3 py-2 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
                             Button,
                             {
                               type: "button",
@@ -12949,42 +13165,42 @@ function PackForm() {
                               size: "sm",
                               className: "text-red-500 hover:text-red-700 hover:bg-red-50 p-1 h-8 w-8",
                               onClick: () => remove(index),
-                              children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_lucide_react36.Trash2, { size: 16 })
+                              children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_lucide_react37.Trash2, { size: 16 })
                             }
                           ) })
                         ]
                       },
                       field.id
                     )),
-                    fields.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("td", { colSpan: 5, className: "text-center py-10", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("p", { className: "text-sm text-gray-500", children: "No products added yet. Use the search above to add products." }) }) })
+                    fields.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("td", { colSpan: 5, className: "text-center py-10", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("p", { className: "text-sm text-gray-500", children: "No products added yet. Use the search above to add products." }) }) })
                   ] })
                 ] }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "mt-6 pt-6 border-t grid grid-cols-1 sm:grid-cols-3 gap-3", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "bg-white dark:bg-gray-900 p-3 rounded-lg border shadow-sm", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("p", { className: "text-[10px] text-gray-500 uppercase font-bold mb-0.5", children: "Total Lines" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("p", { className: "text-lg font-bold text-blue-600", children: watch("products")?.length || 0 })
+                /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "mt-6 pt-6 border-t grid grid-cols-1 sm:grid-cols-3 gap-3", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "bg-white dark:bg-gray-900 p-3 rounded-lg border shadow-sm", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("p", { className: "text-[10px] text-gray-500 uppercase font-bold mb-0.5", children: "Total Lines" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("p", { className: "text-lg font-bold text-blue-600", children: watch("products")?.length || 0 })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "bg-white dark:bg-gray-900 p-3 rounded-lg border shadow-sm", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("p", { className: "text-[10px] text-gray-500 uppercase font-bold mb-0.5", children: "Total Quantity" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("p", { className: "text-lg font-bold text-indigo-600", children: watch("products")?.reduce(
+                  /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "bg-white dark:bg-gray-900 p-3 rounded-lg border shadow-sm", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("p", { className: "text-[10px] text-gray-500 uppercase font-bold mb-0.5", children: "Total Quantity" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("p", { className: "text-lg font-bold text-indigo-600", children: watch("products")?.reduce(
                       (acc, curr) => acc + (Number(curr.quantity) || 0),
                       0
                     ) })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "bg-white dark:bg-gray-900 p-3 rounded-lg border shadow-sm", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("p", { className: "text-[10px] text-gray-500 uppercase font-bold mb-0.5", children: "Total Cost" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("p", { className: "text-lg font-bold text-emerald-600", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "bg-white dark:bg-gray-900 p-3 rounded-lg border shadow-sm", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("p", { className: "text-[10px] text-gray-500 uppercase font-bold mb-0.5", children: "Total Cost" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("p", { className: "text-lg font-bold text-emerald-600", children: [
                       watch("products")?.reduce(
                         (acc, curr) => acc + (Number(curr.quantity) || 0) * (Number(curr.cost) || 0),
                         0
                       ).toLocaleString(),
                       " ",
-                      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "text-[10px] font-normal text-gray-400", children: "USD" })
+                      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "text-[10px] font-normal text-gray-400", children: "USD" })
                     ] })
                   ] })
                 ] })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("footer", { className: "flex justify-end mt-8", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("footer", { className: "flex justify-end mt-8", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
                 Button,
                 {
                   isLoading,
@@ -13005,7 +13221,7 @@ function PackForm() {
 var PackForm_default = PackForm;
 
 // src/components/packs/Feilds/Pack.tsx
-var import_jsx_runtime80 = require("react/jsx-runtime");
+var import_jsx_runtime81 = require("react/jsx-runtime");
 function Pack({
   name,
   label,
@@ -13017,7 +13233,7 @@ function Pack({
   required,
   disabled
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
     Fields_default.SearchApi,
     {
       label,
@@ -13039,11 +13255,11 @@ var Pack_default = { Pack };
 
 // src/components/journals/Journals.tsx
 var import_react_router_dom24 = require("react-router-dom");
-var import_lucide_react37 = require("lucide-react");
+var import_lucide_react38 = require("lucide-react");
 
 // src/hooks/useTransactionView.tsx
 var import_react54 = require("react");
-var import_jsx_runtime81 = require("react/jsx-runtime");
+var import_jsx_runtime82 = require("react/jsx-runtime");
 var useTransactionView = () => {
   const [open, setOpen] = (0, import_react54.useState)(false);
   const [id, setId] = (0, import_react54.useState)("");
@@ -13069,7 +13285,7 @@ var useTransactionView = () => {
   };
   const TransactionView = () => {
     if (!open) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
       Views_default.Transaction,
       {
         close: closeTransaction,
@@ -13092,7 +13308,7 @@ var useTransactionView = () => {
 var useTransactionView_default = useTransactionView;
 
 // src/components/journals/Journals.tsx
-var import_jsx_runtime82 = require("react/jsx-runtime");
+var import_jsx_runtime83 = require("react/jsx-runtime");
 function Journals({
   url,
   journalType
@@ -13108,7 +13324,7 @@ function Journals({
   const items = (data2) => [
     {
       label: `View Journal`,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react37.Eye, { size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react38.Eye, { size: 16 }),
       className: "min-w-[200px]",
       onClick: () => openTransaction({
         id: data2?._id,
@@ -13117,12 +13333,12 @@ function Journals({
     },
     {
       label: `Edit Journal`,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react37.FilePenLine, { size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react38.FilePenLine, { size: 16 }),
       onClick: () => navigate(`update?id=${data2?._id}`)
     },
     {
       label: `Delete Journal`,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react37.Trash2, { className: "text-red-500", size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react38.Trash2, { className: "text-red-500", size: 16 }),
       onClick: () => {
         openTransaction({
           id: data2?._id,
@@ -13138,9 +13354,9 @@ function Journals({
       header: "Date",
       cell: ({ row }) => {
         const journal = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { children: journal?.date }),
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { children: journal?.date }),
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
             "span",
             {
               onClick: () => openTransaction({
@@ -13159,7 +13375,7 @@ function Journals({
       header: "Account",
       cell: ({ row }) => {
         const journal = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { children: journal?.accountData?.name || "N/A" });
+        return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { children: journal?.accountData?.name || "N/A" });
       }
     },
     {
@@ -13167,9 +13383,9 @@ function Journals({
       header: "Description",
       cell: ({ row }) => {
         const journal = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "capitalize", children: journal?.description }),
-          journal?.note && /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("span", { className: "text-xs text-gray-400 italic", children: [
+        return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "capitalize", children: journal?.description }),
+          journal?.note && /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("span", { className: "text-xs text-gray-400 italic", children: [
             "Note: ",
             journal?.note
           ] })
@@ -13181,13 +13397,13 @@ function Journals({
       header: "Amount",
       cell: ({ row }) => {
         const journal = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { children: Formats_default.Price(journal?.amount, journal?.currency) }),
-          journal?.feeAmount > 0 && /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("span", { className: "text-xs text-green-600", children: [
+        return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { children: Formats_default.Price(journal?.amount, journal?.currency) }),
+          journal?.feeAmount > 0 && /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("span", { className: "text-xs text-green-600", children: [
             "with fee: ",
             Formats_default.Price(journal?.feeAmount, journal?.currency)
           ] }),
-          journal?.exchange?.rate && /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("span", { className: "text-xs text-green-600", children: [
+          journal?.exchange?.rate && /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("span", { className: "text-xs text-green-600", children: [
             "Exchanged:",
             " ",
             Formats_default.Price(
@@ -13203,7 +13419,7 @@ function Journals({
       header: "Type",
       cell: ({ row }) => {
         const journal = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "capitalize", children: journal?.journal });
+        return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "capitalize", children: journal?.journal });
       }
     },
     {
@@ -13211,9 +13427,9 @@ function Journals({
       header: "Via",
       cell: ({ row }) => {
         const journal = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("p", { className: "capitalize", children: journal?.journalVia }),
-          journal?.journalVia === "via account" && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("p", { className: "capitalize text-xs text-gray-600", children: journal?.viaAccountData?.name })
+        return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("p", { className: "capitalize", children: journal?.journalVia }),
+          journal?.journalVia === "via account" && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("p", { className: "capitalize text-xs text-gray-600", children: journal?.viaAccountData?.name })
         ] });
       }
     },
@@ -13222,7 +13438,7 @@ function Journals({
       header: "Action",
       cell: ({ row }) => {
         const journal = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "capitalize", children: journal?.action });
+        return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "capitalize", children: journal?.action });
       }
     },
     {
@@ -13230,23 +13446,23 @@ function Journals({
       header: "Actions",
       cell: ({ row }) => {
         const data2 = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
           Dropdown,
           {
             className: "cursor-pointer ",
             items: items(data2),
             triggerMode: "hover",
-            children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react37.EllipsisVertical, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react38.EllipsisVertical, {})
           }
         );
       }
     }
   ];
   const journals = data?.data || [];
-  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(import_jsx_runtime82.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Modal2, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(TransactionView, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(import_jsx_runtime83.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Modal2, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(TransactionView, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
       TransactionViewComponent,
       {
         columns,
@@ -13321,7 +13537,7 @@ function exchangedAmount({
     result = amount;
   } else if (accountCurrency === "USD") {
     result = amount / exchangeRate;
-  } else if (accountCurrency === "CNY") {
+  } else if (accountCurrency === "RMB") {
     result = transactionCurrency === "USD" ? amount * exchangeRate : amount / exchangeRate;
   } else if (accountCurrency === "KES") {
     result = transactionCurrency === "TZS" ? amount / exchangeRate : amount * exchangeRate;
@@ -13338,7 +13554,7 @@ var Forex = {
 var forex_default = Forex;
 
 // src/components/journals/JournalForm.tsx
-var import_jsx_runtime83 = require("react/jsx-runtime");
+var import_jsx_runtime84 = require("react/jsx-runtime");
 function JournalForm({
   isFee = true,
   accountType = "all"
@@ -13442,25 +13658,25 @@ function JournalForm({
       fetches();
     }
   }, [id]);
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
     Card,
     {
       className: "max-w-4xl mx-auto mt-10 relative",
       isLoading: isLoadingGet,
       loadingText: "Processing...",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(Card.Header, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Journal` }),
-          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Card.Description, { children: isEdit ? `Update the details for this journal entry` : `Create a new journal entry` })
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(Card.Header, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Journal` }),
+          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Card.Description, { children: isEdit ? `Update the details for this journal entry` : `Create a new journal entry` })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Card.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Card.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
           "form",
           {
             className: "space-y-4",
             onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
                   Fields_default.Input,
                   {
                     label: "Description",
@@ -13470,7 +13686,7 @@ function JournalForm({
                     required: true
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
                   Fields_default.Select,
                   {
                     label: "Journal Via",
@@ -13481,8 +13697,8 @@ function JournalForm({
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
                   Fields_default.DateInput,
                   {
                     label: "Date",
@@ -13491,7 +13707,7 @@ function JournalForm({
                     required: true
                   }
                 ),
-                journalVia === "via account" && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+                journalVia === "via account" && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
                   Feilds_default.Account,
                   {
                     label: "Via Account",
@@ -13505,7 +13721,7 @@ function JournalForm({
                     showBalance: true
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
                   Fields_default.Input,
                   {
                     label: "Amount",
@@ -13516,7 +13732,7 @@ function JournalForm({
                     required: true
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
                   Feilds_default.Account,
                   {
                     label: accountType === "all" ? "Account" : accountType,
@@ -13530,7 +13746,7 @@ function JournalForm({
                     obj: "accountObject"
                   }
                 ),
-                journalVia !== "via account" && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+                journalVia !== "via account" && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
                   Fields_default.Select,
                   {
                     label: "Action",
@@ -13540,8 +13756,8 @@ function JournalForm({
                     required: true
                   }
                 ),
-                isRate && /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(import_jsx_runtime83.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+                isRate && /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(import_jsx_runtime84.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
                     Fields_default.Input,
                     {
                       label: "Rate",
@@ -13551,7 +13767,7 @@ function JournalForm({
                       required: true
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
                     Fields_default.Input,
                     {
                       label: "Exchanged Amount",
@@ -13563,8 +13779,8 @@ function JournalForm({
                   ),
                   " "
                 ] }),
-                isFee && /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(import_jsx_runtime83.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+                isFee && /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(import_jsx_runtime84.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
                     Fields_default.Input,
                     {
                       label: "Fee",
@@ -13574,7 +13790,7 @@ function JournalForm({
                       required: true
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
                     Fields_default.Input,
                     {
                       label: "Amount After Fee",
@@ -13586,7 +13802,7 @@ function JournalForm({
                   )
                 ] })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
                 Fields_default.Textarea,
                 {
                   label: "Note",
@@ -13595,7 +13811,7 @@ function JournalForm({
                   placeholder: "Add any additional notes here..."
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
                 Button,
                 {
                   isLoading,
@@ -13617,8 +13833,8 @@ var JournalForm_default = JournalForm;
 
 // src/components/payment/Payments.tsx
 var import_react_router_dom26 = require("react-router-dom");
-var import_lucide_react38 = require("lucide-react");
-var import_jsx_runtime84 = require("react/jsx-runtime");
+var import_lucide_react39 = require("lucide-react");
+var import_jsx_runtime85 = require("react/jsx-runtime");
 function Payments({
   url,
   paymentType
@@ -13634,17 +13850,17 @@ function Payments({
   const items = (data2) => [
     {
       label: `View Payment`,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_lucide_react38.Eye, { size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react39.Eye, { size: 16 }),
       onClick: () => openTransaction({ id: data2?._id, type: "payment" })
     },
     {
       label: `Edit Payment`,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_lucide_react38.FilePenLine, { size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react39.FilePenLine, { size: 16 }),
       onClick: () => navigate(`update?id=${data2?._id}`)
     },
     {
       label: `Delete Payment`,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_lucide_react38.Trash2, { className: "text-red-500", size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react39.Trash2, { className: "text-red-500", size: 16 }),
       onClick: () => {
         openTransaction({
           id: data2?._id,
@@ -13660,9 +13876,9 @@ function Payments({
       header: "Date",
       cell: ({ row }) => {
         const payment = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { children: payment?.date }),
-          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { children: payment?.date }),
+          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
             "span",
             {
               onClick: () => openTransaction({ id: payment?._id, type: "payment" }),
@@ -13678,7 +13894,7 @@ function Payments({
       header: "Account",
       cell: ({ row }) => {
         const payment = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { children: payment?.accountData?.name || "N/A" });
+        return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { children: payment?.accountData?.name || "N/A" });
       }
     },
     {
@@ -13687,7 +13903,7 @@ function Payments({
       cell: ({ row }) => {
         const payment = row.original;
         const walletData = payment?.fromWalletData || payment?.toWalletData;
-        return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { children: walletData?.name || "N/A" });
+        return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { children: walletData?.name || "N/A" });
       }
     },
     {
@@ -13695,13 +13911,13 @@ function Payments({
       header: "Amount",
       cell: ({ row }) => {
         const payment = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { children: Formats_default.Price(payment?.amount, payment?.currency) }),
-          payment?.feeAmount > 0 && /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("span", { className: "text-xs text-green-600", children: [
+        return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { children: Formats_default.Price(payment?.amount, payment?.currency) }),
+          payment?.feeAmount > 0 && /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("span", { className: "text-xs text-green-600", children: [
             "fee: ",
             Formats_default.Price(payment?.feeAmount, payment?.currency)
           ] }),
-          payment?.exchange?.rate && /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("span", { className: "text-xs text-green-600", children: [
+          payment?.exchange?.rate && /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("span", { className: "text-xs text-green-600", children: [
             "Rate: ",
             payment?.exchange?.rate,
             " (",
@@ -13719,7 +13935,7 @@ function Payments({
       header: "Action",
       cell: ({ row }) => {
         const payment = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
           "span",
           {
             className: `capitalize ${payment?.action === "debit" ? "text-red-600" : "text-green-600"}`,
@@ -13733,23 +13949,23 @@ function Payments({
       header: "Actions",
       cell: ({ row }) => {
         const data2 = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
           Dropdown,
           {
             className: "cursor-pointer w-[150px]",
             items: items(data2),
             triggerMode: "hover",
-            children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_lucide_react38.EllipsisVertical, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react39.EllipsisVertical, {})
           }
         );
       }
     }
   ];
   const payments = data?.data || [];
-  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(import_jsx_runtime84.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(TransactionView, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Modal2, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_jsx_runtime85.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(TransactionView, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Modal2, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
       TransactionViewComponent,
       {
         columns,
@@ -13794,7 +14010,7 @@ var paymentSchema = import_zod25.z.object({
 });
 
 // src/components/payment/PaymentForm.tsx
-var import_jsx_runtime85 = require("react/jsx-runtime");
+var import_jsx_runtime86 = require("react/jsx-runtime");
 function PaymentForm({
   accountType = "all"
 }) {
@@ -13883,24 +14099,24 @@ function PaymentForm({
       fetches();
     }
   }, [id]);
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
     Card,
     {
       className: "max-w-4xl mx-auto mt-10 relative",
       isLoading: isLoadingGet,
       loadingText: "Processing...",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(Card.Header, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Payment` }),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Card.Description, { children: isEdit ? `Update the details for this payment entry` : `Create a new payment and link it to an account and wallet` })
+        /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(Card.Header, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Payment` }),
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Card.Description, { children: isEdit ? `Update the details for this payment entry` : `Create a new payment and link it to an account and wallet` })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Card.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Card.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
           "form",
           {
             className: "space-y-4",
             onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
                 Fields_default.Input,
                 {
                   label: "Description",
@@ -13911,8 +14127,8 @@ function PaymentForm({
                   required: true
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
                   Fields_default.DateInput,
                   {
                     label: "Date",
@@ -13921,7 +14137,7 @@ function PaymentForm({
                     required: true
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
                   Feilds_default.Account,
                   {
                     label: accountType === "all" ? "Account" : accountType,
@@ -13935,8 +14151,8 @@ function PaymentForm({
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
                   Feilds_default2.Wallet,
                   {
                     label: "Wallet",
@@ -13948,7 +14164,7 @@ function PaymentForm({
                     obj: "walletObject"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
                   Fields_default.Input,
                   {
                     label: "Amount",
@@ -13960,8 +14176,8 @@ function PaymentForm({
                   }
                 ),
                 " ",
-                isRate && /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_jsx_runtime85.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+                isRate && /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_jsx_runtime86.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
                     Fields_default.Input,
                     {
                       label: `Rate (1 ${walletObj?.currency} = ? ${accountObj?.currency})`,
@@ -13971,7 +14187,7 @@ function PaymentForm({
                       required: true
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
                     Fields_default.Input,
                     {
                       label: "Exchanged Amount",
@@ -13982,7 +14198,7 @@ function PaymentForm({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
                   Fields_default.Select,
                   {
                     label: "Action",
@@ -13992,9 +14208,9 @@ function PaymentForm({
                     required: true
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Fields_default.Input, { label: "Fee", type: "number", name: "fee", form: methods })
+                /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Fields_default.Input, { label: "Fee", type: "number", name: "fee", form: methods })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
                 Fields_default.Textarea,
                 {
                   label: "Note",
@@ -14003,7 +14219,7 @@ function PaymentForm({
                   placeholder: "Add any additional notes here..."
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
                 Button,
                 {
                   isLoading,
@@ -14025,8 +14241,8 @@ var PaymentForm_default = PaymentForm;
 
 // src/components/moneyTransfer/MoneyTransfers.tsx
 var import_react_router_dom28 = require("react-router-dom");
-var import_lucide_react39 = require("lucide-react");
-var import_jsx_runtime86 = require("react/jsx-runtime");
+var import_lucide_react40 = require("lucide-react");
+var import_jsx_runtime87 = require("react/jsx-runtime");
 function MoneyTransfers({ url }) {
   const { branchId } = (0, import_react_router_dom28.useParams)();
   const navigate = (0, import_react_router_dom28.useNavigate)();
@@ -14039,17 +14255,17 @@ function MoneyTransfers({ url }) {
   const items = (data2) => [
     {
       label: `View Transfer`,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react39.FilePenLine, { size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_lucide_react40.FilePenLine, { size: 16 }),
       onClick: () => openTransaction({ id: data2?._id, type: "money transfer" })
     },
     {
       label: `Edit Transfer`,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react39.FilePenLine, { size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_lucide_react40.FilePenLine, { size: 16 }),
       onClick: () => navigate(`update?id=${data2?._id}`)
     },
     {
       label: `Reverse Transfer`,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react39.Trash2, { className: "text-red-500", size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_lucide_react40.Trash2, { className: "text-red-500", size: 16 }),
       onClick: () => {
         openTransaction({
           id: data2?._id,
@@ -14065,9 +14281,9 @@ function MoneyTransfers({ url }) {
       header: "Date",
       cell: ({ row }) => {
         const transfer = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { children: transfer?.date }),
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { children: transfer?.date }),
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
             "span",
             {
               onClick: () => openTransaction({ id: transfer?._id, type: "money transfer" }),
@@ -14083,7 +14299,7 @@ function MoneyTransfers({ url }) {
       header: "From Wallet",
       cell: ({ row }) => {
         const transfer = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { children: transfer?.fromWalletData?.name || "N/A" });
+        return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { children: transfer?.fromWalletData?.name || "N/A" });
       }
     },
     {
@@ -14091,7 +14307,7 @@ function MoneyTransfers({ url }) {
       header: "To Wallet",
       cell: ({ row }) => {
         const transfer = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { children: transfer?.toWalletData?.name || "N/A" });
+        return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { children: transfer?.toWalletData?.name || "N/A" });
       }
     },
     {
@@ -14099,13 +14315,13 @@ function MoneyTransfers({ url }) {
       header: "Amount",
       cell: ({ row }) => {
         const transfer = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { children: Formats_default.Price(transfer?.amount, transfer?.currency) }),
-          transfer?.fee > 0 && /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("span", { className: "text-xs text-orange-600", children: [
+        return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { children: Formats_default.Price(transfer?.amount, transfer?.currency) }),
+          transfer?.fee > 0 && /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("span", { className: "text-xs text-orange-600", children: [
             "Fee: ",
             Formats_default.Price(transfer?.fee, transfer?.currency)
           ] }),
-          transfer?.exchange?.rate && /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("span", { className: "text-xs text-green-600", children: [
+          transfer?.exchange?.rate && /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("span", { className: "text-xs text-green-600", children: [
             "Rate: ",
             transfer?.exchange?.rate,
             " (",
@@ -14123,23 +14339,23 @@ function MoneyTransfers({ url }) {
       header: "Actions",
       cell: ({ row }) => {
         const data2 = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
           Dropdown,
           {
             className: "cursor-pointer w-[150px]",
             items: items(data2),
             triggerMode: "hover",
-            children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react39.EllipsisVertical, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_lucide_react40.EllipsisVertical, {})
           }
         );
       }
     }
   ];
   const transfers = data?.data || [];
-  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_jsx_runtime86.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Modal2, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(TransactionView, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_jsx_runtime87.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Modal2, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(TransactionView, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
       TransactionViewComponent,
       {
         columns,
@@ -14182,7 +14398,7 @@ var moneyTransferSchema = import_zod28.z.object({
 });
 
 // src/components/moneyTransfer/MoneyTransferForm.tsx
-var import_jsx_runtime87 = require("react/jsx-runtime");
+var import_jsx_runtime88 = require("react/jsx-runtime");
 function MoneyTransferForm() {
   const { branchId } = (0, import_react_router_dom29.useParams)();
   const { getQuery, navigate } = useApp_default();
@@ -14262,26 +14478,26 @@ function MoneyTransferForm() {
       fetches();
     }
   }, [id]);
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
     Card,
     {
       className: "max-w-4xl mx-auto mt-10 relative",
       isLoading: isLoadingGet,
       loadingText: "Processing...",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(Card.Header, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Money Transfer` }),
-          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Card.Description, { children: isEdit ? `Update the details for this money transfer` : `Move funds between two wallets` })
+        /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(Card.Header, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Money Transfer` }),
+          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Card.Description, { children: isEdit ? `Update the details for this money transfer` : `Move funds between two wallets` })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Card.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Card.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
           "form",
           {
             className: "space-y-4",
             onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)),
             children: [
               " ",
-              /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
                   Feilds_default2.Wallet,
                   {
                     label: "Source Wallet (From)",
@@ -14294,7 +14510,7 @@ function MoneyTransferForm() {
                     filter: [toWallet]
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
                   Feilds_default2.Wallet,
                   {
                     label: "Destination Wallet (To)",
@@ -14308,8 +14524,8 @@ function MoneyTransferForm() {
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-3 gap-4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-3 gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
                   Fields_default.DateInput,
                   {
                     label: "Date",
@@ -14318,7 +14534,7 @@ function MoneyTransferForm() {
                     required: true
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
                   Fields_default.Input,
                   {
                     label: "Amount",
@@ -14329,7 +14545,7 @@ function MoneyTransferForm() {
                     required: true
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
                   Fields_default.Input,
                   {
                     label: "Fee (Optional)",
@@ -14340,8 +14556,8 @@ function MoneyTransferForm() {
                   }
                 )
               ] }),
-              isRate && /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+              isRate && /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
                   Fields_default.Input,
                   {
                     label: `Rate (1 ${fromWalletObj?.currency} = ? ${toWalletObj?.currency})`,
@@ -14351,7 +14567,7 @@ function MoneyTransferForm() {
                     required: true
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
                   Fields_default.Input,
                   {
                     label: "Exchanged Amount",
@@ -14362,7 +14578,7 @@ function MoneyTransferForm() {
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
                 Fields_default.Textarea,
                 {
                   label: "Note",
@@ -14371,7 +14587,7 @@ function MoneyTransferForm() {
                   placeholder: "Add any additional notes here..."
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
                 Button,
                 {
                   isLoading,
@@ -14393,8 +14609,8 @@ var MoneyTransferForm_default = MoneyTransferForm;
 
 // src/components/expense/Expenses.tsx
 var import_react_router_dom30 = require("react-router-dom");
-var import_lucide_react40 = require("lucide-react");
-var import_jsx_runtime88 = require("react/jsx-runtime");
+var import_lucide_react41 = require("lucide-react");
+var import_jsx_runtime89 = require("react/jsx-runtime");
 function Expenses({ url }) {
   const { branchId } = (0, import_react_router_dom30.useParams)();
   const navigate = (0, import_react_router_dom30.useNavigate)();
@@ -14407,17 +14623,17 @@ function Expenses({ url }) {
   const items = (data2) => [
     {
       label: `View Expense`,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_lucide_react40.FilePenLine, { size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_lucide_react41.FilePenLine, { size: 16 }),
       onClick: () => openTransaction({ id: data2?._id, type: "expense" })
     },
     {
       label: `Edit Expense`,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_lucide_react40.FilePenLine, { size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_lucide_react41.FilePenLine, { size: 16 }),
       onClick: () => navigate(`update?id=${data2?._id}`)
     },
     {
       label: `Delete Expense`,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_lucide_react40.Trash2, { className: "text-red-500", size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_lucide_react41.Trash2, { className: "text-red-500", size: 16 }),
       onClick: () => {
         openTransaction({
           id: data2?._id,
@@ -14433,9 +14649,9 @@ function Expenses({ url }) {
       header: "Date",
       cell: ({ row }) => {
         const expense = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { children: expense?.date }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { children: expense?.date }),
+          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
             "span",
             {
               onClick: () => openTransaction({ id: expense?._id, type: "expense" }),
@@ -14451,9 +14667,9 @@ function Expenses({ url }) {
       header: "Description",
       cell: ({ row }) => {
         const expense = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "capitalize", children: expense?.description }),
-          expense?.note && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "text-xs text-gray-500 italic max-w-xs truncate", children: expense?.note })
+        return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "capitalize", children: expense?.description }),
+          expense?.note && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "text-xs text-gray-500 italic max-w-xs truncate", children: expense?.note })
         ] });
       }
     },
@@ -14463,7 +14679,7 @@ function Expenses({ url }) {
       cell: ({ row }) => {
         const expense = row.original;
         const walletData = expense?.fromWalletData || expense?.toWalletData;
-        return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { children: walletData?.name || "N/A" });
+        return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { children: walletData?.name || "N/A" });
       }
     },
     {
@@ -14471,7 +14687,7 @@ function Expenses({ url }) {
       header: "Amount",
       cell: ({ row }) => {
         const expense = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "font-medium text-red-600", children: Formats_default.Price(expense?.amount, expense?.currency) });
+        return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "font-medium text-red-600", children: Formats_default.Price(expense?.amount, expense?.currency) });
       }
     },
     {
@@ -14479,23 +14695,23 @@ function Expenses({ url }) {
       header: "Actions",
       cell: ({ row }) => {
         const data2 = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
           Dropdown,
           {
             className: "cursor-pointer w-[150px]",
             items: items(data2),
             triggerMode: "hover",
-            children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_lucide_react40.EllipsisVertical, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_lucide_react41.EllipsisVertical, {})
           }
         );
       }
     }
   ];
   const expenses = data?.data || [];
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(import_jsx_runtime88.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(TransactionView, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Modal2, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_jsx_runtime89.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(TransactionView, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Modal2, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
       TransactionViewComponent,
       {
         columns,
@@ -14534,7 +14750,7 @@ var expenseSchema = import_zod31.z.object({
 });
 
 // src/components/expense/ExpenseForm.tsx
-var import_jsx_runtime89 = require("react/jsx-runtime");
+var import_jsx_runtime90 = require("react/jsx-runtime");
 function ExpenseForm() {
   const { branchId } = (0, import_react_router_dom31.useParams)();
   const { getQuery, navigate } = useApp_default();
@@ -14592,25 +14808,25 @@ function ExpenseForm() {
       fetches();
     }
   }, [id]);
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
     Card,
     {
       className: "max-w-4xl mx-auto mt-10 relative",
       isLoading: isLoadingGet,
       loadingText: "Processing...",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(Card.Header, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Expense` }),
-          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Card.Description, { children: isEdit ? `Update the details for this expense entry` : `Record a new business expense` })
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(Card.Header, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Expense` }),
+          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Card.Description, { children: isEdit ? `Update the details for this expense entry` : `Record a new business expense` })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Card.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Card.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
           "form",
           {
             className: "space-y-4",
             onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
                   Fields_default.Input,
                   {
                     label: "Description",
@@ -14620,7 +14836,7 @@ function ExpenseForm() {
                     required: true
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
                   Feilds_default2.Wallet,
                   {
                     label: "Wallet",
@@ -14633,8 +14849,8 @@ function ExpenseForm() {
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
                   Fields_default.DateInput,
                   {
                     label: "Date",
@@ -14643,7 +14859,7 @@ function ExpenseForm() {
                     required: true
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
                   Fields_default.Input,
                   {
                     label: "Amount",
@@ -14655,7 +14871,7 @@ function ExpenseForm() {
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
                 Fields_default.Textarea,
                 {
                   label: "Note",
@@ -14664,7 +14880,7 @@ function ExpenseForm() {
                   placeholder: "Add any additional details..."
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
                 Button,
                 {
                   isLoading,
@@ -14685,28 +14901,28 @@ function ExpenseForm() {
 var ExpenseForm_default = ExpenseForm;
 
 // src/components/ErrorPage/ErrorPage.tsx
-var import_jsx_runtime90 = require("react/jsx-runtime");
+var import_jsx_runtime91 = require("react/jsx-runtime");
 var ErrorPageBase = ({
   title,
-  message: message30,
+  message: message31,
   statusCode,
   action,
   className = ""
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
     "div",
     {
       className: `flex-1 m-auto h-full w-full min-h-[50vh] flex flex-col items-center justify-center p-6 text-zinc-900 dark:text-zinc-100 ${className}`,
-      children: /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "relative flex flex-col items-center justify-center w-full max-w-2xl text-center", children: [
-        statusCode && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "absolute inset-0 flex items-center justify-center z-0 select-none pointer-events-none opacity-[0.03] dark:opacity-5", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "text-[12rem] sm:text-[16rem] md:text-[20rem] font-bold leading-none tracking-tighter", children: statusCode }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "relative z-10 space-y-6", children: [
-          statusCode && /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("h2", { className: "text-xl md:text-2xl font-semibold text-zinc-500 dark:text-zinc-400", children: [
+      children: /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "relative flex flex-col items-center justify-center w-full max-w-2xl text-center", children: [
+        statusCode && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "absolute inset-0 flex items-center justify-center z-0 select-none pointer-events-none opacity-[0.03] dark:opacity-5", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "text-[12rem] sm:text-[16rem] md:text-[20rem] font-bold leading-none tracking-tighter", children: statusCode }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "relative z-10 space-y-6", children: [
+          statusCode && /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("h2", { className: "text-xl md:text-2xl font-semibold text-zinc-500 dark:text-zinc-400", children: [
             "Error ",
             statusCode
           ] }),
-          title && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("h1", { className: "text-4xl md:text-5xl font-extrabold tracking-tight drop-shadow-sm", children: title }),
-          message30 && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("p", { className: "text-lg md:text-xl text-zinc-600 dark:text-zinc-400 max-w-md mx-auto", children: message30 }),
-          action && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "pt-8", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+          title && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("h1", { className: "text-4xl md:text-5xl font-extrabold tracking-tight drop-shadow-sm", children: title }),
+          message31 && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("p", { className: "text-lg md:text-xl text-zinc-600 dark:text-zinc-400 max-w-md mx-auto", children: message31 }),
+          action && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "pt-8", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
             "button",
             {
               onClick: action.onClick,
@@ -14722,9 +14938,9 @@ var ErrorPageBase = ({
 };
 
 // src/components/ErrorPage/ErrorPage.500.tsx
-var import_jsx_runtime91 = require("react/jsx-runtime");
+var import_jsx_runtime92 = require("react/jsx-runtime");
 var ErrorPage500 = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
     ErrorPageBase,
     {
       statusCode: 500,
@@ -14737,9 +14953,9 @@ var ErrorPage500 = (props) => {
 };
 
 // src/components/ErrorPage/ErrorPage.404.tsx
-var import_jsx_runtime92 = require("react/jsx-runtime");
+var import_jsx_runtime93 = require("react/jsx-runtime");
 var ErrorPage404 = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
     ErrorPageBase,
     {
       statusCode: 404,
@@ -14752,9 +14968,9 @@ var ErrorPage404 = (props) => {
 };
 
 // src/components/ErrorPage/ErrorPage.401.tsx
-var import_jsx_runtime93 = require("react/jsx-runtime");
+var import_jsx_runtime94 = require("react/jsx-runtime");
 var ErrorPage401 = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
     ErrorPageBase,
     {
       statusCode: 401,
@@ -14767,9 +14983,9 @@ var ErrorPage401 = (props) => {
 };
 
 // src/components/ErrorPage/ErrorPage.400.tsx
-var import_jsx_runtime94 = require("react/jsx-runtime");
+var import_jsx_runtime95 = require("react/jsx-runtime");
 var ErrorPage400 = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
     ErrorPageBase,
     {
       statusCode: 400,
@@ -14790,7 +15006,7 @@ var ErrorPage = Object.assign(ErrorPageBase, {
 });
 
 // src/components/accounts/Report.tsx
-var import_jsx_runtime95 = require("react/jsx-runtime");
+var import_jsx_runtime96 = require("react/jsx-runtime");
 var AccountReport = () => {
   const { apiConfig } = useWarqadConfig();
   const { TransactionView, openTransaction } = useTransactionView_default();
@@ -14809,9 +15025,9 @@ var AccountReport = () => {
       header: "Date",
       key: "date",
       className: "text-xs whitespace-nowrap",
-      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("p", { className: "font-bold text-black dark:text-white print:text-black", children: row.date }),
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("p", { className: "font-bold text-black dark:text-white print:text-black", children: row.date }),
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
           "span",
           {
             onClick: () => {
@@ -14830,7 +15046,7 @@ var AccountReport = () => {
       header: "Description",
       key: "description",
       className: "text-xs w-full break-words",
-      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "font-bold text-black dark:text-white print:text-black", children: row.description })
+      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "font-bold text-black dark:text-white print:text-black", children: row.description })
     },
     {
       header: "Credit",
@@ -14839,16 +15055,16 @@ var AccountReport = () => {
       render: (row) => {
         const Amount = row.calculatedAmount;
         const fee = 0;
-        return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "", children: Amount > 0 ? /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_jsx_runtime95.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("p", { className: "font-bold text-green-500 dark:text-green-500 print:text-green-500", children: Formats_default.Amount(Amount) }),
-          fee > 0 && /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("span", { className: "text-[8px]", children: [
+        return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "", children: Amount > 0 ? /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(import_jsx_runtime96.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("p", { className: "font-bold text-green-500 dark:text-green-500 print:text-green-500", children: Formats_default.Amount(Amount) }),
+          fee > 0 && /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("span", { className: "text-[8px]", children: [
             "fee:(",
             fee,
             ")"
           ] })
         ] }) : "" });
       },
-      renderFooter: (data2) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "text-green-500 font-bold", children: Formats_default.Amount(
+      renderFooter: (data2) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "text-green-500 font-bold", children: Formats_default.Amount(
         data2.reduce(
           (acc, row) => acc + (row.calculatedAmount > 0 ? row.calculatedAmount : 0),
           0
@@ -14862,16 +15078,16 @@ var AccountReport = () => {
       render: (row) => {
         const Amount = row.calculatedAmount;
         const fee = 0;
-        return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "", children: Amount < 0 ? /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_jsx_runtime95.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("p", { className: "font-bold text-red-500 dark:text-red-500 print:text-red-500", children: Formats_default.Amount(Amount) }),
-          fee > 0 && /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("span", { className: "text-[8px]", children: [
+        return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "", children: Amount < 0 ? /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(import_jsx_runtime96.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("p", { className: "font-bold text-red-500 dark:text-red-500 print:text-red-500", children: Formats_default.Amount(Amount) }),
+          fee > 0 && /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("span", { className: "text-[8px]", children: [
             "Fee:(",
             fee,
             ")"
           ] })
         ] }) : "" });
       },
-      renderFooter: (data2) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "text-red-500 font-bold", children: Formats_default.Amount(
+      renderFooter: (data2) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "text-red-500 font-bold", children: Formats_default.Amount(
         data2.reduce(
           (acc, row) => acc + (row.calculatedAmount < 0 ? row.calculatedAmount : 0),
           0
@@ -14882,8 +15098,8 @@ var AccountReport = () => {
       header: "Balance",
       key: "runningBalance",
       className: "text-xs whitespace-nowrap text-right",
-      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime95.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_runtime95.jsx)("span", { className: "text-black dark:text-white print:text-black font-bold", children: Formats_default.Price(
+      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime96.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_runtime96.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),
         currency
       ) })
@@ -14902,9 +15118,9 @@ var AccountReport = () => {
     { label: "Account Type", value: data?.data?.type },
     { label: "Currency", value: data?.data?.currency }
   ];
-  return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_jsx_runtime95.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(TransactionView, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(import_jsx_runtime96.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(TransactionView, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
       A4DataView,
       {
         columns,
@@ -14921,7 +15137,7 @@ var AccountReport = () => {
 var Report_default = AccountReport;
 
 // src/components/wallets/Report.tsx
-var import_jsx_runtime96 = require("react/jsx-runtime");
+var import_jsx_runtime97 = require("react/jsx-runtime");
 var WalletReport = () => {
   const { apiConfig } = useWarqadConfig();
   const { getParams } = useApp_default();
@@ -14939,9 +15155,9 @@ var WalletReport = () => {
       header: "Date",
       key: "date",
       className: "text-xs whitespace-nowrap",
-      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("p", { className: "font-bold text-black dark:text-white print:text-black", children: row.date }),
-        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("p", { className: "font-bold text-black dark:text-white print:text-black", children: row.date }),
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
           "span",
           {
             onClick: () => {
@@ -14960,7 +15176,7 @@ var WalletReport = () => {
       header: "Description",
       key: "description",
       className: "text-xs w-full break-words",
-      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "font-bold text-black dark:text-white print:text-black", children: row.description })
+      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "font-bold text-black dark:text-white print:text-black", children: row.description })
     },
     {
       header: "Credit",
@@ -14969,9 +15185,9 @@ var WalletReport = () => {
       render: (row) => {
         const Amount = row.calculatedAmount;
         const fee = 0;
-        return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "", children: Amount > 0 ? /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(import_jsx_runtime96.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("p", { className: "font-bold text-green-500 dark:text-green-500 print:text-green-500", children: Formats_default.Amount(Amount) }),
-          fee > 0 && /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("span", { className: "text-[8px]", children: [
+        return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "", children: Amount > 0 ? /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_jsx_runtime97.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("p", { className: "font-bold text-green-500 dark:text-green-500 print:text-green-500", children: Formats_default.Amount(Amount) }),
+          fee > 0 && /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("span", { className: "text-[8px]", children: [
             "fee:(",
             fee,
             ")"
@@ -14979,7 +15195,7 @@ var WalletReport = () => {
         ] }) : "" });
       },
       renderFooter: (data2) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "text-green-500 font-bold", children: Formats_default.Amount(
+        return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "text-green-500 font-bold", children: Formats_default.Amount(
           data2.reduce(
             (acc, row) => acc + (row.calculatedAmount > 0 ? row.calculatedAmount : 0),
             0
@@ -14995,16 +15211,16 @@ var WalletReport = () => {
       render: (row) => {
         const Amount = row.calculatedAmount;
         const fee = 0;
-        return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "", children: Amount < 0 ? /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(import_jsx_runtime96.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("p", { className: "font-bold text-red-500 dark:text-red-500 print:text-red-500", children: Formats_default.Amount(Amount) }),
-          fee > 0 && /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("span", { className: "text-[8px]", children: [
+        return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "", children: Amount < 0 ? /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_jsx_runtime97.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("p", { className: "font-bold text-red-500 dark:text-red-500 print:text-red-500", children: Formats_default.Amount(Amount) }),
+          fee > 0 && /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("span", { className: "text-[8px]", children: [
             "Fee:(",
             fee,
             ")"
           ] })
         ] }) : "" });
       },
-      renderFooter: (data2) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "text-red-500 font-bold", children: Formats_default.Amount(
+      renderFooter: (data2) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "text-red-500 font-bold", children: Formats_default.Amount(
         data2.reduce(
           (acc, row) => acc + (row.calculatedAmount < 0 ? row.calculatedAmount : 0),
           0
@@ -15015,8 +15231,8 @@ var WalletReport = () => {
       header: "Balance",
       key: "runningBalance",
       className: "text-xs whitespace-nowrap text-right",
-      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime96.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_runtime96.jsx)("span", { className: "text-black dark:text-white print:text-black font-bold", children: Formats_default.Price(
+      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime97.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_runtime97.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),
         currency
       ) })
@@ -15035,9 +15251,9 @@ var WalletReport = () => {
     { label: "Wallet Account No", value: data?.data?.accountNo || "N/A" },
     { label: "Currency", value: data?.data?.currency }
   ];
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(import_jsx_runtime96.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(TransactionView, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_jsx_runtime97.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(TransactionView, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
       A4DataView,
       {
         columns,
@@ -15056,7 +15272,7 @@ var Report_default2 = WalletReport;
 // src/components/accounts/Statements.tsx
 var import_react_router_dom32 = require("react-router-dom");
 var import_react59 = require("react");
-var import_jsx_runtime97 = require("react/jsx-runtime");
+var import_jsx_runtime98 = require("react/jsx-runtime");
 var options = [
   { label: "All", value: "all" },
   { label: "Debit", value: "debit" },
@@ -15121,7 +15337,7 @@ var AccountStatements = () => {
       header: "Name",
       key: "name",
       className: "text-xs whitespace-nowrap ",
-      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
         "p",
         {
           onClick: () => navigate(`${row._id}`),
@@ -15137,9 +15353,9 @@ var AccountStatements = () => {
       render: (row) => {
         const Amount = row.balance;
         const fee = 0;
-        return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "", children: Amount > 0 ? /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_jsx_runtime97.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("p", { className: "font-bold text-green-500 dark:text-green-500 print:text-green-500", children: Formats_default.Amount(Amount) }),
-          fee > 0 && /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("span", { className: "text-[8px]", children: [
+        return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "", children: Amount > 0 ? /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_jsx_runtime98.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("p", { className: "font-bold text-green-500 dark:text-green-500 print:text-green-500", children: Formats_default.Amount(Amount) }),
+          fee > 0 && /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("span", { className: "text-[8px]", children: [
             "fee:(",
             fee,
             ")"
@@ -15147,7 +15363,7 @@ var AccountStatements = () => {
         ] }) : "" });
       },
       renderFooter: (data2) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "text-green-500 font-bold", children: Formats_default.Amount(
+        return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: "text-green-500 font-bold", children: Formats_default.Amount(
           data2.reduce(
             (acc, row) => acc + (row.balance > 0 ? row.balance : 0),
             0
@@ -15163,16 +15379,16 @@ var AccountStatements = () => {
       render: (row) => {
         const Amount = row.balance;
         const fee = 0;
-        return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "", children: Amount < 0 ? /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_jsx_runtime97.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("p", { className: "font-bold text-red-500 dark:text-red-500 print:text-red-500", children: Formats_default.Amount(Amount) }),
-          fee > 0 && /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("span", { className: "text-[8px]", children: [
+        return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "", children: Amount < 0 ? /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_jsx_runtime98.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("p", { className: "font-bold text-red-500 dark:text-red-500 print:text-red-500", children: Formats_default.Amount(Amount) }),
+          fee > 0 && /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("span", { className: "text-[8px]", children: [
             "Fee:(",
             fee,
             ")"
           ] })
         ] }) : "" });
       },
-      renderFooter: (data2) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "text-red-500 font-bold", children: Formats_default.Amount(
+      renderFooter: (data2) => /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: "text-red-500 font-bold", children: Formats_default.Amount(
         data2.reduce(
           (acc, row) => acc + (row.balance < 0 ? row.balance : 0),
           0
@@ -15183,8 +15399,8 @@ var AccountStatements = () => {
       header: "Balance",
       key: "runningBalance",
       className: "text-xs whitespace-nowrap text-right",
-      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "font-bold text-black dark:text-white print:text-black", children: Formats_default.Price(row.runningBalance, row.currency || currency || (currencyFilter === "all" ? void 0 : currencyFilter)) }),
-      renderFooter: (data2) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "text-black dark:text-white print:text-black font-bold", children: Formats_default.Price(
+      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: "font-bold text-black dark:text-white print:text-black", children: Formats_default.Price(row.runningBalance, row.currency || currency || (currencyFilter === "all" ? void 0 : currencyFilter)) }),
+      renderFooter: (data2) => /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: "text-black dark:text-white print:text-black font-bold", children: Formats_default.Price(
         data2.reduce((acc, row) => acc + row.balance, 0),
         currency || (currencyFilter === "all" ? void 0 : currencyFilter)
       ) })
@@ -15209,9 +15425,9 @@ var AccountStatements = () => {
     if (filter === "credit")
       return result.filter((item) => item.runningBalance > 0);
   }, [filter, currencyFilter, data]);
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_jsx_runtime97.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(TransactionView, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_jsx_runtime98.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(TransactionView, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
       A4DataView,
       {
         columns,
@@ -15220,8 +15436,8 @@ var AccountStatements = () => {
         title: `Account Statement`,
         subtitle: `All Outstanding Balances`,
         fixed: false,
-        headers: /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+        headers: /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
             Fields_default.Select,
             {
               options,
@@ -15230,7 +15446,7 @@ var AccountStatements = () => {
               className: "min-w-[150px] print:hidden"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
             Fields_default.Select,
             {
               options: [
@@ -15255,7 +15471,7 @@ var Statements_default = AccountStatements;
 // src/components/wallets/Statements.tsx
 var import_react_router_dom33 = require("react-router-dom");
 var import_react60 = require("react");
-var import_jsx_runtime98 = require("react/jsx-runtime");
+var import_jsx_runtime99 = require("react/jsx-runtime");
 var options2 = [
   { label: "All", value: "all" },
   { label: "Debit", value: "debit" },
@@ -15318,7 +15534,7 @@ var WalletStatements = () => {
       header: "Name",
       key: "name",
       className: "text-xs whitespace-nowrap",
-      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
         "p",
         {
           onClick: () => navigate(`${row._id}`),
@@ -15334,9 +15550,9 @@ var WalletStatements = () => {
       render: (row) => {
         const Amount = row.balance;
         const fee = 0;
-        return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "", children: Amount > 0 ? /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_jsx_runtime98.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("p", { className: "font-bold text-green-500 dark:text-green-500 print:text-green-500", children: Formats_default.Amount(Amount) }),
-          fee > 0 && /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("span", { className: "text-[8px]", children: [
+        return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "", children: Amount > 0 ? /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_jsx_runtime99.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("p", { className: "font-bold text-green-500 dark:text-green-500 print:text-green-500", children: Formats_default.Amount(Amount) }),
+          fee > 0 && /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("span", { className: "text-[8px]", children: [
             "fee:(",
             fee,
             ")"
@@ -15344,7 +15560,7 @@ var WalletStatements = () => {
         ] }) : "" });
       },
       renderFooter: (data2) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: "text-green-500 font-bold", children: Formats_default.Amount(
+        return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "text-green-500 font-bold", children: Formats_default.Amount(
           data2.reduce(
             (acc, row) => acc + (row.balance > 0 ? row.balance : 0),
             0
@@ -15360,16 +15576,16 @@ var WalletStatements = () => {
       render: (row) => {
         const Amount = row.balance;
         const fee = 0;
-        return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "", children: Amount < 0 ? /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_jsx_runtime98.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("p", { className: "font-bold text-red-500 dark:text-red-500 print:text-red-500", children: Formats_default.Amount(Amount) }),
-          fee > 0 && /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("span", { className: "text-[8px]", children: [
+        return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "", children: Amount < 0 ? /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_jsx_runtime99.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("p", { className: "font-bold text-red-500 dark:text-red-500 print:text-red-500", children: Formats_default.Amount(Amount) }),
+          fee > 0 && /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("span", { className: "text-[8px]", children: [
             "Fee:(",
             fee,
             ")"
           ] })
         ] }) : "" });
       },
-      renderFooter: (data2) => /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: "text-red-500 font-bold", children: Formats_default.Amount(
+      renderFooter: (data2) => /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "text-red-500 font-bold", children: Formats_default.Amount(
         data2.reduce(
           (acc, row) => acc + (row.balance < 0 ? row.balance : 0),
           0
@@ -15380,8 +15596,8 @@ var WalletStatements = () => {
       header: "Balance",
       key: "runningBalance",
       className: "text-xs whitespace-nowrap text-right",
-      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: "font-bold text-black dark:text-white print:text-black", children: Formats_default.Price(row.runningBalance, row.currency || currency || (currencyFilter === "all" ? void 0 : currencyFilter)) }),
-      renderFooter: (data2) => /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: "text-black dark:text-white print:text-black font-bold", children: Formats_default.Price(
+      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "font-bold text-black dark:text-white print:text-black", children: Formats_default.Price(row.runningBalance, row.currency || currency || (currencyFilter === "all" ? void 0 : currencyFilter)) }),
+      renderFooter: (data2) => /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "text-black dark:text-white print:text-black font-bold", children: Formats_default.Price(
         data2.reduce((acc, row) => acc + row.balance, 0),
         currency || (currencyFilter === "all" ? void 0 : currencyFilter)
       ) })
@@ -15407,9 +15623,9 @@ var WalletStatements = () => {
     if (filter === "credit")
       return result.filter((item) => item.runningBalance > 0);
   }, [filter, currencyFilter, data]);
-  return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_jsx_runtime98.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(TransactionView, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_jsx_runtime99.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(TransactionView, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
       A4DataView,
       {
         columns,
@@ -15418,8 +15634,8 @@ var WalletStatements = () => {
         title: `Wallet Statement`,
         subtitle: `All Outstanding Balances`,
         fixed: false,
-        headers: /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+        headers: /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
             Fields_default.Select,
             {
               options: options2,
@@ -15428,7 +15644,7 @@ var WalletStatements = () => {
               className: "min-w-[150px] print:hidden"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
             Fields_default.Select,
             {
               options: [
@@ -15452,8 +15668,8 @@ var Statements_default2 = WalletStatements;
 
 // src/components/walletAdjustment/WalletAdjustments.tsx
 var import_react_router_dom34 = require("react-router-dom");
-var import_lucide_react41 = require("lucide-react");
-var import_jsx_runtime99 = require("react/jsx-runtime");
+var import_lucide_react42 = require("lucide-react");
+var import_jsx_runtime100 = require("react/jsx-runtime");
 function WalletAdjustments({ url }) {
   const { branchId } = (0, import_react_router_dom34.useParams)();
   const navigate = (0, import_react_router_dom34.useNavigate)();
@@ -15466,17 +15682,17 @@ function WalletAdjustments({ url }) {
   const items = (data2) => [
     {
       label: `View Adjustment`,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_lucide_react41.FilePenLine, { size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_lucide_react42.FilePenLine, { size: 16 }),
       onClick: () => openTransaction({ id: data2?._id, type: "adjustment" })
     },
     {
       label: `Edit Adjustment`,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_lucide_react41.FilePenLine, { size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_lucide_react42.FilePenLine, { size: 16 }),
       onClick: () => navigate(`update?id=${data2?._id}`)
     },
     {
       label: `Reverse Adjustment`,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_lucide_react41.Trash2, { className: "text-red-500", size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_lucide_react42.Trash2, { className: "text-red-500", size: 16 }),
       onClick: () => {
         openTransaction({
           id: data2?._id,
@@ -15492,9 +15708,9 @@ function WalletAdjustments({ url }) {
       header: "Date",
       cell: ({ row }) => {
         const adjustment = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { children: adjustment?.date }),
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { children: adjustment?.date }),
+          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
             "span",
             {
               onClick: () => openTransaction({
@@ -15514,7 +15730,7 @@ function WalletAdjustments({ url }) {
       cell: ({ row }) => {
         const adjustment = row.original;
         const walletData = adjustment?.toWalletData || adjustment?.fromWalletData;
-        return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { children: walletData?.name || "N/A" });
+        return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { children: walletData?.name || "N/A" });
       }
     },
     {
@@ -15522,7 +15738,7 @@ function WalletAdjustments({ url }) {
       header: "Action",
       cell: ({ row }) => {
         const action = row.original.action;
-        return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
           "span",
           {
             className: action === "credit" ? "text-green-600 font-medium" : "text-red-600 font-medium",
@@ -15541,7 +15757,7 @@ function WalletAdjustments({ url }) {
       header: "Amount",
       cell: ({ row }) => {
         const adjustment = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "flex flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { children: Formats_default.Price(adjustment?.amount, adjustment?.currency) }) });
+        return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "flex flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { children: Formats_default.Price(adjustment?.amount, adjustment?.currency) }) });
       }
     },
     {
@@ -15549,23 +15765,23 @@ function WalletAdjustments({ url }) {
       header: "Actions",
       cell: ({ row }) => {
         const data2 = row.original;
-        return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
           Dropdown,
           {
             className: "cursor-pointer w-[150px]",
             items: items(data2),
             triggerMode: "hover",
-            children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_lucide_react41.EllipsisVertical, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_lucide_react42.EllipsisVertical, {})
           }
         );
       }
     }
   ];
   const adjustments = data?.data || [];
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_jsx_runtime99.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Modal2, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(TransactionView, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(import_jsx_runtime100.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Modal2, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(TransactionView, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
       TransactionViewComponent,
       {
         columns,
@@ -15605,7 +15821,7 @@ var walletAdjustmentSchema = import_zod34.z.object({
 });
 
 // src/components/walletAdjustment/WalletAdjustmentForm.tsx
-var import_jsx_runtime100 = require("react/jsx-runtime");
+var import_jsx_runtime101 = require("react/jsx-runtime");
 function WalletAdjustmentForm() {
   const { branchId } = (0, import_react_router_dom35.useParams)();
   const { getQuery, navigate } = useApp_default();
@@ -15665,25 +15881,25 @@ function WalletAdjustmentForm() {
       fetches();
     }
   }, [id]);
-  return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
     Card,
     {
       className: "max-w-4xl mx-auto mt-10 relative",
       isLoading: isLoadingGet,
       loadingText: "Processing...",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(Card.Header, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Wallet Adjustment` }),
-          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Card.Description, { children: isEdit ? `Update the details for this wallet adjustment` : `Adjust the balance of a specific wallet` })
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(Card.Header, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Wallet Adjustment` }),
+          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Card.Description, { children: isEdit ? `Update the details for this wallet adjustment` : `Adjust the balance of a specific wallet` })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Card.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Card.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
           "form",
           {
             className: "space-y-4",
             onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
                   Feilds_default2.Wallet,
                   {
                     label: "Wallet",
@@ -15695,7 +15911,7 @@ function WalletAdjustmentForm() {
                     obj: "walletObject"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
                   Fields_default.DateInput,
                   {
                     label: "Date",
@@ -15705,7 +15921,7 @@ function WalletAdjustmentForm() {
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
                 Fields_default.Input,
                 {
                   label: "Description",
@@ -15715,8 +15931,8 @@ function WalletAdjustmentForm() {
                   required: true
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
                   Fields_default.Select,
                   {
                     label: "Action",
@@ -15729,7 +15945,7 @@ function WalletAdjustmentForm() {
                     ]
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
                   Fields_default.Input,
                   {
                     label: "Amount",
@@ -15741,7 +15957,7 @@ function WalletAdjustmentForm() {
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
                 Fields_default.Textarea,
                 {
                   label: "Note",
@@ -15750,7 +15966,7 @@ function WalletAdjustmentForm() {
                   placeholder: "Add any additional notes here..."
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
                 Button,
                 {
                   isLoading,
@@ -15769,6 +15985,420 @@ function WalletAdjustmentForm() {
   );
 }
 var WalletAdjustmentForm_default = WalletAdjustmentForm;
+
+// src/components/forexTransfer/ForexTransfers.tsx
+var import_react_router_dom36 = require("react-router-dom");
+var import_lucide_react43 = require("lucide-react");
+var import_jsx_runtime102 = require("react/jsx-runtime");
+function ForexTransfers({ url }) {
+  const { branchId } = (0, import_react_router_dom36.useParams)();
+  const navigate = (0, import_react_router_dom36.useNavigate)();
+  const { TransactionView, openTransaction } = useTransactionView_default();
+  const { data, TransactionViewComponent, reload } = useTransaction_default({
+    url: url || `/transactions/get?type=forex transfer${branchId ? `&fromBranch=${branchId}` : ""}`,
+    dateFilter: true
+  });
+  const { Modal: Modal2 } = useModal();
+  const items = (data2) => [
+    {
+      label: `View Transfer`,
+      icon: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_lucide_react43.FilePenLine, { size: 16 }),
+      onClick: () => openTransaction({ id: data2?._id, type: "forex transfer" })
+    },
+    {
+      label: `Edit Transfer`,
+      icon: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_lucide_react43.FilePenLine, { size: 16 }),
+      onClick: () => navigate(`update?id=${data2?._id}`)
+    },
+    {
+      label: `Reverse Transfer`,
+      icon: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_lucide_react43.Trash2, { className: "text-red-500", size: 16 }),
+      onClick: () => {
+        openTransaction({
+          id: data2?._id,
+          type: "forex transfer",
+          reverseable: { reload }
+        });
+      }
+    }
+  ].filter(Boolean);
+  const columns = [
+    {
+      accessorKey: "date",
+      header: "Date",
+      cell: ({ row }) => {
+        const transfer = row.original;
+        return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("span", { children: transfer?.date }),
+          /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+            "span",
+            {
+              onClick: () => openTransaction({ id: transfer?._id, type: "forex transfer" }),
+              className: "text-xs text-blue-600 italic cursor-pointer hover:underline",
+              children: transfer.ref
+            }
+          )
+        ] });
+      }
+    },
+    {
+      accessorKey: "account",
+      header: "Account",
+      cell: ({ row }) => {
+        const transfer = row.original;
+        return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("span", { children: transfer?.accountData?.name || "N/A" });
+      }
+    },
+    {
+      accessorKey: "wallet",
+      header: "Wallet",
+      cell: ({ row }) => {
+        const transfer = row.original;
+        return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("span", { children: transfer?.walletData?.name || "N/A" });
+      }
+    },
+    {
+      accessorKey: "amount",
+      header: "Amount",
+      cell: ({ row }) => {
+        const transfer = row.original;
+        return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
+            "span",
+            {
+              className: transfer?.action === "debit" ? "text-red-600" : "text-green-600",
+              children: [
+                transfer?.action === "debit" ? "-" : "+",
+                " ",
+                Formats_default.Price(transfer?.amount, transfer?.currency)
+              ]
+            }
+          ),
+          transfer?.exchange?.rate && /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("span", { className: "text-xs text-indigo-600", children: [
+            "EX: ",
+            transfer?.exchange?.rate,
+            " (",
+            Formats_default.Price(
+              transfer?.exchange?.amount,
+              transfer?.exchange?.currency
+            ),
+            ")"
+          ] }),
+          transfer?.fee > 0 && /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("span", { className: "text-xs text-orange-600", children: [
+            "Fee:",
+            " ",
+            Formats_default.Price(
+              transfer?.fee,
+              transfer?.exchange?.currency || transfer?.currency
+            )
+          ] })
+        ] });
+      }
+    },
+    {
+      accessorKey: "actions",
+      header: "Actions",
+      cell: ({ row }) => {
+        const data2 = row.original;
+        return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+          Dropdown,
+          {
+            className: "cursor-pointer w-[150px]",
+            items: items(data2),
+            triggerMode: "hover",
+            children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_lucide_react43.EllipsisVertical, {})
+          }
+        );
+      }
+    }
+  ];
+  const transfers = data?.data || [];
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_jsx_runtime102.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Modal2, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(TransactionView, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+      TransactionViewComponent,
+      {
+        columns,
+        data: transfers,
+        title: "Forex Transfers",
+        description: "Manage transfers between accounts and wallets",
+        index: true,
+        createTitle: "Add Forex Transfer",
+        onCreate: () => {
+          navigate("create");
+        }
+      }
+    )
+  ] });
+}
+var ForexTransfers_default = ForexTransfers;
+
+// src/components/forexTransfer/ForexTransferForm.tsx
+var import_react62 = require("react");
+var import_react_router_dom37 = require("react-router-dom");
+var import_react_hook_form25 = require("react-hook-form");
+var import_zod38 = require("@hookform/resolvers/zod");
+var import_antd33 = require("antd");
+
+// src/components/forexTransfer/schema.ts
+var import_zod37 = require("zod");
+var forexTransferSchema = import_zod37.z.object({
+  account: import_zod37.z.string(),
+  wallet: import_zod37.z.string(),
+  amount: import_zod37.z.number().gt(0, "Amount must be greater than 0"),
+  date: zodFields.date,
+  description: import_zod37.z.string(),
+  note: import_zod37.z.string().optional(),
+  fee: import_zod37.z.coerce.number().optional(),
+  branch: import_zod37.z.string().optional(),
+  // Objects for frontend helpers
+  accountObject: import_zod37.z.any().optional(),
+  walletObject: import_zod37.z.any().optional(),
+  // Exchange rate
+  rate: import_zod37.z.coerce.number().gte(0).optional()
+});
+
+// src/components/forexTransfer/ForexTransferForm.tsx
+var import_jsx_runtime103 = require("react/jsx-runtime");
+function ForexTransferForm() {
+  const { branchId } = (0, import_react_router_dom37.useParams)();
+  const { getQuery, navigate } = useApp_default();
+  const id = getQuery("id");
+  const isEdit = !!id;
+  const [ref, setRef] = (0, import_react62.useState)("");
+  const { post, isLoading } = useApis_default();
+  const { isLoading: isLoadingGet, get } = useApis_default();
+  const methods = (0, import_react_hook_form25.useForm)({
+    resolver: (0, import_zod38.zodResolver)(forexTransferSchema),
+    defaultValues: {
+      date: (/* @__PURE__ */ new Date()).toLocaleDateString("en-GB"),
+      amount: 0,
+      fee: 0,
+      account: "",
+      wallet: "",
+      description: "Forex Transfer"
+    }
+  });
+  const { handleSubmit, watch, reset } = methods;
+  const accountObj = watch("accountObject");
+  const walletObj = watch("walletObject");
+  const amount = watch("amount") || 0;
+  const fee = watch("fee") || 0;
+  const rate = watch("rate");
+  const isRate = accountObj?.currency && walletObj?.currency && accountObj?.currency !== walletObj?.currency;
+  const isCurrencies = accountObj?.currency && walletObj?.currency;
+  const onSubmit = async (data) => {
+    try {
+      const payload = {
+        ...data,
+        type: "forex transfer",
+        branch: branchId ?? void 0
+      };
+      await post({
+        url: `/transactions/add${isEdit ? `?ref=${ref}` : ""}`,
+        body: payload
+      });
+      import_antd33.message.success(`Forex transfer saved successfully`);
+      navigate(-1);
+    } catch (error) {
+      import_antd33.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,
+        wallet: data?.toWallet || data?.fromWallet
+      });
+      setRef(data?.ref);
+    } catch (error) {
+      import_antd33.message.error(error?.message || "Something went wrong");
+      navigate(-1);
+    }
+  };
+  const exchangedAmount2 = (0, import_react62.useMemo)(() => {
+    if (isRate) {
+      const am = forex_default.exchangedAmount({
+        accountCurrency: accountObj?.currency,
+        amount,
+        exchangeRate: rate ?? 1,
+        transactionCurrency: walletObj?.currency
+      });
+      return Formats_default.Price(am, accountObj?.currency ?? "N/A");
+    }
+  }, [amount, accountObj?.currency, walletObj?.currency, rate, isRate]);
+  const totalAmount = (0, import_react62.useMemo)(() => {
+    if (isCurrencies) {
+      const am = forex_default.exchangedAmount({
+        accountCurrency: accountObj?.currency,
+        amount,
+        exchangeRate: rate ?? 1,
+        transactionCurrency: walletObj?.currency
+      });
+      return am + fee / 100 * am;
+    } else {
+      return 0;
+    }
+  }, [exchangedAmount2, fee]);
+  (0, import_react62.useEffect)(() => {
+    if (isEdit) {
+      fetches();
+    }
+  }, [id]);
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
+    Card,
+    {
+      className: "max-w-4xl mx-auto mt-10 relative",
+      isLoading: isLoadingGet,
+      loadingText: "Processing...",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(Card.Header, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Forex Transfer` }),
+          /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Card.Description, { children: isEdit ? `Update the details for this forex transfer` : `Move funds between an account and a wallet` })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Card.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
+          "form",
+          {
+            className: "space-y-4",
+            onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+                  Fields_default.Input,
+                  {
+                    label: "Description",
+                    form: methods,
+                    name: "description",
+                    placeholder: "Enter description...",
+                    required: true
+                  }
+                ),
+                " ",
+                /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+                  Fields_default.DateInput,
+                  {
+                    label: "Date",
+                    form: methods,
+                    name: "date",
+                    required: true
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+                  Feilds_default.Account,
+                  {
+                    label: "Account",
+                    form: methods,
+                    name: "account",
+                    api: "/accounts/get/all",
+                    placeholder: "Select account...",
+                    required: true,
+                    obj: "accountObject",
+                    showBalance: true
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+                  Feilds_default2.Wallet,
+                  {
+                    label: "Wallet",
+                    form: methods,
+                    name: "wallet",
+                    placeholder: "Select wallet...",
+                    required: true,
+                    showBalance: true,
+                    obj: "walletObject"
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+                  Fields_default.Input,
+                  {
+                    label: "Amount",
+                    form: methods,
+                    name: "amount",
+                    type: "number",
+                    placeholder: "0.00",
+                    required: true
+                  }
+                ),
+                isRate && /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(import_jsx_runtime103.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+                    Fields_default.Input,
+                    {
+                      label: `Rate (1 ${walletObj?.currency} = ? ${accountObj?.currency})`,
+                      type: "number",
+                      name: "rate",
+                      form: methods,
+                      required: true
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+                    Fields_default.Input,
+                    {
+                      label: "Exchanged Amount",
+                      type: "text",
+                      readOnly: true,
+                      disabled: true,
+                      value: exchangedAmount2
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+                  Fields_default.Input,
+                  {
+                    label: "Fee (Optional)",
+                    form: methods,
+                    name: "fee",
+                    type: "number",
+                    placeholder: "0.00"
+                  }
+                ),
+                fee > 0 && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+                  Fields_default.Input,
+                  {
+                    label: "Amount After Fee",
+                    type: "text",
+                    readOnly: true,
+                    disabled: true,
+                    value: Formats_default.Price(
+                      totalAmount,
+                      accountObj?.currency || "N/A"
+                    )
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+                Fields_default.Textarea,
+                {
+                  label: "Note",
+                  form: methods,
+                  name: "note",
+                  placeholder: "Add any additional notes here..."
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+                Button,
+                {
+                  isLoading,
+                  disabled: isLoading,
+                  type: "submit",
+                  className: "min-w-[100px]",
+                  variant: !isEdit ? "primary" : "warning",
+                  children: isEdit ? "Update" : "Add"
+                }
+              ) })
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+}
+var ForexTransferForm_default = ForexTransferForm;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AccountFields,
@@ -15805,6 +16435,8 @@ var WalletAdjustmentForm_default = WalletAdjustmentForm;
   ExpenseForm,
   Expenses,
   Fields,
+  ForexTransferForm,
+  ForexTransfers,
   Guard,
   InfoGrid,
   Input,
@@ -15871,6 +16503,7 @@ var WalletAdjustmentForm_default = WalletAdjustmentForm;
   createUserSchema,
   createWalletSchema,
   expenseSchema,
+  forexTransferSchema,
   generatePdf,
   journalSchema,
   linkUserSchema,