warqadui 0.0.94 → 0.0.96

package/dist/index.mjs

@@ -299,12 +299,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;
 
@@ -1331,13 +1340,13 @@ var Input = 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);
     useEffect7(() => {
@@ -1406,7 +1415,7 @@ var Input = forwardRef(
               }
             )
           ] }),
-          message24 && /* @__PURE__ */ jsx16("p", { className: "text-sm text-red-600 dark:text-red-400", children: message24 })
+          message26 && /* @__PURE__ */ jsx16("p", { className: "text-sm text-red-600 dark:text-red-400", children: message26 })
         ]
       }
     );
@@ -1731,7 +1740,7 @@ var PhoneInput = forwardRef2(
     const [isFocused, setIsFocused] = useState12(false);
     const { theme } = useWarqadConfig();
     const primaryColor = theme?.primaryColor;
-    let message24 = error;
+    let message26 = error;
     if (form && name) {
       const {
         formState: { errors }
@@ -1741,7 +1750,7 @@ var PhoneInput = forwardRef2(
       for (const part of nameParts) {
         currentError = currentError?.[part];
       }
-      message24 = currentError?.message || message24;
+      message26 = currentError?.message || message26;
     }
     const renderInput = (onChangeHandler, currentValue) => /* @__PURE__ */ jsxs15("div", { className: `space-y-2 group relative ${containerClassName}`, children: [
       /* @__PURE__ */ jsxs15(
@@ -1792,7 +1801,7 @@ var PhoneInput = forwardRef2(
           }
         )
       ] }),
-      message24 && /* @__PURE__ */ jsx20("p", { className: "text-sm text-red-600 dark:text-red-400", children: message24 })
+      message26 && /* @__PURE__ */ jsx20("p", { className: "text-sm text-red-600 dark:text-red-400", children: message26 })
     ] });
     if (form && name) {
       return /* @__PURE__ */ jsx20(
@@ -1844,7 +1853,8 @@ var Select = forwardRef3((props, ref) => {
     children,
     options: initialOptions = [],
     enum: enumData,
-    enumName
+    enumName,
+    ...rest
   } = props;
   const options = useMemo4(() => {
     if (initialOptions.length > 0) return initialOptions;
@@ -1881,7 +1891,7 @@ var Select = forwardRef3((props, ref) => {
         }) => /* @__PURE__ */ jsx21(
           SelectRoot,
           {
-            ...props,
+            ...rest,
             options,
             currentValue: formValue,
             onChangeHandler: (val) => {
@@ -1898,7 +1908,7 @@ var Select = forwardRef3((props, ref) => {
   return /* @__PURE__ */ jsx21(
     SelectRoot,
     {
-      ...props,
+      ...rest,
       options,
       currentValue: value,
       onChangeHandler: onChange || (() => {
@@ -1926,6 +1936,8 @@ var SelectRoot = ({
   disabled,
   id,
   className = "",
+  enum: enumData,
+  enumName,
   ...props
 }) => {
   const [isOpen, setIsOpen] = useState13(false);
@@ -1970,7 +1982,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 }
@@ -1980,7 +1992,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 = {
@@ -2041,7 +2053,7 @@ var SelectRoot = ({
             String(opt.value) || index
           )) })
         ] }),
-        message24 && /* @__PURE__ */ jsx21("p", { className: "text-sm text-red-600 dark:text-red-400", children: message24 })
+        message26 && /* @__PURE__ */ jsx21("p", { className: "text-sm text-red-600 dark:text-red-400", children: message26 })
       ]
     }
   ) });
@@ -2279,13 +2291,13 @@ var Textarea = forwardRef4(
     const [isFocused, setIsFocused] = useState14(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__ */ jsxs17("div", { className: `space-y-2 group w-full! relative ${containerClassName}`, children: [
       /* @__PURE__ */ jsxs17(
@@ -2323,7 +2335,7 @@ var Textarea = forwardRef4(
           }
         }
       ) }),
-      message24 && /* @__PURE__ */ jsx22("p", { className: "text-sm text-red-600 dark:text-red-400", children: message24 })
+      message26 && /* @__PURE__ */ jsx22("p", { className: "text-sm text-red-600 dark:text-red-400", children: message26 })
     ] });
     useEffect9(() => {
       if (form && name && props.value !== void 0 && props.value !== null && props.value !== "") {
@@ -2649,7 +2661,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 }
@@ -2659,7 +2671,7 @@ var SearchApiRoot = ({
     for (const part of nameParts) {
       currentError = currentError?.[part];
     }
-    message24 = currentError?.message || message24;
+    message26 = currentError?.message || message26;
   }
   const valueCtx = {
     isOpen,
@@ -2693,7 +2705,7 @@ var SearchApiRoot = ({
     form,
     name,
     obj,
-    error: message24,
+    error: message26,
     onSelect,
     onClear
   };
@@ -3062,19 +3074,19 @@ var DateInput = forwardRef6(
     const { theme } = useWarqadConfig();
     const primaryColor = theme?.primaryColor;
     const [isFocused, setIsFocused] = useState16(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) => {
@@ -3097,8 +3109,8 @@ var DateInput = forwardRef6(
           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__ */ jsx24(
@@ -3128,7 +3140,7 @@ var DateInput = forwardRef6(
         {
           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,
@@ -3149,7 +3161,7 @@ var DateInput = forwardRef6(
           )
         }
       ) : renderDatePicker(value, onChange, onBlur, ref),
-      message24 && /* @__PURE__ */ jsx24("p", { className: "text-sm text-red-600 dark:text-red-400", children: message24 })
+      message26 && /* @__PURE__ */ jsx24("p", { className: "text-sm text-red-600 dark:text-red-400", children: message26 })
     ] });
   }
 );
@@ -3173,7 +3185,8 @@ var Fields = {
 var Fields_default = Fields;
 
 // src/components/tables/DataTable.tsx
-import React10, { useState as useState17, useMemo as useMemo5, useEffect as useEffect11 } from "react";
+import React10, { useState as useState17, useMemo as useMemo5, useEffect as useEffect11, useRef as useRef5 } from "react";
+import { createPortal as createPortal4 } from "react-dom";
 import {
   useReactTable,
   getCoreRowModel,
@@ -3233,6 +3246,43 @@ function DataTable({
       setPagination((prev) => ({ ...prev, pageSize: pageRows }));
     }
   }, [pageRows]);
+  const [isVisibilityOpen, setIsVisibilityOpen] = useState17(false);
+  const visibilityAnchorRef = useRef5(null);
+  const visibilityContentRef = useRef5(null);
+  const [visibilityCoords, setVisibilityCoords] = useState17({
+    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
+      });
+    }
+  };
+  useEffect11(() => {
+    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] = useState17(() => {
     const initialState = {};
     if (defaultExpanded && renderSubComponent && data) {
@@ -3331,31 +3381,59 @@ function DataTable({
           className: "h-9!"
         }
       ) }),
-      /* @__PURE__ */ jsx25("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxs20("div", { className: "relative group", children: [
-        /* @__PURE__ */ jsxs20("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__ */ jsx25(ChevronDown4, { size: 14, className: "text-gray-400" })
-        ] }),
-        /* @__PURE__ */ jsx25("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__ */ jsxs20(
-          "label",
+      /* @__PURE__ */ jsx25("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxs20("div", { className: "relative", ref: visibilityAnchorRef, children: [
+        /* @__PURE__ */ jsxs20(
+          "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__ */ jsx25(
-                "input",
+                ChevronDown4,
                 {
-                  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 && createPortal4(
+          /* @__PURE__ */ jsx25(
+            "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__ */ jsx25("div", { className: "max-h-64 overflow-y-auto", children: table.getAllColumns().filter((column) => column.getCanHide()).map((column) => /* @__PURE__ */ jsxs20(
+                "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__ */ jsx25(
+                      "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__ */ jsx25("div", { className: "rounded-lg border border-gray-200 dark:border-zinc-800 bg-white dark:bg-zinc-950 overflow-hidden relative", children: /* @__PURE__ */ jsx25("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs20(
@@ -3496,7 +3574,7 @@ import React11, {
   useState as useState18,
   useMemo as useMemo6,
   useEffect as useEffect12,
-  useRef as useRef5,
+  useRef as useRef6,
   useCallback as useCallback3
 } from "react";
 import {
@@ -3628,7 +3706,7 @@ function PostTable({
   const [internalData, setInternalData] = useState18(controlledData || []);
   const isControlled = controlledData !== void 0;
   const data = isControlled ? controlledData : internalData;
-  const entryRowRef = useRef5(null);
+  const entryRowRef = useRef6(null);
   useEffect12(() => {
     if (defaultExpanded && renderSubComponent && (data || []).length > 0) {
       setExpanded((prev) => {
@@ -3670,7 +3748,7 @@ function PostTable({
   const [editingIndex, setEditingIndex] = useState18(null);
   const [isSavingAsync, setIsSavingAsync] = useState18(false);
   const [fieldErrors, setFieldErrors] = useState18({});
-  const latestStateRef = useRef5({
+  const latestStateRef = useRef6({
     data,
     entryData,
     editingIndex,
@@ -5051,8 +5129,8 @@ var useLogin = (props) => {
 import { useState as useState21 } from "react";
 
 // src/components/Dropdown.tsx
-import { useState as useState20, useRef as useRef6, useEffect as useEffect13, useLayoutEffect } from "react";
-import { createPortal as createPortal4 } from "react-dom";
+import { useState as useState20, useRef as useRef7, useEffect as useEffect13, useLayoutEffect } from "react";
+import { createPortal as createPortal5 } from "react-dom";
 import { jsx as jsx34, jsxs as jsxs26 } from "react/jsx-runtime";
 var Dropdown = ({
   children,
@@ -5065,7 +5143,7 @@ var Dropdown = ({
   onOpenChange
 }) => {
   const [isOpen, setIsOpen] = useState20(false);
-  const triggerRef = useRef6(null);
+  const triggerRef = useRef7(null);
   const [coords, setCoords] = useState20({ top: 0, left: 0, right: 0 });
   const [loadingItems, setLoadingItems] = useState20({});
   const updateCoords = () => {
@@ -5152,7 +5230,7 @@ var Dropdown = ({
             children
           }
         ),
-        isOpen && createPortal4(
+        isOpen && createPortal5(
           /* @__PURE__ */ jsx34(
             "div",
             {
@@ -5337,7 +5415,7 @@ var ProfileDropdown = ({
 };
 
 // src/hooks/Fetches/useA4DataView.tsx
-import { useEffect as useEffect14, useRef as useRef7, useState as useState22 } from "react";
+import { useEffect as useEffect14, useRef as useRef8, useState as useState22 } from "react";
 import { useReactToPrint } from "react-to-print";
 import {
   RefreshCw,
@@ -5356,7 +5434,7 @@ var useA4StatementView = ({
   startPage = 1
 } = {}) => {
   const { data: apiData, isLoading, get, error: apiError } = useApis_default();
-  const contentRef = useRef7(null);
+  const contentRef = useRef8(null);
   const reactToPrintFn = useReactToPrint({
     contentRef
   });
@@ -5397,7 +5475,7 @@ var useA4StatementView = ({
   }) => {
     const { store } = useWarqadConfig();
     const isActuallyLoading = externalLoading ?? isLoading;
-    const measureContainerRef = useRef7(null);
+    const measureContainerRef = useRef8(null);
     const [pages, setPages] = useState22([]);
     const [isMeasuring, setIsMeasuring] = useState22(true);
     const [globalFilter, setGlobalFilter] = useState22("");
@@ -5765,7 +5843,7 @@ var useA4StatementView = ({
 var useA4DataView_default = useA4StatementView;
 
 // src/hooks/Fetches/useA4CategoryView.tsx
-import { useEffect as useEffect15, useRef as useRef8, useState as useState23 } from "react";
+import { useEffect as useEffect15, useRef as useRef9, useState as useState23 } from "react";
 import { useReactToPrint as useReactToPrint2 } from "react-to-print";
 import {
   RefreshCw as RefreshCw2,
@@ -5784,7 +5862,7 @@ var useA4CategoryView = ({
   startPage = 1
 } = {}) => {
   const { data: apiData, isLoading, get, error: apiError } = useApis_default();
-  const contentRef = useRef8(null);
+  const contentRef = useRef9(null);
   const reactToPrintFn = useReactToPrint2({
     contentRef
   });
@@ -5812,7 +5890,7 @@ var useA4CategoryView = ({
   }) => {
     const { store } = useWarqadConfig();
     const isActuallyLoading = externalLoading ?? isLoading;
-    const measureContainerRef = useRef8(null);
+    const measureContainerRef = useRef9(null);
     const [pages, setPages] = useState23([]);
     const [isMeasuring, setIsMeasuring] = useState23(true);
     const [globalFilter, setGlobalFilter] = useState23("");
@@ -7474,17 +7552,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}`);
     }
@@ -7493,17 +7571,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;
@@ -7514,8 +7592,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, 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");
@@ -8254,7 +8332,8 @@ var createAccountSchema = z2.object({
   }).transform((val) => val?.toLowerCase()),
   phoneNumber: z2.string().optional(),
   sex: z2.enum(Enums_default.sex),
-  branch: z2.string().optional()
+  branch: z2.string().optional(),
+  currency: z2.string().optional()
 });
 
 // src/components/accounts/AccountForm.tsx
@@ -8311,10 +8390,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);
     }
@@ -8368,7 +8447,8 @@ function Account({
   v = 1,
   showBalance,
   required,
-  disabled
+  disabled,
+  obj
 }) {
   const { branchId } = useParams3();
   const accountId = form?.watch(name);
@@ -8392,7 +8472,8 @@ function Account({
         labelKey: "name",
         valueKey: "_id",
         required,
-        disabled
+        disabled,
+        obj
       }
     ),
     /* @__PURE__ */ jsx45(BalanceView, {})
@@ -8412,7 +8493,8 @@ function Customer({
   showBalance,
   required,
   disabled,
-  v
+  v,
+  obj
 }) {
   return /* @__PURE__ */ jsx46(
     Account_default,
@@ -8426,7 +8508,8 @@ function Customer({
       filter,
       showBalance,
       required,
-      disabled
+      disabled,
+      obj
     }
   );
 }
@@ -8444,6 +8527,7 @@ function Employee({
   showBalance,
   required,
   disabled,
+  obj,
   v
 }) {
   return /* @__PURE__ */ jsx47(
@@ -8458,7 +8542,8 @@ function Employee({
       filter,
       required,
       disabled,
-      showBalance
+      showBalance,
+      obj
     }
   );
 }
@@ -8526,7 +8611,8 @@ function AccountForm() {
       name: "",
       email: "",
       phoneNumber: "",
-      sex: "male"
+      sex: "male",
+      currency: ""
     },
     shouldUnregister: false
   });
@@ -8636,6 +8722,15 @@ function AccountForm() {
                     placeholder: "Select Branch",
                     api: "/branches/get?noStore=true"
                   }
+                ),
+                /* @__PURE__ */ jsx49(
+                  Fields_default.Select,
+                  {
+                    label: "Currency",
+                    form: methods,
+                    name: "currency",
+                    enumName: "currencies"
+                  }
                 )
               ] }),
               /* @__PURE__ */ jsx49("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsx49(
@@ -11362,29 +11457,527 @@ function Pack({
 }
 var Pack_default = { Pack };
 
+// src/components/journals/Journals.tsx
+import { useNavigate as useNavigate15, useParams as useParams16 } from "react-router-dom";
+import { EllipsisVertical as EllipsisVertical8, FilePenLine as FilePenLine7, Trash2 as Trash29 } from "lucide-react";
+import { useState as useState38 } from "react";
+import { message as message24 } from "antd";
+import { Fragment as Fragment18, jsx as jsx75, jsxs as jsxs57 } from "react/jsx-runtime";
+function Journals({ url }) {
+  const { branchId } = useParams16();
+  const navigate = useNavigate15();
+  const [deleteJournal, setDeleteJournal] = useState38(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__ */ jsx75(FilePenLine7, { size: 16 }),
+      onClick: () => navigate(`update?id=${data2?._id}`)
+    },
+    {
+      label: `Delete Journal`,
+      icon: /* @__PURE__ */ jsx75(Trash29, { 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__ */ jsx75("span", { children: journal?.date });
+      }
+    },
+    {
+      accessorKey: "account",
+      header: "Account",
+      cell: ({ row }) => {
+        const journal = row.original;
+        return /* @__PURE__ */ jsx75("span", { children: journal?.accountData?.name || "N/A" });
+      }
+    },
+    {
+      accessorKey: "amount",
+      header: "Amount",
+      cell: ({ row }) => {
+        const journal = row.original;
+        return /* @__PURE__ */ jsxs57("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ jsx75("span", { children: Formats_default.Price(journal?.amount, journal?.currency) }),
+          journal?.fee && /* @__PURE__ */ jsxs57("span", { className: "text-xs text-green-600", children: [
+            "with fee: ",
+            Formats_default.Price(journal?.feeAmount, journal?.currency)
+          ] }),
+          journal?.exchange?.rate && /* @__PURE__ */ jsxs57("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__ */ jsx75("span", { className: "capitalize", children: journal?.journal });
+      }
+    },
+    {
+      accessorKey: "journalVia",
+      header: "Via",
+      cell: ({ row }) => {
+        const journal = row.original;
+        return /* @__PURE__ */ jsxs57("div", { className: "", children: [
+          /* @__PURE__ */ jsx75("p", { className: "capitalize", children: journal?.journalVia }),
+          journal?.journalVia === "via account" && /* @__PURE__ */ jsx75("p", { className: "capitalize text-xs text-gray-600", children: journal?.viaAccountData?.name })
+        ] });
+      }
+    },
+    {
+      accessorKey: "action",
+      header: "Action",
+      cell: ({ row }) => {
+        const journal = row.original;
+        return /* @__PURE__ */ jsx75("span", { className: "capitalize", children: journal?.action });
+      }
+    },
+    {
+      accessorKey: "actions",
+      header: "Actions",
+      cell: ({ row }) => {
+        const data2 = row.original;
+        return /* @__PURE__ */ jsx75(
+          Dropdown,
+          {
+            className: "cursor-pointer w-[150px]",
+            items: items(data2),
+            triggerMode: "hover",
+            children: /* @__PURE__ */ jsx75(EllipsisVertical8, {})
+          }
+        );
+      }
+    }
+  ];
+  const journals = data?.data || [];
+  const onDelete = async (id) => {
+    try {
+      await remove({ url: `/journals/delete/${id}` });
+      message24.success("Journal deleted successfully");
+      reload();
+      setDeleteJournal(null);
+    } catch (error) {
+      message24.error(error.message || "Something went wrong");
+      return error;
+    }
+  };
+  return /* @__PURE__ */ jsxs57(Fragment18, { children: [
+    /* @__PURE__ */ jsx75(Modal2, {}),
+    /* @__PURE__ */ jsx75(
+      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__ */ jsx75(
+      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
+import moment2 from "moment";
+import { z as z10 } from "zod";
+var zodFields = {
+  date: z10.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) => moment2(val, "DD/MM/YYYY", true).isValid(), {
+    message: "Date is not a valid calendar date"
+  })
+};
+
+// src/components/journals/schema.ts
+import { z as z11 } from "zod";
+var journalSchema = z11.object({
+  date: zodFields.date,
+  amount: z11.number().gt(0, "Amount must be greater than 0"),
+  account: z11.string(),
+  description: z11.string(),
+  journalVia: z11.enum(Enums_default.viaTypes),
+  action: z11.enum(Enums_default.actionTypes).optional(),
+  viaAccount: z11.string().optional(),
+  viaAccountObject: z11.any().optional(),
+  accountObject: z11.any().optional(),
+  //exchange
+  rate: z11.coerce.number().gte(0).optional(),
+  exchangedAmount: z11.coerce.number().gte(0).optional(),
+  fee: z11.coerce.number().gte(0)
+});
+
+// src/components/journals/JournalForm.tsx
+import { useForm as useForm14 } from "react-hook-form";
+import { zodResolver as zodResolver13 } from "@hookform/resolvers/zod";
+import { message as message25 } from "antd";
+import { useEffect as useEffect30, useMemo as useMemo10, useState as useState39 } from "react";
+import { useParams as useParams17 } from "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
+import { Fragment as Fragment19, jsx as jsx76, jsxs as jsxs58 } from "react/jsx-runtime";
+function JournalForm({
+  isFee = true,
+  accountType = "all"
+}) {
+  const { branchId } = useParams17();
+  const { getQuery, navigate } = useApp_default();
+  const id = getQuery("id");
+  const isEdit = !!id;
+  const [ref, setRef] = useState39("");
+  const { post, isLoading } = useApis_default();
+  const { isLoading: isLoadingGet, get } = useApis_default();
+  const methods = useForm14({
+    resolver: zodResolver13(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
+      });
+      message25.success(`Journal saved successfully`);
+      navigate(-1);
+    } catch (error) {
+      message25.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) {
+      message25.error(error?.message || "Something went wrong");
+      navigate(-1);
+    }
+  };
+  const exchangedAmount2 = useMemo10(() => {
+    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 = useMemo10(() => {
+    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]);
+  useEffect30(() => {
+    if (isEdit) {
+      fetches();
+    }
+  }, [id]);
+  return /* @__PURE__ */ jsxs58(
+    Card,
+    {
+      className: "max-w-4xl mx-auto mt-10 relative",
+      isLoading: isLoadingGet,
+      loadingText: "Processing...",
+      children: [
+        /* @__PURE__ */ jsxs58(Card.Header, { children: [
+          /* @__PURE__ */ jsx76(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Journal` }),
+          /* @__PURE__ */ jsx76(Card.Description, { children: isEdit ? `Update the details for this journal entry` : `Create a new journal entry` })
+        ] }),
+        /* @__PURE__ */ jsx76(Card.Content, { children: /* @__PURE__ */ jsxs58(
+          "form",
+          {
+            className: "space-y-4",
+            onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)),
+            children: [
+              /* @__PURE__ */ jsxs58("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ jsx76(
+                  Fields_default.Input,
+                  {
+                    label: "Description",
+                    form: methods,
+                    name: "description",
+                    placeholder: "Enter description",
+                    required: true
+                  }
+                ),
+                /* @__PURE__ */ jsx76(
+                  Fields_default.Select,
+                  {
+                    label: "Journal Via",
+                    form: methods,
+                    name: "journalVia",
+                    enumName: "viaTypes",
+                    required: true
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs58("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ jsx76(
+                  Fields_default.DateInput,
+                  {
+                    label: "Date",
+                    form: methods,
+                    name: "date",
+                    required: true
+                  }
+                ),
+                journalVia === "via account" && /* @__PURE__ */ jsx76(
+                  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__ */ jsx76(
+                  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__ */ jsx76(
+                  Fields_default.Input,
+                  {
+                    label: "Amount",
+                    form: methods,
+                    name: "amount",
+                    type: "number",
+                    placeholder: "0.00",
+                    required: true
+                  }
+                ),
+                journalVia !== "via account" && /* @__PURE__ */ jsx76(
+                  Fields_default.Select,
+                  {
+                    label: "Action",
+                    form: methods,
+                    name: "action",
+                    enumName: "actionTypes",
+                    required: true
+                  }
+                ),
+                isRate && /* @__PURE__ */ jsxs58(Fragment19, { children: [
+                  /* @__PURE__ */ jsx76(
+                    Fields_default.Input,
+                    {
+                      label: "Rate",
+                      type: "number",
+                      name: "rate",
+                      form: methods,
+                      required: true
+                    }
+                  ),
+                  /* @__PURE__ */ jsx76(
+                    Fields_default.Input,
+                    {
+                      label: "Exchanged Amount",
+                      type: "text",
+                      readOnly: true,
+                      disabled: true,
+                      value: exchangedAmount2
+                    }
+                  ),
+                  " "
+                ] }),
+                isFee && /* @__PURE__ */ jsxs58(Fragment19, { children: [
+                  /* @__PURE__ */ jsx76(
+                    Fields_default.Input,
+                    {
+                      label: "Fee",
+                      type: "number",
+                      name: "fee",
+                      form: methods,
+                      required: true
+                    }
+                  ),
+                  /* @__PURE__ */ jsx76(
+                    Fields_default.Input,
+                    {
+                      label: "Amount After Fee",
+                      type: "text",
+                      readOnly: true,
+                      disabled: true,
+                      value: viaAccountAmount
+                    }
+                  )
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx76("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsx76(
+                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
-import { jsx as jsx75, jsxs as jsxs57 } from "react/jsx-runtime";
+import { jsx as jsx77, jsxs as jsxs59 } from "react/jsx-runtime";
 var ErrorPageBase = ({
   title,
-  message: message24,
+  message: message26,
   statusCode,
   action,
   className = ""
 }) => {
-  return /* @__PURE__ */ jsx75(
+  return /* @__PURE__ */ jsx77(
     "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__ */ jsxs57("div", { className: "relative flex flex-col items-center justify-center w-full max-w-2xl text-center", children: [
-        statusCode && /* @__PURE__ */ jsx75("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__ */ jsx75("span", { className: "text-[12rem] sm:text-[16rem] md:text-[20rem] font-bold leading-none tracking-tighter", children: statusCode }) }),
-        /* @__PURE__ */ jsxs57("div", { className: "relative z-10 space-y-6", children: [
-          statusCode && /* @__PURE__ */ jsxs57("h2", { className: "text-xl md:text-2xl font-semibold text-zinc-500 dark:text-zinc-400", children: [
+      children: /* @__PURE__ */ jsxs59("div", { className: "relative flex flex-col items-center justify-center w-full max-w-2xl text-center", children: [
+        statusCode && /* @__PURE__ */ jsx77("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__ */ jsx77("span", { className: "text-[12rem] sm:text-[16rem] md:text-[20rem] font-bold leading-none tracking-tighter", children: statusCode }) }),
+        /* @__PURE__ */ jsxs59("div", { className: "relative z-10 space-y-6", children: [
+          statusCode && /* @__PURE__ */ jsxs59("h2", { className: "text-xl md:text-2xl font-semibold text-zinc-500 dark:text-zinc-400", children: [
             "Error ",
             statusCode
           ] }),
-          title && /* @__PURE__ */ jsx75("h1", { className: "text-4xl md:text-5xl font-extrabold tracking-tight drop-shadow-sm", children: title }),
-          message24 && /* @__PURE__ */ jsx75("p", { className: "text-lg md:text-xl text-zinc-600 dark:text-zinc-400 max-w-md mx-auto", children: message24 }),
-          action && /* @__PURE__ */ jsx75("div", { className: "pt-8", children: /* @__PURE__ */ jsx75(
+          title && /* @__PURE__ */ jsx77("h1", { className: "text-4xl md:text-5xl font-extrabold tracking-tight drop-shadow-sm", children: title }),
+          message26 && /* @__PURE__ */ jsx77("p", { className: "text-lg md:text-xl text-zinc-600 dark:text-zinc-400 max-w-md mx-auto", children: message26 }),
+          action && /* @__PURE__ */ jsx77("div", { className: "pt-8", children: /* @__PURE__ */ jsx77(
             "button",
             {
               onClick: action.onClick,
@@ -11400,9 +11993,9 @@ var ErrorPageBase = ({
 };
 
 // src/components/ErrorPage/ErrorPage.500.tsx
-import { jsx as jsx76 } from "react/jsx-runtime";
+import { jsx as jsx78 } from "react/jsx-runtime";
 var ErrorPage500 = (props) => {
-  return /* @__PURE__ */ jsx76(
+  return /* @__PURE__ */ jsx78(
     ErrorPageBase,
     {
       statusCode: 500,
@@ -11415,9 +12008,9 @@ var ErrorPage500 = (props) => {
 };
 
 // src/components/ErrorPage/ErrorPage.404.tsx
-import { jsx as jsx77 } from "react/jsx-runtime";
+import { jsx as jsx79 } from "react/jsx-runtime";
 var ErrorPage404 = (props) => {
-  return /* @__PURE__ */ jsx77(
+  return /* @__PURE__ */ jsx79(
     ErrorPageBase,
     {
       statusCode: 404,
@@ -11430,9 +12023,9 @@ var ErrorPage404 = (props) => {
 };
 
 // src/components/ErrorPage/ErrorPage.401.tsx
-import { jsx as jsx78 } from "react/jsx-runtime";
+import { jsx as jsx80 } from "react/jsx-runtime";
 var ErrorPage401 = (props) => {
-  return /* @__PURE__ */ jsx78(
+  return /* @__PURE__ */ jsx80(
     ErrorPageBase,
     {
       statusCode: 401,
@@ -11445,9 +12038,9 @@ var ErrorPage401 = (props) => {
 };
 
 // src/components/ErrorPage/ErrorPage.400.tsx
-import { jsx as jsx79 } from "react/jsx-runtime";
+import { jsx as jsx81 } from "react/jsx-runtime";
 var ErrorPage400 = (props) => {
-  return /* @__PURE__ */ jsx79(
+  return /* @__PURE__ */ jsx81(
     ErrorPageBase,
     {
       statusCode: 400,
@@ -11500,6 +12093,8 @@ export {
   Guard,
   InfoGrid,
   Input,
+  JournalForm_default as JournalForm,
+  Journals_default as Journals,
   linkUser_default as LinkUser,
   LoadingBox,
   LoadingSpin,
@@ -11552,6 +12147,7 @@ export {
   createUserSchema,
   createWalletSchema,
   generatePdf,
+  journalSchema,
   linkUserSchema,
   packProductItemSchema,
   packTypes,