warqadui 0.0.104 → 0.0.105

package/dist/index.mjs

@@ -309,7 +309,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"],
@@ -319,7 +319,8 @@ var Enums = {
     "payment",
     "money transfer",
     "expense",
-    "adjustment"
+    "adjustment",
+    "forex transfer"
   ]
 };
 var Enums_default = Enums;
@@ -1375,13 +1376,13 @@ var Input = 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);
     useEffect7(() => {
@@ -1450,7 +1451,7 @@ var Input = forwardRef(
               }
             )
           ] }),
-          message30 && /* @__PURE__ */ jsx16("p", { className: "text-sm text-red-600 dark:text-red-400", children: message30 })
+          message31 && /* @__PURE__ */ jsx16("p", { className: "text-sm text-red-600 dark:text-red-400", children: message31 })
         ]
       }
     );
@@ -1786,7 +1787,7 @@ var PhoneInput = forwardRef2(
     const [isFocused, setIsFocused] = useState12(false);
     const { theme } = useWarqadConfig();
     const primaryColor = theme?.primaryColor;
-    let message30 = error;
+    let message31 = error;
     if (form && name) {
       const {
         formState: { errors }
@@ -1796,7 +1797,7 @@ var PhoneInput = forwardRef2(
       for (const part of nameParts) {
         currentError = currentError?.[part];
       }
-      message30 = currentError?.message || message30;
+      message31 = currentError?.message || message31;
     }
     const renderInput = (onChangeHandler, currentValue) => /* @__PURE__ */ jsxs15("div", { className: `space-y-2 group relative ${containerClassName}`, children: [
       /* @__PURE__ */ jsxs15(
@@ -1847,7 +1848,7 @@ var PhoneInput = forwardRef2(
           }
         )
       ] }),
-      message30 && /* @__PURE__ */ jsx20("p", { className: "text-sm text-red-600 dark:text-red-400", children: message30 })
+      message31 && /* @__PURE__ */ jsx20("p", { className: "text-sm text-red-600 dark:text-red-400", children: message31 })
     ] });
     if (form && name) {
       return /* @__PURE__ */ jsx20(
@@ -2028,7 +2029,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 }
@@ -2038,7 +2039,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 = {
@@ -2099,7 +2100,7 @@ var SelectRoot = ({
             String(opt.value) || index
           )) })
         ] }),
-        message30 && /* @__PURE__ */ jsx21("p", { className: "text-sm text-red-600 dark:text-red-400", children: message30 })
+        message31 && /* @__PURE__ */ jsx21("p", { className: "text-sm text-red-600 dark:text-red-400", children: message31 })
       ]
     }
   ) });
@@ -2337,13 +2338,13 @@ var Textarea = forwardRef4(
     const [isFocused, setIsFocused] = useState14(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__ */ jsxs17("div", { className: `space-y-2 group w-full! relative ${containerClassName}`, children: [
       /* @__PURE__ */ jsxs17(
@@ -2381,7 +2382,7 @@ var Textarea = forwardRef4(
           }
         }
       ) }),
-      message30 && /* @__PURE__ */ jsx22("p", { className: "text-sm text-red-600 dark:text-red-400", children: message30 })
+      message31 && /* @__PURE__ */ jsx22("p", { className: "text-sm text-red-600 dark:text-red-400", children: message31 })
     ] });
     useEffect9(() => {
       if (form && name && props.value !== void 0 && props.value !== null && props.value !== "") {
@@ -2707,7 +2708,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 }
@@ -2717,7 +2718,7 @@ var SearchApiRoot = ({
     for (const part of nameParts) {
       currentError = currentError?.[part];
     }
-    message30 = currentError?.message || message30;
+    message31 = currentError?.message || message31;
   }
   const valueCtx = {
     isOpen,
@@ -2751,7 +2752,7 @@ var SearchApiRoot = ({
     form,
     name,
     obj,
-    error: message30,
+    error: message31,
     onSelect,
     onClear
   };
@@ -3120,19 +3121,19 @@ var DateInput = forwardRef6(
     const { theme } = useWarqadConfig();
     const primaryColor = theme?.primaryColor;
     const [isFocused, setIsFocused] = useState16(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) => {
@@ -3155,8 +3156,8 @@ var DateInput = forwardRef6(
           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__ */ jsx24(
@@ -3186,7 +3187,7 @@ var DateInput = forwardRef6(
         {
           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,
@@ -3207,7 +3208,7 @@ var DateInput = forwardRef6(
           )
         }
       ) : renderDatePicker(value, onChange, onBlur, ref),
-      message30 && /* @__PURE__ */ jsx24("p", { className: "text-sm text-red-600 dark:text-red-400", children: message30 })
+      message31 && /* @__PURE__ */ jsx24("p", { className: "text-sm text-red-600 dark:text-red-400", children: message31 })
     ] });
   }
 );
@@ -7770,17 +7771,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}`);
     }
@@ -7789,17 +7790,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;
@@ -7810,8 +7811,8 @@ import React19, { useContext as useContext5, useEffect as useEffect17 } from "re
 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");
@@ -9439,8 +9440,228 @@ function WalletAdjustmentView({
 }
 var WalletAdjustmentView_default = WalletAdjustmentView;
 
+// src/components/Views/TransactionViewComponents/ForexTransferView.tsx
+import {
+  FileText as FileText6,
+  Clock as Clock6,
+  ArrowRight as ArrowRight3,
+  AlertCircle as AlertCircle10,
+  Calendar as Calendar5,
+  User as User4,
+  RefreshCw as RefreshCw4,
+  Percent
+} from "lucide-react";
+import { Fragment as Fragment15, jsx as jsx47, jsxs as jsxs39 } from "react/jsx-runtime";
+function ForexTransferView({
+  data,
+  isLoading
+}) {
+  const Skeleton = ({ className }) => /* @__PURE__ */ jsx47(
+    "div",
+    {
+      className: `animate-pulse bg-gray-200 dark:bg-zinc-800 rounded ${className}`
+    }
+  );
+  const InfoSection = ({ title, icon: Icon2, children }) => /* @__PURE__ */ jsxs39("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__ */ jsxs39("div", { className: "flex items-center gap-2 pb-3 border-b border-gray-50 dark:border-zinc-800/50", children: [
+      /* @__PURE__ */ jsx47("div", { className: "p-1.5 bg-gray-50 dark:bg-zinc-800 rounded-lg text-gray-500 dark:text-zinc-400", children: /* @__PURE__ */ jsx47(Icon2, { size: 18 }) }),
+      /* @__PURE__ */ jsx47("h3", { className: "font-semibold text-gray-900 dark:text-zinc-100", children: title })
+    ] }),
+    /* @__PURE__ */ jsx47("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__ */ jsxs39("div", { className: `space-y-1 ${className}`, children: [
+    /* @__PURE__ */ jsx47("p", { className: "text-[10px] font-bold text-gray-400 dark:text-zinc-500 uppercase tracking-widest", children: label }),
+    /* @__PURE__ */ jsx47("div", { className: "flex flex-col gap-1.5", children: isSkeleton ? /* @__PURE__ */ jsxs39(Fragment15, { children: [
+      /* @__PURE__ */ jsx47(Skeleton, { className: "h-4 w-3/4" }),
+      /* @__PURE__ */ jsx47(Skeleton, { className: "h-3 w-1/2" })
+    ] }) : /* @__PURE__ */ jsxs39(Fragment15, { children: [
+      /* @__PURE__ */ jsx47("p", { className: "text-sm font-semibold text-gray-800 dark:text-zinc-200", children: value || "---" }),
+      subValue && /* @__PURE__ */ jsx47("p", { className: "text-[11px] text-gray-400 dark:text-zinc-500 font-medium", children: subValue })
+    ] }) })
+  ] });
+  if (isLoading) {
+    return /* @__PURE__ */ jsxs39("div", { className: "p-2 space-y-6", children: [
+      /* @__PURE__ */ jsxs39("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__ */ jsxs39("div", { className: "flex items-center gap-5", children: [
+          /* @__PURE__ */ jsx47(Skeleton, { className: "w-14 h-14 rounded-2xl" }),
+          /* @__PURE__ */ jsxs39("div", { className: "space-y-3", children: [
+            /* @__PURE__ */ jsx47(Skeleton, { className: "h-7 w-48" }),
+            /* @__PURE__ */ jsx47(Skeleton, { className: "h-4 w-32" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs39("div", { className: "text-right space-y-3", children: [
+          /* @__PURE__ */ jsx47(Skeleton, { className: "h-8 w-40 ml-auto" }),
+          /* @__PURE__ */ jsx47(Skeleton, { className: "h-4 w-20 ml-auto" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx47("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", children: [1, 2, 3, 4].map((i) => /* @__PURE__ */ jsxs39(
+        InfoSection,
+        {
+          title: /* @__PURE__ */ jsx47(Skeleton, { className: "h-5 w-32" }),
+          icon: FileText6,
+          children: [
+            /* @__PURE__ */ jsx47(DataItem, { isSkeleton: true, label: "Loading..." }),
+            /* @__PURE__ */ jsx47(DataItem, { isSkeleton: true, label: "Loading..." })
+          ]
+        },
+        i
+      )) })
+    ] });
+  }
+  if (!data) return null;
+  return /* @__PURE__ */ jsxs39("div", { className: "p-2 space-y-6", children: [
+    /* @__PURE__ */ jsxs39("div", { className: "relative overflow-hidden bg-white dark:bg-zinc-900 rounded-2xl border border-gray-100 dark:border-zinc-800", children: [
+      /* @__PURE__ */ jsx47("div", { className: "absolute top-0 left-0 w-1.5 h-full bg-indigo-500" }),
+      /* @__PURE__ */ jsxs39("div", { className: "p-6 flex flex-wrap items-center justify-between gap-6", children: [
+        /* @__PURE__ */ jsxs39("div", { className: "flex items-center gap-5", children: [
+          /* @__PURE__ */ jsx47("div", { className: "p-4 rounded-2xl bg-indigo-50 text-indigo-600 dark:bg-indigo-500/10 dark:text-indigo-400", children: /* @__PURE__ */ jsx47(RefreshCw4, { size: 28, strokeWidth: 1.5 }) }),
+          /* @__PURE__ */ jsxs39("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ jsxs39("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ jsx47("h1", { className: "text-2xl font-black tracking-tight text-gray-900 dark:text-zinc-100", children: data.ref }),
+              data.isDeleted && /* @__PURE__ */ jsxs39("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__ */ jsx47(AlertCircle10, { size: 12 }),
+                "REVERSED"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx47("p", { className: "text-xs font-bold text-gray-500 dark:text-zinc-400 uppercase tracking-tight truncate max-w-md", children: data.description })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs39("div", { className: "text-right space-y-1", children: [
+          /* @__PURE__ */ jsx47("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__ */ jsx47("p", { className: "text-xs font-black uppercase tracking-[0.2em] text-indigo-500", children: "Forex Transfer" })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs39("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", children: [
+      /* @__PURE__ */ jsxs39(InfoSection, { title: "Transfer & Exchange", icon: RefreshCw4, children: [
+        /* @__PURE__ */ jsx47(DataItem, { label: "Transaction Date", value: data.date }),
+        /* @__PURE__ */ jsx47(DataItem, { label: "Reference ID", value: data.ref }),
+        /* @__PURE__ */ jsx47(
+          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__ */ jsx47(
+          DataItem,
+          {
+            label: "Original Amount",
+            value: Formats_default.Price(data.amount, data.currency)
+          }
+        ),
+        /* @__PURE__ */ jsx47(
+          DataItem,
+          {
+            label: "Exchanged Amount",
+            value: data.exchange ? Formats_default.Price(data.exchange.amount, data.exchange.currency) : "N/A"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs39(InfoSection, { title: "Source & Destination", icon: ArrowRight3, children: [
+        /* @__PURE__ */ jsx47(
+          DataItem,
+          {
+            label: "From Wallet (Source)",
+            value: data.fromWalletData?.name || "N/A",
+            subValue: `Currency: ${data.fromWalletData?.currency || "N/A"}`
+          }
+        ),
+        /* @__PURE__ */ jsx47(
+          DataItem,
+          {
+            label: "To Account (Destination)",
+            value: data.accountData?.name || "N/A",
+            subValue: `Currency: ${data.accountData?.currency || "N/A"}`
+          }
+        ),
+        /* @__PURE__ */ jsx47(
+          DataItem,
+          {
+            label: "Wallet Account No.",
+            value: data.fromWalletData?.accountNo || "---"
+          }
+        ),
+        /* @__PURE__ */ jsx47(
+          DataItem,
+          {
+            label: "Destination Type",
+            value: data.accountData?.type || "---",
+            className: "capitalize"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs39(InfoSection, { title: "Fees & Calculations", icon: Percent, children: [
+        /* @__PURE__ */ jsx47(
+          DataItem,
+          {
+            label: "Fee (%)",
+            value: data.fee ? `${data.fee}%` : "0%"
+          }
+        ),
+        /* @__PURE__ */ jsx47(
+          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__ */ jsx47(
+          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__ */ jsx47(InfoSection, { title: "Additional Information", icon: Calendar5, children: /* @__PURE__ */ jsx47(
+        DataItem,
+        {
+          label: "Note",
+          value: data.note || "No additional notes provided",
+          className: "col-span-full"
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxs39("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__ */ jsxs39("div", { className: "flex flex-wrap items-center gap-8", children: [
+        /* @__PURE__ */ jsxs39("div", { className: "flex items-center gap-2.5", children: [
+          /* @__PURE__ */ jsx47(Clock6, { size: 16, className: "text-gray-400 dark:text-zinc-500" }),
+          /* @__PURE__ */ jsxs39("div", { className: "flex flex-col", children: [
+            /* @__PURE__ */ jsx47("span", { className: "text-[9px] font-bold text-gray-400 dark:text-zinc-500 uppercase", children: "Date Created" }),
+            /* @__PURE__ */ jsx47("span", { className: "text-xs font-semibold text-gray-600 dark:text-zinc-300", children: data.createdAt ? new Date(data.createdAt).toLocaleString() : "---" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs39("div", { className: "flex items-center gap-2.5", children: [
+          /* @__PURE__ */ jsx47(User4, { size: 16, className: "text-gray-400 dark:text-zinc-500" }),
+          /* @__PURE__ */ jsxs39("div", { className: "flex flex-col", children: [
+            /* @__PURE__ */ jsx47("span", { className: "text-[9px] font-bold text-gray-400 dark:text-zinc-500 uppercase", children: "Created By" }),
+            /* @__PURE__ */ jsx47("span", { className: "text-xs font-semibold text-gray-600 dark:text-zinc-300", children: data.by?.name || "System" })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx47("div", { className: "px-4 py-2 bg-gray-100 dark:bg-zinc-800 rounded-lg", children: /* @__PURE__ */ jsxs39("span", { className: "text-[10px] font-mono text-gray-500 dark:text-zinc-400 uppercase tracking-tighter", children: [
+        "Transaction ID: ",
+        /* @__PURE__ */ jsx47("span", { className: "font-bold", children: data._id })
+      ] }) })
+    ] })
+  ] });
+}
+var ForexTransferView_default = ForexTransferView;
+
 // src/components/Views/Transaction.tsx
-import { jsx as jsx47, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs40 } from "react/jsx-runtime";
 var Transaction = ({
   id,
   type,
@@ -9488,35 +9709,35 @@ var Transaction = ({
       value: h.ref
     }));
   }, [data?.history]);
-  return /* @__PURE__ */ jsxs39(
+  return /* @__PURE__ */ jsxs40(
     Modal,
     {
       isOpen: true,
       onClose: close,
-      title: /* @__PURE__ */ jsxs39("div", { className: "flex items-center justify-between w-full ", children: [
-        /* @__PURE__ */ jsxs39("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ jsxs39("span", { className: "capitalize", children: [
+      title: /* @__PURE__ */ jsxs40("div", { className: "flex items-center justify-between w-full ", children: [
+        /* @__PURE__ */ jsxs40("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsxs40("span", { className: "capitalize", children: [
             type,
             " Transaction"
           ] }),
-          !isLoading && data?.data?.ref && /* @__PURE__ */ jsx47("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__ */ jsx48("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__ */ jsxs39("div", { className: "flex items-center gap-4", children: [
-          !isLoading && data?.data && !data.data.isDeleted && /* @__PURE__ */ jsx47(
+        reverseable?.reload && /* @__PURE__ */ jsxs40("div", { className: "flex items-center gap-4", children: [
+          !isLoading && data?.data && !data.data.isDeleted && /* @__PURE__ */ jsx48(
             Button2,
             {
               danger: true,
               type: "primary",
               size: "small",
-              icon: /* @__PURE__ */ jsx47(RotateCcw, { size: 14 }),
+              icon: /* @__PURE__ */ jsx48(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__ */ jsxs39("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx47(HistoryIcon, { size: 14, className: "text-gray-400" }),
-            /* @__PURE__ */ jsx47(
+          historyOptions.length > 1 && /* @__PURE__ */ jsxs40("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx48(HistoryIcon, { size: 14, className: "text-gray-400" }),
+            /* @__PURE__ */ jsx48(
               Select2,
               {
                 value: data?.data?.ref,
@@ -9533,27 +9754,28 @@ var Transaction = ({
       ] }),
       width: 1100,
       children: [
-        !type && /* @__PURE__ */ jsx47("div", { children: "No transaction type" }),
-        type === "journal" && /* @__PURE__ */ jsx47(JournalView_default, { data: data?.data, isLoading }),
-        type === "payment" && /* @__PURE__ */ jsx47(PaymentView_default, { data: data?.data, isLoading }),
-        type === "money transfer" && /* @__PURE__ */ jsx47(MoneyTransfer_default, { data: data?.data, isLoading }),
-        type === "expense" && /* @__PURE__ */ jsx47(ExpenseView_default, { data: data?.data, isLoading }),
-        type === "adjustment" && /* @__PURE__ */ jsx47(WalletAdjustmentView_default, { data: data?.data, isLoading }),
-        /* @__PURE__ */ jsx47(
+        !type && /* @__PURE__ */ jsx48("div", { children: "No transaction type" }),
+        type === "journal" && /* @__PURE__ */ jsx48(JournalView_default, { data: data?.data, isLoading }),
+        type === "payment" && /* @__PURE__ */ jsx48(PaymentView_default, { data: data?.data, isLoading }),
+        type === "money transfer" && /* @__PURE__ */ jsx48(MoneyTransfer_default, { data: data?.data, isLoading }),
+        type === "expense" && /* @__PURE__ */ jsx48(ExpenseView_default, { data: data?.data, isLoading }),
+        type === "adjustment" && /* @__PURE__ */ jsx48(WalletAdjustmentView_default, { data: data?.data, isLoading }),
+        type === "forex transfer" && /* @__PURE__ */ jsx48(ForexTransferView_default, { data: data?.data, isLoading }),
+        /* @__PURE__ */ jsx48(
           ConfirmModal,
           {
             isOpen: showReverseModal,
             isLoading: isActionLoading,
             onClose: () => setShowReverseModal(false),
             title: "Reverse Transaction",
-            description: /* @__PURE__ */ jsxs39("div", { className: "space-y-3", children: [
-              /* @__PURE__ */ jsxs39("p", { children: [
+            description: /* @__PURE__ */ jsxs40("div", { className: "space-y-3", children: [
+              /* @__PURE__ */ jsxs40("p", { children: [
                 "Are you sure you want to reverse",
                 " ",
-                /* @__PURE__ */ jsx47("span", { className: "font-bold text-red-600 underline", children: data?.data?.ref }),
+                /* @__PURE__ */ jsx48("span", { className: "font-bold text-red-600 underline", children: data?.data?.ref }),
                 "?"
               ] }),
-              /* @__PURE__ */ jsx47("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__ */ jsx48("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,
@@ -9677,7 +9899,7 @@ var useAuth = () => {
 var useAuth_default = useAuth;
 
 // src/components/Guard.tsx
-import { jsx as jsx48 } from "react/jsx-runtime";
+import { jsx as jsx49 } from "react/jsx-runtime";
 var Guard = () => {
   const { get } = useApis_default();
   const location = useLocation3();
@@ -9701,18 +9923,18 @@ var Guard = () => {
     fetchProfile();
   }, [location.pathname]);
   if (!isFetched) {
-    return /* @__PURE__ */ jsx48("div", { className: "min-h-screen flex items-center justify-center", children: /* @__PURE__ */ jsx48(LoadingSpin, { size: "lg" }) });
+    return /* @__PURE__ */ jsx49("div", { className: "min-h-screen flex items-center justify-center", children: /* @__PURE__ */ jsx49(LoadingSpin, { size: "lg" }) });
   }
-  return /* @__PURE__ */ jsx48(Outlet, {});
+  return /* @__PURE__ */ jsx49(Outlet, {});
 };
 var ProtectedRoute = () => {
   const { isLoggedIn } = useAuth();
   const location = useLocation3();
-  return isLoggedIn ? /* @__PURE__ */ jsx48(Outlet, {}) : /* @__PURE__ */ jsx48(Navigate, { to: "/login", state: { from: location }, replace: true });
+  return isLoggedIn ? /* @__PURE__ */ jsx49(Outlet, {}) : /* @__PURE__ */ jsx49(Navigate, { to: "/login", state: { from: location }, replace: true });
 };
 var UnProtectedRoute = () => {
   const { isLoggedIn, user } = useAuth();
-  return !isLoggedIn ? /* @__PURE__ */ jsx48(Outlet, {}) : /* @__PURE__ */ jsx48(Navigate, { to: user?.homePath || "/", replace: true });
+  return !isLoggedIn ? /* @__PURE__ */ jsx49(Outlet, {}) : /* @__PURE__ */ jsx49(Navigate, { to: user?.homePath || "/", replace: true });
 };
 var AdminProtectedRoute = () => {
   const { role } = useAuth();
@@ -9721,7 +9943,7 @@ var AdminProtectedRoute = () => {
       message4.error("Only admin can access this page");
     }
   }, [role]);
-  return role && ["admin"].includes(role) ? /* @__PURE__ */ jsx48(Outlet, {}) : /* @__PURE__ */ jsx48(Navigate, { to: "/", replace: true });
+  return role && ["admin"].includes(role) ? /* @__PURE__ */ jsx49(Outlet, {}) : /* @__PURE__ */ jsx49(Navigate, { to: "/", replace: true });
 };
 
 // src/components/accounts/Accounts.tsx
@@ -9729,7 +9951,7 @@ import { useNavigate as useNavigate4, useParams } from "react-router-dom";
 import { Cable, EllipsisVertical, FilePenLine, Trash2 as Trash22 } from "lucide-react";
 import { useState as useState27 } from "react";
 import { message as message5 } from "antd";
-import { Fragment as Fragment15, jsx as jsx49, jsxs as jsxs40 } from "react/jsx-runtime";
+import { Fragment as Fragment16, jsx as jsx50, jsxs as jsxs41 } from "react/jsx-runtime";
 function Accounts({ v, url }) {
   const { enums } = useWarqadConfig();
   const { branchId } = useParams();
@@ -9750,17 +9972,17 @@ function Accounts({ v, url }) {
   const items = (data2) => [
     {
       label: `Edit ${type}`,
-      icon: /* @__PURE__ */ jsx49(FilePenLine, { size: 16 }),
+      icon: /* @__PURE__ */ jsx50(FilePenLine, { size: 16 }),
       onClick: () => navigate(`update?id=${data2?._id}`)
     },
     {
       label: `Delete ${type}`,
-      icon: /* @__PURE__ */ jsx49(Trash22, { className: "text-red-500", size: 16 }),
+      icon: /* @__PURE__ */ jsx50(Trash22, { className: "text-red-500", size: 16 }),
       onClick: () => setDeleteAccount(data2)
     },
     isEmployee && !data2?.user && {
       label: `Link User`,
-      icon: /* @__PURE__ */ jsx49(Cable, { size: 16 }),
+      icon: /* @__PURE__ */ jsx50(Cable, { size: 16 }),
       onClick: () => navigate(`link-user?id=${data2?._id}`)
     }
   ].filter(Boolean);
@@ -9770,7 +9992,7 @@ function Accounts({ v, url }) {
       header: "Name",
       cell: ({ row }) => {
         const account = row.original;
-        return /* @__PURE__ */ jsx49(
+        return /* @__PURE__ */ jsx50(
           "span",
           {
             onClick: () => navigate(`statements/${account?._id}`),
@@ -9785,7 +10007,7 @@ function Accounts({ v, url }) {
       header: "Sex",
       cell: ({ row }) => {
         const account = row.original;
-        return /* @__PURE__ */ jsx49("span", { children: account?.sex || "N/A" });
+        return /* @__PURE__ */ jsx50("span", { children: account?.sex || "N/A" });
       }
     },
     {
@@ -9793,7 +10015,7 @@ function Accounts({ v, url }) {
       header: "Email",
       cell: ({ row }) => {
         const account = row.original;
-        return /* @__PURE__ */ jsx49("span", { children: account?.email || "N/A" });
+        return /* @__PURE__ */ jsx50("span", { children: account?.email || "N/A" });
       }
     },
     {
@@ -9801,7 +10023,7 @@ function Accounts({ v, url }) {
       header: "Phone",
       cell: ({ row }) => {
         const account = row.original;
-        return /* @__PURE__ */ jsx49("span", { children: account?.phoneNumber || "N/A" });
+        return /* @__PURE__ */ jsx50("span", { children: account?.phoneNumber || "N/A" });
       }
     },
     isEmployee && {
@@ -9809,7 +10031,7 @@ function Accounts({ v, url }) {
       header: "User",
       cell: ({ row }) => {
         const account = row.original;
-        return /* @__PURE__ */ jsx49(Badge, { variant: account?.user ? "success" : "danger", size: "sm", children: account?.user ? "Linked" : "Not Linked" });
+        return /* @__PURE__ */ jsx50(Badge, { variant: account?.user ? "success" : "danger", size: "sm", children: account?.user ? "Linked" : "Not Linked" });
       }
     },
     {
@@ -9817,13 +10039,13 @@ function Accounts({ v, url }) {
       header: "Actions",
       cell: ({ row }) => {
         const data2 = row.original;
-        return /* @__PURE__ */ jsx49(
+        return /* @__PURE__ */ jsx50(
           Dropdown,
           {
             className: "cursor-pointer w-[150px]",
             items: items(data2),
             triggerMode: "hover",
-            children: /* @__PURE__ */ jsx49(EllipsisVertical, {})
+            children: /* @__PURE__ */ jsx50(EllipsisVertical, {})
           }
         );
       }
@@ -9841,9 +10063,9 @@ function Accounts({ v, url }) {
       return error;
     }
   };
-  return /* @__PURE__ */ jsxs40(Fragment15, { children: [
-    /* @__PURE__ */ jsx49(Modal2, {}),
-    /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsxs41(Fragment16, { children: [
+    /* @__PURE__ */ jsx50(Modal2, {}),
+    /* @__PURE__ */ jsx50(
       ConfirmModal,
       {
         isOpen: !!deleteAccount,
@@ -9856,7 +10078,7 @@ function Accounts({ v, url }) {
         children: null
       }
     ),
-    /* @__PURE__ */ jsx49(
+    /* @__PURE__ */ jsx50(
       TransactionViewComponent,
       {
         columns,
@@ -9917,7 +10139,7 @@ import { useEffect as useEffect21 } from "react";
 
 // src/hooks/useAccountBalance.tsx
 import { useEffect as useEffect20, useState as useState28 } from "react";
-import { jsx as jsx50, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs42 } from "react/jsx-runtime";
 var useAccountbalance = ({
   url,
   showBalance,
@@ -9951,15 +10173,15 @@ var useAccountbalance = ({
       return null;
     }
     if (isLoading) {
-      return /* @__PURE__ */ jsx50("h2", { className: "text-gray-500", children: "Getting Balance..." });
+      return /* @__PURE__ */ jsx51("h2", { className: "text-gray-500", children: "Getting Balance..." });
     }
     if (error) {
-      return /* @__PURE__ */ jsxs41("h2", { className: "text-red-500", children: [
+      return /* @__PURE__ */ jsxs42("h2", { className: "text-red-500", children: [
         "Error: ",
         error
       ] });
     }
-    return /* @__PURE__ */ jsxs41(
+    return /* @__PURE__ */ jsxs42(
       "h2",
       {
         className: `${balance.startsWith("-") ? "text-red-500" : "text-green-500"}`,
@@ -9976,7 +10198,7 @@ var useAccountBalance_default = useAccountbalance;
 
 // src/components/accounts/Feilds/Account.tsx
 import { useParams as useParams3 } from "react-router-dom";
-import { jsx as jsx51, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs43 } from "react/jsx-runtime";
 function Account({
   name,
   label,
@@ -9998,8 +10220,8 @@ function Account({
     showBalance,
     accountId
   });
-  return /* @__PURE__ */ jsxs42("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsxs43("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ jsx52(
       Fields_default.SearchApi,
       {
         name,
@@ -10017,13 +10239,13 @@ function Account({
         obj
       }
     ),
-    /* @__PURE__ */ jsx51(BalanceView, {})
+    /* @__PURE__ */ jsx52(BalanceView, {})
   ] });
 }
 var Account_default = Account;
 
 // src/components/accounts/Feilds/Customers.tsx
-import { jsx as jsx52 } from "react/jsx-runtime";
+import { jsx as jsx53 } from "react/jsx-runtime";
 function Customer({
   name = "customer",
   label = "Customer",
@@ -10037,7 +10259,7 @@ function Customer({
   v,
   obj
 }) {
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx53(
     Account_default,
     {
       name,
@@ -10057,7 +10279,7 @@ function Customer({
 var Customers_default = Customer;
 
 // src/components/accounts/Feilds/Employee.tsx
-import { jsx as jsx53 } from "react/jsx-runtime";
+import { jsx as jsx54 } from "react/jsx-runtime";
 function Employee({
   name = "employee",
   label = "Employee",
@@ -10071,7 +10293,7 @@ function Employee({
   obj,
   v
 }) {
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx54(
     Account_default,
     {
       name,
@@ -10091,7 +10313,7 @@ function Employee({
 var Employee_default = Employee;
 
 // src/components/accounts/Feilds/Branches.tsx
-import { jsx as jsx54 } from "react/jsx-runtime";
+import { jsx as jsx55 } from "react/jsx-runtime";
 function Branches({
   name = "branch",
   label = "Branch",
@@ -10104,7 +10326,7 @@ function Branches({
   v,
   disabled
 }) {
-  return /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx55(
     Account_default,
     {
       name,
@@ -10133,7 +10355,7 @@ var Feilds_default = AccountFields;
 
 // src/components/accounts/AccountForm.tsx
 import { useParams as useParams4 } from "react-router-dom";
-import { jsx as jsx55, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs44 } from "react/jsx-runtime";
 function AccountForm() {
   const { enums } = useWarqadConfig();
   const { branchId } = useParams4();
@@ -10198,24 +10420,24 @@ function AccountForm() {
       fetches();
     }
   }, [id]);
-  return /* @__PURE__ */ jsxs43(
+  return /* @__PURE__ */ jsxs44(
     Card,
     {
       className: "max-w-4xl mx-auto mt-10 relative",
       isLoading: isLoadingGet,
       loadingText: "Processing...",
       children: [
-        /* @__PURE__ */ jsxs43(Card.Header, { children: [
-          /* @__PURE__ */ jsx55(Card.Title, { children: `${isEdit ? "Edit" : "Add"} ${type}` }),
-          /* @__PURE__ */ jsx55(Card.Description, { children: isEdit ? `Update the details for this ${type}` : `Create a new ${type} and add it to your list` })
+        /* @__PURE__ */ jsxs44(Card.Header, { children: [
+          /* @__PURE__ */ jsx56(Card.Title, { children: `${isEdit ? "Edit" : "Add"} ${type}` }),
+          /* @__PURE__ */ jsx56(Card.Description, { children: isEdit ? `Update the details for this ${type}` : `Create a new ${type} and add it to your list` })
         ] }),
-        /* @__PURE__ */ jsx55(Card.Content, { children: /* @__PURE__ */ jsxs43(
+        /* @__PURE__ */ jsx56(Card.Content, { children: /* @__PURE__ */ jsxs44(
           "form",
           {
             onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)),
             children: [
-              /* @__PURE__ */ jsxs43("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-                /* @__PURE__ */ jsx55(
+              /* @__PURE__ */ jsxs44("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ jsx56(
                   Fields_default.Input,
                   {
                     label: "Name",
@@ -10226,7 +10448,7 @@ function AccountForm() {
                     required: true
                   }
                 ),
-                /* @__PURE__ */ jsx55(
+                /* @__PURE__ */ jsx56(
                   Fields_default.Select,
                   {
                     label: "Sex",
@@ -10235,7 +10457,7 @@ function AccountForm() {
                     enumName: "sex"
                   }
                 ),
-                /* @__PURE__ */ jsx55(
+                /* @__PURE__ */ jsx56(
                   Fields_default.Input,
                   {
                     label: "Email",
@@ -10245,7 +10467,7 @@ function AccountForm() {
                     placeholder: "e.g maoo@exapmle.com"
                   }
                 ),
-                /* @__PURE__ */ jsx55(
+                /* @__PURE__ */ jsx56(
                   Fields_default.PhoneInput,
                   {
                     label: "Phone Number",
@@ -10254,7 +10476,7 @@ function AccountForm() {
                     placeholder: "Enter phone number"
                   }
                 ),
-                !branchId && /* @__PURE__ */ jsx55(
+                !branchId && /* @__PURE__ */ jsx56(
                   Feilds_default.Branches,
                   {
                     label: "Branch",
@@ -10264,7 +10486,7 @@ function AccountForm() {
                     api: "/branches/get?noStore=true"
                   }
                 ),
-                /* @__PURE__ */ jsx55(
+                /* @__PURE__ */ jsx56(
                   Fields_default.Select,
                   {
                     label: "Currency",
@@ -10274,7 +10496,7 @@ function AccountForm() {
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx55("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsx55(
+              /* @__PURE__ */ jsx56("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsx56(
                 Button,
                 {
                   isLoading,
@@ -10333,7 +10555,7 @@ import { useForm as useForm3 } from "react-hook-form";
 import { zodResolver as zodResolver3 } from "@hookform/resolvers/zod";
 import { message as message7 } from "antd";
 import { useEffect as useEffect22 } from "react";
-import { jsx as jsx56, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx57, jsxs as jsxs45 } from "react/jsx-runtime";
 function LinkUser({ type: initialType = "employee" }) {
   const { getQuery, navigate, getParams } = useApp_default();
   const id = getQuery("id");
@@ -10389,26 +10611,26 @@ function LinkUser({ type: initialType = "employee" }) {
       navigate(-1);
     }
   }, [id]);
-  return /* @__PURE__ */ jsxs44(
+  return /* @__PURE__ */ jsxs45(
     Card,
     {
       className: "max-w-4xl mx-auto mt-10 relative",
       isLoading: isLoadingGet,
       loadingText: "Processing...",
       children: [
-        /* @__PURE__ */ jsxs44(Card.Header, { children: [
-          /* @__PURE__ */ jsx56(Card.Title, { children: `Link User ` }),
-          /* @__PURE__ */ jsx56(Card.Description, { children: "Link User Employee and add it to your list" })
+        /* @__PURE__ */ jsxs45(Card.Header, { children: [
+          /* @__PURE__ */ jsx57(Card.Title, { children: `Link User ` }),
+          /* @__PURE__ */ jsx57(Card.Description, { children: "Link User Employee and add it to your list" })
         ] }),
-        /* @__PURE__ */ jsx56(Card.Content, { children: /* @__PURE__ */ jsxs44(
+        /* @__PURE__ */ jsx57(Card.Content, { children: /* @__PURE__ */ jsxs45(
           "form",
           {
             onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)),
             className: "space-y-4",
             children: [
-              /* @__PURE__ */ jsxs44("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+              /* @__PURE__ */ jsxs45("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
                 " ",
-                /* @__PURE__ */ jsx56(
+                /* @__PURE__ */ jsx57(
                   Fields_default.Input,
                   {
                     label: "Name",
@@ -10419,7 +10641,7 @@ function LinkUser({ type: initialType = "employee" }) {
                     disabled: true
                   }
                 ),
-                /* @__PURE__ */ jsx56(
+                /* @__PURE__ */ jsx57(
                   Fields_default.Input,
                   {
                     label: "Email",
@@ -10430,7 +10652,7 @@ function LinkUser({ type: initialType = "employee" }) {
                     required: true
                   }
                 ),
-                /* @__PURE__ */ jsx56(
+                /* @__PURE__ */ jsx57(
                   Fields_default.Select,
                   {
                     label: "Role",
@@ -10441,7 +10663,7 @@ function LinkUser({ type: initialType = "employee" }) {
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx56("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsx56(
+              /* @__PURE__ */ jsx57("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsx57(
                 Button,
                 {
                   isLoading,
@@ -10470,7 +10692,7 @@ import { useForm as useForm4 } from "react-hook-form";
 import { zodResolver as zodResolver4 } from "@hookform/resolvers/zod";
 import { message as message8, Statistic } from "antd";
 import { useState as useState29, useEffect as useEffect23 } from "react";
-import { jsx as jsx57, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs46 } from "react/jsx-runtime";
 var { Countdown } = Statistic;
 function VerifyEmailForm({
   data,
@@ -10538,9 +10760,9 @@ function VerifyEmailForm({
       message8.error(error?.message || "Something went wrong");
     }
   };
-  return /* @__PURE__ */ jsxs45("form", { onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)), children: [
-    /* @__PURE__ */ jsxs45("div", { className: "space-y-2", children: [
-      oldEmail && /* @__PURE__ */ jsx57("div", { className: "border-b-2 pb-2", children: /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsxs46("form", { onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)), children: [
+    /* @__PURE__ */ jsxs46("div", { className: "space-y-2", children: [
+      oldEmail && /* @__PURE__ */ jsx58("div", { className: "border-b-2 pb-2", children: /* @__PURE__ */ jsx58(
         Fields_default.Input,
         {
           label: "Current Email",
@@ -10550,7 +10772,7 @@ function VerifyEmailForm({
           disabled: true
         }
       ) }),
-      /* @__PURE__ */ jsx57(
+      /* @__PURE__ */ jsx58(
         Fields_default.Input,
         {
           label: "New Email",
@@ -10561,7 +10783,7 @@ function VerifyEmailForm({
           disabled: true
         }
       ),
-      /* @__PURE__ */ jsx57(
+      /* @__PURE__ */ jsx58(
         Fields_default.Input,
         {
           label: "Token",
@@ -10572,19 +10794,19 @@ function VerifyEmailForm({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs45("div", { className: "flex items-center gap-2 mt-2", children: [
-      /* @__PURE__ */ jsxs45("h1", { className: "text-sm text-gray-600 dark:text-gray-400", children: [
+    /* @__PURE__ */ jsxs46("div", { className: "flex items-center gap-2 mt-2", children: [
+      /* @__PURE__ */ jsxs46("h1", { className: "text-sm text-gray-600 dark:text-gray-400", children: [
         "Didn't receive a verification token or expired?",
         " "
       ] }),
-      hasPassed || !threeMinutesLater ? /* @__PURE__ */ jsx57(
+      hasPassed || !threeMinutesLater ? /* @__PURE__ */ jsx58(
         "span",
         {
           onClick: resend,
           className: "text-blue-600 cursor-pointer underline text-sm",
           children: "Resend"
         }
-      ) : /* @__PURE__ */ jsx57("span", { className: "text-blue-600 cursor-pointer underline text-sm", children: /* @__PURE__ */ jsx57(
+      ) : /* @__PURE__ */ jsx58("span", { className: "text-blue-600 cursor-pointer underline text-sm", children: /* @__PURE__ */ jsx58(
         Countdown,
         {
           styles: { content: { fontSize: 14, color: "#3b82f6" } },
@@ -10594,7 +10816,7 @@ function VerifyEmailForm({
         threeMinutesLater
       ) })
     ] }),
-    /* @__PURE__ */ jsx57("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsx57(
+    /* @__PURE__ */ jsx58("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsx58(
       Button,
       {
         isLoading,
@@ -10612,7 +10834,7 @@ var VerifyEmailForm_default = VerifyEmailForm;
 import { useForm as useForm5 } from "react-hook-form";
 import { zodResolver as zodResolver5 } from "@hookform/resolvers/zod";
 import { message as message9 } from "antd";
-import { jsx as jsx58, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx59, jsxs as jsxs47 } from "react/jsx-runtime";
 function UpdateEmailForm({
   data,
   close,
@@ -10645,9 +10867,9 @@ function UpdateEmailForm({
       message9.error(error?.message || "Something went wrong");
     }
   };
-  return /* @__PURE__ */ jsxs46("form", { onSubmit: handleSubmit(onSubmit), children: [
-    /* @__PURE__ */ jsxs46("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsxs47("form", { onSubmit: handleSubmit(onSubmit), children: [
+    /* @__PURE__ */ jsxs47("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsx59(
         Fields_default.Input,
         {
           label: "Current Email",
@@ -10656,7 +10878,7 @@ function UpdateEmailForm({
           disabled: true
         }
       ),
-      /* @__PURE__ */ jsx58(
+      /* @__PURE__ */ jsx59(
         Fields_default.Input,
         {
           label: "New Email Address",
@@ -10667,10 +10889,10 @@ function UpdateEmailForm({
           required: true
         }
       ),
-      /* @__PURE__ */ jsx58("div", { className: "bg-blue-50 dark:bg-blue-900/10 border-l-4 border-blue-400 p-3 rounded", children: /* @__PURE__ */ jsx58("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__ */ jsx59("div", { className: "bg-blue-50 dark:bg-blue-900/10 border-l-4 border-blue-400 p-3 rounded", children: /* @__PURE__ */ jsx59("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__ */ jsxs46("footer", { className: "flex justify-end mt-6 gap-3", children: [
-      /* @__PURE__ */ jsx58(
+    /* @__PURE__ */ jsxs47("footer", { className: "flex justify-end mt-6 gap-3", children: [
+      /* @__PURE__ */ jsx59(
         Button,
         {
           type: "button",
@@ -10680,7 +10902,7 @@ function UpdateEmailForm({
           children: "Cancel"
         }
       ),
-      /* @__PURE__ */ jsx58(
+      /* @__PURE__ */ jsx59(
         Button,
         {
           isLoading,
@@ -10699,7 +10921,7 @@ var UpdateEmailForm_default = UpdateEmailForm;
 import { useForm as useForm6 } from "react-hook-form";
 import { message as message10, Statistic as Statistic2 } from "antd";
 import { useState as useState30, useEffect as useEffect24 } from "react";
-import { jsx as jsx59, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx60, jsxs as jsxs48 } from "react/jsx-runtime";
 var { Countdown: Countdown2 } = Statistic2;
 function ResetPasswordForm({
   data,
@@ -10754,9 +10976,9 @@ function ResetPasswordForm({
       message10.error(error?.message || "Something went wrong");
     }
   };
-  return /* @__PURE__ */ jsxs47("form", { onSubmit: handleSubmit(onSubmit), children: [
-    /* @__PURE__ */ jsxs47("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ jsx59("div", { className: "border-b-2 pb-4 dark:border-zinc-800", children: /* @__PURE__ */ jsx59(
+  return /* @__PURE__ */ jsxs48("form", { onSubmit: handleSubmit(onSubmit), children: [
+    /* @__PURE__ */ jsxs48("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsx60("div", { className: "border-b-2 pb-4 dark:border-zinc-800", children: /* @__PURE__ */ jsx60(
         Fields_default.Input,
         {
           label: "Target Email",
@@ -10765,10 +10987,10 @@ function ResetPasswordForm({
           disabled: true
         }
       ) }),
-      /* @__PURE__ */ jsx59("div", { className: "bg-orange-50 dark:bg-orange-900/10 border-l-4 border-orange-400 p-4 rounded-xl", children: /* @__PURE__ */ jsx59("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__ */ jsxs47("div", { className: "flex items-center gap-2 mt-2 bg-blue-50 dark:bg-blue-900/10 p-2 rounded-lg", children: [
-        /* @__PURE__ */ jsx59("p", { className: "text-xs text-blue-600 dark:text-blue-400 font-medium", children: "You can request another link in:" }),
-        /* @__PURE__ */ jsx59("span", { className: "text-blue-600 font-bold text-xs", children: /* @__PURE__ */ jsx59(
+      /* @__PURE__ */ jsx60("div", { className: "bg-orange-50 dark:bg-orange-900/10 border-l-4 border-orange-400 p-4 rounded-xl", children: /* @__PURE__ */ jsx60("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__ */ jsxs48("div", { className: "flex items-center gap-2 mt-2 bg-blue-50 dark:bg-blue-900/10 p-2 rounded-lg", children: [
+        /* @__PURE__ */ jsx60("p", { className: "text-xs text-blue-600 dark:text-blue-400 font-medium", children: "You can request another link in:" }),
+        /* @__PURE__ */ jsx60("span", { className: "text-blue-600 font-bold text-xs", children: /* @__PURE__ */ jsx60(
           Countdown2,
           {
             styles: { content: { fontSize: 12, color: "#3b82f6" } },
@@ -10779,8 +11001,8 @@ function ResetPasswordForm({
         ) })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs47("footer", { className: "flex justify-end mt-8 gap-3", children: [
-      /* @__PURE__ */ jsx59(
+    /* @__PURE__ */ jsxs48("footer", { className: "flex justify-end mt-8 gap-3", children: [
+      /* @__PURE__ */ jsx60(
         Button,
         {
           type: "button",
@@ -10790,7 +11012,7 @@ function ResetPasswordForm({
           children: "Cancel"
         }
       ),
-      /* @__PURE__ */ jsx59(
+      /* @__PURE__ */ jsx60(
         Button,
         {
           isLoading,
@@ -10808,11 +11030,11 @@ var ResetPasswordForm_default = ResetPasswordForm;
 // src/components/users/Activate.tsx
 import { message as message11, Switch } from "antd";
 import { useState as useState31 } from "react";
-import { Fragment as Fragment16, jsx as jsx60 } from "react/jsx-runtime";
+import { Fragment as Fragment17, jsx as jsx61 } from "react/jsx-runtime";
 var ActivateUser = ({ data }) => {
   const [checked, setChecked] = useState31(data?.isActive);
   const { put, isLoading } = useApis_default();
-  return /* @__PURE__ */ jsx60(Fragment16, { children: /* @__PURE__ */ jsx60(
+  return /* @__PURE__ */ jsx61(Fragment17, { children: /* @__PURE__ */ jsx61(
     Switch,
     {
       onChange: async (e) => {
@@ -10840,7 +11062,7 @@ var Activate_default = ActivateUser;
 
 // src/components/users/users.tsx
 import { useNavigate as useNavigate6 } from "react-router-dom";
-import { Fragment as Fragment17, jsx as jsx61, jsxs as jsxs48 } from "react/jsx-runtime";
+import { Fragment as Fragment18, jsx as jsx62, jsxs as jsxs49 } from "react/jsx-runtime";
 function Users() {
   const navigate = useNavigate6();
   const { data, TransactionViewComponent, reload } = useTransaction_default({
@@ -10852,11 +11074,11 @@ function Users() {
   const items = (data2) => [
     {
       label: `Reset Password`,
-      icon: /* @__PURE__ */ jsx61(Key, { size: 16 }),
+      icon: /* @__PURE__ */ jsx62(Key, { size: 16 }),
       onClick: () => openState({
         title: "Request Password Reset",
         type: "form",
-        content: /* @__PURE__ */ jsx61(
+        content: /* @__PURE__ */ jsx62(
           ResetPasswordForm_default,
           {
             data: data2,
@@ -10869,11 +11091,11 @@ function Users() {
     },
     {
       label: `Update Email`,
-      icon: /* @__PURE__ */ jsx61(Mail2, { size: 16 }),
+      icon: /* @__PURE__ */ jsx62(Mail2, { size: 16 }),
       onClick: () => openState({
         title: "Update Email Address",
         type: "form",
-        content: /* @__PURE__ */ jsx61(
+        content: /* @__PURE__ */ jsx62(
           UpdateEmailForm_default,
           {
             data: data2,
@@ -10886,11 +11108,11 @@ function Users() {
     },
     data2?.emailVerification && {
       label: `Verify Email`,
-      icon: /* @__PURE__ */ jsx61(ShieldCheck, {}),
+      icon: /* @__PURE__ */ jsx62(ShieldCheck, {}),
       onClick: () => openState({
         title: "Verify Email",
         type: "form",
-        content: /* @__PURE__ */ jsx61(
+        content: /* @__PURE__ */ jsx62(
           VerifyEmailForm_default,
           {
             data: data2,
@@ -10911,16 +11133,16 @@ function Users() {
           const data2 = row.original;
           const emailVerification = data2?.emailVerification;
           const newEmail = emailVerification?.email !== data2?.email ? emailVerification?.email : null;
-          return /* @__PURE__ */ jsxs48("div", { className: "space-y-1", children: [
-            /* @__PURE__ */ jsxs48("section", { className: "flex items-center gap-2", children: [
+          return /* @__PURE__ */ jsxs49("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ jsxs49("section", { className: "flex items-center gap-2", children: [
               " ",
-              /* @__PURE__ */ jsx61("p", { children: data2?.email }),
-              data2?.isEmailVerified && /* @__PURE__ */ jsx61(Badge, { variant: "success", size: "sm", children: "Verified" }),
-              !data2?.isEmailVerified && /* @__PURE__ */ jsx61(Badge, { variant: "warning", size: "sm", children: "Not Verified" })
+              /* @__PURE__ */ jsx62("p", { children: data2?.email }),
+              data2?.isEmailVerified && /* @__PURE__ */ jsx62(Badge, { variant: "success", size: "sm", children: "Verified" }),
+              !data2?.isEmailVerified && /* @__PURE__ */ jsx62(Badge, { variant: "warning", size: "sm", children: "Not Verified" })
             ] }),
-            newEmail && /* @__PURE__ */ jsxs48("section", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx61(Info, { size: 16, className: "text-orange-600" }),
-              /* @__PURE__ */ jsx61("p", { children: newEmail })
+            newEmail && /* @__PURE__ */ jsxs49("section", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx62(Info, { size: 16, className: "text-orange-600" }),
+              /* @__PURE__ */ jsx62("p", { children: newEmail })
             ] })
           ] });
         }
@@ -10930,7 +11152,7 @@ function Users() {
         header: "Role",
         cell: ({ row }) => {
           const data2 = row.original;
-          return /* @__PURE__ */ jsx61(
+          return /* @__PURE__ */ jsx62(
             Badge,
             {
               variant: data2?.role === "admin" ? "primary" : "warning",
@@ -10945,7 +11167,7 @@ function Users() {
         header: "Employee Name",
         cell: ({ row }) => {
           const account = row.original?.account;
-          return /* @__PURE__ */ jsx61("span", { children: account?.name || "N/A" });
+          return /* @__PURE__ */ jsx62("span", { children: account?.name || "N/A" });
         }
       },
       {
@@ -10953,7 +11175,7 @@ function Users() {
         header: "Status",
         cell: ({ row }) => {
           const data2 = row.original;
-          return /* @__PURE__ */ jsx61(Activate_default, { data: data2 });
+          return /* @__PURE__ */ jsx62(Activate_default, { data: data2 });
         }
       },
       {
@@ -10961,13 +11183,13 @@ function Users() {
         header: "Actions",
         cell: ({ row }) => {
           const data2 = row.original;
-          return /* @__PURE__ */ jsx61(
+          return /* @__PURE__ */ jsx62(
             Dropdown,
             {
               className: "w-fit! cursor-pointer",
               items: items(data2),
               triggerMode: "hover",
-              children: /* @__PURE__ */ jsx61(EllipsisVertical2, {})
+              children: /* @__PURE__ */ jsx62(EllipsisVertical2, {})
             }
           );
         }
@@ -10976,9 +11198,9 @@ function Users() {
     [items]
   );
   const users = data?.data || [];
-  return /* @__PURE__ */ jsxs48(Fragment17, { children: [
-    /* @__PURE__ */ jsx61(Modal2, {}),
-    /* @__PURE__ */ jsx61(
+  return /* @__PURE__ */ jsxs49(Fragment18, { children: [
+    /* @__PURE__ */ jsx62(Modal2, {}),
+    /* @__PURE__ */ jsx62(
       TransactionViewComponent,
       {
         columns,
@@ -10999,7 +11221,7 @@ var users_default = Users;
 import { useForm as useForm7 } from "react-hook-form";
 import { zodResolver as zodResolver6 } from "@hookform/resolvers/zod";
 import { message as message12 } from "antd";
-import { jsx as jsx62, jsxs as jsxs49 } from "react/jsx-runtime";
+import { jsx as jsx63, jsxs as jsxs50 } from "react/jsx-runtime";
 function UserForm() {
   const { navigate } = useApp_default();
   const { post, isLoading } = useApis_default();
@@ -11024,14 +11246,14 @@ function UserForm() {
       message12.error(error?.message || "Something went wrong");
     }
   };
-  return /* @__PURE__ */ jsxs49(Card, { className: "max-w-xl mx-auto mt-10 relative", children: [
-    /* @__PURE__ */ jsxs49(Card.Header, { children: [
-      /* @__PURE__ */ jsx62(Card.Title, { children: "Add User" }),
-      /* @__PURE__ */ jsx62(Card.Description, { children: "Create a new user by providing their email and phone number." })
+  return /* @__PURE__ */ jsxs50(Card, { className: "max-w-xl mx-auto mt-10 relative", children: [
+    /* @__PURE__ */ jsxs50(Card.Header, { children: [
+      /* @__PURE__ */ jsx63(Card.Title, { children: "Add User" }),
+      /* @__PURE__ */ jsx63(Card.Description, { children: "Create a new user by providing their email and phone number." })
     ] }),
-    /* @__PURE__ */ jsx62(Card.Content, { children: /* @__PURE__ */ jsxs49("form", { onSubmit: handleSubmit(onSubmit), children: [
-      /* @__PURE__ */ jsxs49("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ jsx62(
+    /* @__PURE__ */ jsx63(Card.Content, { children: /* @__PURE__ */ jsxs50("form", { onSubmit: handleSubmit(onSubmit), children: [
+      /* @__PURE__ */ jsxs50("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsx63(
           Fields_default.Input,
           {
             label: "Email",
@@ -11042,7 +11264,7 @@ function UserForm() {
             required: true
           }
         ),
-        /* @__PURE__ */ jsx62(
+        /* @__PURE__ */ jsx63(
           Fields_default.PhoneInput,
           {
             label: "Phone Number",
@@ -11051,7 +11273,7 @@ function UserForm() {
             placeholder: "Enter phone number"
           }
         ),
-        /* @__PURE__ */ jsx62(
+        /* @__PURE__ */ jsx63(
           Fields_default.Select,
           {
             label: "Role",
@@ -11062,7 +11284,7 @@ function UserForm() {
           }
         )
       ] }),
-      /* @__PURE__ */ jsx62("footer", { className: "flex justify-end mt-6", children: /* @__PURE__ */ jsx62(
+      /* @__PURE__ */ jsx63("footer", { className: "flex justify-end mt-6", children: /* @__PURE__ */ jsx63(
         Button,
         {
           isLoading,
@@ -11080,12 +11302,12 @@ var UserForm_default = UserForm;
 // src/components/users/ResetPasswordPage.tsx
 import { useEffect as useEffect25, useState as useState32 } from "react";
 import { useSearchParams as useSearchParams2, useNavigate as useNavigate7 } from "react-router-dom";
-import { Lock as Lock2, ShieldCheck as ShieldCheck2, ArrowRight as ArrowRight3, Terminal as Terminal2 } from "lucide-react";
+import { Lock as Lock2, ShieldCheck as ShieldCheck2, ArrowRight as ArrowRight4, Terminal as Terminal2 } from "lucide-react";
 import { useForm as useForm8 } from "react-hook-form";
 import { zodResolver as zodResolver7 } from "@hookform/resolvers/zod";
 import * as z4 from "zod";
 import { message as message13, Spin } from "antd";
-import { Fragment as Fragment18, jsx as jsx63, jsxs as jsxs50 } from "react/jsx-runtime";
+import { Fragment as Fragment19, jsx as jsx64, jsxs as jsxs51 } from "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")
@@ -11151,14 +11373,14 @@ function ResetPasswordPage() {
     }
   };
   if (verifying) {
-    return /* @__PURE__ */ jsx63("div", { className: "h-screen w-full flex items-center justify-center bg-slate-50 dark:bg-[#0A0B10]", children: /* @__PURE__ */ jsxs50("div", { className: "text-center space-y-4", children: [
-      /* @__PURE__ */ jsx63(Spin, { size: "large" }),
-      /* @__PURE__ */ jsx63("p", { className: "text-slate-500 animate-pulse", children: "Verifying reset link..." })
+    return /* @__PURE__ */ jsx64("div", { className: "h-screen w-full flex items-center justify-center bg-slate-50 dark:bg-[#0A0B10]", children: /* @__PURE__ */ jsxs51("div", { className: "text-center space-y-4", children: [
+      /* @__PURE__ */ jsx64(Spin, { size: "large" }),
+      /* @__PURE__ */ jsx64("p", { className: "text-slate-500 animate-pulse", children: "Verifying reset link..." })
     ] }) });
   }
-  return /* @__PURE__ */ jsxs50("div", { className: "flex h-screen w-full overflow-hidden bg-white dark:bg-[#0A0B10]", children: [
-    /* @__PURE__ */ jsxs50("div", { className: "hidden lg:flex lg:w-1/2 relative overflow-hidden bg-slate-900 border-r border-slate-800", children: [
-      /* @__PURE__ */ jsx63(
+  return /* @__PURE__ */ jsxs51("div", { className: "flex h-screen w-full overflow-hidden bg-white dark:bg-[#0A0B10]", children: [
+    /* @__PURE__ */ jsxs51("div", { className: "hidden lg:flex lg:w-1/2 relative overflow-hidden bg-slate-900 border-r border-slate-800", children: [
+      /* @__PURE__ */ jsx64(
         "div",
         {
           className: "absolute inset-0 z-0 opacity-40 bg-cover bg-center",
@@ -11167,35 +11389,35 @@ function ResetPasswordPage() {
           }
         }
       ),
-      /* @__PURE__ */ jsx63("div", { className: "absolute inset-0 bg-linear-to-tr from-[#0A0B10] via-transparent to-indigo-500/10 z-10" }),
-      /* @__PURE__ */ jsxs50("div", { className: "relative z-20 p-12 flex flex-col justify-between w-full h-full", children: [
-        /* @__PURE__ */ jsxs50("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ jsx63("div", { className: "h-10 w-10 bg-indigo-600 rounded-lg flex items-center justify-center shadow-indigo-500/20 shadow-xl", children: /* @__PURE__ */ jsx63(Terminal2, { className: "text-white w-6 h-6" }) }),
-          /* @__PURE__ */ jsx63("span", { className: "text-2xl font-bold text-white tracking-widest uppercase", children: "Warqad UI" })
+      /* @__PURE__ */ jsx64("div", { className: "absolute inset-0 bg-linear-to-tr from-[#0A0B10] via-transparent to-indigo-500/10 z-10" }),
+      /* @__PURE__ */ jsxs51("div", { className: "relative z-20 p-12 flex flex-col justify-between w-full h-full", children: [
+        /* @__PURE__ */ jsxs51("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx64("div", { className: "h-10 w-10 bg-indigo-600 rounded-lg flex items-center justify-center shadow-indigo-500/20 shadow-xl", children: /* @__PURE__ */ jsx64(Terminal2, { className: "text-white w-6 h-6" }) }),
+          /* @__PURE__ */ jsx64("span", { className: "text-2xl font-bold text-white tracking-widest uppercase", children: "Warqad UI" })
         ] }),
-        /* @__PURE__ */ jsxs50("div", { className: "max-w-md", children: [
-          /* @__PURE__ */ jsxs50("h1", { className: "text-5xl font-extrabold text-white mb-6 leading-tight", children: [
+        /* @__PURE__ */ jsxs51("div", { className: "max-w-md", children: [
+          /* @__PURE__ */ jsxs51("h1", { className: "text-5xl font-extrabold text-white mb-6 leading-tight", children: [
             "Secure ",
-            /* @__PURE__ */ jsx63("span", { className: "text-indigo-400", children: "Access" }),
+            /* @__PURE__ */ jsx64("span", { className: "text-indigo-400", children: "Access" }),
             " ",
-            /* @__PURE__ */ jsx63("br", {}),
+            /* @__PURE__ */ jsx64("br", {}),
             " ",
             "Simplified."
           ] }),
-          /* @__PURE__ */ jsx63("p", { className: "text-slate-400 text-lg leading-relaxed", children: "Reset your credentials securely and regain access to your dashboard in minutes." })
+          /* @__PURE__ */ jsx64("p", { className: "text-slate-400 text-lg leading-relaxed", children: "Reset your credentials securely and regain access to your dashboard in minutes." })
         ] }),
-        /* @__PURE__ */ jsx63("div", { className: "text-slate-500 text-sm italic", children: "Trusted by developers worldwide." })
+        /* @__PURE__ */ jsx64("div", { className: "text-slate-500 text-sm italic", children: "Trusted by developers worldwide." })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs50("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__ */ jsx63("div", { className: "absolute top-4 right-4 z-50", children: /* @__PURE__ */ jsx63(ThemeToggle, {}) }),
-      /* @__PURE__ */ jsx63("div", { className: "max-w-md w-full mx-auto", children: !isVerified || error ? /* @__PURE__ */ jsxs50("div", { className: "text-center space-y-6", children: [
-        /* @__PURE__ */ jsx63("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__ */ jsx63(ShieldCheck2, { className: "text-red-600 dark:text-red-400 w-8 h-8" }) }),
-        /* @__PURE__ */ jsxs50("div", { children: [
-          /* @__PURE__ */ jsx63("h2", { className: "text-3xl font-bold text-slate-900 dark:text-white mb-2", children: "Link Invalid" }),
-          /* @__PURE__ */ jsx63("p", { className: "text-slate-500 dark:text-slate-400", children: error || "The reset link is invalid or has already been used." })
+    /* @__PURE__ */ jsxs51("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__ */ jsx64("div", { className: "absolute top-4 right-4 z-50", children: /* @__PURE__ */ jsx64(ThemeToggle, {}) }),
+      /* @__PURE__ */ jsx64("div", { className: "max-w-md w-full mx-auto", children: !isVerified || error ? /* @__PURE__ */ jsxs51("div", { className: "text-center space-y-6", children: [
+        /* @__PURE__ */ jsx64("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__ */ jsx64(ShieldCheck2, { className: "text-red-600 dark:text-red-400 w-8 h-8" }) }),
+        /* @__PURE__ */ jsxs51("div", { children: [
+          /* @__PURE__ */ jsx64("h2", { className: "text-3xl font-bold text-slate-900 dark:text-white mb-2", children: "Link Invalid" }),
+          /* @__PURE__ */ jsx64("p", { className: "text-slate-500 dark:text-slate-400", children: error || "The reset link is invalid or has already been used." })
         ] }),
-        /* @__PURE__ */ jsx63(
+        /* @__PURE__ */ jsx64(
           Button,
           {
             onClick: () => navigate("/login"),
@@ -11203,22 +11425,22 @@ function ResetPasswordPage() {
             children: "Back to Login"
           }
         )
-      ] }) : /* @__PURE__ */ jsxs50(Fragment18, { children: [
-        /* @__PURE__ */ jsxs50("div", { className: "mb-10", children: [
-          /* @__PURE__ */ jsx63("h2", { className: "text-3xl font-bold text-slate-900 dark:text-white mb-3 tracking-tight", children: "Reset Password" }),
-          /* @__PURE__ */ jsxs50("p", { className: "text-slate-500 dark:text-slate-400", children: [
+      ] }) : /* @__PURE__ */ jsxs51(Fragment19, { children: [
+        /* @__PURE__ */ jsxs51("div", { className: "mb-10", children: [
+          /* @__PURE__ */ jsx64("h2", { className: "text-3xl font-bold text-slate-900 dark:text-white mb-3 tracking-tight", children: "Reset Password" }),
+          /* @__PURE__ */ jsxs51("p", { className: "text-slate-500 dark:text-slate-400", children: [
             "Set a new, strong password for",
             " ",
-            /* @__PURE__ */ jsx63("span", { className: "text-indigo-600 font-medium", children: email })
+            /* @__PURE__ */ jsx64("span", { className: "text-indigo-600 font-medium", children: email })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs50(
+        /* @__PURE__ */ jsxs51(
           "form",
           {
             onSubmit: methods.handleSubmit(onSubmit),
             className: "space-y-6",
             children: [
-              /* @__PURE__ */ jsx63(
+              /* @__PURE__ */ jsx64(
                 Fields_default.Input,
                 {
                   form: methods,
@@ -11227,11 +11449,11 @@ function ResetPasswordPage() {
                   type: "password",
                   placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022",
                   required: true,
-                  icon: /* @__PURE__ */ jsx63(Lock2, { size: 18, className: "text-slate-400" }),
+                  icon: /* @__PURE__ */ jsx64(Lock2, { size: 18, className: "text-slate-400" }),
                   className: "bg-slate-50 dark:bg-slate-900/50 h-12"
                 }
               ),
-              /* @__PURE__ */ jsx63(
+              /* @__PURE__ */ jsx64(
                 Fields_default.Input,
                 {
                   form: methods,
@@ -11240,11 +11462,11 @@ function ResetPasswordPage() {
                   type: "password",
                   placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022",
                   required: true,
-                  icon: /* @__PURE__ */ jsx63(ShieldCheck2, { size: 18, className: "text-slate-400" }),
+                  icon: /* @__PURE__ */ jsx64(ShieldCheck2, { size: 18, className: "text-slate-400" }),
                   className: "bg-slate-50 dark:bg-slate-900/50 h-12"
                 }
               ),
-              /* @__PURE__ */ jsxs50(
+              /* @__PURE__ */ jsxs51(
                 Button,
                 {
                   type: "submit",
@@ -11252,7 +11474,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__ */ jsx63(ArrowRight3, { size: 18 })
+                    !isLoading && /* @__PURE__ */ jsx64(ArrowRight4, { size: 18 })
                   ]
                 }
               )
@@ -11266,10 +11488,10 @@ function ResetPasswordPage() {
 var ResetPasswordPage_default = ResetPasswordPage;
 
 // src/components/users/UserProfile.tsx
-import { LogOut, User as User4 } from "lucide-react";
+import { LogOut, User as User5 } from "lucide-react";
 import { useNavigate as useNavigate8 } from "react-router-dom";
 import { message as message14 } from "antd";
-import { jsx as jsx64, jsxs as jsxs51 } from "react/jsx-runtime";
+import { jsx as jsx65, jsxs as jsxs52 } from "react/jsx-runtime";
 var UserProfile = ({
   items,
   name,
@@ -11302,21 +11524,21 @@ var UserProfile = ({
   const defaultItems = [
     {
       label: "My Profile",
-      icon: /* @__PURE__ */ jsx64(User4, { size: 18 }),
+      icon: /* @__PURE__ */ jsx65(User5, { size: 18 }),
       onClick: () => navigate("profile"),
       className: "min-w-[150px]"
     },
     {
       label: "Logout",
-      icon: /* @__PURE__ */ jsx64(LogOut, { size: 18 }),
+      icon: /* @__PURE__ */ jsx65(LogOut, { size: 18 }),
       onClick: logout,
       className: "text-red-500 hover:bg-red-50 dark:hover:bg-red-950/20"
     }
   ];
-  return /* @__PURE__ */ jsxs51("div", { className: "flex items-center gap-3", children: [
-    showThemeToggle && /* @__PURE__ */ jsx64(ThemeToggle, {}),
-    showThemeToggle && /* @__PURE__ */ jsx64("div", { className: "w-px h-6 mx-2 bg-gray-200 dark:bg-gray-800" }),
-    /* @__PURE__ */ jsx64(
+  return /* @__PURE__ */ jsxs52("div", { className: "flex items-center gap-3", children: [
+    showThemeToggle && /* @__PURE__ */ jsx65(ThemeToggle, {}),
+    showThemeToggle && /* @__PURE__ */ jsx65("div", { className: "w-px h-6 mx-2 bg-gray-200 dark:bg-gray-800" }),
+    /* @__PURE__ */ jsx65(
       ProfileDropdown,
       {
         name: name || account?.name || "User",
@@ -11334,12 +11556,12 @@ var UserProfile_default = UserProfile;
 // src/components/users/ProfilePage.tsx
 import { useNavigate as useNavigate9 } from "react-router-dom";
 import { ArrowLeft as ArrowLeft3 } from "lucide-react";
-import { jsx as jsx65, jsxs as jsxs52 } from "react/jsx-runtime";
+import { jsx as jsx66, jsxs as jsxs53 } from "react/jsx-runtime";
 var ProfilePage = () => {
   const navigate = useNavigate9();
   const { user, account } = useAuth();
   if (!user) {
-    return /* @__PURE__ */ jsx65("div", { className: "flex items-center justify-center min-h-[400px]", children: /* @__PURE__ */ jsx65("h1", { children: "Please login to view your profile" }) });
+    return /* @__PURE__ */ jsx66("div", { className: "flex items-center justify-center min-h-[400px]", children: /* @__PURE__ */ jsx66("h1", { children: "Please login to view your profile" }) });
   }
   const extraInfo = [
     {
@@ -11358,19 +11580,19 @@ var ProfilePage = () => {
       copiable: false
     }
   ];
-  return /* @__PURE__ */ jsxs52("div", { className: "p-4 sm:p-8 space-y-6", children: [
-    /* @__PURE__ */ jsx65("div", { className: "max-w-5xl mx-auto", children: /* @__PURE__ */ jsx65(
+  return /* @__PURE__ */ jsxs53("div", { className: "p-4 sm:p-8 space-y-6", children: [
+    /* @__PURE__ */ jsx66("div", { className: "max-w-5xl mx-auto", children: /* @__PURE__ */ jsx66(
       Button,
       {
         variant: "outline",
         size: "sm",
         onClick: () => navigate(-1),
-        icon: /* @__PURE__ */ jsx65(ArrowLeft3, { size: 16 }),
+        icon: /* @__PURE__ */ jsx66(ArrowLeft3, { size: 16 }),
         className: "rounded-full font-bold px-5",
         children: "Back"
       }
     ) }),
-    /* @__PURE__ */ jsx65(
+    /* @__PURE__ */ jsx66(
       ProfileView,
       {
         name: account?.name || "User Account",
@@ -11390,7 +11612,7 @@ import { useNavigate as useNavigate10, useParams as useParams6 } from "react-rou
 import { EllipsisVertical as EllipsisVertical3, FilePenLine as FilePenLine2, Trash2 as Trash23 } from "lucide-react";
 import { useState as useState33 } from "react";
 import { message as message15 } from "antd";
-import { Fragment as Fragment19, jsx as jsx66, jsxs as jsxs53 } from "react/jsx-runtime";
+import { Fragment as Fragment20, jsx as jsx67, jsxs as jsxs54 } from "react/jsx-runtime";
 function Wallets({ v, url }) {
   const { branchId } = useParams6();
   const [deleteWallet, setDeleteWallet] = useState33(null);
@@ -11405,12 +11627,12 @@ function Wallets({ v, url }) {
   const items = (data2) => [
     {
       label: `Edit Wallet`,
-      icon: /* @__PURE__ */ jsx66(FilePenLine2, { size: 16 }),
+      icon: /* @__PURE__ */ jsx67(FilePenLine2, { size: 16 }),
       onClick: () => navigate(`update?id=${data2?._id}`)
     },
     {
       label: `Delete Wallet`,
-      icon: /* @__PURE__ */ jsx66(Trash23, { className: "text-red-500", size: 16 }),
+      icon: /* @__PURE__ */ jsx67(Trash23, { className: "text-red-500", size: 16 }),
       onClick: () => setDeleteWallet(data2)
     }
   ].filter(Boolean);
@@ -11420,7 +11642,7 @@ function Wallets({ v, url }) {
       header: "Name",
       cell: ({ row }) => {
         const wallet = row.original;
-        return /* @__PURE__ */ jsx66(
+        return /* @__PURE__ */ jsx67(
           "span",
           {
             onClick: () => navigate(`statements/${wallet?._id}`),
@@ -11435,7 +11657,7 @@ function Wallets({ v, url }) {
       header: "Type",
       cell: ({ row }) => {
         const wallet = row.original;
-        return /* @__PURE__ */ jsx66("span", { className: "capitalize", children: wallet?.type });
+        return /* @__PURE__ */ jsx67("span", { className: "capitalize", children: wallet?.type });
       }
     },
     {
@@ -11443,7 +11665,7 @@ function Wallets({ v, url }) {
       header: "Currency",
       cell: ({ row }) => {
         const wallet = row.original;
-        return /* @__PURE__ */ jsx66("span", { children: wallet?.currency });
+        return /* @__PURE__ */ jsx67("span", { children: wallet?.currency });
       }
     },
     {
@@ -11451,7 +11673,7 @@ function Wallets({ v, url }) {
       header: "Account No",
       cell: ({ row }) => {
         const wallet = row.original;
-        return /* @__PURE__ */ jsx66("span", { children: wallet?.accountNo || "N/A" });
+        return /* @__PURE__ */ jsx67("span", { children: wallet?.accountNo || "N/A" });
       }
     },
     {
@@ -11459,13 +11681,13 @@ function Wallets({ v, url }) {
       header: "Actions",
       cell: ({ row }) => {
         const data2 = row.original;
-        return /* @__PURE__ */ jsx66(
+        return /* @__PURE__ */ jsx67(
           Dropdown,
           {
             className: "cursor-pointer w-[150px]",
             items: items(data2),
             triggerMode: "hover",
-            children: /* @__PURE__ */ jsx66(EllipsisVertical3, {})
+            children: /* @__PURE__ */ jsx67(EllipsisVertical3, {})
           }
         );
       }
@@ -11483,9 +11705,9 @@ function Wallets({ v, url }) {
       return error;
     }
   };
-  return /* @__PURE__ */ jsxs53(Fragment19, { children: [
-    /* @__PURE__ */ jsx66(Modal2, {}),
-    /* @__PURE__ */ jsx66(
+  return /* @__PURE__ */ jsxs54(Fragment20, { children: [
+    /* @__PURE__ */ jsx67(Modal2, {}),
+    /* @__PURE__ */ jsx67(
       ConfirmModal,
       {
         isOpen: !!deleteWallet,
@@ -11498,7 +11720,7 @@ function Wallets({ v, url }) {
         children: null
       }
     ),
-    /* @__PURE__ */ jsx66(
+    /* @__PURE__ */ jsx67(
       TransactionViewComponent,
       {
         columns,
@@ -11532,7 +11754,7 @@ import { zodResolver as zodResolver8 } from "@hookform/resolvers/zod";
 import { message as message16 } from "antd";
 import { useEffect as useEffect26 } from "react";
 import { useParams as useParams7 } from "react-router-dom";
-import { jsx as jsx67, jsxs as jsxs54 } from "react/jsx-runtime";
+import { jsx as jsx68, jsxs as jsxs55 } from "react/jsx-runtime";
 function WalletForm() {
   const { enums } = useWarqadConfig();
   const { branchId } = useParams7();
@@ -11594,24 +11816,24 @@ function WalletForm() {
       fetches();
     }
   }, [id]);
-  return /* @__PURE__ */ jsxs54(
+  return /* @__PURE__ */ jsxs55(
     Card,
     {
       className: "max-w-4xl mx-auto mt-10 relative",
       isLoading: isLoadingGet,
       loadingText: "Processing...",
       children: [
-        /* @__PURE__ */ jsxs54(Card.Header, { children: [
-          /* @__PURE__ */ jsx67(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Wallet` }),
-          /* @__PURE__ */ jsx67(Card.Description, { children: isEdit ? `Update the details for this wallet` : `Create a new wallet and add it to your list` })
+        /* @__PURE__ */ jsxs55(Card.Header, { children: [
+          /* @__PURE__ */ jsx68(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Wallet` }),
+          /* @__PURE__ */ jsx68(Card.Description, { children: isEdit ? `Update the details for this wallet` : `Create a new wallet and add it to your list` })
         ] }),
-        /* @__PURE__ */ jsx67(Card.Content, { children: /* @__PURE__ */ jsxs54(
+        /* @__PURE__ */ jsx68(Card.Content, { children: /* @__PURE__ */ jsxs55(
           "form",
           {
             onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)),
             children: [
-              /* @__PURE__ */ jsxs54("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-                /* @__PURE__ */ jsx67(
+              /* @__PURE__ */ jsxs55("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ jsx68(
                   Fields_default.Input,
                   {
                     label: "Name",
@@ -11622,7 +11844,7 @@ function WalletForm() {
                     required: true
                   }
                 ),
-                /* @__PURE__ */ jsx67(
+                /* @__PURE__ */ jsx68(
                   Fields_default.Select,
                   {
                     label: "Wallet Type",
@@ -11632,7 +11854,7 @@ function WalletForm() {
                     enumName: "walletTypes"
                   }
                 ),
-                /* @__PURE__ */ jsx67(
+                /* @__PURE__ */ jsx68(
                   Fields_default.Select,
                   {
                     label: "Currency",
@@ -11642,7 +11864,7 @@ function WalletForm() {
                     enumName: "currencies"
                   }
                 ),
-                /* @__PURE__ */ jsx67(
+                /* @__PURE__ */ jsx68(
                   Fields_default.Input,
                   {
                     label: "Account Number",
@@ -11652,7 +11874,7 @@ function WalletForm() {
                     placeholder: "Enter account number (optional)"
                   }
                 ),
-                !branchId && /* @__PURE__ */ jsx67(
+                !branchId && /* @__PURE__ */ jsx68(
                   Feilds_default.Branches,
                   {
                     label: "Branch",
@@ -11663,7 +11885,7 @@ function WalletForm() {
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx67("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsx67(
+              /* @__PURE__ */ jsx68("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsx68(
                 Button,
                 {
                   isLoading,
@@ -11685,8 +11907,8 @@ var WalletForm_default = WalletForm;
 
 // src/components/wallets/Feilds/Wallet.tsx
 import { useParams as useParams8 } from "react-router-dom";
-import { jsx as jsx68, jsxs as jsxs55 } from "react/jsx-runtime";
-function Wallet5({
+import { jsx as jsx69, jsxs as jsxs56 } from "react/jsx-runtime";
+function Wallet6({
   name,
   label,
   placeholder,
@@ -11707,8 +11929,8 @@ function Wallet5({
     showBalance,
     accountId: walletId
   });
-  return /* @__PURE__ */ jsxs55("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ jsx68(
+  return /* @__PURE__ */ jsxs56("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ jsx69(
       Fields_default.SearchApi,
       {
         name,
@@ -11726,10 +11948,10 @@ function Wallet5({
         obj
       }
     ),
-    /* @__PURE__ */ jsx68(BalanceView, {})
+    /* @__PURE__ */ jsx69(BalanceView, {})
   ] });
 }
-var Wallet_default = Wallet5;
+var Wallet_default = Wallet6;
 
 // src/components/wallets/Feilds/index.tsx
 var WalletField = {
@@ -11742,7 +11964,7 @@ import { useNavigate as useNavigate11 } from "react-router-dom";
 import { EllipsisVertical as EllipsisVertical4, FilePenLine as FilePenLine3, Trash2 as Trash24 } from "lucide-react";
 import { useState as useState34 } from "react";
 import { message as message17 } from "antd";
-import { Fragment as Fragment20, jsx as jsx69, jsxs as jsxs56 } from "react/jsx-runtime";
+import { Fragment as Fragment21, jsx as jsx70, jsxs as jsxs57 } from "react/jsx-runtime";
 function Brands({ v, url }) {
   const [deleteBrand, setDeleteBrand] = useState34(null);
   const { isLoading, remove } = useApis_default();
@@ -11756,12 +11978,12 @@ function Brands({ v, url }) {
   const items = (data2) => [
     {
       label: `Edit Brand`,
-      icon: /* @__PURE__ */ jsx69(FilePenLine3, { size: 16 }),
+      icon: /* @__PURE__ */ jsx70(FilePenLine3, { size: 16 }),
       onClick: () => navigate(`update?id=${data2?._id}`)
     },
     {
       label: `Delete Brand`,
-      icon: /* @__PURE__ */ jsx69(Trash24, { className: "text-red-500", size: 16 }),
+      icon: /* @__PURE__ */ jsx70(Trash24, { className: "text-red-500", size: 16 }),
       onClick: () => setDeleteBrand(data2)
     }
   ].filter(Boolean);
@@ -11771,7 +11993,7 @@ function Brands({ v, url }) {
       header: "Name",
       cell: ({ row }) => {
         const brand = row.original;
-        return /* @__PURE__ */ jsx69("span", { children: brand?.name });
+        return /* @__PURE__ */ jsx70("span", { children: brand?.name });
       }
     },
     {
@@ -11779,13 +12001,13 @@ function Brands({ v, url }) {
       header: "Actions",
       cell: ({ row }) => {
         const data2 = row.original;
-        return /* @__PURE__ */ jsx69(
+        return /* @__PURE__ */ jsx70(
           Dropdown,
           {
             className: "cursor-pointer w-[150px]",
             items: items(data2),
             triggerMode: "hover",
-            children: /* @__PURE__ */ jsx69(EllipsisVertical4, {})
+            children: /* @__PURE__ */ jsx70(EllipsisVertical4, {})
           }
         );
       }
@@ -11803,9 +12025,9 @@ function Brands({ v, url }) {
       return error;
     }
   };
-  return /* @__PURE__ */ jsxs56(Fragment20, { children: [
-    /* @__PURE__ */ jsx69(Modal2, {}),
-    /* @__PURE__ */ jsx69(
+  return /* @__PURE__ */ jsxs57(Fragment21, { children: [
+    /* @__PURE__ */ jsx70(Modal2, {}),
+    /* @__PURE__ */ jsx70(
       ConfirmModal,
       {
         isOpen: !!deleteBrand,
@@ -11818,7 +12040,7 @@ function Brands({ v, url }) {
         children: null
       }
     ),
-    /* @__PURE__ */ jsx69(
+    /* @__PURE__ */ jsx70(
       TransactionViewComponent,
       {
         columns,
@@ -11847,7 +12069,7 @@ import { useForm as useForm10 } from "react-hook-form";
 import { zodResolver as zodResolver9 } from "@hookform/resolvers/zod";
 import { message as message18 } from "antd";
 import { useEffect as useEffect27 } from "react";
-import { jsx as jsx70, jsxs as jsxs57 } from "react/jsx-runtime";
+import { jsx as jsx71, jsxs as jsxs58 } from "react/jsx-runtime";
 function BrandForm() {
   const { getQuery, navigate } = useApp_default();
   const id = getQuery("id");
@@ -11897,23 +12119,23 @@ function BrandForm() {
       fetches();
     }
   }, [id]);
-  return /* @__PURE__ */ jsxs57(
+  return /* @__PURE__ */ jsxs58(
     Card,
     {
       className: "max-w-4xl mx-auto mt-10 relative",
       isLoading: isLoadingGet,
       loadingText: "Processing...",
       children: [
-        /* @__PURE__ */ jsxs57(Card.Header, { children: [
-          /* @__PURE__ */ jsx70(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Brand` }),
-          /* @__PURE__ */ jsx70(Card.Description, { children: isEdit ? `Update the details for this brand` : `Create a new brand and add it to your list` })
+        /* @__PURE__ */ jsxs58(Card.Header, { children: [
+          /* @__PURE__ */ jsx71(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Brand` }),
+          /* @__PURE__ */ jsx71(Card.Description, { children: isEdit ? `Update the details for this brand` : `Create a new brand and add it to your list` })
         ] }),
-        /* @__PURE__ */ jsx70(Card.Content, { children: /* @__PURE__ */ jsxs57(
+        /* @__PURE__ */ jsx71(Card.Content, { children: /* @__PURE__ */ jsxs58(
           "form",
           {
             onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)),
             children: [
-              /* @__PURE__ */ jsx70("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: /* @__PURE__ */ jsx70(
+              /* @__PURE__ */ jsx71("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: /* @__PURE__ */ jsx71(
                 Fields_default.Input,
                 {
                   label: "Name",
@@ -11924,7 +12146,7 @@ function BrandForm() {
                   required: true
                 }
               ) }),
-              /* @__PURE__ */ jsx70("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsx70(
+              /* @__PURE__ */ jsx71("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsx71(
                 Button,
                 {
                   isLoading,
@@ -11946,7 +12168,7 @@ var BrandForm_default = BrandForm;
 
 // src/components/brands/Feilds/Brand.tsx
 import { useParams as useParams10 } from "react-router-dom";
-import { jsx as jsx71 } from "react/jsx-runtime";
+import { jsx as jsx72 } from "react/jsx-runtime";
 function Brand({
   name,
   label,
@@ -11959,7 +12181,7 @@ function Brand({
   disabled
 }) {
   const { branchId } = useParams10();
-  return /* @__PURE__ */ jsx71("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ jsx71(
+  return /* @__PURE__ */ jsx72("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ jsx72(
     Fields_default.SearchApi,
     {
       name,
@@ -11990,7 +12212,7 @@ import { useNavigate as useNavigate12 } from "react-router-dom";
 import { EllipsisVertical as EllipsisVertical5, FilePenLine as FilePenLine4, Trash2 as Trash25 } from "lucide-react";
 import { useState as useState35 } from "react";
 import { message as message19 } from "antd";
-import { Fragment as Fragment21, jsx as jsx72, jsxs as jsxs58 } from "react/jsx-runtime";
+import { Fragment as Fragment22, jsx as jsx73, jsxs as jsxs59 } from "react/jsx-runtime";
 function Categories({ v, url }) {
   const [deleteCategory, setDeleteCategory] = useState35(null);
   const { isLoading, remove } = useApis_default();
@@ -12004,12 +12226,12 @@ function Categories({ v, url }) {
   const items = (data2) => [
     {
       label: `Edit Category`,
-      icon: /* @__PURE__ */ jsx72(FilePenLine4, { size: 16 }),
+      icon: /* @__PURE__ */ jsx73(FilePenLine4, { size: 16 }),
       onClick: () => navigate(`update?id=${data2?._id}`)
     },
     {
       label: `Delete Category`,
-      icon: /* @__PURE__ */ jsx72(Trash25, { className: "text-red-500", size: 16 }),
+      icon: /* @__PURE__ */ jsx73(Trash25, { className: "text-red-500", size: 16 }),
       onClick: () => setDeleteCategory(data2)
     }
   ].filter(Boolean);
@@ -12019,7 +12241,7 @@ function Categories({ v, url }) {
       header: "Name",
       cell: ({ row }) => {
         const category = row.original;
-        return /* @__PURE__ */ jsx72("span", { children: category?.name });
+        return /* @__PURE__ */ jsx73("span", { children: category?.name });
       }
     },
     {
@@ -12027,13 +12249,13 @@ function Categories({ v, url }) {
       header: "Actions",
       cell: ({ row }) => {
         const data2 = row.original;
-        return /* @__PURE__ */ jsx72(
+        return /* @__PURE__ */ jsx73(
           Dropdown,
           {
             className: "cursor-pointer w-[150px]",
             items: items(data2),
             triggerMode: "hover",
-            children: /* @__PURE__ */ jsx72(EllipsisVertical5, {})
+            children: /* @__PURE__ */ jsx73(EllipsisVertical5, {})
           }
         );
       }
@@ -12051,9 +12273,9 @@ function Categories({ v, url }) {
       return error;
     }
   };
-  return /* @__PURE__ */ jsxs58(Fragment21, { children: [
-    /* @__PURE__ */ jsx72(Modal2, {}),
-    /* @__PURE__ */ jsx72(
+  return /* @__PURE__ */ jsxs59(Fragment22, { children: [
+    /* @__PURE__ */ jsx73(Modal2, {}),
+    /* @__PURE__ */ jsx73(
       ConfirmModal,
       {
         isOpen: !!deleteCategory,
@@ -12066,7 +12288,7 @@ function Categories({ v, url }) {
         children: null
       }
     ),
-    /* @__PURE__ */ jsx72(
+    /* @__PURE__ */ jsx73(
       TransactionViewComponent,
       {
         columns,
@@ -12095,7 +12317,7 @@ import { useForm as useForm11 } from "react-hook-form";
 import { zodResolver as zodResolver10 } from "@hookform/resolvers/zod";
 import { message as message20 } from "antd";
 import { useEffect as useEffect28 } from "react";
-import { jsx as jsx73, jsxs as jsxs59 } from "react/jsx-runtime";
+import { jsx as jsx74, jsxs as jsxs60 } from "react/jsx-runtime";
 function CategoryForm() {
   const { getQuery, navigate } = useApp_default();
   const id = getQuery("id");
@@ -12145,23 +12367,23 @@ function CategoryForm() {
       fetches();
     }
   }, [id]);
-  return /* @__PURE__ */ jsxs59(
+  return /* @__PURE__ */ jsxs60(
     Card,
     {
       className: "max-w-4xl mx-auto mt-10 relative",
       isLoading: isLoadingGet,
       loadingText: "Processing...",
       children: [
-        /* @__PURE__ */ jsxs59(Card.Header, { children: [
-          /* @__PURE__ */ jsx73(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Category` }),
-          /* @__PURE__ */ jsx73(Card.Description, { children: isEdit ? `Update the details for this category` : `Create a new category and add it to your list` })
+        /* @__PURE__ */ jsxs60(Card.Header, { children: [
+          /* @__PURE__ */ jsx74(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Category` }),
+          /* @__PURE__ */ jsx74(Card.Description, { children: isEdit ? `Update the details for this category` : `Create a new category and add it to your list` })
         ] }),
-        /* @__PURE__ */ jsx73(Card.Content, { children: /* @__PURE__ */ jsxs59(
+        /* @__PURE__ */ jsx74(Card.Content, { children: /* @__PURE__ */ jsxs60(
           "form",
           {
             onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)),
             children: [
-              /* @__PURE__ */ jsx73("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: /* @__PURE__ */ jsx73(
+              /* @__PURE__ */ jsx74("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: /* @__PURE__ */ jsx74(
                 Fields_default.Input,
                 {
                   label: "Name",
@@ -12172,7 +12394,7 @@ function CategoryForm() {
                   required: true
                 }
               ) }),
-              /* @__PURE__ */ jsx73("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsx73(
+              /* @__PURE__ */ jsx74("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsx74(
                 Button,
                 {
                   isLoading,
@@ -12194,7 +12416,7 @@ var CategoryForm_default = CategoryForm;
 
 // src/components/categories/Feilds/Category.tsx
 import { useParams as useParams12 } from "react-router-dom";
-import { jsx as jsx74 } from "react/jsx-runtime";
+import { jsx as jsx75 } from "react/jsx-runtime";
 function Category({
   name,
   label,
@@ -12207,7 +12429,7 @@ function Category({
   disabled
 }) {
   const { branchId } = useParams12();
-  return /* @__PURE__ */ jsx74("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ jsx74(
+  return /* @__PURE__ */ jsx75("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ jsx75(
     Fields_default.SearchApi,
     {
       name,
@@ -12238,7 +12460,7 @@ import { useNavigate as useNavigate13 } from "react-router-dom";
 import { EllipsisVertical as EllipsisVertical6, FilePenLine as FilePenLine5, Trash2 as Trash26 } from "lucide-react";
 import { useState as useState36 } from "react";
 import { message as message21 } from "antd";
-import { Fragment as Fragment22, jsx as jsx75, jsxs as jsxs60 } from "react/jsx-runtime";
+import { Fragment as Fragment23, jsx as jsx76, jsxs as jsxs61 } from "react/jsx-runtime";
 function Products({ v, url }) {
   const [deleteProduct, setDeleteProduct] = useState36(null);
   const { isLoading, remove } = useApis_default();
@@ -12252,12 +12474,12 @@ function Products({ v, url }) {
   const items = (data2) => [
     {
       label: `Edit Product`,
-      icon: /* @__PURE__ */ jsx75(FilePenLine5, { size: 16 }),
+      icon: /* @__PURE__ */ jsx76(FilePenLine5, { size: 16 }),
       onClick: () => navigate(`update?id=${data2?._id}`)
     },
     {
       label: `Delete Product`,
-      icon: /* @__PURE__ */ jsx75(Trash26, { className: "text-red-500", size: 16 }),
+      icon: /* @__PURE__ */ jsx76(Trash26, { className: "text-red-500", size: 16 }),
       onClick: () => setDeleteProduct(data2)
     }
   ].filter(Boolean);
@@ -12267,7 +12489,7 @@ function Products({ v, url }) {
       header: "Name",
       cell: ({ row }) => {
         const product = row.original;
-        return /* @__PURE__ */ jsx75("span", { children: product?.name });
+        return /* @__PURE__ */ jsx76("span", { children: product?.name });
       }
     },
     {
@@ -12275,7 +12497,7 @@ function Products({ v, url }) {
       header: "Category",
       cell: ({ row }) => {
         const product = row.original;
-        return /* @__PURE__ */ jsx75("span", { children: product?.categoryData?.name || "N/A" });
+        return /* @__PURE__ */ jsx76("span", { children: product?.categoryData?.name || "N/A" });
       }
     },
     {
@@ -12283,7 +12505,7 @@ function Products({ v, url }) {
       header: "Brand",
       cell: ({ row }) => {
         const product = row.original;
-        return /* @__PURE__ */ jsx75("span", { children: product?.brandData?.name || "N/A" });
+        return /* @__PURE__ */ jsx76("span", { children: product?.brandData?.name || "N/A" });
       }
     },
     {
@@ -12291,7 +12513,7 @@ function Products({ v, url }) {
       header: "Cost",
       cell: ({ row }) => {
         const product = row.original;
-        return /* @__PURE__ */ jsxs60("span", { children: [
+        return /* @__PURE__ */ jsxs61("span", { children: [
           " ",
           product?.cost?.toLocaleString()
         ] });
@@ -12302,13 +12524,13 @@ function Products({ v, url }) {
       header: "Actions",
       cell: ({ row }) => {
         const data2 = row.original;
-        return /* @__PURE__ */ jsx75(
+        return /* @__PURE__ */ jsx76(
           Dropdown,
           {
             className: "cursor-pointer w-[150px]",
             items: items(data2),
             triggerMode: "hover",
-            children: /* @__PURE__ */ jsx75(EllipsisVertical6, {})
+            children: /* @__PURE__ */ jsx76(EllipsisVertical6, {})
           }
         );
       }
@@ -12326,9 +12548,9 @@ function Products({ v, url }) {
       return error;
     }
   };
-  return /* @__PURE__ */ jsxs60(Fragment22, { children: [
-    /* @__PURE__ */ jsx75(Modal2, {}),
-    /* @__PURE__ */ jsx75(
+  return /* @__PURE__ */ jsxs61(Fragment23, { children: [
+    /* @__PURE__ */ jsx76(Modal2, {}),
+    /* @__PURE__ */ jsx76(
       ConfirmModal,
       {
         isOpen: !!deleteProduct,
@@ -12341,7 +12563,7 @@ function Products({ v, url }) {
         children: null
       }
     ),
-    /* @__PURE__ */ jsx75(
+    /* @__PURE__ */ jsx76(
       TransactionViewComponent,
       {
         columns,
@@ -12373,7 +12595,7 @@ import { useForm as useForm12 } from "react-hook-form";
 import { zodResolver as zodResolver11 } from "@hookform/resolvers/zod";
 import { message as message22 } from "antd";
 import { useEffect as useEffect29 } from "react";
-import { jsx as jsx76, jsxs as jsxs61 } from "react/jsx-runtime";
+import { jsx as jsx77, jsxs as jsxs62 } from "react/jsx-runtime";
 function ProductForm() {
   const { getQuery, navigate } = useApp_default();
   const id = getQuery("id");
@@ -12426,24 +12648,24 @@ function ProductForm() {
       fetches();
     }
   }, [id]);
-  return /* @__PURE__ */ jsxs61(
+  return /* @__PURE__ */ jsxs62(
     Card,
     {
       className: "max-w-4xl mx-auto mt-10 relative",
       isLoading: isLoadingGet,
       loadingText: "Processing...",
       children: [
-        /* @__PURE__ */ jsxs61(Card.Header, { children: [
-          /* @__PURE__ */ jsx76(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Product` }),
-          /* @__PURE__ */ jsx76(Card.Description, { children: isEdit ? `Update the details for this product` : `Create a new product and add it to your list` })
+        /* @__PURE__ */ jsxs62(Card.Header, { children: [
+          /* @__PURE__ */ jsx77(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Product` }),
+          /* @__PURE__ */ jsx77(Card.Description, { children: isEdit ? `Update the details for this product` : `Create a new product and add it to your list` })
         ] }),
-        /* @__PURE__ */ jsx76(Card.Content, { children: /* @__PURE__ */ jsxs61(
+        /* @__PURE__ */ jsx77(Card.Content, { children: /* @__PURE__ */ jsxs62(
           "form",
           {
             onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)),
             children: [
-              /* @__PURE__ */ jsxs61("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-                /* @__PURE__ */ jsx76(
+              /* @__PURE__ */ jsxs62("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ jsx77(
                   Fields_default.Input,
                   {
                     label: "Name",
@@ -12454,7 +12676,7 @@ function ProductForm() {
                     required: true
                   }
                 ),
-                /* @__PURE__ */ jsx76(
+                /* @__PURE__ */ jsx77(
                   Fields_default.Input,
                   {
                     label: "Cost",
@@ -12465,7 +12687,7 @@ function ProductForm() {
                     required: true
                   }
                 ),
-                /* @__PURE__ */ jsx76(
+                /* @__PURE__ */ jsx77(
                   Feilds_default4.Category,
                   {
                     label: "Category",
@@ -12474,7 +12696,7 @@ function ProductForm() {
                     api: "/categories/get"
                   }
                 ),
-                /* @__PURE__ */ jsx76(
+                /* @__PURE__ */ jsx77(
                   Feilds_default3.Brand,
                   {
                     label: "Brand",
@@ -12484,7 +12706,7 @@ function ProductForm() {
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx76("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsx76(
+              /* @__PURE__ */ jsx77("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsx77(
                 Button,
                 {
                   isLoading,
@@ -12506,7 +12728,7 @@ var ProductForm_default = ProductForm;
 
 // src/components/products/Feilds/Product.tsx
 import { useParams as useParams14 } from "react-router-dom";
-import { jsx as jsx77 } from "react/jsx-runtime";
+import { jsx as jsx78 } from "react/jsx-runtime";
 function Product({
   name,
   label,
@@ -12521,7 +12743,7 @@ function Product({
   obj
 }) {
   const { branchId } = useParams14();
-  return /* @__PURE__ */ jsx77("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ jsx77(
+  return /* @__PURE__ */ jsx78("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ jsx78(
     Fields_default.SearchApi,
     {
       name,
@@ -12554,7 +12776,7 @@ import { useNavigate as useNavigate14 } from "react-router-dom";
 import { EllipsisVertical as EllipsisVertical7, FilePenLine as FilePenLine6, Trash2 as Trash27 } from "lucide-react";
 import { useState as useState37 } from "react";
 import { message as message23 } from "antd";
-import { Fragment as Fragment23, jsx as jsx78, jsxs as jsxs62 } from "react/jsx-runtime";
+import { Fragment as Fragment24, jsx as jsx79, jsxs as jsxs63 } from "react/jsx-runtime";
 function Packs({ v, url }) {
   const [deletePack, setDeletePack] = useState37(null);
   const { isLoading, remove } = useApis_default();
@@ -12568,12 +12790,12 @@ function Packs({ v, url }) {
   const items = (data2) => [
     {
       label: `Edit Pack`,
-      icon: /* @__PURE__ */ jsx78(FilePenLine6, { size: 16 }),
+      icon: /* @__PURE__ */ jsx79(FilePenLine6, { size: 16 }),
       onClick: () => navigate(`update?id=${data2?._id}`)
     },
     {
       label: `Delete Pack`,
-      icon: /* @__PURE__ */ jsx78(Trash27, { className: "text-red-500", size: 16 }),
+      icon: /* @__PURE__ */ jsx79(Trash27, { className: "text-red-500", size: 16 }),
       onClick: () => setDeletePack(data2)
     }
   ].filter(Boolean);
@@ -12583,7 +12805,7 @@ function Packs({ v, url }) {
       header: "Name",
       cell: ({ row }) => {
         const pack = row.original;
-        return /* @__PURE__ */ jsx78("span", { children: pack?.name });
+        return /* @__PURE__ */ jsx79("span", { children: pack?.name });
       }
     },
     {
@@ -12591,7 +12813,7 @@ function Packs({ v, url }) {
       header: "Type",
       cell: ({ row }) => {
         const pack = row.original;
-        return /* @__PURE__ */ jsx78("span", { className: "capitalize", children: pack?.type });
+        return /* @__PURE__ */ jsx79("span", { className: "capitalize", children: pack?.type });
       }
     },
     {
@@ -12599,7 +12821,7 @@ function Packs({ v, url }) {
       header: "Products Count",
       cell: ({ row }) => {
         const pack = row.original;
-        return /* @__PURE__ */ jsxs62("span", { children: [
+        return /* @__PURE__ */ jsxs63("span", { children: [
           pack?.products?.length || 0,
           " Products"
         ] });
@@ -12610,13 +12832,13 @@ function Packs({ v, url }) {
       header: "Actions",
       cell: ({ row }) => {
         const data2 = row.original;
-        return /* @__PURE__ */ jsx78(
+        return /* @__PURE__ */ jsx79(
           Dropdown,
           {
             className: "cursor-pointer w-[150px]",
             items: items(data2),
             triggerMode: "hover",
-            children: /* @__PURE__ */ jsx78(EllipsisVertical7, {})
+            children: /* @__PURE__ */ jsx79(EllipsisVertical7, {})
           }
         );
       }
@@ -12634,9 +12856,9 @@ function Packs({ v, url }) {
       return error;
     }
   };
-  return /* @__PURE__ */ jsxs62(Fragment23, { children: [
-    /* @__PURE__ */ jsx78(Modal2, {}),
-    /* @__PURE__ */ jsx78(
+  return /* @__PURE__ */ jsxs63(Fragment24, { children: [
+    /* @__PURE__ */ jsx79(Modal2, {}),
+    /* @__PURE__ */ jsx79(
       ConfirmModal,
       {
         isOpen: !!deletePack,
@@ -12649,7 +12871,7 @@ function Packs({ v, url }) {
         children: null
       }
     ),
-    /* @__PURE__ */ jsx78(
+    /* @__PURE__ */ jsx79(
       TransactionViewComponent,
       {
         columns,
@@ -12693,7 +12915,7 @@ import { zodResolver as zodResolver12 } from "@hookform/resolvers/zod";
 import { message as message24 } from "antd";
 import { useEffect as useEffect30 } from "react";
 import { Plus as Plus3, Trash2 as Trash28 } from "lucide-react";
-import { jsx as jsx79, jsxs as jsxs63 } from "react/jsx-runtime";
+import { jsx as jsx80, jsxs as jsxs64 } from "react/jsx-runtime";
 function PackForm() {
   const { getQuery, navigate } = useApp_default();
   const id = getQuery("id");
@@ -12785,24 +13007,24 @@ function PackForm() {
       setValue("tempCost", currentProduct.cost || 0);
     }
   }, [currentProduct]);
-  return /* @__PURE__ */ jsxs63(
+  return /* @__PURE__ */ jsxs64(
     Card,
     {
       className: "max-w-5xl mx-auto mt-10 relative",
       isLoading: isLoadingGet,
       loadingText: "Processing...",
       children: [
-        /* @__PURE__ */ jsxs63(Card.Header, { children: [
-          /* @__PURE__ */ jsx79(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Pack` }),
-          /* @__PURE__ */ jsx79(Card.Description, { children: isEdit ? `Update the details for this product pack` : `Create a new product pack and define its components` })
+        /* @__PURE__ */ jsxs64(Card.Header, { children: [
+          /* @__PURE__ */ jsx80(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Pack` }),
+          /* @__PURE__ */ jsx80(Card.Description, { children: isEdit ? `Update the details for this product pack` : `Create a new product pack and define its components` })
         ] }),
-        /* @__PURE__ */ jsx79(Card.Content, { children: /* @__PURE__ */ jsxs63(
+        /* @__PURE__ */ jsx80(Card.Content, { children: /* @__PURE__ */ jsxs64(
           "form",
           {
             onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)),
             children: [
-              /* @__PURE__ */ jsxs63("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4 mb-8", children: [
-                /* @__PURE__ */ jsx79(
+              /* @__PURE__ */ jsxs64("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4 mb-8", children: [
+                /* @__PURE__ */ jsx80(
                   Fields_default.Input,
                   {
                     label: "Pack Name",
@@ -12813,7 +13035,7 @@ function PackForm() {
                     required: true
                   }
                 ),
-                /* @__PURE__ */ jsx79(
+                /* @__PURE__ */ jsx80(
                   Fields_default.Select,
                   {
                     label: "Pack Type",
@@ -12824,10 +13046,10 @@ function PackForm() {
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs63("div", { className: "border rounded-lg p-4 bg-gray-50/50 dark:bg-gray-800/20", children: [
-                /* @__PURE__ */ jsx79("h3", { className: "text-lg font-semibold mb-4", children: "Products in Pack" }),
-                /* @__PURE__ */ jsx79("div", { className: "mb-6 bg-white dark:bg-gray-900 p-4 rounded-lg border shadow-sm", children: /* @__PURE__ */ jsxs63("div", { className: "grid grid-cols-12 gap-3 items-end", children: [
-                  /* @__PURE__ */ jsx79("div", { className: "col-span-12 sm:col-span-5", children: /* @__PURE__ */ jsx79(
+              /* @__PURE__ */ jsxs64("div", { className: "border rounded-lg p-4 bg-gray-50/50 dark:bg-gray-800/20", children: [
+                /* @__PURE__ */ jsx80("h3", { className: "text-lg font-semibold mb-4", children: "Products in Pack" }),
+                /* @__PURE__ */ jsx80("div", { className: "mb-6 bg-white dark:bg-gray-900 p-4 rounded-lg border shadow-sm", children: /* @__PURE__ */ jsxs64("div", { className: "grid grid-cols-12 gap-3 items-end", children: [
+                  /* @__PURE__ */ jsx80("div", { className: "col-span-12 sm:col-span-5", children: /* @__PURE__ */ jsx80(
                     Feilds_default5.Product,
                     {
                       label: "Find Product",
@@ -12837,7 +13059,7 @@ function PackForm() {
                       obj: "tempData"
                     }
                   ) }),
-                  /* @__PURE__ */ jsx79("div", { className: "col-span-4 sm:col-span-2", children: /* @__PURE__ */ jsx79(
+                  /* @__PURE__ */ jsx80("div", { className: "col-span-4 sm:col-span-2", children: /* @__PURE__ */ jsx80(
                     Fields_default.Input,
                     {
                       label: "Qty",
@@ -12847,7 +13069,7 @@ function PackForm() {
                       placeholder: "1"
                     }
                   ) }),
-                  /* @__PURE__ */ jsx79("div", { className: "col-span-5 sm:col-span-3", children: /* @__PURE__ */ jsx79(
+                  /* @__PURE__ */ jsx80("div", { className: "col-span-5 sm:col-span-3", children: /* @__PURE__ */ jsx80(
                     Fields_default.Input,
                     {
                       label: "Cost",
@@ -12857,39 +13079,39 @@ function PackForm() {
                       placeholder: "0.00"
                     }
                   ) }),
-                  /* @__PURE__ */ jsx79("div", { className: "col-span-3 sm:col-span-2", children: /* @__PURE__ */ jsx79(
+                  /* @__PURE__ */ jsx80("div", { className: "col-span-3 sm:col-span-2", children: /* @__PURE__ */ jsx80(
                     Button,
                     {
                       type: "button",
                       onClick: onAddProduct,
                       className: "w-full h-[40px]",
-                      icon: /* @__PURE__ */ jsx79(Plus3, { size: 16 }),
+                      icon: /* @__PURE__ */ jsx80(Plus3, { size: 16 }),
                       children: "Add"
                     }
                   ) })
                 ] }) }),
-                /* @__PURE__ */ jsx79("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs63("table", { className: "w-full text-left border-collapse", children: [
-                  /* @__PURE__ */ jsx79("thead", { className: "bg-gray-100 dark:bg-gray-800/50", children: /* @__PURE__ */ jsxs63("tr", { children: [
-                    /* @__PURE__ */ jsx79("th", { className: "px-3 py-2 text-xs font-bold uppercase text-gray-500", children: "Product" }),
-                    /* @__PURE__ */ jsx79("th", { className: "px-3 py-2 text-xs font-bold uppercase text-gray-500 w-24", children: "Qty" }),
-                    /* @__PURE__ */ jsx79("th", { className: "px-3 py-2 text-xs font-bold uppercase text-gray-500 w-32", children: "Cost" }),
-                    /* @__PURE__ */ jsx79("th", { className: "px-3 py-2 text-xs font-bold uppercase text-gray-500 w-32", children: "Line Total" }),
-                    /* @__PURE__ */ jsx79("th", { className: "px-3 py-2 text-xs font-bold uppercase text-gray-500 w-16 text-center", children: "Action" })
+                /* @__PURE__ */ jsx80("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs64("table", { className: "w-full text-left border-collapse", children: [
+                  /* @__PURE__ */ jsx80("thead", { className: "bg-gray-100 dark:bg-gray-800/50", children: /* @__PURE__ */ jsxs64("tr", { children: [
+                    /* @__PURE__ */ jsx80("th", { className: "px-3 py-2 text-xs font-bold uppercase text-gray-500", children: "Product" }),
+                    /* @__PURE__ */ jsx80("th", { className: "px-3 py-2 text-xs font-bold uppercase text-gray-500 w-24", children: "Qty" }),
+                    /* @__PURE__ */ jsx80("th", { className: "px-3 py-2 text-xs font-bold uppercase text-gray-500 w-32", children: "Cost" }),
+                    /* @__PURE__ */ jsx80("th", { className: "px-3 py-2 text-xs font-bold uppercase text-gray-500 w-32", children: "Line Total" }),
+                    /* @__PURE__ */ jsx80("th", { className: "px-3 py-2 text-xs font-bold uppercase text-gray-500 w-16 text-center", children: "Action" })
                   ] }) }),
-                  /* @__PURE__ */ jsxs63("tbody", { className: "divide-y divide-gray-100 dark:divide-gray-800 bg-white dark:bg-gray-900", children: [
-                    fields.map((field, index) => /* @__PURE__ */ jsxs63(
+                  /* @__PURE__ */ jsxs64("tbody", { className: "divide-y divide-gray-100 dark:divide-gray-800 bg-white dark:bg-gray-900", children: [
+                    fields.map((field, index) => /* @__PURE__ */ jsxs64(
                       "tr",
                       {
                         className: "hover:bg-gray-50/50 dark:hover:bg-gray-800/50 transition-colors",
                         children: [
-                          /* @__PURE__ */ jsxs63("td", { className: "px-3 py-2", children: [
-                            /* @__PURE__ */ jsx79("p", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: field.productData?.name || "Product" }),
-                            field.productData?.sku && /* @__PURE__ */ jsxs63("p", { className: "text-[10px] text-gray-500", children: [
+                          /* @__PURE__ */ jsxs64("td", { className: "px-3 py-2", children: [
+                            /* @__PURE__ */ jsx80("p", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: field.productData?.name || "Product" }),
+                            field.productData?.sku && /* @__PURE__ */ jsxs64("p", { className: "text-[10px] text-gray-500", children: [
                               "SKU: ",
                               field.productData?.sku
                             ] })
                           ] }),
-                          /* @__PURE__ */ jsx79("td", { className: "px-3 py-2", children: /* @__PURE__ */ jsx79(
+                          /* @__PURE__ */ jsx80("td", { className: "px-3 py-2", children: /* @__PURE__ */ jsx80(
                             Fields_default.Input,
                             {
                               form: methods,
@@ -12900,7 +13122,7 @@ function PackForm() {
                               className: "h-8 py-1!"
                             }
                           ) }),
-                          /* @__PURE__ */ jsx79("td", { className: "px-3 py-2", children: /* @__PURE__ */ jsx79(
+                          /* @__PURE__ */ jsx80("td", { className: "px-3 py-2", children: /* @__PURE__ */ jsx80(
                             Fields_default.Input,
                             {
                               form: methods,
@@ -12911,8 +13133,8 @@ function PackForm() {
                               className: "h-8 py-1!"
                             }
                           ) }),
-                          /* @__PURE__ */ jsx79("td", { className: "px-3 py-2", children: /* @__PURE__ */ jsx79("span", { className: "text-sm font-semibold", children: ((Number(watch(`products.${index}.quantity`)) || 0) * (Number(watch(`products.${index}.cost`)) || 0)).toLocaleString() }) }),
-                          /* @__PURE__ */ jsx79("td", { className: "px-3 py-2 text-center", children: /* @__PURE__ */ jsx79(
+                          /* @__PURE__ */ jsx80("td", { className: "px-3 py-2", children: /* @__PURE__ */ jsx80("span", { className: "text-sm font-semibold", children: ((Number(watch(`products.${index}.quantity`)) || 0) * (Number(watch(`products.${index}.cost`)) || 0)).toLocaleString() }) }),
+                          /* @__PURE__ */ jsx80("td", { className: "px-3 py-2 text-center", children: /* @__PURE__ */ jsx80(
                             Button,
                             {
                               type: "button",
@@ -12920,42 +13142,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__ */ jsx79(Trash28, { size: 16 })
+                              children: /* @__PURE__ */ jsx80(Trash28, { size: 16 })
                             }
                           ) })
                         ]
                       },
                       field.id
                     )),
-                    fields.length === 0 && /* @__PURE__ */ jsx79("tr", { children: /* @__PURE__ */ jsx79("td", { colSpan: 5, className: "text-center py-10", children: /* @__PURE__ */ jsx79("p", { className: "text-sm text-gray-500", children: "No products added yet. Use the search above to add products." }) }) })
+                    fields.length === 0 && /* @__PURE__ */ jsx80("tr", { children: /* @__PURE__ */ jsx80("td", { colSpan: 5, className: "text-center py-10", children: /* @__PURE__ */ jsx80("p", { className: "text-sm text-gray-500", children: "No products added yet. Use the search above to add products." }) }) })
                   ] })
                 ] }) }),
-                /* @__PURE__ */ jsxs63("div", { className: "mt-6 pt-6 border-t grid grid-cols-1 sm:grid-cols-3 gap-3", children: [
-                  /* @__PURE__ */ jsxs63("div", { className: "bg-white dark:bg-gray-900 p-3 rounded-lg border shadow-sm", children: [
-                    /* @__PURE__ */ jsx79("p", { className: "text-[10px] text-gray-500 uppercase font-bold mb-0.5", children: "Total Lines" }),
-                    /* @__PURE__ */ jsx79("p", { className: "text-lg font-bold text-blue-600", children: watch("products")?.length || 0 })
+                /* @__PURE__ */ jsxs64("div", { className: "mt-6 pt-6 border-t grid grid-cols-1 sm:grid-cols-3 gap-3", children: [
+                  /* @__PURE__ */ jsxs64("div", { className: "bg-white dark:bg-gray-900 p-3 rounded-lg border shadow-sm", children: [
+                    /* @__PURE__ */ jsx80("p", { className: "text-[10px] text-gray-500 uppercase font-bold mb-0.5", children: "Total Lines" }),
+                    /* @__PURE__ */ jsx80("p", { className: "text-lg font-bold text-blue-600", children: watch("products")?.length || 0 })
                   ] }),
-                  /* @__PURE__ */ jsxs63("div", { className: "bg-white dark:bg-gray-900 p-3 rounded-lg border shadow-sm", children: [
-                    /* @__PURE__ */ jsx79("p", { className: "text-[10px] text-gray-500 uppercase font-bold mb-0.5", children: "Total Quantity" }),
-                    /* @__PURE__ */ jsx79("p", { className: "text-lg font-bold text-indigo-600", children: watch("products")?.reduce(
+                  /* @__PURE__ */ jsxs64("div", { className: "bg-white dark:bg-gray-900 p-3 rounded-lg border shadow-sm", children: [
+                    /* @__PURE__ */ jsx80("p", { className: "text-[10px] text-gray-500 uppercase font-bold mb-0.5", children: "Total Quantity" }),
+                    /* @__PURE__ */ jsx80("p", { className: "text-lg font-bold text-indigo-600", children: watch("products")?.reduce(
                       (acc, curr) => acc + (Number(curr.quantity) || 0),
                       0
                     ) })
                   ] }),
-                  /* @__PURE__ */ jsxs63("div", { className: "bg-white dark:bg-gray-900 p-3 rounded-lg border shadow-sm", children: [
-                    /* @__PURE__ */ jsx79("p", { className: "text-[10px] text-gray-500 uppercase font-bold mb-0.5", children: "Total Cost" }),
-                    /* @__PURE__ */ jsxs63("p", { className: "text-lg font-bold text-emerald-600", children: [
+                  /* @__PURE__ */ jsxs64("div", { className: "bg-white dark:bg-gray-900 p-3 rounded-lg border shadow-sm", children: [
+                    /* @__PURE__ */ jsx80("p", { className: "text-[10px] text-gray-500 uppercase font-bold mb-0.5", children: "Total Cost" }),
+                    /* @__PURE__ */ jsxs64("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__ */ jsx79("span", { className: "text-[10px] font-normal text-gray-400", children: "USD" })
+                      /* @__PURE__ */ jsx80("span", { className: "text-[10px] font-normal text-gray-400", children: "USD" })
                     ] })
                   ] })
                 ] })
               ] }),
-              /* @__PURE__ */ jsx79("footer", { className: "flex justify-end mt-8", children: /* @__PURE__ */ jsx79(
+              /* @__PURE__ */ jsx80("footer", { className: "flex justify-end mt-8", children: /* @__PURE__ */ jsx80(
                 Button,
                 {
                   isLoading,
@@ -12976,7 +13198,7 @@ function PackForm() {
 var PackForm_default = PackForm;
 
 // src/components/packs/Feilds/Pack.tsx
-import { jsx as jsx80 } from "react/jsx-runtime";
+import { jsx as jsx81 } from "react/jsx-runtime";
 function Pack({
   name,
   label,
@@ -12988,7 +13210,7 @@ function Pack({
   required,
   disabled
 }) {
-  return /* @__PURE__ */ jsx80(
+  return /* @__PURE__ */ jsx81(
     Fields_default.SearchApi,
     {
       label,
@@ -13014,7 +13236,7 @@ import { EllipsisVertical as EllipsisVertical8, Eye as Eye2, FilePenLine as File
 
 // src/hooks/useTransactionView.tsx
 import { useState as useState39 } from "react";
-import { jsx as jsx81 } from "react/jsx-runtime";
+import { jsx as jsx82 } from "react/jsx-runtime";
 var useTransactionView = () => {
   const [open, setOpen] = useState39(false);
   const [id, setId] = useState39("");
@@ -13040,7 +13262,7 @@ var useTransactionView = () => {
   };
   const TransactionView = () => {
     if (!open) return null;
-    return /* @__PURE__ */ jsx81(
+    return /* @__PURE__ */ jsx82(
       Views_default.Transaction,
       {
         close: closeTransaction,
@@ -13063,7 +13285,7 @@ var useTransactionView = () => {
 var useTransactionView_default = useTransactionView;
 
 // src/components/journals/Journals.tsx
-import { Fragment as Fragment24, jsx as jsx82, jsxs as jsxs64 } from "react/jsx-runtime";
+import { Fragment as Fragment25, jsx as jsx83, jsxs as jsxs65 } from "react/jsx-runtime";
 function Journals({
   url,
   journalType
@@ -13079,7 +13301,7 @@ function Journals({
   const items = (data2) => [
     {
       label: `View Journal`,
-      icon: /* @__PURE__ */ jsx82(Eye2, { size: 16 }),
+      icon: /* @__PURE__ */ jsx83(Eye2, { size: 16 }),
       className: "min-w-[200px]",
       onClick: () => openTransaction({
         id: data2?._id,
@@ -13088,12 +13310,12 @@ function Journals({
     },
     {
       label: `Edit Journal`,
-      icon: /* @__PURE__ */ jsx82(FilePenLine7, { size: 16 }),
+      icon: /* @__PURE__ */ jsx83(FilePenLine7, { size: 16 }),
       onClick: () => navigate(`update?id=${data2?._id}`)
     },
     {
       label: `Delete Journal`,
-      icon: /* @__PURE__ */ jsx82(Trash29, { className: "text-red-500", size: 16 }),
+      icon: /* @__PURE__ */ jsx83(Trash29, { className: "text-red-500", size: 16 }),
       onClick: () => {
         openTransaction({
           id: data2?._id,
@@ -13109,9 +13331,9 @@ function Journals({
       header: "Date",
       cell: ({ row }) => {
         const journal = row.original;
-        return /* @__PURE__ */ jsxs64("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ jsx82("span", { children: journal?.date }),
-          /* @__PURE__ */ jsx82(
+        return /* @__PURE__ */ jsxs65("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ jsx83("span", { children: journal?.date }),
+          /* @__PURE__ */ jsx83(
             "span",
             {
               onClick: () => openTransaction({
@@ -13130,7 +13352,7 @@ function Journals({
       header: "Account",
       cell: ({ row }) => {
         const journal = row.original;
-        return /* @__PURE__ */ jsx82("span", { children: journal?.accountData?.name || "N/A" });
+        return /* @__PURE__ */ jsx83("span", { children: journal?.accountData?.name || "N/A" });
       }
     },
     {
@@ -13138,9 +13360,9 @@ function Journals({
       header: "Description",
       cell: ({ row }) => {
         const journal = row.original;
-        return /* @__PURE__ */ jsxs64("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ jsx82("span", { className: "capitalize", children: journal?.description }),
-          journal?.note && /* @__PURE__ */ jsxs64("span", { className: "text-xs text-gray-400 italic", children: [
+        return /* @__PURE__ */ jsxs65("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ jsx83("span", { className: "capitalize", children: journal?.description }),
+          journal?.note && /* @__PURE__ */ jsxs65("span", { className: "text-xs text-gray-400 italic", children: [
             "Note: ",
             journal?.note
           ] })
@@ -13152,13 +13374,13 @@ function Journals({
       header: "Amount",
       cell: ({ row }) => {
         const journal = row.original;
-        return /* @__PURE__ */ jsxs64("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ jsx82("span", { children: Formats_default.Price(journal?.amount, journal?.currency) }),
-          journal?.feeAmount > 0 && /* @__PURE__ */ jsxs64("span", { className: "text-xs text-green-600", children: [
+        return /* @__PURE__ */ jsxs65("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ jsx83("span", { children: Formats_default.Price(journal?.amount, journal?.currency) }),
+          journal?.feeAmount > 0 && /* @__PURE__ */ jsxs65("span", { className: "text-xs text-green-600", children: [
             "with fee: ",
             Formats_default.Price(journal?.feeAmount, journal?.currency)
           ] }),
-          journal?.exchange?.rate && /* @__PURE__ */ jsxs64("span", { className: "text-xs text-green-600", children: [
+          journal?.exchange?.rate && /* @__PURE__ */ jsxs65("span", { className: "text-xs text-green-600", children: [
             "Exchanged:",
             " ",
             Formats_default.Price(
@@ -13174,7 +13396,7 @@ function Journals({
       header: "Type",
       cell: ({ row }) => {
         const journal = row.original;
-        return /* @__PURE__ */ jsx82("span", { className: "capitalize", children: journal?.journal });
+        return /* @__PURE__ */ jsx83("span", { className: "capitalize", children: journal?.journal });
       }
     },
     {
@@ -13182,9 +13404,9 @@ function Journals({
       header: "Via",
       cell: ({ row }) => {
         const journal = row.original;
-        return /* @__PURE__ */ jsxs64("div", { className: "", children: [
-          /* @__PURE__ */ jsx82("p", { className: "capitalize", children: journal?.journalVia }),
-          journal?.journalVia === "via account" && /* @__PURE__ */ jsx82("p", { className: "capitalize text-xs text-gray-600", children: journal?.viaAccountData?.name })
+        return /* @__PURE__ */ jsxs65("div", { className: "", children: [
+          /* @__PURE__ */ jsx83("p", { className: "capitalize", children: journal?.journalVia }),
+          journal?.journalVia === "via account" && /* @__PURE__ */ jsx83("p", { className: "capitalize text-xs text-gray-600", children: journal?.viaAccountData?.name })
         ] });
       }
     },
@@ -13193,7 +13415,7 @@ function Journals({
       header: "Action",
       cell: ({ row }) => {
         const journal = row.original;
-        return /* @__PURE__ */ jsx82("span", { className: "capitalize", children: journal?.action });
+        return /* @__PURE__ */ jsx83("span", { className: "capitalize", children: journal?.action });
       }
     },
     {
@@ -13201,23 +13423,23 @@ function Journals({
       header: "Actions",
       cell: ({ row }) => {
         const data2 = row.original;
-        return /* @__PURE__ */ jsx82(
+        return /* @__PURE__ */ jsx83(
           Dropdown,
           {
             className: "cursor-pointer ",
             items: items(data2),
             triggerMode: "hover",
-            children: /* @__PURE__ */ jsx82(EllipsisVertical8, {})
+            children: /* @__PURE__ */ jsx83(EllipsisVertical8, {})
           }
         );
       }
     }
   ];
   const journals = data?.data || [];
-  return /* @__PURE__ */ jsxs64(Fragment24, { children: [
-    /* @__PURE__ */ jsx82(Modal2, {}),
-    /* @__PURE__ */ jsx82(TransactionView, {}),
-    /* @__PURE__ */ jsx82(
+  return /* @__PURE__ */ jsxs65(Fragment25, { children: [
+    /* @__PURE__ */ jsx83(Modal2, {}),
+    /* @__PURE__ */ jsx83(TransactionView, {}),
+    /* @__PURE__ */ jsx83(
       TransactionViewComponent,
       {
         columns,
@@ -13292,7 +13514,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;
@@ -13309,7 +13531,7 @@ var Forex = {
 var forex_default = Forex;
 
 // src/components/journals/JournalForm.tsx
-import { Fragment as Fragment25, jsx as jsx83, jsxs as jsxs65 } from "react/jsx-runtime";
+import { Fragment as Fragment26, jsx as jsx84, jsxs as jsxs66 } from "react/jsx-runtime";
 function JournalForm({
   isFee = true,
   accountType = "all"
@@ -13413,25 +13635,25 @@ function JournalForm({
       fetches();
     }
   }, [id]);
-  return /* @__PURE__ */ jsxs65(
+  return /* @__PURE__ */ jsxs66(
     Card,
     {
       className: "max-w-4xl mx-auto mt-10 relative",
       isLoading: isLoadingGet,
       loadingText: "Processing...",
       children: [
-        /* @__PURE__ */ jsxs65(Card.Header, { children: [
-          /* @__PURE__ */ jsx83(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Journal` }),
-          /* @__PURE__ */ jsx83(Card.Description, { children: isEdit ? `Update the details for this journal entry` : `Create a new journal entry` })
+        /* @__PURE__ */ jsxs66(Card.Header, { children: [
+          /* @__PURE__ */ jsx84(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Journal` }),
+          /* @__PURE__ */ jsx84(Card.Description, { children: isEdit ? `Update the details for this journal entry` : `Create a new journal entry` })
         ] }),
-        /* @__PURE__ */ jsx83(Card.Content, { children: /* @__PURE__ */ jsxs65(
+        /* @__PURE__ */ jsx84(Card.Content, { children: /* @__PURE__ */ jsxs66(
           "form",
           {
             className: "space-y-4",
             onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)),
             children: [
-              /* @__PURE__ */ jsxs65("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-                /* @__PURE__ */ jsx83(
+              /* @__PURE__ */ jsxs66("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ jsx84(
                   Fields_default.Input,
                   {
                     label: "Description",
@@ -13441,7 +13663,7 @@ function JournalForm({
                     required: true
                   }
                 ),
-                /* @__PURE__ */ jsx83(
+                /* @__PURE__ */ jsx84(
                   Fields_default.Select,
                   {
                     label: "Journal Via",
@@ -13452,8 +13674,8 @@ function JournalForm({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs65("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-                /* @__PURE__ */ jsx83(
+              /* @__PURE__ */ jsxs66("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ jsx84(
                   Fields_default.DateInput,
                   {
                     label: "Date",
@@ -13462,7 +13684,7 @@ function JournalForm({
                     required: true
                   }
                 ),
-                journalVia === "via account" && /* @__PURE__ */ jsx83(
+                journalVia === "via account" && /* @__PURE__ */ jsx84(
                   Feilds_default.Account,
                   {
                     label: "Via Account",
@@ -13476,7 +13698,7 @@ function JournalForm({
                     showBalance: true
                   }
                 ),
-                /* @__PURE__ */ jsx83(
+                /* @__PURE__ */ jsx84(
                   Fields_default.Input,
                   {
                     label: "Amount",
@@ -13487,7 +13709,7 @@ function JournalForm({
                     required: true
                   }
                 ),
-                /* @__PURE__ */ jsx83(
+                /* @__PURE__ */ jsx84(
                   Feilds_default.Account,
                   {
                     label: accountType === "all" ? "Account" : accountType,
@@ -13501,7 +13723,7 @@ function JournalForm({
                     obj: "accountObject"
                   }
                 ),
-                journalVia !== "via account" && /* @__PURE__ */ jsx83(
+                journalVia !== "via account" && /* @__PURE__ */ jsx84(
                   Fields_default.Select,
                   {
                     label: "Action",
@@ -13511,8 +13733,8 @@ function JournalForm({
                     required: true
                   }
                 ),
-                isRate && /* @__PURE__ */ jsxs65(Fragment25, { children: [
-                  /* @__PURE__ */ jsx83(
+                isRate && /* @__PURE__ */ jsxs66(Fragment26, { children: [
+                  /* @__PURE__ */ jsx84(
                     Fields_default.Input,
                     {
                       label: "Rate",
@@ -13522,7 +13744,7 @@ function JournalForm({
                       required: true
                     }
                   ),
-                  /* @__PURE__ */ jsx83(
+                  /* @__PURE__ */ jsx84(
                     Fields_default.Input,
                     {
                       label: "Exchanged Amount",
@@ -13534,8 +13756,8 @@ function JournalForm({
                   ),
                   " "
                 ] }),
-                isFee && /* @__PURE__ */ jsxs65(Fragment25, { children: [
-                  /* @__PURE__ */ jsx83(
+                isFee && /* @__PURE__ */ jsxs66(Fragment26, { children: [
+                  /* @__PURE__ */ jsx84(
                     Fields_default.Input,
                     {
                       label: "Fee",
@@ -13545,7 +13767,7 @@ function JournalForm({
                       required: true
                     }
                   ),
-                  /* @__PURE__ */ jsx83(
+                  /* @__PURE__ */ jsx84(
                     Fields_default.Input,
                     {
                       label: "Amount After Fee",
@@ -13557,7 +13779,7 @@ function JournalForm({
                   )
                 ] })
               ] }),
-              /* @__PURE__ */ jsx83(
+              /* @__PURE__ */ jsx84(
                 Fields_default.Textarea,
                 {
                   label: "Note",
@@ -13566,7 +13788,7 @@ function JournalForm({
                   placeholder: "Add any additional notes here..."
                 }
               ),
-              /* @__PURE__ */ jsx83("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsx83(
+              /* @__PURE__ */ jsx84("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsx84(
                 Button,
                 {
                   isLoading,
@@ -13589,7 +13811,7 @@ var JournalForm_default = JournalForm;
 // src/components/payment/Payments.tsx
 import { useNavigate as useNavigate16, useParams as useParams18 } from "react-router-dom";
 import { EllipsisVertical as EllipsisVertical9, Eye as Eye3, FilePenLine as FilePenLine8, Trash2 as Trash210 } from "lucide-react";
-import { Fragment as Fragment26, jsx as jsx84, jsxs as jsxs66 } from "react/jsx-runtime";
+import { Fragment as Fragment27, jsx as jsx85, jsxs as jsxs67 } from "react/jsx-runtime";
 function Payments({
   url,
   paymentType
@@ -13605,17 +13827,17 @@ function Payments({
   const items = (data2) => [
     {
       label: `View Payment`,
-      icon: /* @__PURE__ */ jsx84(Eye3, { size: 16 }),
+      icon: /* @__PURE__ */ jsx85(Eye3, { size: 16 }),
       onClick: () => openTransaction({ id: data2?._id, type: "payment" })
     },
     {
       label: `Edit Payment`,
-      icon: /* @__PURE__ */ jsx84(FilePenLine8, { size: 16 }),
+      icon: /* @__PURE__ */ jsx85(FilePenLine8, { size: 16 }),
       onClick: () => navigate(`update?id=${data2?._id}`)
     },
     {
       label: `Delete Payment`,
-      icon: /* @__PURE__ */ jsx84(Trash210, { className: "text-red-500", size: 16 }),
+      icon: /* @__PURE__ */ jsx85(Trash210, { className: "text-red-500", size: 16 }),
       onClick: () => {
         openTransaction({
           id: data2?._id,
@@ -13631,9 +13853,9 @@ function Payments({
       header: "Date",
       cell: ({ row }) => {
         const payment = row.original;
-        return /* @__PURE__ */ jsxs66("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ jsx84("span", { children: payment?.date }),
-          /* @__PURE__ */ jsx84(
+        return /* @__PURE__ */ jsxs67("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ jsx85("span", { children: payment?.date }),
+          /* @__PURE__ */ jsx85(
             "span",
             {
               onClick: () => openTransaction({ id: payment?._id, type: "payment" }),
@@ -13649,7 +13871,7 @@ function Payments({
       header: "Account",
       cell: ({ row }) => {
         const payment = row.original;
-        return /* @__PURE__ */ jsx84("span", { children: payment?.accountData?.name || "N/A" });
+        return /* @__PURE__ */ jsx85("span", { children: payment?.accountData?.name || "N/A" });
       }
     },
     {
@@ -13658,7 +13880,7 @@ function Payments({
       cell: ({ row }) => {
         const payment = row.original;
         const walletData = payment?.fromWalletData || payment?.toWalletData;
-        return /* @__PURE__ */ jsx84("span", { children: walletData?.name || "N/A" });
+        return /* @__PURE__ */ jsx85("span", { children: walletData?.name || "N/A" });
       }
     },
     {
@@ -13666,13 +13888,13 @@ function Payments({
       header: "Amount",
       cell: ({ row }) => {
         const payment = row.original;
-        return /* @__PURE__ */ jsxs66("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ jsx84("span", { children: Formats_default.Price(payment?.amount, payment?.currency) }),
-          payment?.feeAmount > 0 && /* @__PURE__ */ jsxs66("span", { className: "text-xs text-green-600", children: [
+        return /* @__PURE__ */ jsxs67("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ jsx85("span", { children: Formats_default.Price(payment?.amount, payment?.currency) }),
+          payment?.feeAmount > 0 && /* @__PURE__ */ jsxs67("span", { className: "text-xs text-green-600", children: [
             "fee: ",
             Formats_default.Price(payment?.feeAmount, payment?.currency)
           ] }),
-          payment?.exchange?.rate && /* @__PURE__ */ jsxs66("span", { className: "text-xs text-green-600", children: [
+          payment?.exchange?.rate && /* @__PURE__ */ jsxs67("span", { className: "text-xs text-green-600", children: [
             "Rate: ",
             payment?.exchange?.rate,
             " (",
@@ -13690,7 +13912,7 @@ function Payments({
       header: "Action",
       cell: ({ row }) => {
         const payment = row.original;
-        return /* @__PURE__ */ jsx84(
+        return /* @__PURE__ */ jsx85(
           "span",
           {
             className: `capitalize ${payment?.action === "debit" ? "text-red-600" : "text-green-600"}`,
@@ -13704,23 +13926,23 @@ function Payments({
       header: "Actions",
       cell: ({ row }) => {
         const data2 = row.original;
-        return /* @__PURE__ */ jsx84(
+        return /* @__PURE__ */ jsx85(
           Dropdown,
           {
             className: "cursor-pointer w-[150px]",
             items: items(data2),
             triggerMode: "hover",
-            children: /* @__PURE__ */ jsx84(EllipsisVertical9, {})
+            children: /* @__PURE__ */ jsx85(EllipsisVertical9, {})
           }
         );
       }
     }
   ];
   const payments = data?.data || [];
-  return /* @__PURE__ */ jsxs66(Fragment26, { children: [
-    /* @__PURE__ */ jsx84(TransactionView, {}),
-    /* @__PURE__ */ jsx84(Modal2, {}),
-    /* @__PURE__ */ jsx84(
+  return /* @__PURE__ */ jsxs67(Fragment27, { children: [
+    /* @__PURE__ */ jsx85(TransactionView, {}),
+    /* @__PURE__ */ jsx85(Modal2, {}),
+    /* @__PURE__ */ jsx85(
       TransactionViewComponent,
       {
         columns,
@@ -13765,7 +13987,7 @@ var paymentSchema = z12.object({
 });
 
 // src/components/payment/PaymentForm.tsx
-import { Fragment as Fragment27, jsx as jsx85, jsxs as jsxs67 } from "react/jsx-runtime";
+import { Fragment as Fragment28, jsx as jsx86, jsxs as jsxs68 } from "react/jsx-runtime";
 function PaymentForm({
   accountType = "all"
 }) {
@@ -13854,24 +14076,24 @@ function PaymentForm({
       fetches();
     }
   }, [id]);
-  return /* @__PURE__ */ jsxs67(
+  return /* @__PURE__ */ jsxs68(
     Card,
     {
       className: "max-w-4xl mx-auto mt-10 relative",
       isLoading: isLoadingGet,
       loadingText: "Processing...",
       children: [
-        /* @__PURE__ */ jsxs67(Card.Header, { children: [
-          /* @__PURE__ */ jsx85(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Payment` }),
-          /* @__PURE__ */ jsx85(Card.Description, { children: isEdit ? `Update the details for this payment entry` : `Create a new payment and link it to an account and wallet` })
+        /* @__PURE__ */ jsxs68(Card.Header, { children: [
+          /* @__PURE__ */ jsx86(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Payment` }),
+          /* @__PURE__ */ jsx86(Card.Description, { children: isEdit ? `Update the details for this payment entry` : `Create a new payment and link it to an account and wallet` })
         ] }),
-        /* @__PURE__ */ jsx85(Card.Content, { children: /* @__PURE__ */ jsxs67(
+        /* @__PURE__ */ jsx86(Card.Content, { children: /* @__PURE__ */ jsxs68(
           "form",
           {
             className: "space-y-4",
             onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)),
             children: [
-              /* @__PURE__ */ jsx85(
+              /* @__PURE__ */ jsx86(
                 Fields_default.Input,
                 {
                   label: "Description",
@@ -13882,8 +14104,8 @@ function PaymentForm({
                   required: true
                 }
               ),
-              /* @__PURE__ */ jsxs67("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-                /* @__PURE__ */ jsx85(
+              /* @__PURE__ */ jsxs68("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ jsx86(
                   Fields_default.DateInput,
                   {
                     label: "Date",
@@ -13892,7 +14114,7 @@ function PaymentForm({
                     required: true
                   }
                 ),
-                /* @__PURE__ */ jsx85(
+                /* @__PURE__ */ jsx86(
                   Feilds_default.Account,
                   {
                     label: accountType === "all" ? "Account" : accountType,
@@ -13906,8 +14128,8 @@ function PaymentForm({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs67("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-                /* @__PURE__ */ jsx85(
+              /* @__PURE__ */ jsxs68("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ jsx86(
                   Feilds_default2.Wallet,
                   {
                     label: "Wallet",
@@ -13919,7 +14141,7 @@ function PaymentForm({
                     obj: "walletObject"
                   }
                 ),
-                /* @__PURE__ */ jsx85(
+                /* @__PURE__ */ jsx86(
                   Fields_default.Input,
                   {
                     label: "Amount",
@@ -13931,8 +14153,8 @@ function PaymentForm({
                   }
                 ),
                 " ",
-                isRate && /* @__PURE__ */ jsxs67(Fragment27, { children: [
-                  /* @__PURE__ */ jsx85(
+                isRate && /* @__PURE__ */ jsxs68(Fragment28, { children: [
+                  /* @__PURE__ */ jsx86(
                     Fields_default.Input,
                     {
                       label: `Rate (1 ${walletObj?.currency} = ? ${accountObj?.currency})`,
@@ -13942,7 +14164,7 @@ function PaymentForm({
                       required: true
                     }
                   ),
-                  /* @__PURE__ */ jsx85(
+                  /* @__PURE__ */ jsx86(
                     Fields_default.Input,
                     {
                       label: "Exchanged Amount",
@@ -13953,7 +14175,7 @@ function PaymentForm({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsx85(
+                /* @__PURE__ */ jsx86(
                   Fields_default.Select,
                   {
                     label: "Action",
@@ -13963,9 +14185,9 @@ function PaymentForm({
                     required: true
                   }
                 ),
-                /* @__PURE__ */ jsx85(Fields_default.Input, { label: "Fee", type: "number", name: "fee", form: methods })
+                /* @__PURE__ */ jsx86(Fields_default.Input, { label: "Fee", type: "number", name: "fee", form: methods })
               ] }),
-              /* @__PURE__ */ jsx85(
+              /* @__PURE__ */ jsx86(
                 Fields_default.Textarea,
                 {
                   label: "Note",
@@ -13974,7 +14196,7 @@ function PaymentForm({
                   placeholder: "Add any additional notes here..."
                 }
               ),
-              /* @__PURE__ */ jsx85("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsx85(
+              /* @__PURE__ */ jsx86("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsx86(
                 Button,
                 {
                   isLoading,
@@ -13997,7 +14219,7 @@ var PaymentForm_default = PaymentForm;
 // src/components/moneyTransfer/MoneyTransfers.tsx
 import { useNavigate as useNavigate17, useParams as useParams20 } from "react-router-dom";
 import { EllipsisVertical as EllipsisVertical10, FilePenLine as FilePenLine9, Trash2 as Trash211 } from "lucide-react";
-import { Fragment as Fragment28, jsx as jsx86, jsxs as jsxs68 } from "react/jsx-runtime";
+import { Fragment as Fragment29, jsx as jsx87, jsxs as jsxs69 } from "react/jsx-runtime";
 function MoneyTransfers({ url }) {
   const { branchId } = useParams20();
   const navigate = useNavigate17();
@@ -14010,17 +14232,17 @@ function MoneyTransfers({ url }) {
   const items = (data2) => [
     {
       label: `View Transfer`,
-      icon: /* @__PURE__ */ jsx86(FilePenLine9, { size: 16 }),
+      icon: /* @__PURE__ */ jsx87(FilePenLine9, { size: 16 }),
       onClick: () => openTransaction({ id: data2?._id, type: "money transfer" })
     },
     {
       label: `Edit Transfer`,
-      icon: /* @__PURE__ */ jsx86(FilePenLine9, { size: 16 }),
+      icon: /* @__PURE__ */ jsx87(FilePenLine9, { size: 16 }),
       onClick: () => navigate(`update?id=${data2?._id}`)
     },
     {
       label: `Reverse Transfer`,
-      icon: /* @__PURE__ */ jsx86(Trash211, { className: "text-red-500", size: 16 }),
+      icon: /* @__PURE__ */ jsx87(Trash211, { className: "text-red-500", size: 16 }),
       onClick: () => {
         openTransaction({
           id: data2?._id,
@@ -14036,9 +14258,9 @@ function MoneyTransfers({ url }) {
       header: "Date",
       cell: ({ row }) => {
         const transfer = row.original;
-        return /* @__PURE__ */ jsxs68("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ jsx86("span", { children: transfer?.date }),
-          /* @__PURE__ */ jsx86(
+        return /* @__PURE__ */ jsxs69("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ jsx87("span", { children: transfer?.date }),
+          /* @__PURE__ */ jsx87(
             "span",
             {
               onClick: () => openTransaction({ id: transfer?._id, type: "money transfer" }),
@@ -14054,7 +14276,7 @@ function MoneyTransfers({ url }) {
       header: "From Wallet",
       cell: ({ row }) => {
         const transfer = row.original;
-        return /* @__PURE__ */ jsx86("span", { children: transfer?.fromWalletData?.name || "N/A" });
+        return /* @__PURE__ */ jsx87("span", { children: transfer?.fromWalletData?.name || "N/A" });
       }
     },
     {
@@ -14062,7 +14284,7 @@ function MoneyTransfers({ url }) {
       header: "To Wallet",
       cell: ({ row }) => {
         const transfer = row.original;
-        return /* @__PURE__ */ jsx86("span", { children: transfer?.toWalletData?.name || "N/A" });
+        return /* @__PURE__ */ jsx87("span", { children: transfer?.toWalletData?.name || "N/A" });
       }
     },
     {
@@ -14070,13 +14292,13 @@ function MoneyTransfers({ url }) {
       header: "Amount",
       cell: ({ row }) => {
         const transfer = row.original;
-        return /* @__PURE__ */ jsxs68("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ jsx86("span", { children: Formats_default.Price(transfer?.amount, transfer?.currency) }),
-          transfer?.fee > 0 && /* @__PURE__ */ jsxs68("span", { className: "text-xs text-orange-600", children: [
+        return /* @__PURE__ */ jsxs69("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ jsx87("span", { children: Formats_default.Price(transfer?.amount, transfer?.currency) }),
+          transfer?.fee > 0 && /* @__PURE__ */ jsxs69("span", { className: "text-xs text-orange-600", children: [
             "Fee: ",
             Formats_default.Price(transfer?.fee, transfer?.currency)
           ] }),
-          transfer?.exchange?.rate && /* @__PURE__ */ jsxs68("span", { className: "text-xs text-green-600", children: [
+          transfer?.exchange?.rate && /* @__PURE__ */ jsxs69("span", { className: "text-xs text-green-600", children: [
             "Rate: ",
             transfer?.exchange?.rate,
             " (",
@@ -14094,23 +14316,23 @@ function MoneyTransfers({ url }) {
       header: "Actions",
       cell: ({ row }) => {
         const data2 = row.original;
-        return /* @__PURE__ */ jsx86(
+        return /* @__PURE__ */ jsx87(
           Dropdown,
           {
             className: "cursor-pointer w-[150px]",
             items: items(data2),
             triggerMode: "hover",
-            children: /* @__PURE__ */ jsx86(EllipsisVertical10, {})
+            children: /* @__PURE__ */ jsx87(EllipsisVertical10, {})
           }
         );
       }
     }
   ];
   const transfers = data?.data || [];
-  return /* @__PURE__ */ jsxs68(Fragment28, { children: [
-    /* @__PURE__ */ jsx86(Modal2, {}),
-    /* @__PURE__ */ jsx86(TransactionView, {}),
-    /* @__PURE__ */ jsx86(
+  return /* @__PURE__ */ jsxs69(Fragment29, { children: [
+    /* @__PURE__ */ jsx87(Modal2, {}),
+    /* @__PURE__ */ jsx87(TransactionView, {}),
+    /* @__PURE__ */ jsx87(
       TransactionViewComponent,
       {
         columns,
@@ -14153,7 +14375,7 @@ var moneyTransferSchema = z13.object({
 });
 
 // src/components/moneyTransfer/MoneyTransferForm.tsx
-import { jsx as jsx87, jsxs as jsxs69 } from "react/jsx-runtime";
+import { jsx as jsx88, jsxs as jsxs70 } from "react/jsx-runtime";
 function MoneyTransferForm() {
   const { branchId } = useParams21();
   const { getQuery, navigate } = useApp_default();
@@ -14233,26 +14455,26 @@ function MoneyTransferForm() {
       fetches();
     }
   }, [id]);
-  return /* @__PURE__ */ jsxs69(
+  return /* @__PURE__ */ jsxs70(
     Card,
     {
       className: "max-w-4xl mx-auto mt-10 relative",
       isLoading: isLoadingGet,
       loadingText: "Processing...",
       children: [
-        /* @__PURE__ */ jsxs69(Card.Header, { children: [
-          /* @__PURE__ */ jsx87(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Money Transfer` }),
-          /* @__PURE__ */ jsx87(Card.Description, { children: isEdit ? `Update the details for this money transfer` : `Move funds between two wallets` })
+        /* @__PURE__ */ jsxs70(Card.Header, { children: [
+          /* @__PURE__ */ jsx88(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Money Transfer` }),
+          /* @__PURE__ */ jsx88(Card.Description, { children: isEdit ? `Update the details for this money transfer` : `Move funds between two wallets` })
         ] }),
-        /* @__PURE__ */ jsx87(Card.Content, { children: /* @__PURE__ */ jsxs69(
+        /* @__PURE__ */ jsx88(Card.Content, { children: /* @__PURE__ */ jsxs70(
           "form",
           {
             className: "space-y-4",
             onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)),
             children: [
               " ",
-              /* @__PURE__ */ jsxs69("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-                /* @__PURE__ */ jsx87(
+              /* @__PURE__ */ jsxs70("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ jsx88(
                   Feilds_default2.Wallet,
                   {
                     label: "Source Wallet (From)",
@@ -14265,7 +14487,7 @@ function MoneyTransferForm() {
                     filter: [toWallet]
                   }
                 ),
-                /* @__PURE__ */ jsx87(
+                /* @__PURE__ */ jsx88(
                   Feilds_default2.Wallet,
                   {
                     label: "Destination Wallet (To)",
@@ -14279,8 +14501,8 @@ function MoneyTransferForm() {
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs69("div", { className: "grid grid-cols-1 sm:grid-cols-3 gap-4", children: [
-                /* @__PURE__ */ jsx87(
+              /* @__PURE__ */ jsxs70("div", { className: "grid grid-cols-1 sm:grid-cols-3 gap-4", children: [
+                /* @__PURE__ */ jsx88(
                   Fields_default.DateInput,
                   {
                     label: "Date",
@@ -14289,7 +14511,7 @@ function MoneyTransferForm() {
                     required: true
                   }
                 ),
-                /* @__PURE__ */ jsx87(
+                /* @__PURE__ */ jsx88(
                   Fields_default.Input,
                   {
                     label: "Amount",
@@ -14300,7 +14522,7 @@ function MoneyTransferForm() {
                     required: true
                   }
                 ),
-                /* @__PURE__ */ jsx87(
+                /* @__PURE__ */ jsx88(
                   Fields_default.Input,
                   {
                     label: "Fee (Optional)",
@@ -14311,8 +14533,8 @@ function MoneyTransferForm() {
                   }
                 )
               ] }),
-              isRate && /* @__PURE__ */ jsxs69("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-                /* @__PURE__ */ jsx87(
+              isRate && /* @__PURE__ */ jsxs70("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ jsx88(
                   Fields_default.Input,
                   {
                     label: `Rate (1 ${fromWalletObj?.currency} = ? ${toWalletObj?.currency})`,
@@ -14322,7 +14544,7 @@ function MoneyTransferForm() {
                     required: true
                   }
                 ),
-                /* @__PURE__ */ jsx87(
+                /* @__PURE__ */ jsx88(
                   Fields_default.Input,
                   {
                     label: "Exchanged Amount",
@@ -14333,7 +14555,7 @@ function MoneyTransferForm() {
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx87(
+              /* @__PURE__ */ jsx88(
                 Fields_default.Textarea,
                 {
                   label: "Note",
@@ -14342,7 +14564,7 @@ function MoneyTransferForm() {
                   placeholder: "Add any additional notes here..."
                 }
               ),
-              /* @__PURE__ */ jsx87("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsx87(
+              /* @__PURE__ */ jsx88("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsx88(
                 Button,
                 {
                   isLoading,
@@ -14365,7 +14587,7 @@ var MoneyTransferForm_default = MoneyTransferForm;
 // src/components/expense/Expenses.tsx
 import { useNavigate as useNavigate18, useParams as useParams22 } from "react-router-dom";
 import { EllipsisVertical as EllipsisVertical11, FilePenLine as FilePenLine10, Trash2 as Trash212 } from "lucide-react";
-import { Fragment as Fragment29, jsx as jsx88, jsxs as jsxs70 } from "react/jsx-runtime";
+import { Fragment as Fragment30, jsx as jsx89, jsxs as jsxs71 } from "react/jsx-runtime";
 function Expenses({ url }) {
   const { branchId } = useParams22();
   const navigate = useNavigate18();
@@ -14378,17 +14600,17 @@ function Expenses({ url }) {
   const items = (data2) => [
     {
       label: `View Expense`,
-      icon: /* @__PURE__ */ jsx88(FilePenLine10, { size: 16 }),
+      icon: /* @__PURE__ */ jsx89(FilePenLine10, { size: 16 }),
       onClick: () => openTransaction({ id: data2?._id, type: "expense" })
     },
     {
       label: `Edit Expense`,
-      icon: /* @__PURE__ */ jsx88(FilePenLine10, { size: 16 }),
+      icon: /* @__PURE__ */ jsx89(FilePenLine10, { size: 16 }),
       onClick: () => navigate(`update?id=${data2?._id}`)
     },
     {
       label: `Delete Expense`,
-      icon: /* @__PURE__ */ jsx88(Trash212, { className: "text-red-500", size: 16 }),
+      icon: /* @__PURE__ */ jsx89(Trash212, { className: "text-red-500", size: 16 }),
       onClick: () => {
         openTransaction({
           id: data2?._id,
@@ -14404,9 +14626,9 @@ function Expenses({ url }) {
       header: "Date",
       cell: ({ row }) => {
         const expense = row.original;
-        return /* @__PURE__ */ jsxs70("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ jsx88("span", { children: expense?.date }),
-          /* @__PURE__ */ jsx88(
+        return /* @__PURE__ */ jsxs71("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ jsx89("span", { children: expense?.date }),
+          /* @__PURE__ */ jsx89(
             "span",
             {
               onClick: () => openTransaction({ id: expense?._id, type: "expense" }),
@@ -14422,9 +14644,9 @@ function Expenses({ url }) {
       header: "Description",
       cell: ({ row }) => {
         const expense = row.original;
-        return /* @__PURE__ */ jsxs70("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ jsx88("span", { className: "capitalize", children: expense?.description }),
-          expense?.note && /* @__PURE__ */ jsx88("span", { className: "text-xs text-gray-500 italic max-w-xs truncate", children: expense?.note })
+        return /* @__PURE__ */ jsxs71("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ jsx89("span", { className: "capitalize", children: expense?.description }),
+          expense?.note && /* @__PURE__ */ jsx89("span", { className: "text-xs text-gray-500 italic max-w-xs truncate", children: expense?.note })
         ] });
       }
     },
@@ -14434,7 +14656,7 @@ function Expenses({ url }) {
       cell: ({ row }) => {
         const expense = row.original;
         const walletData = expense?.fromWalletData || expense?.toWalletData;
-        return /* @__PURE__ */ jsx88("span", { children: walletData?.name || "N/A" });
+        return /* @__PURE__ */ jsx89("span", { children: walletData?.name || "N/A" });
       }
     },
     {
@@ -14442,7 +14664,7 @@ function Expenses({ url }) {
       header: "Amount",
       cell: ({ row }) => {
         const expense = row.original;
-        return /* @__PURE__ */ jsx88("span", { className: "font-medium text-red-600", children: Formats_default.Price(expense?.amount, expense?.currency) });
+        return /* @__PURE__ */ jsx89("span", { className: "font-medium text-red-600", children: Formats_default.Price(expense?.amount, expense?.currency) });
       }
     },
     {
@@ -14450,23 +14672,23 @@ function Expenses({ url }) {
       header: "Actions",
       cell: ({ row }) => {
         const data2 = row.original;
-        return /* @__PURE__ */ jsx88(
+        return /* @__PURE__ */ jsx89(
           Dropdown,
           {
             className: "cursor-pointer w-[150px]",
             items: items(data2),
             triggerMode: "hover",
-            children: /* @__PURE__ */ jsx88(EllipsisVertical11, {})
+            children: /* @__PURE__ */ jsx89(EllipsisVertical11, {})
           }
         );
       }
     }
   ];
   const expenses = data?.data || [];
-  return /* @__PURE__ */ jsxs70(Fragment29, { children: [
-    /* @__PURE__ */ jsx88(TransactionView, {}),
-    /* @__PURE__ */ jsx88(Modal2, {}),
-    /* @__PURE__ */ jsx88(
+  return /* @__PURE__ */ jsxs71(Fragment30, { children: [
+    /* @__PURE__ */ jsx89(TransactionView, {}),
+    /* @__PURE__ */ jsx89(Modal2, {}),
+    /* @__PURE__ */ jsx89(
       TransactionViewComponent,
       {
         columns,
@@ -14505,7 +14727,7 @@ var expenseSchema = z14.object({
 });
 
 // src/components/expense/ExpenseForm.tsx
-import { jsx as jsx89, jsxs as jsxs71 } from "react/jsx-runtime";
+import { jsx as jsx90, jsxs as jsxs72 } from "react/jsx-runtime";
 function ExpenseForm() {
   const { branchId } = useParams23();
   const { getQuery, navigate } = useApp_default();
@@ -14563,25 +14785,25 @@ function ExpenseForm() {
       fetches();
     }
   }, [id]);
-  return /* @__PURE__ */ jsxs71(
+  return /* @__PURE__ */ jsxs72(
     Card,
     {
       className: "max-w-4xl mx-auto mt-10 relative",
       isLoading: isLoadingGet,
       loadingText: "Processing...",
       children: [
-        /* @__PURE__ */ jsxs71(Card.Header, { children: [
-          /* @__PURE__ */ jsx89(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Expense` }),
-          /* @__PURE__ */ jsx89(Card.Description, { children: isEdit ? `Update the details for this expense entry` : `Record a new business expense` })
+        /* @__PURE__ */ jsxs72(Card.Header, { children: [
+          /* @__PURE__ */ jsx90(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Expense` }),
+          /* @__PURE__ */ jsx90(Card.Description, { children: isEdit ? `Update the details for this expense entry` : `Record a new business expense` })
         ] }),
-        /* @__PURE__ */ jsx89(Card.Content, { children: /* @__PURE__ */ jsxs71(
+        /* @__PURE__ */ jsx90(Card.Content, { children: /* @__PURE__ */ jsxs72(
           "form",
           {
             className: "space-y-4",
             onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)),
             children: [
-              /* @__PURE__ */ jsxs71("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-                /* @__PURE__ */ jsx89(
+              /* @__PURE__ */ jsxs72("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ jsx90(
                   Fields_default.Input,
                   {
                     label: "Description",
@@ -14591,7 +14813,7 @@ function ExpenseForm() {
                     required: true
                   }
                 ),
-                /* @__PURE__ */ jsx89(
+                /* @__PURE__ */ jsx90(
                   Feilds_default2.Wallet,
                   {
                     label: "Wallet",
@@ -14604,8 +14826,8 @@ function ExpenseForm() {
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs71("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-                /* @__PURE__ */ jsx89(
+              /* @__PURE__ */ jsxs72("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ jsx90(
                   Fields_default.DateInput,
                   {
                     label: "Date",
@@ -14614,7 +14836,7 @@ function ExpenseForm() {
                     required: true
                   }
                 ),
-                /* @__PURE__ */ jsx89(
+                /* @__PURE__ */ jsx90(
                   Fields_default.Input,
                   {
                     label: "Amount",
@@ -14626,7 +14848,7 @@ function ExpenseForm() {
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx89(
+              /* @__PURE__ */ jsx90(
                 Fields_default.Textarea,
                 {
                   label: "Note",
@@ -14635,7 +14857,7 @@ function ExpenseForm() {
                   placeholder: "Add any additional details..."
                 }
               ),
-              /* @__PURE__ */ jsx89("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsx89(
+              /* @__PURE__ */ jsx90("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsx90(
                 Button,
                 {
                   isLoading,
@@ -14656,28 +14878,28 @@ function ExpenseForm() {
 var ExpenseForm_default = ExpenseForm;
 
 // src/components/ErrorPage/ErrorPage.tsx
-import { jsx as jsx90, jsxs as jsxs72 } from "react/jsx-runtime";
+import { jsx as jsx91, jsxs as jsxs73 } from "react/jsx-runtime";
 var ErrorPageBase = ({
   title,
-  message: message30,
+  message: message31,
   statusCode,
   action,
   className = ""
 }) => {
-  return /* @__PURE__ */ jsx90(
+  return /* @__PURE__ */ jsx91(
     "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__ */ jsxs72("div", { className: "relative flex flex-col items-center justify-center w-full max-w-2xl text-center", children: [
-        statusCode && /* @__PURE__ */ jsx90("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__ */ jsx90("span", { className: "text-[12rem] sm:text-[16rem] md:text-[20rem] font-bold leading-none tracking-tighter", children: statusCode }) }),
-        /* @__PURE__ */ jsxs72("div", { className: "relative z-10 space-y-6", children: [
-          statusCode && /* @__PURE__ */ jsxs72("h2", { className: "text-xl md:text-2xl font-semibold text-zinc-500 dark:text-zinc-400", children: [
+      children: /* @__PURE__ */ jsxs73("div", { className: "relative flex flex-col items-center justify-center w-full max-w-2xl text-center", children: [
+        statusCode && /* @__PURE__ */ jsx91("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__ */ jsx91("span", { className: "text-[12rem] sm:text-[16rem] md:text-[20rem] font-bold leading-none tracking-tighter", children: statusCode }) }),
+        /* @__PURE__ */ jsxs73("div", { className: "relative z-10 space-y-6", children: [
+          statusCode && /* @__PURE__ */ jsxs73("h2", { className: "text-xl md:text-2xl font-semibold text-zinc-500 dark:text-zinc-400", children: [
             "Error ",
             statusCode
           ] }),
-          title && /* @__PURE__ */ jsx90("h1", { className: "text-4xl md:text-5xl font-extrabold tracking-tight drop-shadow-sm", children: title }),
-          message30 && /* @__PURE__ */ jsx90("p", { className: "text-lg md:text-xl text-zinc-600 dark:text-zinc-400 max-w-md mx-auto", children: message30 }),
-          action && /* @__PURE__ */ jsx90("div", { className: "pt-8", children: /* @__PURE__ */ jsx90(
+          title && /* @__PURE__ */ jsx91("h1", { className: "text-4xl md:text-5xl font-extrabold tracking-tight drop-shadow-sm", children: title }),
+          message31 && /* @__PURE__ */ jsx91("p", { className: "text-lg md:text-xl text-zinc-600 dark:text-zinc-400 max-w-md mx-auto", children: message31 }),
+          action && /* @__PURE__ */ jsx91("div", { className: "pt-8", children: /* @__PURE__ */ jsx91(
             "button",
             {
               onClick: action.onClick,
@@ -14693,9 +14915,9 @@ var ErrorPageBase = ({
 };
 
 // src/components/ErrorPage/ErrorPage.500.tsx
-import { jsx as jsx91 } from "react/jsx-runtime";
+import { jsx as jsx92 } from "react/jsx-runtime";
 var ErrorPage500 = (props) => {
-  return /* @__PURE__ */ jsx91(
+  return /* @__PURE__ */ jsx92(
     ErrorPageBase,
     {
       statusCode: 500,
@@ -14708,9 +14930,9 @@ var ErrorPage500 = (props) => {
 };
 
 // src/components/ErrorPage/ErrorPage.404.tsx
-import { jsx as jsx92 } from "react/jsx-runtime";
+import { jsx as jsx93 } from "react/jsx-runtime";
 var ErrorPage404 = (props) => {
-  return /* @__PURE__ */ jsx92(
+  return /* @__PURE__ */ jsx93(
     ErrorPageBase,
     {
       statusCode: 404,
@@ -14723,9 +14945,9 @@ var ErrorPage404 = (props) => {
 };
 
 // src/components/ErrorPage/ErrorPage.401.tsx
-import { jsx as jsx93 } from "react/jsx-runtime";
+import { jsx as jsx94 } from "react/jsx-runtime";
 var ErrorPage401 = (props) => {
-  return /* @__PURE__ */ jsx93(
+  return /* @__PURE__ */ jsx94(
     ErrorPageBase,
     {
       statusCode: 401,
@@ -14738,9 +14960,9 @@ var ErrorPage401 = (props) => {
 };
 
 // src/components/ErrorPage/ErrorPage.400.tsx
-import { jsx as jsx94 } from "react/jsx-runtime";
+import { jsx as jsx95 } from "react/jsx-runtime";
 var ErrorPage400 = (props) => {
-  return /* @__PURE__ */ jsx94(
+  return /* @__PURE__ */ jsx95(
     ErrorPageBase,
     {
       statusCode: 400,
@@ -14761,7 +14983,7 @@ var ErrorPage = Object.assign(ErrorPageBase, {
 });
 
 // src/components/accounts/Report.tsx
-import { Fragment as Fragment30, jsx as jsx95, jsxs as jsxs73 } from "react/jsx-runtime";
+import { Fragment as Fragment31, jsx as jsx96, jsxs as jsxs74 } from "react/jsx-runtime";
 var AccountReport = () => {
   const { apiConfig } = useWarqadConfig();
   const { TransactionView, openTransaction } = useTransactionView_default();
@@ -14780,9 +15002,9 @@ var AccountReport = () => {
       header: "Date",
       key: "date",
       className: "text-xs whitespace-nowrap",
-      render: (row) => /* @__PURE__ */ jsxs73("div", { className: "", children: [
-        /* @__PURE__ */ jsx95("p", { className: "font-bold text-black dark:text-white print:text-black", children: row.date }),
-        /* @__PURE__ */ jsx95(
+      render: (row) => /* @__PURE__ */ jsxs74("div", { className: "", children: [
+        /* @__PURE__ */ jsx96("p", { className: "font-bold text-black dark:text-white print:text-black", children: row.date }),
+        /* @__PURE__ */ jsx96(
           "span",
           {
             onClick: () => {
@@ -14801,7 +15023,7 @@ var AccountReport = () => {
       header: "Description",
       key: "description",
       className: "text-xs w-full break-words",
-      render: (row) => /* @__PURE__ */ jsx95("span", { className: "font-bold text-black dark:text-white print:text-black", children: row.description })
+      render: (row) => /* @__PURE__ */ jsx96("span", { className: "font-bold text-black dark:text-white print:text-black", children: row.description })
     },
     {
       header: "Credit",
@@ -14810,16 +15032,16 @@ var AccountReport = () => {
       render: (row) => {
         const Amount = row.calculatedAmount;
         const fee = 0;
-        return /* @__PURE__ */ jsx95("div", { className: "", children: Amount > 0 ? /* @__PURE__ */ jsxs73(Fragment30, { children: [
-          /* @__PURE__ */ jsx95("p", { className: "font-bold text-green-500 dark:text-green-500 print:text-green-500", children: Formats_default.Amount(Amount) }),
-          fee > 0 && /* @__PURE__ */ jsxs73("span", { className: "text-[8px]", children: [
+        return /* @__PURE__ */ jsx96("div", { className: "", children: Amount > 0 ? /* @__PURE__ */ jsxs74(Fragment31, { children: [
+          /* @__PURE__ */ jsx96("p", { className: "font-bold text-green-500 dark:text-green-500 print:text-green-500", children: Formats_default.Amount(Amount) }),
+          fee > 0 && /* @__PURE__ */ jsxs74("span", { className: "text-[8px]", children: [
             "fee:(",
             fee,
             ")"
           ] })
         ] }) : "" });
       },
-      renderFooter: (data2) => /* @__PURE__ */ jsx95("span", { className: "text-green-500 font-bold", children: Formats_default.Amount(
+      renderFooter: (data2) => /* @__PURE__ */ jsx96("span", { className: "text-green-500 font-bold", children: Formats_default.Amount(
         data2.reduce(
           (acc, row) => acc + (row.calculatedAmount > 0 ? row.calculatedAmount : 0),
           0
@@ -14833,16 +15055,16 @@ var AccountReport = () => {
       render: (row) => {
         const Amount = row.calculatedAmount;
         const fee = 0;
-        return /* @__PURE__ */ jsx95("div", { className: "", children: Amount < 0 ? /* @__PURE__ */ jsxs73(Fragment30, { children: [
-          /* @__PURE__ */ jsx95("p", { className: "font-bold text-red-500 dark:text-red-500 print:text-red-500", children: Formats_default.Amount(Amount) }),
-          fee > 0 && /* @__PURE__ */ jsxs73("span", { className: "text-[8px]", children: [
+        return /* @__PURE__ */ jsx96("div", { className: "", children: Amount < 0 ? /* @__PURE__ */ jsxs74(Fragment31, { children: [
+          /* @__PURE__ */ jsx96("p", { className: "font-bold text-red-500 dark:text-red-500 print:text-red-500", children: Formats_default.Amount(Amount) }),
+          fee > 0 && /* @__PURE__ */ jsxs74("span", { className: "text-[8px]", children: [
             "Fee:(",
             fee,
             ")"
           ] })
         ] }) : "" });
       },
-      renderFooter: (data2) => /* @__PURE__ */ jsx95("span", { className: "text-red-500 font-bold", children: Formats_default.Amount(
+      renderFooter: (data2) => /* @__PURE__ */ jsx96("span", { className: "text-red-500 font-bold", children: Formats_default.Amount(
         data2.reduce(
           (acc, row) => acc + (row.calculatedAmount < 0 ? row.calculatedAmount : 0),
           0
@@ -14853,8 +15075,8 @@ var AccountReport = () => {
       header: "Balance",
       key: "runningBalance",
       className: "text-xs whitespace-nowrap text-right",
-      render: (row) => /* @__PURE__ */ jsx95("span", { className: "font-bold text-black dark:text-white print:text-black", children: Formats_default.Price(row.runningBalance, currency) }),
-      renderFooter: (data2) => /* @__PURE__ */ jsx95("span", { className: "text-black dark:text-white print:text-black font-bold", children: Formats_default.Price(
+      render: (row) => /* @__PURE__ */ jsx96("span", { className: "font-bold text-black dark:text-white print:text-black", children: Formats_default.Price(row.runningBalance, currency) }),
+      renderFooter: (data2) => /* @__PURE__ */ jsx96("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
       ) })
@@ -14873,9 +15095,9 @@ var AccountReport = () => {
     { label: "Account Type", value: data?.data?.type },
     { label: "Currency", value: data?.data?.currency }
   ];
-  return /* @__PURE__ */ jsxs73(Fragment30, { children: [
-    /* @__PURE__ */ jsx95(TransactionView, {}),
-    /* @__PURE__ */ jsx95(
+  return /* @__PURE__ */ jsxs74(Fragment31, { children: [
+    /* @__PURE__ */ jsx96(TransactionView, {}),
+    /* @__PURE__ */ jsx96(
       A4DataView,
       {
         columns,
@@ -14892,7 +15114,7 @@ var AccountReport = () => {
 var Report_default = AccountReport;
 
 // src/components/wallets/Report.tsx
-import { Fragment as Fragment31, jsx as jsx96, jsxs as jsxs74 } from "react/jsx-runtime";
+import { Fragment as Fragment32, jsx as jsx97, jsxs as jsxs75 } from "react/jsx-runtime";
 var WalletReport = () => {
   const { apiConfig } = useWarqadConfig();
   const { getParams } = useApp_default();
@@ -14910,9 +15132,9 @@ var WalletReport = () => {
       header: "Date",
       key: "date",
       className: "text-xs whitespace-nowrap",
-      render: (row) => /* @__PURE__ */ jsxs74("div", { className: "", children: [
-        /* @__PURE__ */ jsx96("p", { className: "font-bold text-black dark:text-white print:text-black", children: row.date }),
-        /* @__PURE__ */ jsx96(
+      render: (row) => /* @__PURE__ */ jsxs75("div", { className: "", children: [
+        /* @__PURE__ */ jsx97("p", { className: "font-bold text-black dark:text-white print:text-black", children: row.date }),
+        /* @__PURE__ */ jsx97(
           "span",
           {
             onClick: () => {
@@ -14931,7 +15153,7 @@ var WalletReport = () => {
       header: "Description",
       key: "description",
       className: "text-xs w-full break-words",
-      render: (row) => /* @__PURE__ */ jsx96("span", { className: "font-bold text-black dark:text-white print:text-black", children: row.description })
+      render: (row) => /* @__PURE__ */ jsx97("span", { className: "font-bold text-black dark:text-white print:text-black", children: row.description })
     },
     {
       header: "Credit",
@@ -14940,9 +15162,9 @@ var WalletReport = () => {
       render: (row) => {
         const Amount = row.calculatedAmount;
         const fee = 0;
-        return /* @__PURE__ */ jsx96("div", { className: "", children: Amount > 0 ? /* @__PURE__ */ jsxs74(Fragment31, { children: [
-          /* @__PURE__ */ jsx96("p", { className: "font-bold text-green-500 dark:text-green-500 print:text-green-500", children: Formats_default.Amount(Amount) }),
-          fee > 0 && /* @__PURE__ */ jsxs74("span", { className: "text-[8px]", children: [
+        return /* @__PURE__ */ jsx97("div", { className: "", children: Amount > 0 ? /* @__PURE__ */ jsxs75(Fragment32, { children: [
+          /* @__PURE__ */ jsx97("p", { className: "font-bold text-green-500 dark:text-green-500 print:text-green-500", children: Formats_default.Amount(Amount) }),
+          fee > 0 && /* @__PURE__ */ jsxs75("span", { className: "text-[8px]", children: [
             "fee:(",
             fee,
             ")"
@@ -14950,7 +15172,7 @@ var WalletReport = () => {
         ] }) : "" });
       },
       renderFooter: (data2) => {
-        return /* @__PURE__ */ jsx96("span", { className: "text-green-500 font-bold", children: Formats_default.Amount(
+        return /* @__PURE__ */ jsx97("span", { className: "text-green-500 font-bold", children: Formats_default.Amount(
           data2.reduce(
             (acc, row) => acc + (row.calculatedAmount > 0 ? row.calculatedAmount : 0),
             0
@@ -14966,16 +15188,16 @@ var WalletReport = () => {
       render: (row) => {
         const Amount = row.calculatedAmount;
         const fee = 0;
-        return /* @__PURE__ */ jsx96("div", { className: "", children: Amount < 0 ? /* @__PURE__ */ jsxs74(Fragment31, { children: [
-          /* @__PURE__ */ jsx96("p", { className: "font-bold text-red-500 dark:text-red-500 print:text-red-500", children: Formats_default.Amount(Amount) }),
-          fee > 0 && /* @__PURE__ */ jsxs74("span", { className: "text-[8px]", children: [
+        return /* @__PURE__ */ jsx97("div", { className: "", children: Amount < 0 ? /* @__PURE__ */ jsxs75(Fragment32, { children: [
+          /* @__PURE__ */ jsx97("p", { className: "font-bold text-red-500 dark:text-red-500 print:text-red-500", children: Formats_default.Amount(Amount) }),
+          fee > 0 && /* @__PURE__ */ jsxs75("span", { className: "text-[8px]", children: [
             "Fee:(",
             fee,
             ")"
           ] })
         ] }) : "" });
       },
-      renderFooter: (data2) => /* @__PURE__ */ jsx96("span", { className: "text-red-500 font-bold", children: Formats_default.Amount(
+      renderFooter: (data2) => /* @__PURE__ */ jsx97("span", { className: "text-red-500 font-bold", children: Formats_default.Amount(
         data2.reduce(
           (acc, row) => acc + (row.calculatedAmount < 0 ? row.calculatedAmount : 0),
           0
@@ -14986,8 +15208,8 @@ var WalletReport = () => {
       header: "Balance",
       key: "runningBalance",
       className: "text-xs whitespace-nowrap text-right",
-      render: (row) => /* @__PURE__ */ jsx96("span", { className: "font-bold text-black dark:text-white print:text-black", children: Formats_default.Price(row.runningBalance, currency) }),
-      renderFooter: (data2) => /* @__PURE__ */ jsx96("span", { className: "text-black dark:text-white print:text-black font-bold", children: Formats_default.Price(
+      render: (row) => /* @__PURE__ */ jsx97("span", { className: "font-bold text-black dark:text-white print:text-black", children: Formats_default.Price(row.runningBalance, currency) }),
+      renderFooter: (data2) => /* @__PURE__ */ jsx97("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
       ) })
@@ -15006,10 +15228,10 @@ var WalletReport = () => {
     { label: "Wallet Account No", value: data?.data?.accountNo || "N/A" },
     { label: "Currency", value: data?.data?.currency }
   ];
-  return /* @__PURE__ */ jsxs74(Fragment31, { children: [
-    /* @__PURE__ */ jsx96(TransactionView, {}),
-    /* @__PURE__ */ jsx96(
-      A4DataView,
+  return /* @__PURE__ */ jsxs75(Fragment32, { children: [
+    /* @__PURE__ */ jsx97(TransactionView, {}),
+    /* @__PURE__ */ jsx97(
+      A4DataView,
       {
         columns,
         data: datas || [],
@@ -15027,7 +15249,7 @@ var Report_default2 = WalletReport;
 // src/components/accounts/Statements.tsx
 import { useNavigate as useNavigate19, useSearchParams as useSearchParams3 } from "react-router-dom";
 import { useMemo as useMemo14, useState as useState44, useEffect as useEffect35 } from "react";
-import { Fragment as Fragment32, jsx as jsx97, jsxs as jsxs75 } from "react/jsx-runtime";
+import { Fragment as Fragment33, jsx as jsx98, jsxs as jsxs76 } from "react/jsx-runtime";
 var options = [
   { label: "All", value: "all" },
   { label: "Debit", value: "debit" },
@@ -15092,7 +15314,7 @@ var AccountStatements = () => {
       header: "Name",
       key: "name",
       className: "text-xs whitespace-nowrap ",
-      render: (row) => /* @__PURE__ */ jsx97("div", { className: "", children: /* @__PURE__ */ jsx97(
+      render: (row) => /* @__PURE__ */ jsx98("div", { className: "", children: /* @__PURE__ */ jsx98(
         "p",
         {
           onClick: () => navigate(`${row._id}`),
@@ -15108,9 +15330,9 @@ var AccountStatements = () => {
       render: (row) => {
         const Amount = row.balance;
         const fee = 0;
-        return /* @__PURE__ */ jsx97("div", { className: "", children: Amount > 0 ? /* @__PURE__ */ jsxs75(Fragment32, { children: [
-          /* @__PURE__ */ jsx97("p", { className: "font-bold text-green-500 dark:text-green-500 print:text-green-500", children: Formats_default.Amount(Amount) }),
-          fee > 0 && /* @__PURE__ */ jsxs75("span", { className: "text-[8px]", children: [
+        return /* @__PURE__ */ jsx98("div", { className: "", children: Amount > 0 ? /* @__PURE__ */ jsxs76(Fragment33, { children: [
+          /* @__PURE__ */ jsx98("p", { className: "font-bold text-green-500 dark:text-green-500 print:text-green-500", children: Formats_default.Amount(Amount) }),
+          fee > 0 && /* @__PURE__ */ jsxs76("span", { className: "text-[8px]", children: [
             "fee:(",
             fee,
             ")"
@@ -15118,7 +15340,7 @@ var AccountStatements = () => {
         ] }) : "" });
       },
       renderFooter: (data2) => {
-        return /* @__PURE__ */ jsx97("span", { className: "text-green-500 font-bold", children: Formats_default.Amount(
+        return /* @__PURE__ */ jsx98("span", { className: "text-green-500 font-bold", children: Formats_default.Amount(
           data2.reduce(
             (acc, row) => acc + (row.balance > 0 ? row.balance : 0),
             0
@@ -15134,16 +15356,16 @@ var AccountStatements = () => {
       render: (row) => {
         const Amount = row.balance;
         const fee = 0;
-        return /* @__PURE__ */ jsx97("div", { className: "", children: Amount < 0 ? /* @__PURE__ */ jsxs75(Fragment32, { children: [
-          /* @__PURE__ */ jsx97("p", { className: "font-bold text-red-500 dark:text-red-500 print:text-red-500", children: Formats_default.Amount(Amount) }),
-          fee > 0 && /* @__PURE__ */ jsxs75("span", { className: "text-[8px]", children: [
+        return /* @__PURE__ */ jsx98("div", { className: "", children: Amount < 0 ? /* @__PURE__ */ jsxs76(Fragment33, { children: [
+          /* @__PURE__ */ jsx98("p", { className: "font-bold text-red-500 dark:text-red-500 print:text-red-500", children: Formats_default.Amount(Amount) }),
+          fee > 0 && /* @__PURE__ */ jsxs76("span", { className: "text-[8px]", children: [
             "Fee:(",
             fee,
             ")"
           ] })
         ] }) : "" });
       },
-      renderFooter: (data2) => /* @__PURE__ */ jsx97("span", { className: "text-red-500 font-bold", children: Formats_default.Amount(
+      renderFooter: (data2) => /* @__PURE__ */ jsx98("span", { className: "text-red-500 font-bold", children: Formats_default.Amount(
         data2.reduce(
           (acc, row) => acc + (row.balance < 0 ? row.balance : 0),
           0
@@ -15154,8 +15376,8 @@ var AccountStatements = () => {
       header: "Balance",
       key: "runningBalance",
       className: "text-xs whitespace-nowrap text-right",
-      render: (row) => /* @__PURE__ */ jsx97("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__ */ jsx97("span", { className: "text-black dark:text-white print:text-black font-bold", children: Formats_default.Price(
+      render: (row) => /* @__PURE__ */ jsx98("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__ */ jsx98("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)
       ) })
@@ -15180,9 +15402,9 @@ var AccountStatements = () => {
     if (filter === "credit")
       return result.filter((item) => item.runningBalance > 0);
   }, [filter, currencyFilter, data]);
-  return /* @__PURE__ */ jsxs75(Fragment32, { children: [
-    /* @__PURE__ */ jsx97(TransactionView, {}),
-    /* @__PURE__ */ jsx97(
+  return /* @__PURE__ */ jsxs76(Fragment33, { children: [
+    /* @__PURE__ */ jsx98(TransactionView, {}),
+    /* @__PURE__ */ jsx98(
       A4DataView,
       {
         columns,
@@ -15191,8 +15413,8 @@ var AccountStatements = () => {
         title: `Account Statement`,
         subtitle: `All Outstanding Balances`,
         fixed: false,
-        headers: /* @__PURE__ */ jsxs75("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ jsx97(
+        headers: /* @__PURE__ */ jsxs76("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ jsx98(
             Fields_default.Select,
             {
               options,
@@ -15201,7 +15423,7 @@ var AccountStatements = () => {
               className: "min-w-[150px] print:hidden"
             }
           ),
-          /* @__PURE__ */ jsx97(
+          /* @__PURE__ */ jsx98(
             Fields_default.Select,
             {
               options: [
@@ -15226,7 +15448,7 @@ var Statements_default = AccountStatements;
 // src/components/wallets/Statements.tsx
 import { useNavigate as useNavigate20, useSearchParams as useSearchParams4 } from "react-router-dom";
 import { useMemo as useMemo15, useState as useState45, useEffect as useEffect36 } from "react";
-import { Fragment as Fragment33, jsx as jsx98, jsxs as jsxs76 } from "react/jsx-runtime";
+import { Fragment as Fragment34, jsx as jsx99, jsxs as jsxs77 } from "react/jsx-runtime";
 var options2 = [
   { label: "All", value: "all" },
   { label: "Debit", value: "debit" },
@@ -15289,7 +15511,7 @@ var WalletStatements = () => {
       header: "Name",
       key: "name",
       className: "text-xs whitespace-nowrap",
-      render: (row) => /* @__PURE__ */ jsx98("div", { className: "", children: /* @__PURE__ */ jsx98(
+      render: (row) => /* @__PURE__ */ jsx99("div", { className: "", children: /* @__PURE__ */ jsx99(
         "p",
         {
           onClick: () => navigate(`${row._id}`),
@@ -15305,9 +15527,9 @@ var WalletStatements = () => {
       render: (row) => {
         const Amount = row.balance;
         const fee = 0;
-        return /* @__PURE__ */ jsx98("div", { className: "", children: Amount > 0 ? /* @__PURE__ */ jsxs76(Fragment33, { children: [
-          /* @__PURE__ */ jsx98("p", { className: "font-bold text-green-500 dark:text-green-500 print:text-green-500", children: Formats_default.Amount(Amount) }),
-          fee > 0 && /* @__PURE__ */ jsxs76("span", { className: "text-[8px]", children: [
+        return /* @__PURE__ */ jsx99("div", { className: "", children: Amount > 0 ? /* @__PURE__ */ jsxs77(Fragment34, { children: [
+          /* @__PURE__ */ jsx99("p", { className: "font-bold text-green-500 dark:text-green-500 print:text-green-500", children: Formats_default.Amount(Amount) }),
+          fee > 0 && /* @__PURE__ */ jsxs77("span", { className: "text-[8px]", children: [
             "fee:(",
             fee,
             ")"
@@ -15315,7 +15537,7 @@ var WalletStatements = () => {
         ] }) : "" });
       },
       renderFooter: (data2) => {
-        return /* @__PURE__ */ jsx98("span", { className: "text-green-500 font-bold", children: Formats_default.Amount(
+        return /* @__PURE__ */ jsx99("span", { className: "text-green-500 font-bold", children: Formats_default.Amount(
           data2.reduce(
             (acc, row) => acc + (row.balance > 0 ? row.balance : 0),
             0
@@ -15331,16 +15553,16 @@ var WalletStatements = () => {
       render: (row) => {
         const Amount = row.balance;
         const fee = 0;
-        return /* @__PURE__ */ jsx98("div", { className: "", children: Amount < 0 ? /* @__PURE__ */ jsxs76(Fragment33, { children: [
-          /* @__PURE__ */ jsx98("p", { className: "font-bold text-red-500 dark:text-red-500 print:text-red-500", children: Formats_default.Amount(Amount) }),
-          fee > 0 && /* @__PURE__ */ jsxs76("span", { className: "text-[8px]", children: [
+        return /* @__PURE__ */ jsx99("div", { className: "", children: Amount < 0 ? /* @__PURE__ */ jsxs77(Fragment34, { children: [
+          /* @__PURE__ */ jsx99("p", { className: "font-bold text-red-500 dark:text-red-500 print:text-red-500", children: Formats_default.Amount(Amount) }),
+          fee > 0 && /* @__PURE__ */ jsxs77("span", { className: "text-[8px]", children: [
             "Fee:(",
             fee,
             ")"
           ] })
         ] }) : "" });
       },
-      renderFooter: (data2) => /* @__PURE__ */ jsx98("span", { className: "text-red-500 font-bold", children: Formats_default.Amount(
+      renderFooter: (data2) => /* @__PURE__ */ jsx99("span", { className: "text-red-500 font-bold", children: Formats_default.Amount(
         data2.reduce(
           (acc, row) => acc + (row.balance < 0 ? row.balance : 0),
           0
@@ -15351,8 +15573,8 @@ var WalletStatements = () => {
       header: "Balance",
       key: "runningBalance",
       className: "text-xs whitespace-nowrap text-right",
-      render: (row) => /* @__PURE__ */ jsx98("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__ */ jsx98("span", { className: "text-black dark:text-white print:text-black font-bold", children: Formats_default.Price(
+      render: (row) => /* @__PURE__ */ jsx99("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__ */ jsx99("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)
       ) })
@@ -15378,9 +15600,9 @@ var WalletStatements = () => {
     if (filter === "credit")
       return result.filter((item) => item.runningBalance > 0);
   }, [filter, currencyFilter, data]);
-  return /* @__PURE__ */ jsxs76(Fragment33, { children: [
-    /* @__PURE__ */ jsx98(TransactionView, {}),
-    /* @__PURE__ */ jsx98(
+  return /* @__PURE__ */ jsxs77(Fragment34, { children: [
+    /* @__PURE__ */ jsx99(TransactionView, {}),
+    /* @__PURE__ */ jsx99(
       A4DataView,
       {
         columns,
@@ -15389,8 +15611,8 @@ var WalletStatements = () => {
         title: `Wallet Statement`,
         subtitle: `All Outstanding Balances`,
         fixed: false,
-        headers: /* @__PURE__ */ jsxs76("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ jsx98(
+        headers: /* @__PURE__ */ jsxs77("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ jsx99(
             Fields_default.Select,
             {
               options: options2,
@@ -15399,7 +15621,7 @@ var WalletStatements = () => {
               className: "min-w-[150px] print:hidden"
             }
           ),
-          /* @__PURE__ */ jsx98(
+          /* @__PURE__ */ jsx99(
             Fields_default.Select,
             {
               options: [
@@ -15424,7 +15646,7 @@ var Statements_default2 = WalletStatements;
 // src/components/walletAdjustment/WalletAdjustments.tsx
 import { useNavigate as useNavigate21, useParams as useParams24 } from "react-router-dom";
 import { EllipsisVertical as EllipsisVertical12, FilePenLine as FilePenLine11, Trash2 as Trash213 } from "lucide-react";
-import { Fragment as Fragment34, jsx as jsx99, jsxs as jsxs77 } from "react/jsx-runtime";
+import { Fragment as Fragment35, jsx as jsx100, jsxs as jsxs78 } from "react/jsx-runtime";
 function WalletAdjustments({ url }) {
   const { branchId } = useParams24();
   const navigate = useNavigate21();
@@ -15437,17 +15659,17 @@ function WalletAdjustments({ url }) {
   const items = (data2) => [
     {
       label: `View Adjustment`,
-      icon: /* @__PURE__ */ jsx99(FilePenLine11, { size: 16 }),
+      icon: /* @__PURE__ */ jsx100(FilePenLine11, { size: 16 }),
       onClick: () => openTransaction({ id: data2?._id, type: "adjustment" })
     },
     {
       label: `Edit Adjustment`,
-      icon: /* @__PURE__ */ jsx99(FilePenLine11, { size: 16 }),
+      icon: /* @__PURE__ */ jsx100(FilePenLine11, { size: 16 }),
       onClick: () => navigate(`update?id=${data2?._id}`)
     },
     {
       label: `Reverse Adjustment`,
-      icon: /* @__PURE__ */ jsx99(Trash213, { className: "text-red-500", size: 16 }),
+      icon: /* @__PURE__ */ jsx100(Trash213, { className: "text-red-500", size: 16 }),
       onClick: () => {
         openTransaction({
           id: data2?._id,
@@ -15463,9 +15685,9 @@ function WalletAdjustments({ url }) {
       header: "Date",
       cell: ({ row }) => {
         const adjustment = row.original;
-        return /* @__PURE__ */ jsxs77("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ jsx99("span", { children: adjustment?.date }),
-          /* @__PURE__ */ jsx99(
+        return /* @__PURE__ */ jsxs78("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ jsx100("span", { children: adjustment?.date }),
+          /* @__PURE__ */ jsx100(
             "span",
             {
               onClick: () => openTransaction({
@@ -15485,7 +15707,7 @@ function WalletAdjustments({ url }) {
       cell: ({ row }) => {
         const adjustment = row.original;
         const walletData = adjustment?.toWalletData || adjustment?.fromWalletData;
-        return /* @__PURE__ */ jsx99("span", { children: walletData?.name || "N/A" });
+        return /* @__PURE__ */ jsx100("span", { children: walletData?.name || "N/A" });
       }
     },
     {
@@ -15493,7 +15715,7 @@ function WalletAdjustments({ url }) {
       header: "Action",
       cell: ({ row }) => {
         const action = row.original.action;
-        return /* @__PURE__ */ jsx99(
+        return /* @__PURE__ */ jsx100(
           "span",
           {
             className: action === "credit" ? "text-green-600 font-medium" : "text-red-600 font-medium",
@@ -15512,7 +15734,7 @@ function WalletAdjustments({ url }) {
       header: "Amount",
       cell: ({ row }) => {
         const adjustment = row.original;
-        return /* @__PURE__ */ jsx99("div", { className: "flex flex-col", children: /* @__PURE__ */ jsx99("span", { children: Formats_default.Price(adjustment?.amount, adjustment?.currency) }) });
+        return /* @__PURE__ */ jsx100("div", { className: "flex flex-col", children: /* @__PURE__ */ jsx100("span", { children: Formats_default.Price(adjustment?.amount, adjustment?.currency) }) });
       }
     },
     {
@@ -15520,23 +15742,23 @@ function WalletAdjustments({ url }) {
       header: "Actions",
       cell: ({ row }) => {
         const data2 = row.original;
-        return /* @__PURE__ */ jsx99(
+        return /* @__PURE__ */ jsx100(
           Dropdown,
           {
             className: "cursor-pointer w-[150px]",
             items: items(data2),
             triggerMode: "hover",
-            children: /* @__PURE__ */ jsx99(EllipsisVertical12, {})
+            children: /* @__PURE__ */ jsx100(EllipsisVertical12, {})
           }
         );
       }
     }
   ];
   const adjustments = data?.data || [];
-  return /* @__PURE__ */ jsxs77(Fragment34, { children: [
-    /* @__PURE__ */ jsx99(Modal2, {}),
-    /* @__PURE__ */ jsx99(TransactionView, {}),
-    /* @__PURE__ */ jsx99(
+  return /* @__PURE__ */ jsxs78(Fragment35, { children: [
+    /* @__PURE__ */ jsx100(Modal2, {}),
+    /* @__PURE__ */ jsx100(TransactionView, {}),
+    /* @__PURE__ */ jsx100(
       TransactionViewComponent,
       {
         columns,
@@ -15576,7 +15798,7 @@ var walletAdjustmentSchema = z15.object({
 });
 
 // src/components/walletAdjustment/WalletAdjustmentForm.tsx
-import { jsx as jsx100, jsxs as jsxs78 } from "react/jsx-runtime";
+import { jsx as jsx101, jsxs as jsxs79 } from "react/jsx-runtime";
 function WalletAdjustmentForm() {
   const { branchId } = useParams25();
   const { getQuery, navigate } = useApp_default();
@@ -15636,25 +15858,25 @@ function WalletAdjustmentForm() {
       fetches();
     }
   }, [id]);
-  return /* @__PURE__ */ jsxs78(
+  return /* @__PURE__ */ jsxs79(
     Card,
     {
       className: "max-w-4xl mx-auto mt-10 relative",
       isLoading: isLoadingGet,
       loadingText: "Processing...",
       children: [
-        /* @__PURE__ */ jsxs78(Card.Header, { children: [
-          /* @__PURE__ */ jsx100(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Wallet Adjustment` }),
-          /* @__PURE__ */ jsx100(Card.Description, { children: isEdit ? `Update the details for this wallet adjustment` : `Adjust the balance of a specific wallet` })
+        /* @__PURE__ */ jsxs79(Card.Header, { children: [
+          /* @__PURE__ */ jsx101(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Wallet Adjustment` }),
+          /* @__PURE__ */ jsx101(Card.Description, { children: isEdit ? `Update the details for this wallet adjustment` : `Adjust the balance of a specific wallet` })
         ] }),
-        /* @__PURE__ */ jsx100(Card.Content, { children: /* @__PURE__ */ jsxs78(
+        /* @__PURE__ */ jsx101(Card.Content, { children: /* @__PURE__ */ jsxs79(
           "form",
           {
             className: "space-y-4",
             onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)),
             children: [
-              /* @__PURE__ */ jsxs78("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-                /* @__PURE__ */ jsx100(
+              /* @__PURE__ */ jsxs79("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ jsx101(
                   Feilds_default2.Wallet,
                   {
                     label: "Wallet",
@@ -15666,7 +15888,7 @@ function WalletAdjustmentForm() {
                     obj: "walletObject"
                   }
                 ),
-                /* @__PURE__ */ jsx100(
+                /* @__PURE__ */ jsx101(
                   Fields_default.DateInput,
                   {
                     label: "Date",
@@ -15676,7 +15898,7 @@ function WalletAdjustmentForm() {
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx100(
+              /* @__PURE__ */ jsx101(
                 Fields_default.Input,
                 {
                   label: "Description",
@@ -15686,8 +15908,8 @@ function WalletAdjustmentForm() {
                   required: true
                 }
               ),
-              /* @__PURE__ */ jsxs78("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-                /* @__PURE__ */ jsx100(
+              /* @__PURE__ */ jsxs79("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ jsx101(
                   Fields_default.Select,
                   {
                     label: "Action",
@@ -15700,7 +15922,7 @@ function WalletAdjustmentForm() {
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsx100(
+                /* @__PURE__ */ jsx101(
                   Fields_default.Input,
                   {
                     label: "Amount",
@@ -15712,7 +15934,7 @@ function WalletAdjustmentForm() {
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx100(
+              /* @__PURE__ */ jsx101(
                 Fields_default.Textarea,
                 {
                   label: "Note",
@@ -15721,7 +15943,7 @@ function WalletAdjustmentForm() {
                   placeholder: "Add any additional notes here..."
                 }
               ),
-              /* @__PURE__ */ jsx100("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsx100(
+              /* @__PURE__ */ jsx101("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsx101(
                 Button,
                 {
                   isLoading,
@@ -15740,6 +15962,420 @@ function WalletAdjustmentForm() {
   );
 }
 var WalletAdjustmentForm_default = WalletAdjustmentForm;
+
+// src/components/forexTransfer/ForexTransfers.tsx
+import { useNavigate as useNavigate22, useParams as useParams26 } from "react-router-dom";
+import { EllipsisVertical as EllipsisVertical13, FilePenLine as FilePenLine12, Trash2 as Trash214 } from "lucide-react";
+import { Fragment as Fragment36, jsx as jsx102, jsxs as jsxs80 } from "react/jsx-runtime";
+function ForexTransfers({ url }) {
+  const { branchId } = useParams26();
+  const navigate = useNavigate22();
+  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__ */ jsx102(FilePenLine12, { size: 16 }),
+      onClick: () => openTransaction({ id: data2?._id, type: "forex transfer" })
+    },
+    {
+      label: `Edit Transfer`,
+      icon: /* @__PURE__ */ jsx102(FilePenLine12, { size: 16 }),
+      onClick: () => navigate(`update?id=${data2?._id}`)
+    },
+    {
+      label: `Reverse Transfer`,
+      icon: /* @__PURE__ */ jsx102(Trash214, { 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__ */ jsxs80("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ jsx102("span", { children: transfer?.date }),
+          /* @__PURE__ */ jsx102(
+            "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__ */ jsx102("span", { children: transfer?.accountData?.name || "N/A" });
+      }
+    },
+    {
+      accessorKey: "wallet",
+      header: "Wallet",
+      cell: ({ row }) => {
+        const transfer = row.original;
+        return /* @__PURE__ */ jsx102("span", { children: transfer?.walletData?.name || "N/A" });
+      }
+    },
+    {
+      accessorKey: "amount",
+      header: "Amount",
+      cell: ({ row }) => {
+        const transfer = row.original;
+        return /* @__PURE__ */ jsxs80("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ jsxs80(
+            "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__ */ jsxs80("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__ */ jsxs80("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__ */ jsx102(
+          Dropdown,
+          {
+            className: "cursor-pointer w-[150px]",
+            items: items(data2),
+            triggerMode: "hover",
+            children: /* @__PURE__ */ jsx102(EllipsisVertical13, {})
+          }
+        );
+      }
+    }
+  ];
+  const transfers = data?.data || [];
+  return /* @__PURE__ */ jsxs80(Fragment36, { children: [
+    /* @__PURE__ */ jsx102(Modal2, {}),
+    /* @__PURE__ */ jsx102(TransactionView, {}),
+    /* @__PURE__ */ jsx102(
+      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
+import { useEffect as useEffect38, useMemo as useMemo16, useState as useState47 } from "react";
+import { useParams as useParams27 } from "react-router-dom";
+import { useForm as useForm19 } from "react-hook-form";
+import { zodResolver as zodResolver18 } from "@hookform/resolvers/zod";
+import { message as message30 } from "antd";
+
+// src/components/forexTransfer/schema.ts
+import { z as z16 } from "zod";
+var forexTransferSchema = z16.object({
+  account: z16.string(),
+  wallet: z16.string(),
+  amount: z16.number().gt(0, "Amount must be greater than 0"),
+  date: zodFields.date,
+  description: z16.string(),
+  note: z16.string().optional(),
+  fee: z16.coerce.number().optional(),
+  branch: z16.string().optional(),
+  // Objects for frontend helpers
+  accountObject: z16.any().optional(),
+  walletObject: z16.any().optional(),
+  // Exchange rate
+  rate: z16.coerce.number().gte(0).optional()
+});
+
+// src/components/forexTransfer/ForexTransferForm.tsx
+import { Fragment as Fragment37, jsx as jsx103, jsxs as jsxs81 } from "react/jsx-runtime";
+function ForexTransferForm() {
+  const { branchId } = useParams27();
+  const { getQuery, navigate } = useApp_default();
+  const id = getQuery("id");
+  const isEdit = !!id;
+  const [ref, setRef] = useState47("");
+  const { post, isLoading } = useApis_default();
+  const { isLoading: isLoadingGet, get } = useApis_default();
+  const methods = useForm19({
+    resolver: zodResolver18(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
+      });
+      message30.success(`Forex transfer saved successfully`);
+      navigate(-1);
+    } catch (error) {
+      message30.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) {
+      message30.error(error?.message || "Something went wrong");
+      navigate(-1);
+    }
+  };
+  const exchangedAmount2 = useMemo16(() => {
+    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 = useMemo16(() => {
+    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]);
+  useEffect38(() => {
+    if (isEdit) {
+      fetches();
+    }
+  }, [id]);
+  return /* @__PURE__ */ jsxs81(
+    Card,
+    {
+      className: "max-w-4xl mx-auto mt-10 relative",
+      isLoading: isLoadingGet,
+      loadingText: "Processing...",
+      children: [
+        /* @__PURE__ */ jsxs81(Card.Header, { children: [
+          /* @__PURE__ */ jsx103(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Forex Transfer` }),
+          /* @__PURE__ */ jsx103(Card.Description, { children: isEdit ? `Update the details for this forex transfer` : `Move funds between an account and a wallet` })
+        ] }),
+        /* @__PURE__ */ jsx103(Card.Content, { children: /* @__PURE__ */ jsxs81(
+          "form",
+          {
+            className: "space-y-4",
+            onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)),
+            children: [
+              /* @__PURE__ */ jsxs81("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ jsx103(
+                  Fields_default.Input,
+                  {
+                    label: "Description",
+                    form: methods,
+                    name: "description",
+                    placeholder: "Enter description...",
+                    required: true
+                  }
+                ),
+                " ",
+                /* @__PURE__ */ jsx103(
+                  Fields_default.DateInput,
+                  {
+                    label: "Date",
+                    form: methods,
+                    name: "date",
+                    required: true
+                  }
+                ),
+                /* @__PURE__ */ jsx103(
+                  Feilds_default.Account,
+                  {
+                    label: "Account",
+                    form: methods,
+                    name: "account",
+                    api: "/accounts/get/all",
+                    placeholder: "Select account...",
+                    required: true,
+                    obj: "accountObject",
+                    showBalance: true
+                  }
+                ),
+                /* @__PURE__ */ jsx103(
+                  Feilds_default2.Wallet,
+                  {
+                    label: "Wallet",
+                    form: methods,
+                    name: "wallet",
+                    placeholder: "Select wallet...",
+                    required: true,
+                    showBalance: true,
+                    obj: "walletObject"
+                  }
+                ),
+                /* @__PURE__ */ jsx103(
+                  Fields_default.Input,
+                  {
+                    label: "Amount",
+                    form: methods,
+                    name: "amount",
+                    type: "number",
+                    placeholder: "0.00",
+                    required: true
+                  }
+                ),
+                isRate && /* @__PURE__ */ jsxs81(Fragment37, { children: [
+                  /* @__PURE__ */ jsx103(
+                    Fields_default.Input,
+                    {
+                      label: `Rate (1 ${walletObj?.currency} = ? ${accountObj?.currency})`,
+                      type: "number",
+                      name: "rate",
+                      form: methods,
+                      required: true
+                    }
+                  ),
+                  /* @__PURE__ */ jsx103(
+                    Fields_default.Input,
+                    {
+                      label: "Exchanged Amount",
+                      type: "text",
+                      readOnly: true,
+                      disabled: true,
+                      value: exchangedAmount2
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsx103(
+                  Fields_default.Input,
+                  {
+                    label: "Fee (Optional)",
+                    form: methods,
+                    name: "fee",
+                    type: "number",
+                    placeholder: "0.00"
+                  }
+                ),
+                fee > 0 && /* @__PURE__ */ jsx103(
+                  Fields_default.Input,
+                  {
+                    label: "Amount After Fee",
+                    type: "text",
+                    readOnly: true,
+                    disabled: true,
+                    value: Formats_default.Price(
+                      totalAmount,
+                      accountObj?.currency || "N/A"
+                    )
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx103(
+                Fields_default.Textarea,
+                {
+                  label: "Note",
+                  form: methods,
+                  name: "note",
+                  placeholder: "Add any additional notes here..."
+                }
+              ),
+              /* @__PURE__ */ jsx103("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsx103(
+                Button,
+                {
+                  isLoading,
+                  disabled: isLoading,
+                  type: "submit",
+                  className: "min-w-[100px]",
+                  variant: !isEdit ? "primary" : "warning",
+                  children: isEdit ? "Update" : "Add"
+                }
+              ) })
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+}
+var ForexTransferForm_default = ForexTransferForm;
 export {
   Feilds_default as AccountFields,
   AccountForm_default as AccountForm,
@@ -15775,6 +16411,8 @@ export {
   ExpenseForm_default as ExpenseForm,
   Expenses_default as Expenses,
   Fields_default as Fields,
+  ForexTransferForm_default as ForexTransferForm,
+  ForexTransfers_default as ForexTransfers,
   Guard,
   InfoGrid,
   Input,
@@ -15841,6 +16479,7 @@ export {
   createUserSchema,
   createWalletSchema,
   expenseSchema,
+  forexTransferSchema,
   generatePdf,
   journalSchema,
   linkUserSchema,