warqadui 0.0.93 → 0.0.96

package/dist/index.js

@@ -63,6 +63,8 @@ __export(index_exports, {
   Guard: () => Guard,
   InfoGrid: () => InfoGrid,
   Input: () => Input,
+  JournalForm: () => JournalForm_default,
+  Journals: () => Journals_default,
   LinkUser: () => linkUser_default,
   LoadingBox: () => LoadingBox,
   LoadingSpin: () => LoadingSpin,
@@ -115,6 +117,7 @@ __export(index_exports, {
   createUserSchema: () => createUserSchema,
   createWalletSchema: () => createWalletSchema,
   generatePdf: () => generatePdf,
+  journalSchema: () => journalSchema,
   linkUserSchema: () => linkUserSchema,
   packProductItemSchema: () => packProductItemSchema,
   packTypes: () => packTypes,
@@ -435,12 +438,21 @@ var useTheme = () => {
 var Enums = {
   roles: ["admin", "staff"],
   sex: ["male", "female"],
-  accountTypes: ["employee", "supplier", "customer", "amaanah"],
+  accountTypes: [
+    "employee",
+    "supplier",
+    "customer",
+    "amaanah",
+    "account"
+  ],
   verificationTypes: ["email_verification", "password_reset"],
   auditActions: ["create", "update", "delete", "login", "logout"],
   walletTypes: ["bank", "cash", "mobile"],
   currencies: ["USD", "TZS", "KES", "CNY"],
-  packTypes: ["pressure", "bag", "boxes"]
+  packTypes: ["pressure", "bag", "boxes"],
+  journalTypes: ["journal"],
+  viaTypes: ["direct", "via account"],
+  actionTypes: ["credit", "debit"]
 };
 var Enums_default = Enums;
 
@@ -1465,13 +1477,13 @@ var Input = (0, import_react10.forwardRef)(
         }
       }
     }, [props.value, name, form]);
-    let message24 = error;
+    let message26 = error;
     if (form && name) {
       const {
         formState: { errors }
       } = form;
       const errorObj = name.split(".").reduce((acc, current) => acc?.[current], errors);
-      message24 = errorObj?.message;
+      message26 = errorObj?.message;
     }
     const watchedValue = form?.watch(name);
     (0, import_react10.useEffect)(() => {
@@ -1540,7 +1552,7 @@ var Input = (0, import_react10.forwardRef)(
               }
             )
           ] }),
-          message24 && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-sm text-red-600 dark:text-red-400", children: message24 })
+          message26 && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-sm text-red-600 dark:text-red-400", children: message26 })
         ]
       }
     );
@@ -1863,7 +1875,7 @@ var PhoneInput = (0, import_react13.forwardRef)(
     const [isFocused, setIsFocused] = (0, import_react13.useState)(false);
     const { theme } = useWarqadConfig();
     const primaryColor = theme?.primaryColor;
-    let message24 = error;
+    let message26 = error;
     if (form && name) {
       const {
         formState: { errors }
@@ -1873,7 +1885,7 @@ var PhoneInput = (0, import_react13.forwardRef)(
       for (const part of nameParts) {
         currentError = currentError?.[part];
       }
-      message24 = currentError?.message || message24;
+      message26 = currentError?.message || message26;
     }
     const renderInput = (onChangeHandler, currentValue) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: `space-y-2 group relative ${containerClassName}`, children: [
       /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
@@ -1924,7 +1936,7 @@ var PhoneInput = (0, import_react13.forwardRef)(
           }
         )
       ] }),
-      message24 && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "text-sm text-red-600 dark:text-red-400", children: message24 })
+      message26 && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "text-sm text-red-600 dark:text-red-400", children: message26 })
     ] });
     if (form && name) {
       return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
@@ -1968,7 +1980,8 @@ var Select = (0, import_react14.forwardRef)((props, ref) => {
     children,
     options: initialOptions = [],
     enum: enumData,
-    enumName
+    enumName,
+    ...rest
   } = props;
   const options = (0, import_react14.useMemo)(() => {
     if (initialOptions.length > 0) return initialOptions;
@@ -2005,7 +2018,7 @@ var Select = (0, import_react14.forwardRef)((props, ref) => {
         }) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
           SelectRoot,
           {
-            ...props,
+            ...rest,
             options,
             currentValue: formValue,
             onChangeHandler: (val) => {
@@ -2022,7 +2035,7 @@ var Select = (0, import_react14.forwardRef)((props, ref) => {
   return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     SelectRoot,
     {
-      ...props,
+      ...rest,
       options,
       currentValue: value,
       onChangeHandler: onChange || (() => {
@@ -2050,6 +2063,8 @@ var SelectRoot = ({
   disabled,
   id,
   className = "",
+  enum: enumData,
+  enumName,
   ...props
 }) => {
   const [isOpen, setIsOpen] = (0, import_react14.useState)(false);
@@ -2094,7 +2109,7 @@ var SelectRoot = ({
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, [fieldInternalProps]);
-  let message24 = error;
+  let message26 = error;
   if (form && name) {
     const {
       formState: { errors }
@@ -2104,7 +2119,7 @@ var SelectRoot = ({
     for (const part of nameParts) {
       currentError = currentError?.[part];
     }
-    message24 = currentError?.message || message24;
+    message26 = currentError?.message || message26;
   }
   const allOptions = initialOptions?.length ? initialOptions : registeredOptions;
   const valueCtx = {
@@ -2165,7 +2180,7 @@ var SelectRoot = ({
             String(opt.value) || index
           )) })
         ] }),
-        message24 && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "text-sm text-red-600 dark:text-red-400", children: message24 })
+        message26 && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "text-sm text-red-600 dark:text-red-400", children: message26 })
       ]
     }
   ) });
@@ -2401,13 +2416,13 @@ var Textarea = (0, import_react15.forwardRef)(
     const [isFocused, setIsFocused] = (0, import_react15.useState)(false);
     const { theme } = useWarqadConfig();
     const primaryColor = theme?.primaryColor;
-    let message24 = error;
+    let message26 = error;
     if (form && name) {
       const {
         formState: { errors }
       } = form;
       const errorObj = name.split(".").reduce((acc, current) => acc?.[current], errors);
-      message24 = errorObj?.message;
+      message26 = errorObj?.message;
     }
     const renderInput = (inputProps, ref2) => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: `space-y-2 group w-full! relative ${containerClassName}`, children: [
       /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
@@ -2445,7 +2460,7 @@ var Textarea = (0, import_react15.forwardRef)(
           }
         }
       ) }),
-      message24 && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-sm text-red-600 dark:text-red-400", children: message24 })
+      message26 && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-sm text-red-600 dark:text-red-400", children: message26 })
     ] });
     (0, import_react15.useEffect)(() => {
       if (form && name && props.value !== void 0 && props.value !== null && props.value !== "") {
@@ -2764,7 +2779,7 @@ var SearchApiRoot = ({
   const filteredOptions = options.filter(
     (option) => !filter.includes(getOptionValue(option))
   );
-  let message24 = error || errorMessage;
+  let message26 = error || errorMessage;
   if (form && name) {
     const {
       formState: { errors }
@@ -2774,7 +2789,7 @@ var SearchApiRoot = ({
     for (const part of nameParts) {
       currentError = currentError?.[part];
     }
-    message24 = currentError?.message || message24;
+    message26 = currentError?.message || message26;
   }
   const valueCtx = {
     isOpen,
@@ -2808,7 +2823,7 @@ var SearchApiRoot = ({
     form,
     name,
     obj,
-    error: message24,
+    error: message26,
     onSelect,
     onClear
   };
@@ -3175,19 +3190,19 @@ var DateInput = (0, import_react17.forwardRef)(
     const { theme } = useWarqadConfig();
     const primaryColor = theme?.primaryColor;
     const [isFocused, setIsFocused] = (0, import_react17.useState)(false);
-    let message24 = error;
+    let message26 = error;
     if (form && name) {
       const {
         formState: { errors }
       } = form;
       const errorObj = name.split(".").reduce((acc, current) => acc?.[current], errors);
-      message24 = errorObj?.message;
+      message26 = 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!
-      ${message24 ? "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"}
+      ${message26 ? "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) => {
@@ -3210,8 +3225,8 @@ var DateInput = (0, import_react17.forwardRef)(
           needConfirm: false,
           style: {
             height: "var(--input-height, 40px)",
-            borderColor: isFocused && !message24 ? primaryColor : void 0,
-            boxShadow: isFocused && !message24 ? `${primaryColor}33 0px 0px 0px 2px` : void 0
+            borderColor: isFocused && !message26 ? primaryColor : void 0,
+            boxShadow: isFocused && !message26 ? `${primaryColor}33 0px 0px 0px 2px` : void 0
           },
           classNames: { popup: { root: "z-50" } },
           suffixIcon: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
@@ -3241,7 +3256,7 @@ var DateInput = (0, import_react17.forwardRef)(
         {
           className: "block text-xs font-medium transition-colors duration-200",
           style: {
-            color: message24 ? "#ef4444" : isFocused ? primaryColor : void 0
+            color: message26 ? "#ef4444" : isFocused ? primaryColor : void 0
           },
           children: [
             label,
@@ -3262,7 +3277,7 @@ var DateInput = (0, import_react17.forwardRef)(
           )
         }
       ) : renderDatePicker(value, onChange, onBlur, ref),
-      message24 && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-sm text-red-600 dark:text-red-400", children: message24 })
+      message26 && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-sm text-red-600 dark:text-red-400", children: message26 })
     ] });
   }
 );
@@ -3287,6 +3302,7 @@ var Fields_default = Fields;
 
 // src/components/tables/DataTable.tsx
 var import_react18 = __toESM(require("react"));
+var import_react_dom4 = require("react-dom");
 var import_react_table = require("@tanstack/react-table");
 var import_lucide_react12 = require("lucide-react");
 var import_jsx_runtime25 = require("react/jsx-runtime");
@@ -3338,6 +3354,43 @@ function DataTable({
       setPagination((prev) => ({ ...prev, pageSize: pageRows }));
     }
   }, [pageRows]);
+  const [isVisibilityOpen, setIsVisibilityOpen] = (0, import_react18.useState)(false);
+  const visibilityAnchorRef = (0, import_react18.useRef)(null);
+  const visibilityContentRef = (0, import_react18.useRef)(null);
+  const [visibilityCoords, setVisibilityCoords] = (0, import_react18.useState)({
+    top: 0,
+    left: 0,
+    width: 0
+  });
+  const updateVisibilityPosition = () => {
+    if (visibilityAnchorRef.current) {
+      const rect = visibilityAnchorRef.current.getBoundingClientRect();
+      setVisibilityCoords({
+        top: rect.bottom,
+        left: rect.left,
+        width: rect.width
+      });
+    }
+  };
+  (0, import_react18.useEffect)(() => {
+    if (isVisibilityOpen) {
+      updateVisibilityPosition();
+      const handleScroll = () => updateVisibilityPosition();
+      window.addEventListener("scroll", handleScroll, true);
+      window.addEventListener("resize", handleScroll);
+      const handleClickOutside = (event) => {
+        if (visibilityAnchorRef.current && !visibilityAnchorRef.current.contains(event.target) && visibilityContentRef.current && !visibilityContentRef.current.contains(event.target)) {
+          setIsVisibilityOpen(false);
+        }
+      };
+      document.addEventListener("mousedown", handleClickOutside);
+      return () => {
+        window.removeEventListener("scroll", handleScroll, true);
+        window.removeEventListener("resize", handleScroll);
+        document.removeEventListener("mousedown", handleClickOutside);
+      };
+    }
+  }, [isVisibilityOpen]);
   const [expanded, setExpanded] = (0, import_react18.useState)(() => {
     const initialState = {};
     if (defaultExpanded && renderSubComponent && data) {
@@ -3436,31 +3489,59 @@ function DataTable({
           className: "h-9!"
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "relative group", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("button", { className: "flex items-center gap-2 px-3 h-9 rounded-lg border border-gray-200 dark:border-zinc-800 bg-white dark:bg-zinc-900 text-sm font-medium text-gray-700 dark:text-gray-200 hover:bg-gray-50 dark:hover:bg-zinc-800 transition-colors", children: [
-          "Columns",
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.ChevronDown, { size: 14, className: "text-gray-400" })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "absolute right-0 top-full mt-2 w-48 py-1 bg-white dark:bg-zinc-900 border border-gray-200 dark:border-zinc-800 rounded-lg shadow-xl opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all z-50", children: table.getAllColumns().filter((column) => column.getCanHide()).map((column) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
-          "label",
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "relative", ref: visibilityAnchorRef, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+          "button",
           {
-            className: "flex items-center gap-2 px-3 py-2 text-sm text-gray-700 dark:text-gray-200 hover:bg-gray-50 dark:hover:bg-zinc-800 cursor-pointer capitalize",
+            onClick: () => setIsVisibilityOpen(!isVisibilityOpen),
+            className: "flex items-center gap-2 px-3 h-9 rounded-lg border border-gray-200 dark:border-zinc-800 bg-white dark:bg-zinc-900 text-sm font-medium text-gray-700 dark:text-gray-200 hover:bg-gray-50 dark:hover:bg-zinc-800 transition-colors",
             children: [
+              "Columns",
               /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-                "input",
+                import_lucide_react12.ChevronDown,
                 {
-                  type: "checkbox",
-                  checked: column.getIsVisible(),
-                  onChange: (e) => column.toggleVisibility(!!e.target.checked),
-                  className: "rounded border-gray-300 text-blue-600 focus:ring-blue-500",
-                  style: { accentColor: primaryColor }
+                  size: 14,
+                  className: `text-gray-400 transition-transform ${isVisibilityOpen ? "rotate-180" : ""}`
                 }
-              ),
-              column.id
+              )
             ]
-          },
-          column.id
-        )) })
+          }
+        ),
+        isVisibilityOpen && (0, import_react_dom4.createPortal)(
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+            "div",
+            {
+              ref: visibilityContentRef,
+              className: "fixed mt-2 w-48 py-1 bg-white dark:bg-zinc-900 border border-gray-200 dark:border-zinc-800 rounded-lg shadow-xl z-[9999]",
+              style: {
+                top: `${visibilityCoords.top}px`,
+                left: `${visibilityCoords.left + visibilityCoords.width - 192}px`
+                // 192px is w-48
+              },
+              children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "max-h-64 overflow-y-auto", children: table.getAllColumns().filter((column) => column.getCanHide()).map((column) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+                "label",
+                {
+                  className: "flex items-center gap-2 px-3 py-2 text-sm text-gray-700 dark:text-gray-200 hover:bg-gray-50 dark:hover:bg-zinc-800 cursor-pointer capitalize",
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+                      "input",
+                      {
+                        type: "checkbox",
+                        checked: column.getIsVisible(),
+                        onChange: (e) => column.toggleVisibility(!!e.target.checked),
+                        className: "rounded border-gray-300 text-blue-600 focus:ring-blue-500",
+                        style: { accentColor: primaryColor }
+                      }
+                    ),
+                    column.id
+                  ]
+                },
+                column.id
+              )) })
+            }
+          ),
+          document.body
+        )
       ] }) })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "rounded-lg border border-gray-200 dark:border-zinc-800 bg-white dark:bg-zinc-950 overflow-hidden relative", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
@@ -5123,7 +5204,7 @@ var import_react26 = require("react");
 
 // src/components/Dropdown.tsx
 var import_react25 = require("react");
-var import_react_dom4 = require("react-dom");
+var import_react_dom5 = require("react-dom");
 var import_jsx_runtime34 = require("react/jsx-runtime");
 var Dropdown = ({
   children,
@@ -5223,7 +5304,7 @@ var Dropdown = ({
             children
           }
         ),
-        isOpen && (0, import_react_dom4.createPortal)(
+        isOpen && (0, import_react_dom5.createPortal)(
           /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
             "div",
             {
@@ -7531,17 +7612,17 @@ var preWarningFns = [];
 var preMessage = (fn) => {
   preWarningFns.push(fn);
 };
-function warning(valid, message24) {
+function warning(valid, message26) {
   if (process.env.NODE_ENV !== "production" && !valid && console !== void 0) {
-    const finalMessage = preWarningFns.reduce((msg, preMessageFn) => preMessageFn(msg ?? "", "warning"), message24);
+    const finalMessage = preWarningFns.reduce((msg, preMessageFn) => preMessageFn(msg ?? "", "warning"), message26);
     if (finalMessage) {
       console.error(`Warning: ${finalMessage}`);
     }
   }
 }
-function note(valid, message24) {
+function note(valid, message26) {
   if (process.env.NODE_ENV !== "production" && !valid && console !== void 0) {
-    const finalMessage = preWarningFns.reduce((msg, preMessageFn) => preMessageFn(msg ?? "", "note"), message24);
+    const finalMessage = preWarningFns.reduce((msg, preMessageFn) => preMessageFn(msg ?? "", "note"), message26);
     if (finalMessage) {
       console.warn(`Note: ${finalMessage}`);
     }
@@ -7550,17 +7631,17 @@ function note(valid, message24) {
 function resetWarned() {
   warned = {};
 }
-function call(method, valid, message24) {
-  if (!valid && !warned[message24]) {
-    method(false, message24);
-    warned[message24] = true;
+function call(method, valid, message26) {
+  if (!valid && !warned[message26]) {
+    method(false, message26);
+    warned[message26] = true;
   }
 }
-function warningOnce(valid, message24) {
-  call(warning, valid, message24);
+function warningOnce(valid, message26) {
+  call(warning, valid, message26);
 }
-function noteOnce(valid, message24) {
-  call(note, valid, message24);
+function noteOnce(valid, message26) {
+  call(note, valid, message26);
 }
 warningOnce.preMessage = preMessage;
 warningOnce.resetWarned = resetWarned;
@@ -7571,8 +7652,8 @@ var import_react31 = __toESM(require("react"));
 function camelCase(input) {
   return input.replace(/-(.)/g, (match, g) => g.toUpperCase());
 }
-function warning2(valid, message24) {
-  warningOnce(valid, `[@ant-design/icons] ${message24}`);
+function warning2(valid, message26) {
+  warningOnce(valid, `[@ant-design/icons] ${message26}`);
 }
 function isIconDefinition(target) {
   return typeof target === "object" && typeof target.name === "string" && typeof target.theme === "string" && (typeof target.icon === "object" || typeof target.icon === "function");
@@ -8311,7 +8392,8 @@ var createAccountSchema = import_zod2.z.object({
   }).transform((val) => val?.toLowerCase()),
   phoneNumber: import_zod2.z.string().optional(),
   sex: import_zod2.z.enum(Enums_default.sex),
-  branch: import_zod2.z.string().optional()
+  branch: import_zod2.z.string().optional(),
+  currency: import_zod2.z.string().optional()
 });
 
 // src/components/accounts/AccountForm.tsx
@@ -8368,10 +8450,10 @@ var useAccountbalance = ({
     try {
       const res = await get({
         url,
-        v: 2
+        v: 1
       });
-      const data = res;
-      setBalance(Formats_default.Price(data?.balance, data?.currency));
+      const data = res?.data;
+      setBalance(Formats_default.Price(data?.balance ?? 0, data?.currency ?? "N/A"));
     } catch (error2) {
       setError(error2.message);
     }
@@ -8425,7 +8507,8 @@ function Account({
   v = 1,
   showBalance,
   required,
-  disabled
+  disabled,
+  obj
 }) {
   const { branchId } = (0, import_react_router_dom8.useParams)();
   const accountId = form?.watch(name);
@@ -8449,7 +8532,8 @@ function Account({
         labelKey: "name",
         valueKey: "_id",
         required,
-        disabled
+        disabled,
+        obj
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(BalanceView, {})
@@ -8469,7 +8553,8 @@ function Customer({
   showBalance,
   required,
   disabled,
-  v
+  v,
+  obj
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     Account_default,
@@ -8483,7 +8568,8 @@ function Customer({
       filter,
       showBalance,
       required,
-      disabled
+      disabled,
+      obj
     }
   );
 }
@@ -8501,6 +8587,7 @@ function Employee({
   showBalance,
   required,
   disabled,
+  obj,
   v
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
@@ -8515,7 +8602,8 @@ function Employee({
       filter,
       required,
       disabled,
-      showBalance
+      showBalance,
+      obj
     }
   );
 }
@@ -8583,7 +8671,8 @@ function AccountForm() {
       name: "",
       email: "",
       phoneNumber: "",
-      sex: "male"
+      sex: "male",
+      currency: ""
     },
     shouldUnregister: false
   });
@@ -8693,6 +8782,15 @@ function AccountForm() {
                     placeholder: "Select Branch",
                     api: "/branches/get?noStore=true"
                   }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+                  Fields_default.Select,
+                  {
+                    label: "Currency",
+                    form: methods,
+                    name: "currency",
+                    enumName: "currencies"
+                  }
                 )
               ] }),
               /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
@@ -10155,11 +10253,10 @@ var import_react45 = require("react");
 var import_antd18 = require("antd");
 var import_jsx_runtime63 = require("react/jsx-runtime");
 function Brands({ v, url }) {
-  const { branchId } = (0, import_react_router_dom17.useParams)();
   const [deleteBrand, setDeleteBrand] = (0, import_react45.useState)(null);
   const { isLoading, remove } = useApis_default();
   const { data, TransactionViewComponent, reload } = useTransaction_default({
-    url: url || `/brands/get${branchId ? `?branch=${branchId}` : ""}`,
+    url: url || `/brands/get`,
     v,
     dateFilter: false
   });
@@ -10251,8 +10348,7 @@ var Brands_default = Brands;
 // src/components/brands/schema.ts
 var import_zod12 = require("zod");
 var createBrandSchema = import_zod12.z.object({
-  name: import_zod12.z.string().min(2, { message: "Name must be at least 2 characters" }),
-  branch: import_zod12.z.string().optional()
+  name: import_zod12.z.string().min(2, { message: "Name must be at least 2 characters" })
 });
 
 // src/components/brands/BrandForm.tsx
@@ -10260,10 +10356,8 @@ var import_react_hook_form16 = require("react-hook-form");
 var import_zod13 = require("@hookform/resolvers/zod");
 var import_antd19 = require("antd");
 var import_react46 = require("react");
-var import_react_router_dom18 = require("react-router-dom");
 var import_jsx_runtime64 = require("react/jsx-runtime");
 function BrandForm() {
-  const { branchId } = (0, import_react_router_dom18.useParams)();
   const { getQuery, navigate } = useApp_default();
   const id = getQuery("id");
   const isEdit = !!id;
@@ -10282,18 +10376,12 @@ function BrandForm() {
       if (isEdit) {
         await put({
           url: `/brands/update/${id}`,
-          body: {
-            ...data,
-            branch: branchId ? branchId : data.branch
-          }
+          body: data
         });
       } else {
         await post({
           url: "/brands/create",
-          body: {
-            ...data,
-            branch: branchId ? branchId : data.branch
-          }
+          body: data
         });
       }
       import_antd19.message.success(`Brand ${isEdit ? "updated" : "created"} successfully`);
@@ -10305,7 +10393,7 @@ function BrandForm() {
   const fetches = async () => {
     try {
       const res = await get({
-        url: `/brands/get?id=${id}${branchId ? `&branch=${branchId}` : ""}`
+        url: `/brands/get?id=${id}`
       });
       const data = res.data;
       methods.reset(data);
@@ -10334,29 +10422,17 @@ function BrandForm() {
           {
             onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
-                  Fields_default.Input,
-                  {
-                    label: "Name",
-                    form: methods,
-                    name: "name",
-                    type: "text",
-                    placeholder: "Enter Brand Name",
-                    required: true
-                  }
-                ),
-                !branchId && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
-                  Feilds_default.Branches,
-                  {
-                    label: "Branch",
-                    form: methods,
-                    name: "branch",
-                    placeholder: "Select Branch",
-                    api: "/branches/get?noStore=true"
-                  }
-                )
-              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+                Fields_default.Input,
+                {
+                  label: "Name",
+                  form: methods,
+                  name: "name",
+                  type: "text",
+                  placeholder: "Enter Brand Name",
+                  required: true
+                }
+              ) }),
               /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
                 Button,
                 {
@@ -10378,7 +10454,7 @@ function BrandForm() {
 var BrandForm_default = BrandForm;
 
 // src/components/brands/Feilds/Brand.tsx
-var import_react_router_dom19 = require("react-router-dom");
+var import_react_router_dom18 = require("react-router-dom");
 var import_jsx_runtime65 = require("react/jsx-runtime");
 function Brand({
   name,
@@ -10391,7 +10467,7 @@ function Brand({
   required,
   disabled
 }) {
-  const { branchId } = (0, import_react_router_dom19.useParams)();
+  const { branchId } = (0, import_react_router_dom18.useParams)();
   return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
     Fields_default.SearchApi,
     {
@@ -10419,22 +10495,21 @@ var BrandField = {
 var Feilds_default3 = BrandField;
 
 // src/components/categories/Categories.tsx
-var import_react_router_dom20 = require("react-router-dom");
+var import_react_router_dom19 = require("react-router-dom");
 var import_lucide_react27 = require("lucide-react");
 var import_react47 = require("react");
 var import_antd20 = require("antd");
 var import_jsx_runtime66 = require("react/jsx-runtime");
 function Categories({ v, url }) {
-  const { branchId } = (0, import_react_router_dom20.useParams)();
   const [deleteCategory, setDeleteCategory] = (0, import_react47.useState)(null);
   const { isLoading, remove } = useApis_default();
   const { data, TransactionViewComponent, reload } = useTransaction_default({
-    url: url || `/categories/get${branchId ? `?branch=${branchId}` : ""}`,
+    url: url || `/categories/get`,
     v,
     dateFilter: false
   });
   const { Modal: Modal2 } = useModal();
-  const navigate = (0, import_react_router_dom20.useNavigate)();
+  const navigate = (0, import_react_router_dom19.useNavigate)();
   const items = (data2) => [
     {
       label: `Edit Category`,
@@ -10521,8 +10596,7 @@ var Categories_default = Categories;
 // src/components/categories/schema.ts
 var import_zod14 = require("zod");
 var createCategorySchema = import_zod14.z.object({
-  name: import_zod14.z.string().min(2, { message: "Name must be at least 2 characters" }),
-  branch: import_zod14.z.string().optional()
+  name: import_zod14.z.string().min(2, { message: "Name must be at least 2 characters" })
 });
 
 // src/components/categories/CategoryForm.tsx
@@ -10530,10 +10604,8 @@ var import_react_hook_form17 = require("react-hook-form");
 var import_zod15 = require("@hookform/resolvers/zod");
 var import_antd21 = require("antd");
 var import_react48 = require("react");
-var import_react_router_dom21 = require("react-router-dom");
 var import_jsx_runtime67 = require("react/jsx-runtime");
 function CategoryForm() {
-  const { branchId } = (0, import_react_router_dom21.useParams)();
   const { getQuery, navigate } = useApp_default();
   const id = getQuery("id");
   const isEdit = !!id;
@@ -10552,18 +10624,12 @@ function CategoryForm() {
       if (isEdit) {
         await put({
           url: `/categories/update/${id}`,
-          body: {
-            ...data,
-            branch: branchId ? branchId : data.branch
-          }
+          body: data
         });
       } else {
         await post({
           url: "/categories/create",
-          body: {
-            ...data,
-            branch: branchId ? branchId : data.branch
-          }
+          body: data
         });
       }
       import_antd21.message.success(`Category ${isEdit ? "updated" : "created"} successfully`);
@@ -10575,7 +10641,7 @@ function CategoryForm() {
   const fetches = async () => {
     try {
       const res = await get({
-        url: `/categories/get?id=${id}${branchId ? `&branch=${branchId}` : ""}`
+        url: `/categories/get?id=${id}`
       });
       const data = res.data;
       methods.reset(data);
@@ -10604,29 +10670,17 @@ function CategoryForm() {
           {
             onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
-                  Fields_default.Input,
-                  {
-                    label: "Name",
-                    form: methods,
-                    name: "name",
-                    type: "text",
-                    placeholder: "Enter Category Name",
-                    required: true
-                  }
-                ),
-                !branchId && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
-                  Feilds_default.Branches,
-                  {
-                    label: "Branch",
-                    form: methods,
-                    name: "branch",
-                    placeholder: "Select Branch",
-                    api: "/branches/get?noStore=true"
-                  }
-                )
-              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+                Fields_default.Input,
+                {
+                  label: "Name",
+                  form: methods,
+                  name: "name",
+                  type: "text",
+                  placeholder: "Enter Category Name",
+                  required: true
+                }
+              ) }),
               /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
                 Button,
                 {
@@ -10648,7 +10702,7 @@ function CategoryForm() {
 var CategoryForm_default = CategoryForm;
 
 // src/components/categories/Feilds/Category.tsx
-var import_react_router_dom22 = require("react-router-dom");
+var import_react_router_dom20 = require("react-router-dom");
 var import_jsx_runtime68 = require("react/jsx-runtime");
 function Category({
   name,
@@ -10661,7 +10715,7 @@ function Category({
   required,
   disabled
 }) {
-  const { branchId } = (0, import_react_router_dom22.useParams)();
+  const { branchId } = (0, import_react_router_dom20.useParams)();
   return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
     Fields_default.SearchApi,
     {
@@ -10689,22 +10743,21 @@ var CategoryField = {
 var Feilds_default4 = CategoryField;
 
 // src/components/products/Products.tsx
-var import_react_router_dom23 = require("react-router-dom");
+var import_react_router_dom21 = require("react-router-dom");
 var import_lucide_react28 = require("lucide-react");
 var import_react49 = require("react");
 var import_antd22 = require("antd");
 var import_jsx_runtime69 = require("react/jsx-runtime");
 function Products({ v, url }) {
-  const { branchId } = (0, import_react_router_dom23.useParams)();
   const [deleteProduct, setDeleteProduct] = (0, import_react49.useState)(null);
   const { isLoading, remove } = useApis_default();
   const { data, TransactionViewComponent, reload } = useTransaction_default({
-    url: url || `/products/get${branchId ? `?branch=${branchId}` : ""}`,
+    url: url || `/products/get`,
     v,
     dateFilter: false
   });
   const { Modal: Modal2 } = useModal();
-  const navigate = (0, import_react_router_dom23.useNavigate)();
+  const navigate = (0, import_react_router_dom21.useNavigate)();
   const items = (data2) => [
     {
       label: `Edit Product`,
@@ -10821,8 +10874,7 @@ var createProductSchema = import_zod16.z.object({
   name: import_zod16.z.string().min(2, { message: "Name must be at least 2 characters" }),
   category: import_zod16.z.string().optional(),
   brand: import_zod16.z.string().optional(),
-  cost: import_zod16.z.number({ message: "Cost is required" }).min(0),
-  branch: import_zod16.z.string().optional()
+  cost: import_zod16.z.number({ message: "Cost is required" }).min(0)
 });
 
 // src/components/products/ProductForm.tsx
@@ -10830,10 +10882,8 @@ var import_react_hook_form18 = require("react-hook-form");
 var import_zod17 = require("@hookform/resolvers/zod");
 var import_antd23 = require("antd");
 var import_react50 = require("react");
-var import_react_router_dom24 = require("react-router-dom");
 var import_jsx_runtime70 = require("react/jsx-runtime");
 function ProductForm() {
-  const { branchId } = (0, import_react_router_dom24.useParams)();
   const { getQuery, navigate } = useApp_default();
   const id = getQuery("id");
   const isEdit = !!id;
@@ -10855,18 +10905,12 @@ function ProductForm() {
       if (isEdit) {
         await put({
           url: `/products/update/${id}`,
-          body: {
-            ...data,
-            branch: branchId ? branchId : data.branch
-          }
+          body: data
         });
       } else {
         await post({
           url: "/products/create",
-          body: {
-            ...data,
-            branch: branchId ? branchId : data.branch
-          }
+          body: data
         });
       }
       import_antd23.message.success(`Product ${isEdit ? "updated" : "created"} successfully`);
@@ -10878,7 +10922,7 @@ function ProductForm() {
   const fetches = async () => {
     try {
       const res = await get({
-        url: `/products/get?id=${id}${branchId ? `&branch=${branchId}` : ""}`
+        url: `/products/get?id=${id}`
       });
       const data = res.data;
       methods.reset(data);
@@ -10947,16 +10991,6 @@ function ProductForm() {
                     name: "brand",
                     api: "/brands/get"
                   }
-                ),
-                !branchId && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
-                  Feilds_default.Branches,
-                  {
-                    label: "Branch",
-                    form: methods,
-                    name: "branch",
-                    placeholder: "Select Branch",
-                    api: "/branches/get?noStore=true"
-                  }
                 )
               ] }),
               /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
@@ -10980,7 +11014,7 @@ function ProductForm() {
 var ProductForm_default = ProductForm;
 
 // src/components/products/Feilds/Product.tsx
-var import_react_router_dom25 = require("react-router-dom");
+var import_react_router_dom22 = require("react-router-dom");
 var import_jsx_runtime71 = require("react/jsx-runtime");
 function Product({
   name,
@@ -10995,7 +11029,7 @@ function Product({
   onChange,
   obj
 }) {
-  const { branchId } = (0, import_react_router_dom25.useParams)();
+  const { branchId } = (0, import_react_router_dom22.useParams)();
   return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
     Fields_default.SearchApi,
     {
@@ -11025,22 +11059,21 @@ var ProductField = {
 var Feilds_default5 = ProductField;
 
 // src/components/packs/Packs.tsx
-var import_react_router_dom26 = require("react-router-dom");
+var import_react_router_dom23 = require("react-router-dom");
 var import_lucide_react29 = require("lucide-react");
 var import_react51 = require("react");
 var import_antd24 = require("antd");
 var import_jsx_runtime72 = require("react/jsx-runtime");
 function Packs({ v, url }) {
-  const { branchId } = (0, import_react_router_dom26.useParams)();
   const [deletePack, setDeletePack] = (0, import_react51.useState)(null);
   const { isLoading, remove } = useApis_default();
   const { data, TransactionViewComponent, reload } = useTransaction_default({
-    url: url || `/packs/get${branchId ? `?branch=${branchId}` : ""}`,
+    url: url || `/packs/get`,
     v,
     dateFilter: false
   });
   const { Modal: Modal2 } = useModal();
-  const navigate = (0, import_react_router_dom26.useNavigate)();
+  const navigate = (0, import_react_router_dom23.useNavigate)();
   const items = (data2) => [
     {
       label: `Edit Pack`,
@@ -11157,7 +11190,6 @@ var createPackSchema = import_zod18.z.object({
   type: packTypes,
   name: import_zod18.z.string().min(2, { message: "Name must be at least 2 characters" }),
   products: import_zod18.z.array(packProductItemSchema).min(1, "At least one product is required"),
-  branch: import_zod18.z.string().optional(),
   tempProduct: import_zod18.z.string().optional(),
   tempQty: import_zod18.z.number().optional(),
   tempCost: import_zod18.z.number().optional(),
@@ -11169,11 +11201,9 @@ var import_react_hook_form19 = require("react-hook-form");
 var import_zod19 = require("@hookform/resolvers/zod");
 var import_antd25 = require("antd");
 var import_react52 = require("react");
-var import_react_router_dom27 = require("react-router-dom");
 var import_lucide_react30 = require("lucide-react");
 var import_jsx_runtime73 = require("react/jsx-runtime");
 function PackForm() {
-  const { branchId } = (0, import_react_router_dom27.useParams)();
   const { getQuery, navigate } = useApp_default();
   const id = getQuery("id");
   const isEdit = !!id;
@@ -11229,10 +11259,7 @@ function PackForm() {
       } else {
         await post({
           url: "/packs/create",
-          body: {
-            ...formattedData,
-            branch: branchId ? branchId : data.branch
-          }
+          body: formattedData
         });
       }
       import_antd25.message.success(`Pack ${isEdit ? "updated" : "created"} successfully`);
@@ -11244,7 +11271,7 @@ function PackForm() {
   const fetches = async () => {
     try {
       const res = await get({
-        url: `/packs/get?id=${id}${branchId ? `&branch=${branchId}` : ""}`
+        url: `/packs/get?id=${id}`
       });
       const data = res.data;
       data.products = data.products.map((p, index) => ({
@@ -11304,16 +11331,6 @@ function PackForm() {
                     enumName: "packTypes",
                     required: true
                   }
-                ),
-                !branchId && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
-                  Feilds_default.Branches,
-                  {
-                    label: "Branch",
-                    form: methods,
-                    name: "branch",
-                    placeholder: "Select Branch",
-                    api: "/branches/get?noStore=true"
-                  }
                 )
               ] }),
               /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "border rounded-lg p-4 bg-gray-50/50 dark:bg-gray-800/20", children: [
@@ -11500,29 +11517,527 @@ function Pack({
 }
 var Pack_default = { Pack };
 
-// src/components/ErrorPage/ErrorPage.tsx
+// src/components/journals/Journals.tsx
+var import_react_router_dom24 = require("react-router-dom");
+var import_lucide_react31 = require("lucide-react");
+var import_react53 = require("react");
+var import_antd26 = require("antd");
 var import_jsx_runtime75 = require("react/jsx-runtime");
+function Journals({ url }) {
+  const { branchId } = (0, import_react_router_dom24.useParams)();
+  const navigate = (0, import_react_router_dom24.useNavigate)();
+  const [deleteJournal, setDeleteJournal] = (0, import_react53.useState)(null);
+  const { isLoading, remove } = useApis_default();
+  const { data, TransactionViewComponent, reload } = useTransaction_default({
+    url: url || `/transactions/get?type=journal${branchId ? `&branch=${branchId}` : ""}`,
+    dateFilter: true
+  });
+  const { Modal: Modal2 } = useModal();
+  const items = (data2) => [
+    {
+      label: `Edit Journal`,
+      icon: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_lucide_react31.FilePenLine, { size: 16 }),
+      onClick: () => navigate(`update?id=${data2?._id}`)
+    },
+    {
+      label: `Delete Journal`,
+      icon: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_lucide_react31.Trash2, { className: "text-red-500", size: 16 }),
+      onClick: () => setDeleteJournal(data2)
+    }
+  ].filter(Boolean);
+  const columns = [
+    {
+      accessorKey: "date",
+      header: "Date",
+      cell: ({ row }) => {
+        const journal = row.original;
+        return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { children: journal?.date });
+      }
+    },
+    {
+      accessorKey: "account",
+      header: "Account",
+      cell: ({ row }) => {
+        const journal = row.original;
+        return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { children: journal?.accountData?.name || "N/A" });
+      }
+    },
+    {
+      accessorKey: "amount",
+      header: "Amount",
+      cell: ({ row }) => {
+        const journal = row.original;
+        return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { children: Formats_default.Price(journal?.amount, journal?.currency) }),
+          journal?.fee && /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("span", { className: "text-xs text-green-600", children: [
+            "with fee: ",
+            Formats_default.Price(journal?.feeAmount, journal?.currency)
+          ] }),
+          journal?.exchange?.rate && /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("span", { className: "text-xs text-green-600", children: [
+            "Exchanged:",
+            " ",
+            Formats_default.Price(
+              journal?.exchange?.amount,
+              journal?.exchange?.currency
+            )
+          ] })
+        ] });
+      }
+    },
+    {
+      accessorKey: "journal",
+      header: "Type",
+      cell: ({ row }) => {
+        const journal = row.original;
+        return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: "capitalize", children: journal?.journal });
+      }
+    },
+    {
+      accessorKey: "journalVia",
+      header: "Via",
+      cell: ({ row }) => {
+        const journal = row.original;
+        return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("p", { className: "capitalize", children: journal?.journalVia }),
+          journal?.journalVia === "via account" && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("p", { className: "capitalize text-xs text-gray-600", children: journal?.viaAccountData?.name })
+        ] });
+      }
+    },
+    {
+      accessorKey: "action",
+      header: "Action",
+      cell: ({ row }) => {
+        const journal = row.original;
+        return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: "capitalize", children: journal?.action });
+      }
+    },
+    {
+      accessorKey: "actions",
+      header: "Actions",
+      cell: ({ row }) => {
+        const data2 = row.original;
+        return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+          Dropdown,
+          {
+            className: "cursor-pointer w-[150px]",
+            items: items(data2),
+            triggerMode: "hover",
+            children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_lucide_react31.EllipsisVertical, {})
+          }
+        );
+      }
+    }
+  ];
+  const journals = data?.data || [];
+  const onDelete = async (id) => {
+    try {
+      await remove({ url: `/journals/delete/${id}` });
+      import_antd26.message.success("Journal deleted successfully");
+      reload();
+      setDeleteJournal(null);
+    } catch (error) {
+      import_antd26.message.error(error.message || "Something went wrong");
+      return error;
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(import_jsx_runtime75.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Modal2, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+      ConfirmModal,
+      {
+        isOpen: !!deleteJournal,
+        isLoading,
+        onClose: () => setDeleteJournal(null),
+        title: `Delete Journal`,
+        description: `Are you sure you want to delete this journal entry of "${deleteJournal?.amount}"? This action cannot be undone.`,
+        confirmationWord: "delete",
+        onSubmit: () => onDelete(deleteJournal?._id),
+        children: null
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+      TransactionViewComponent,
+      {
+        columns,
+        data: journals,
+        title: "Journals",
+        description: "Manage your journal entries",
+        index: true,
+        createTitle: "Add Journal",
+        onCreate: () => {
+          navigate("create");
+        }
+      }
+    )
+  ] });
+}
+var Journals_default = Journals;
+
+// src/utils/zod.ts
+var import_moment2 = __toESM(require("moment"));
+var import_zod20 = require("zod");
+var zodFields = {
+  date: import_zod20.z.string().regex(
+    /^(0[1-9]|[12][0-9]|3[01])\/(0[1-9]|1[0-2])\/\d{4}$/,
+    "Date must be in format DD/MM/YYYY"
+  ).refine((val) => (0, import_moment2.default)(val, "DD/MM/YYYY", true).isValid(), {
+    message: "Date is not a valid calendar date"
+  })
+};
+
+// src/components/journals/schema.ts
+var import_zod22 = require("zod");
+var journalSchema = import_zod22.z.object({
+  date: zodFields.date,
+  amount: import_zod22.z.number().gt(0, "Amount must be greater than 0"),
+  account: import_zod22.z.string(),
+  description: import_zod22.z.string(),
+  journalVia: import_zod22.z.enum(Enums_default.viaTypes),
+  action: import_zod22.z.enum(Enums_default.actionTypes).optional(),
+  viaAccount: import_zod22.z.string().optional(),
+  viaAccountObject: import_zod22.z.any().optional(),
+  accountObject: import_zod22.z.any().optional(),
+  //exchange
+  rate: import_zod22.z.coerce.number().gte(0).optional(),
+  exchangedAmount: import_zod22.z.coerce.number().gte(0).optional(),
+  fee: import_zod22.z.coerce.number().gte(0)
+});
+
+// src/components/journals/JournalForm.tsx
+var import_react_hook_form20 = require("react-hook-form");
+var import_zod23 = require("@hookform/resolvers/zod");
+var import_antd27 = require("antd");
+var import_react54 = require("react");
+var import_react_router_dom25 = require("react-router-dom");
+
+// src/utils/forex.ts
+function exchangedAmount({
+  accountCurrency,
+  amount,
+  exchangeRate,
+  transactionCurrency,
+  trunc = false
+}) {
+  if (!Enums_default.currencies.includes(accountCurrency)) {
+    throw new Error("Invalid account currency");
+  }
+  if (!Enums_default.currencies.includes(transactionCurrency)) {
+    throw new Error("Invalid transaction currency");
+  }
+  let result;
+  if (accountCurrency === transactionCurrency) {
+    result = amount;
+  } else if (accountCurrency === "USD") {
+    result = amount / exchangeRate;
+  } else if (accountCurrency === "CNY") {
+    result = transactionCurrency === "USD" ? amount * exchangeRate : amount / exchangeRate;
+  } else if (accountCurrency === "KES") {
+    result = transactionCurrency === "TZS" ? amount / exchangeRate : amount * exchangeRate;
+  } else if (accountCurrency === "TZS") {
+    result = amount * exchangeRate;
+  } else {
+    throw new Error("Unsupported currency conversion");
+  }
+  return trunc ? Math.trunc(result) : result;
+}
+var Forex = {
+  exchangedAmount
+};
+var forex_default = Forex;
+
+// src/components/journals/JournalForm.tsx
+var import_jsx_runtime76 = require("react/jsx-runtime");
+function JournalForm({
+  isFee = true,
+  accountType = "all"
+}) {
+  const { branchId } = (0, import_react_router_dom25.useParams)();
+  const { getQuery, navigate } = useApp_default();
+  const id = getQuery("id");
+  const isEdit = !!id;
+  const [ref, setRef] = (0, import_react54.useState)("");
+  const { post, isLoading } = useApis_default();
+  const { isLoading: isLoadingGet, get } = useApis_default();
+  const methods = (0, import_react_hook_form20.useForm)({
+    resolver: (0, import_zod23.zodResolver)(journalSchema),
+    defaultValues: {
+      date: (/* @__PURE__ */ new Date()).toLocaleDateString("en-GB"),
+      amount: 0,
+      account: "",
+      fee: 0,
+      action: "debit",
+      journalVia: "direct"
+    }
+  });
+  const { handleSubmit } = methods;
+  const journalVia = methods.watch("journalVia");
+  const account = methods.watch("account");
+  const viaAccount = methods.watch("viaAccount");
+  const viaAccountObj = methods.watch("viaAccountObject");
+  const accountObj = methods.watch("accountObject");
+  const amount = methods.watch("amount");
+  const fee = methods.watch("fee");
+  const rate = methods.watch("rate");
+  const isRate = accountObj?.currency && viaAccountObj?.currency && accountObj?.currency !== viaAccountObj?.currency;
+  const onSubmit = async (data) => {
+    try {
+      const payload = {
+        ...data,
+        journal: "journal",
+        type: "journal",
+        action: data.journalVia === "via account" ? "debit" : data.action,
+        branch: branchId ?? void 0
+      };
+      await post({
+        url: `/transactions/add${isEdit ? `?ref=${ref}` : ""}`,
+        body: payload
+      });
+      import_antd27.message.success(`Journal saved successfully`);
+      navigate(-1);
+    } catch (error) {
+      import_antd27.message.error(error?.message || "Something went wrong");
+    }
+  };
+  const fetches = async () => {
+    try {
+      const res = await get({
+        url: `/transactions/get?id=${id}${branchId ? `&fromBranch=${branchId}` : ""}`
+      });
+      const data = res.data;
+      console.log(data);
+      methods.reset({
+        ...data,
+        rate: data?.exchange?.rate
+      });
+      setRef(data?.ref);
+    } catch (error) {
+      import_antd27.message.error(error?.message || "Something went wrong");
+      navigate(-1);
+    }
+  };
+  const exchangedAmount2 = (0, import_react54.useMemo)(() => {
+    if (isRate) {
+      const am = forex_default.exchangedAmount({
+        accountCurrency: accountObj?.currency,
+        amount,
+        exchangeRate: rate ?? 1,
+        transactionCurrency: viaAccountObj?.currency
+      });
+      return Formats_default.Price(am, accountObj?.currency ?? "N/A");
+    }
+  }, [
+    amount,
+    viaAccountObj?.rate,
+    accountObj?.currency,
+    viaAccountObj?.currency,
+    rate
+  ]);
+  const viaAccountAmount = (0, import_react54.useMemo)(() => {
+    if (fee) {
+      const am = amount + fee / 100 * amount;
+      return Formats_default.Price(
+        am,
+        viaAccountObj?.currency ?? accountObj?.currency ?? "N/A"
+      );
+    } else {
+      return Formats_default.Price(
+        amount,
+        viaAccountObj?.currency ?? accountObj?.currency ?? "N/A"
+      );
+    }
+  }, [fee, amount, viaAccountObj?.currency, accountObj?.currency]);
+  (0, import_react54.useEffect)(() => {
+    if (isEdit) {
+      fetches();
+    }
+  }, [id]);
+  return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
+    Card,
+    {
+      className: "max-w-4xl mx-auto mt-10 relative",
+      isLoading: isLoadingGet,
+      loadingText: "Processing...",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(Card.Header, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Journal` }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Card.Description, { children: isEdit ? `Update the details for this journal entry` : `Create a new journal entry` })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Card.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
+          "form",
+          {
+            className: "space-y-4",
+            onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+                  Fields_default.Input,
+                  {
+                    label: "Description",
+                    form: methods,
+                    name: "description",
+                    placeholder: "Enter description",
+                    required: true
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+                  Fields_default.Select,
+                  {
+                    label: "Journal Via",
+                    form: methods,
+                    name: "journalVia",
+                    enumName: "viaTypes",
+                    required: true
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+                  Fields_default.DateInput,
+                  {
+                    label: "Date",
+                    form: methods,
+                    name: "date",
+                    required: true
+                  }
+                ),
+                journalVia === "via account" && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+                  Feilds_default.Account,
+                  {
+                    label: "Via Account",
+                    form: methods,
+                    name: "viaAccount",
+                    api: "/accounts/get/all",
+                    placeholder: "Search for account...",
+                    filter: [account],
+                    required: true,
+                    obj: "viaAccountObject",
+                    showBalance: true
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+                  Feilds_default.Account,
+                  {
+                    label: accountType === "all" ? "Account" : accountType,
+                    form: methods,
+                    name: "account",
+                    api: `/accounts/get/${accountType}`,
+                    placeholder: "Search for account...",
+                    filter: [viaAccount],
+                    required: true,
+                    showBalance: true,
+                    obj: "accountObject"
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+                  Fields_default.Input,
+                  {
+                    label: "Amount",
+                    form: methods,
+                    name: "amount",
+                    type: "number",
+                    placeholder: "0.00",
+                    required: true
+                  }
+                ),
+                journalVia !== "via account" && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+                  Fields_default.Select,
+                  {
+                    label: "Action",
+                    form: methods,
+                    name: "action",
+                    enumName: "actionTypes",
+                    required: true
+                  }
+                ),
+                isRate && /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(import_jsx_runtime76.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+                    Fields_default.Input,
+                    {
+                      label: "Rate",
+                      type: "number",
+                      name: "rate",
+                      form: methods,
+                      required: true
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+                    Fields_default.Input,
+                    {
+                      label: "Exchanged Amount",
+                      type: "text",
+                      readOnly: true,
+                      disabled: true,
+                      value: exchangedAmount2
+                    }
+                  ),
+                  " "
+                ] }),
+                isFee && /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(import_jsx_runtime76.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+                    Fields_default.Input,
+                    {
+                      label: "Fee",
+                      type: "number",
+                      name: "fee",
+                      form: methods,
+                      required: true
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+                    Fields_default.Input,
+                    {
+                      label: "Amount After Fee",
+                      type: "text",
+                      readOnly: true,
+                      disabled: true,
+                      value: viaAccountAmount
+                    }
+                  )
+                ] })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+                Button,
+                {
+                  isLoading,
+                  disabled: isLoading,
+                  type: "submit",
+                  className: "min-w-[100px]",
+                  variant: !isEdit ? "primary" : "warning",
+                  children: isEdit ? "Update" : "Add"
+                }
+              ) })
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+}
+var JournalForm_default = JournalForm;
+
+// src/components/ErrorPage/ErrorPage.tsx
+var import_jsx_runtime77 = require("react/jsx-runtime");
 var ErrorPageBase = ({
   title,
-  message: message24,
+  message: message26,
   statusCode,
   action,
   className = ""
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
     "div",
     {
       className: `flex-1 m-auto h-full w-full min-h-[50vh] flex flex-col items-center justify-center p-6 text-zinc-900 dark:text-zinc-100 ${className}`,
-      children: /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "relative flex flex-col items-center justify-center w-full max-w-2xl text-center", children: [
-        statusCode && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "absolute inset-0 flex items-center justify-center z-0 select-none pointer-events-none opacity-[0.03] dark:opacity-5", children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: "text-[12rem] sm:text-[16rem] md:text-[20rem] font-bold leading-none tracking-tighter", children: statusCode }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "relative z-10 space-y-6", children: [
-          statusCode && /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("h2", { className: "text-xl md:text-2xl font-semibold text-zinc-500 dark:text-zinc-400", children: [
+      children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "relative flex flex-col items-center justify-center w-full max-w-2xl text-center", children: [
+        statusCode && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "absolute inset-0 flex items-center justify-center z-0 select-none pointer-events-none opacity-[0.03] dark:opacity-5", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "text-[12rem] sm:text-[16rem] md:text-[20rem] font-bold leading-none tracking-tighter", children: statusCode }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "relative z-10 space-y-6", children: [
+          statusCode && /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("h2", { className: "text-xl md:text-2xl font-semibold text-zinc-500 dark:text-zinc-400", children: [
             "Error ",
             statusCode
           ] }),
-          title && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("h1", { className: "text-4xl md:text-5xl font-extrabold tracking-tight drop-shadow-sm", children: title }),
-          message24 && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("p", { className: "text-lg md:text-xl text-zinc-600 dark:text-zinc-400 max-w-md mx-auto", children: message24 }),
-          action && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "pt-8", children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+          title && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("h1", { className: "text-4xl md:text-5xl font-extrabold tracking-tight drop-shadow-sm", children: title }),
+          message26 && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("p", { className: "text-lg md:text-xl text-zinc-600 dark:text-zinc-400 max-w-md mx-auto", children: message26 }),
+          action && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "pt-8", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
             "button",
             {
               onClick: action.onClick,
@@ -11538,9 +12053,9 @@ var ErrorPageBase = ({
 };
 
 // src/components/ErrorPage/ErrorPage.500.tsx
-var import_jsx_runtime76 = require("react/jsx-runtime");
+var import_jsx_runtime78 = require("react/jsx-runtime");
 var ErrorPage500 = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
     ErrorPageBase,
     {
       statusCode: 500,
@@ -11553,9 +12068,9 @@ var ErrorPage500 = (props) => {
 };
 
 // src/components/ErrorPage/ErrorPage.404.tsx
-var import_jsx_runtime77 = require("react/jsx-runtime");
+var import_jsx_runtime79 = require("react/jsx-runtime");
 var ErrorPage404 = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
     ErrorPageBase,
     {
       statusCode: 404,
@@ -11568,9 +12083,9 @@ var ErrorPage404 = (props) => {
 };
 
 // src/components/ErrorPage/ErrorPage.401.tsx
-var import_jsx_runtime78 = require("react/jsx-runtime");
+var import_jsx_runtime80 = require("react/jsx-runtime");
 var ErrorPage401 = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
     ErrorPageBase,
     {
       statusCode: 401,
@@ -11583,9 +12098,9 @@ var ErrorPage401 = (props) => {
 };
 
 // src/components/ErrorPage/ErrorPage.400.tsx
-var import_jsx_runtime79 = require("react/jsx-runtime");
+var import_jsx_runtime81 = require("react/jsx-runtime");
 var ErrorPage400 = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
     ErrorPageBase,
     {
       statusCode: 400,
@@ -11639,6 +12154,8 @@ var ErrorPage = Object.assign(ErrorPageBase, {
   Guard,
   InfoGrid,
   Input,
+  JournalForm,
+  Journals,
   LinkUser,
   LoadingBox,
   LoadingSpin,
@@ -11691,6 +12208,7 @@ var ErrorPage = Object.assign(ErrorPageBase, {
   createUserSchema,
   createWalletSchema,
   generatePdf,
+  journalSchema,
   linkUserSchema,
   packProductItemSchema,
   packTypes,