warqadui 0.0.92 → 0.0.94

package/dist/index.mjs

@@ -303,7 +303,8 @@ var Enums = {
   verificationTypes: ["email_verification", "password_reset"],
   auditActions: ["create", "update", "delete", "login", "logout"],
   walletTypes: ["bank", "cash", "mobile"],
-  currencies: ["USD", "TZS", "KES", "CNY"]
+  currencies: ["USD", "TZS", "KES", "CNY"],
+  packTypes: ["pressure", "bag", "boxes"]
 };
 var Enums_default = Enums;
 
@@ -1330,13 +1331,13 @@ var Input = forwardRef(
         }
       }
     }, [props.value, name, form]);
-    let message16 = error;
+    let message24 = error;
     if (form && name) {
       const {
         formState: { errors }
       } = form;
       const errorObj = name.split(".").reduce((acc, current) => acc?.[current], errors);
-      message16 = errorObj?.message;
+      message24 = errorObj?.message;
     }
     const watchedValue = form?.watch(name);
     useEffect7(() => {
@@ -1405,7 +1406,7 @@ var Input = forwardRef(
               }
             )
           ] }),
-          message16 && /* @__PURE__ */ jsx16("p", { className: "text-sm text-red-600 dark:text-red-400", children: message16 })
+          message24 && /* @__PURE__ */ jsx16("p", { className: "text-sm text-red-600 dark:text-red-400", children: message24 })
         ]
       }
     );
@@ -1730,7 +1731,7 @@ var PhoneInput = forwardRef2(
     const [isFocused, setIsFocused] = useState12(false);
     const { theme } = useWarqadConfig();
     const primaryColor = theme?.primaryColor;
-    let message16 = error;
+    let message24 = error;
     if (form && name) {
       const {
         formState: { errors }
@@ -1740,7 +1741,7 @@ var PhoneInput = forwardRef2(
       for (const part of nameParts) {
         currentError = currentError?.[part];
       }
-      message16 = currentError?.message || message16;
+      message24 = currentError?.message || message24;
     }
     const renderInput = (onChangeHandler, currentValue) => /* @__PURE__ */ jsxs15("div", { className: `space-y-2 group relative ${containerClassName}`, children: [
       /* @__PURE__ */ jsxs15(
@@ -1791,7 +1792,7 @@ var PhoneInput = forwardRef2(
           }
         )
       ] }),
-      message16 && /* @__PURE__ */ jsx20("p", { className: "text-sm text-red-600 dark:text-red-400", children: message16 })
+      message24 && /* @__PURE__ */ jsx20("p", { className: "text-sm text-red-600 dark:text-red-400", children: message24 })
     ] });
     if (form && name) {
       return /* @__PURE__ */ jsx20(
@@ -1969,7 +1970,7 @@ var SelectRoot = ({
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, [fieldInternalProps]);
-  let message16 = error;
+  let message24 = error;
   if (form && name) {
     const {
       formState: { errors }
@@ -1979,7 +1980,7 @@ var SelectRoot = ({
     for (const part of nameParts) {
       currentError = currentError?.[part];
     }
-    message16 = currentError?.message || message16;
+    message24 = currentError?.message || message24;
   }
   const allOptions = initialOptions?.length ? initialOptions : registeredOptions;
   const valueCtx = {
@@ -2040,7 +2041,7 @@ var SelectRoot = ({
             String(opt.value) || index
           )) })
         ] }),
-        message16 && /* @__PURE__ */ jsx21("p", { className: "text-sm text-red-600 dark:text-red-400", children: message16 })
+        message24 && /* @__PURE__ */ jsx21("p", { className: "text-sm text-red-600 dark:text-red-400", children: message24 })
       ]
     }
   ) });
@@ -2278,13 +2279,13 @@ var Textarea = forwardRef4(
     const [isFocused, setIsFocused] = useState14(false);
     const { theme } = useWarqadConfig();
     const primaryColor = theme?.primaryColor;
-    let message16 = error;
+    let message24 = error;
     if (form && name) {
       const {
         formState: { errors }
       } = form;
       const errorObj = name.split(".").reduce((acc, current) => acc?.[current], errors);
-      message16 = errorObj?.message;
+      message24 = errorObj?.message;
     }
     const renderInput = (inputProps, ref2) => /* @__PURE__ */ jsxs17("div", { className: `space-y-2 group w-full! relative ${containerClassName}`, children: [
       /* @__PURE__ */ jsxs17(
@@ -2322,7 +2323,7 @@ var Textarea = forwardRef4(
           }
         }
       ) }),
-      message16 && /* @__PURE__ */ jsx22("p", { className: "text-sm text-red-600 dark:text-red-400", children: message16 })
+      message24 && /* @__PURE__ */ jsx22("p", { className: "text-sm text-red-600 dark:text-red-400", children: message24 })
     ] });
     useEffect9(() => {
       if (form && name && props.value !== void 0 && props.value !== null && props.value !== "") {
@@ -2648,7 +2649,7 @@ var SearchApiRoot = ({
   const filteredOptions = options.filter(
     (option) => !filter.includes(getOptionValue(option))
   );
-  let message16 = error || errorMessage;
+  let message24 = error || errorMessage;
   if (form && name) {
     const {
       formState: { errors }
@@ -2658,7 +2659,7 @@ var SearchApiRoot = ({
     for (const part of nameParts) {
       currentError = currentError?.[part];
     }
-    message16 = currentError?.message || message16;
+    message24 = currentError?.message || message24;
   }
   const valueCtx = {
     isOpen,
@@ -2692,7 +2693,7 @@ var SearchApiRoot = ({
     form,
     name,
     obj,
-    error: message16,
+    error: message24,
     onSelect,
     onClear
   };
@@ -3061,19 +3062,19 @@ var DateInput = forwardRef6(
     const { theme } = useWarqadConfig();
     const primaryColor = theme?.primaryColor;
     const [isFocused, setIsFocused] = useState16(false);
-    let message16 = error;
+    let message24 = error;
     if (form && name) {
       const {
         formState: { errors }
       } = form;
       const errorObj = name.split(".").reduce((acc, current) => acc?.[current], errors);
-      message16 = errorObj?.message;
+      message24 = 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!
-      ${message16 ? "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"}
+      ${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"}
       [&.ant-picker-focused]:bg-white dark:[&.ant-picker-focused]:bg-zinc-900
       ${className}`;
     const renderDatePicker = (val, changeHandler, blurHandler, refProps) => {
@@ -3096,8 +3097,8 @@ var DateInput = forwardRef6(
           needConfirm: false,
           style: {
             height: "var(--input-height, 40px)",
-            borderColor: isFocused && !message16 ? primaryColor : void 0,
-            boxShadow: isFocused && !message16 ? `${primaryColor}33 0px 0px 0px 2px` : void 0
+            borderColor: isFocused && !message24 ? primaryColor : void 0,
+            boxShadow: isFocused && !message24 ? `${primaryColor}33 0px 0px 0px 2px` : void 0
           },
           classNames: { popup: { root: "z-50" } },
           suffixIcon: /* @__PURE__ */ jsx24(
@@ -3127,7 +3128,7 @@ var DateInput = forwardRef6(
         {
           className: "block text-xs font-medium transition-colors duration-200",
           style: {
-            color: message16 ? "#ef4444" : isFocused ? primaryColor : void 0
+            color: message24 ? "#ef4444" : isFocused ? primaryColor : void 0
           },
           children: [
             label,
@@ -3148,7 +3149,7 @@ var DateInput = forwardRef6(
           )
         }
       ) : renderDatePicker(value, onChange, onBlur, ref),
-      message16 && /* @__PURE__ */ jsx24("p", { className: "text-sm text-red-600 dark:text-red-400", children: message16 })
+      message24 && /* @__PURE__ */ jsx24("p", { className: "text-sm text-red-600 dark:text-red-400", children: message24 })
     ] });
   }
 );
@@ -7473,17 +7474,17 @@ var preWarningFns = [];
 var preMessage = (fn) => {
   preWarningFns.push(fn);
 };
-function warning(valid, message16) {
+function warning(valid, message24) {
   if (process.env.NODE_ENV !== "production" && !valid && console !== void 0) {
-    const finalMessage = preWarningFns.reduce((msg, preMessageFn) => preMessageFn(msg ?? "", "warning"), message16);
+    const finalMessage = preWarningFns.reduce((msg, preMessageFn) => preMessageFn(msg ?? "", "warning"), message24);
     if (finalMessage) {
       console.error(`Warning: ${finalMessage}`);
     }
   }
 }
-function note(valid, message16) {
+function note(valid, message24) {
   if (process.env.NODE_ENV !== "production" && !valid && console !== void 0) {
-    const finalMessage = preWarningFns.reduce((msg, preMessageFn) => preMessageFn(msg ?? "", "note"), message16);
+    const finalMessage = preWarningFns.reduce((msg, preMessageFn) => preMessageFn(msg ?? "", "note"), message24);
     if (finalMessage) {
       console.warn(`Note: ${finalMessage}`);
     }
@@ -7492,17 +7493,17 @@ function note(valid, message16) {
 function resetWarned() {
   warned = {};
 }
-function call(method, valid, message16) {
-  if (!valid && !warned[message16]) {
-    method(false, message16);
-    warned[message16] = true;
+function call(method, valid, message24) {
+  if (!valid && !warned[message24]) {
+    method(false, message24);
+    warned[message24] = true;
   }
 }
-function warningOnce(valid, message16) {
-  call(warning, valid, message16);
+function warningOnce(valid, message24) {
+  call(warning, valid, message24);
 }
-function noteOnce(valid, message16) {
-  call(note, valid, message16);
+function noteOnce(valid, message24) {
+  call(note, valid, message24);
 }
 warningOnce.preMessage = preMessage;
 warningOnce.resetWarned = resetWarned;
@@ -7513,8 +7514,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, message16) {
-  warningOnce(valid, `[@ant-design/icons] ${message16}`);
+function warning2(valid, message24) {
+  warningOnce(valid, `[@ant-design/icons] ${message24}`);
 }
 function isIconDefinition(target) {
   return typeof target === "object" && typeof target.name === "string" && typeof target.theme === "string" && (typeof target.icon === "object" || typeof target.icon === "function");
@@ -10090,29 +10091,1300 @@ var WalletField = {
 };
 var Feilds_default2 = WalletField;
 
+// src/components/brands/Brands.tsx
+import { useNavigate as useNavigate11 } from "react-router-dom";
+import { EllipsisVertical as EllipsisVertical4, FilePenLine as FilePenLine3, Trash2 as Trash24 } from "lucide-react";
+import { useState as useState33 } from "react";
+import { message as message16 } from "antd";
+import { Fragment as Fragment14, jsx as jsx63, jsxs as jsxs49 } from "react/jsx-runtime";
+function Brands({ v, url }) {
+  const [deleteBrand, setDeleteBrand] = useState33(null);
+  const { isLoading, remove } = useApis_default();
+  const { data, TransactionViewComponent, reload } = useTransaction_default({
+    url: url || `/brands/get`,
+    v,
+    dateFilter: false
+  });
+  const { Modal: Modal2 } = useModal();
+  const navigate = useNavigate11();
+  const items = (data2) => [
+    {
+      label: `Edit Brand`,
+      icon: /* @__PURE__ */ jsx63(FilePenLine3, { size: 16 }),
+      onClick: () => navigate(`update?id=${data2?._id}`)
+    },
+    {
+      label: `Delete Brand`,
+      icon: /* @__PURE__ */ jsx63(Trash24, { className: "text-red-500", size: 16 }),
+      onClick: () => setDeleteBrand(data2)
+    }
+  ].filter(Boolean);
+  const columns = [
+    {
+      accessorKey: "name",
+      header: "Name",
+      cell: ({ row }) => {
+        const brand = row.original;
+        return /* @__PURE__ */ jsx63("span", { children: brand?.name });
+      }
+    },
+    {
+      accessorKey: "actions",
+      header: "Actions",
+      cell: ({ row }) => {
+        const data2 = row.original;
+        return /* @__PURE__ */ jsx63(
+          Dropdown,
+          {
+            className: "cursor-pointer w-[150px]",
+            items: items(data2),
+            triggerMode: "hover",
+            children: /* @__PURE__ */ jsx63(EllipsisVertical4, {})
+          }
+        );
+      }
+    }
+  ].filter(Boolean);
+  const brands = data?.data || [];
+  const onDelete = async (id) => {
+    try {
+      await remove({ url: `/brands/delete/${id}` });
+      message16.success("Brand deleted successfully");
+      reload();
+      setDeleteBrand(null);
+    } catch (error) {
+      message16.error(error.message || "Something went wrong");
+      return error;
+    }
+  };
+  return /* @__PURE__ */ jsxs49(Fragment14, { children: [
+    /* @__PURE__ */ jsx63(Modal2, {}),
+    /* @__PURE__ */ jsx63(
+      ConfirmModal,
+      {
+        isOpen: !!deleteBrand,
+        isLoading,
+        onClose: () => setDeleteBrand(null),
+        title: `Delete Brand`,
+        description: `Are you sure you want to delete "${deleteBrand?.name}"? This action cannot be undone. and Please type "delete" to confirm.`,
+        confirmationWord: "delete",
+        onSubmit: () => onDelete(deleteBrand?._id),
+        children: null
+      }
+    ),
+    /* @__PURE__ */ jsx63(
+      TransactionViewComponent,
+      {
+        columns,
+        data: brands,
+        title: `Brands`,
+        description: `Add or update brands`,
+        index: true,
+        createTitle: `Add Brand`,
+        onCreate: () => {
+          navigate("create");
+        }
+      }
+    )
+  ] });
+}
+var Brands_default = Brands;
+
+// src/components/brands/schema.ts
+import { z as z6 } from "zod";
+var createBrandSchema = z6.object({
+  name: z6.string().min(2, { message: "Name must be at least 2 characters" })
+});
+
+// src/components/brands/BrandForm.tsx
+import { useForm as useForm10 } from "react-hook-form";
+import { zodResolver as zodResolver9 } from "@hookform/resolvers/zod";
+import { message as message17 } from "antd";
+import { useEffect as useEffect26 } from "react";
+import { jsx as jsx64, jsxs as jsxs50 } from "react/jsx-runtime";
+function BrandForm() {
+  const { getQuery, navigate } = useApp_default();
+  const id = getQuery("id");
+  const isEdit = !!id;
+  const { post, put, isLoading } = useApis_default();
+  const { isLoading: isLoadingGet, get } = useApis_default();
+  const methods = useForm10({
+    resolver: zodResolver9(createBrandSchema),
+    defaultValues: {
+      name: ""
+    },
+    shouldUnregister: false
+  });
+  const { handleSubmit } = methods;
+  const onSubmit = async (data) => {
+    try {
+      if (isEdit) {
+        await put({
+          url: `/brands/update/${id}`,
+          body: data
+        });
+      } else {
+        await post({
+          url: "/brands/create",
+          body: data
+        });
+      }
+      message17.success(`Brand ${isEdit ? "updated" : "created"} successfully`);
+      navigate(-1);
+    } catch (error) {
+      message17.error(error?.message || "Something went wrong");
+    }
+  };
+  const fetches = async () => {
+    try {
+      const res = await get({
+        url: `/brands/get?id=${id}`
+      });
+      const data = res.data;
+      methods.reset(data);
+    } catch (error) {
+      message17.error(error?.message || "Something went wrong");
+    }
+  };
+  useEffect26(() => {
+    if (isEdit) {
+      fetches();
+    }
+  }, [id]);
+  return /* @__PURE__ */ jsxs50(
+    Card,
+    {
+      className: "max-w-4xl mx-auto mt-10 relative",
+      isLoading: isLoadingGet,
+      loadingText: "Processing...",
+      children: [
+        /* @__PURE__ */ jsxs50(Card.Header, { children: [
+          /* @__PURE__ */ jsx64(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Brand` }),
+          /* @__PURE__ */ jsx64(Card.Description, { children: isEdit ? `Update the details for this brand` : `Create a new brand and add it to your list` })
+        ] }),
+        /* @__PURE__ */ jsx64(Card.Content, { children: /* @__PURE__ */ jsxs50(
+          "form",
+          {
+            onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)),
+            children: [
+              /* @__PURE__ */ jsx64("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: /* @__PURE__ */ jsx64(
+                Fields_default.Input,
+                {
+                  label: "Name",
+                  form: methods,
+                  name: "name",
+                  type: "text",
+                  placeholder: "Enter Brand Name",
+                  required: true
+                }
+              ) }),
+              /* @__PURE__ */ jsx64("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsx64(
+                Button,
+                {
+                  isLoading,
+                  disabled: isLoading,
+                  type: "submit",
+                  className: "min-w-[100px]",
+                  variant: !isEdit ? "primary" : "warning",
+                  children: isEdit ? "Update" : "Add"
+                }
+              ) })
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+}
+var BrandForm_default = BrandForm;
+
+// src/components/brands/Feilds/Brand.tsx
+import { useParams as useParams10 } from "react-router-dom";
+import { jsx as jsx65 } from "react/jsx-runtime";
+function Brand({
+  name,
+  label,
+  placeholder,
+  api,
+  form,
+  filter,
+  v = 1,
+  required,
+  disabled
+}) {
+  const { branchId } = useParams10();
+  return /* @__PURE__ */ jsx65("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ jsx65(
+    Fields_default.SearchApi,
+    {
+      name,
+      form,
+      label,
+      placeholder: placeholder || `Select ${name}`,
+      api: `${api}${branchId ? `?branch=${branchId}` : ""}`,
+      queryKey: "search",
+      filter,
+      v,
+      labelKey: "name",
+      valueKey: "_id",
+      required,
+      disabled
+    }
+  ) });
+}
+var Brand_default = Brand;
+
+// src/components/brands/Feilds/index.tsx
+var BrandField = {
+  Brand: Brand_default
+};
+var Feilds_default3 = BrandField;
+
+// src/components/categories/Categories.tsx
+import { useNavigate as useNavigate12 } from "react-router-dom";
+import { EllipsisVertical as EllipsisVertical5, FilePenLine as FilePenLine4, Trash2 as Trash25 } from "lucide-react";
+import { useState as useState34 } from "react";
+import { message as message18 } from "antd";
+import { Fragment as Fragment15, jsx as jsx66, jsxs as jsxs51 } from "react/jsx-runtime";
+function Categories({ v, url }) {
+  const [deleteCategory, setDeleteCategory] = useState34(null);
+  const { isLoading, remove } = useApis_default();
+  const { data, TransactionViewComponent, reload } = useTransaction_default({
+    url: url || `/categories/get`,
+    v,
+    dateFilter: false
+  });
+  const { Modal: Modal2 } = useModal();
+  const navigate = useNavigate12();
+  const items = (data2) => [
+    {
+      label: `Edit Category`,
+      icon: /* @__PURE__ */ jsx66(FilePenLine4, { size: 16 }),
+      onClick: () => navigate(`update?id=${data2?._id}`)
+    },
+    {
+      label: `Delete Category`,
+      icon: /* @__PURE__ */ jsx66(Trash25, { className: "text-red-500", size: 16 }),
+      onClick: () => setDeleteCategory(data2)
+    }
+  ].filter(Boolean);
+  const columns = [
+    {
+      accessorKey: "name",
+      header: "Name",
+      cell: ({ row }) => {
+        const category = row.original;
+        return /* @__PURE__ */ jsx66("span", { children: category?.name });
+      }
+    },
+    {
+      accessorKey: "actions",
+      header: "Actions",
+      cell: ({ row }) => {
+        const data2 = row.original;
+        return /* @__PURE__ */ jsx66(
+          Dropdown,
+          {
+            className: "cursor-pointer w-[150px]",
+            items: items(data2),
+            triggerMode: "hover",
+            children: /* @__PURE__ */ jsx66(EllipsisVertical5, {})
+          }
+        );
+      }
+    }
+  ].filter(Boolean);
+  const categories = data?.data || [];
+  const onDelete = async (id) => {
+    try {
+      await remove({ url: `/categories/delete/${id}` });
+      message18.success("Category deleted successfully");
+      reload();
+      setDeleteCategory(null);
+    } catch (error) {
+      message18.error(error.message || "Something went wrong");
+      return error;
+    }
+  };
+  return /* @__PURE__ */ jsxs51(Fragment15, { children: [
+    /* @__PURE__ */ jsx66(Modal2, {}),
+    /* @__PURE__ */ jsx66(
+      ConfirmModal,
+      {
+        isOpen: !!deleteCategory,
+        isLoading,
+        onClose: () => setDeleteCategory(null),
+        title: `Delete Category`,
+        description: `Are you sure you want to delete "${deleteCategory?.name}"? This action cannot be undone. and Please type "delete" to confirm.`,
+        confirmationWord: "delete",
+        onSubmit: () => onDelete(deleteCategory?._id),
+        children: null
+      }
+    ),
+    /* @__PURE__ */ jsx66(
+      TransactionViewComponent,
+      {
+        columns,
+        data: categories,
+        title: `Categories`,
+        description: `Add or update categories`,
+        index: true,
+        createTitle: `Add Category`,
+        onCreate: () => {
+          navigate("create");
+        }
+      }
+    )
+  ] });
+}
+var Categories_default = Categories;
+
+// src/components/categories/schema.ts
+import { z as z7 } from "zod";
+var createCategorySchema = z7.object({
+  name: z7.string().min(2, { message: "Name must be at least 2 characters" })
+});
+
+// src/components/categories/CategoryForm.tsx
+import { useForm as useForm11 } from "react-hook-form";
+import { zodResolver as zodResolver10 } from "@hookform/resolvers/zod";
+import { message as message19 } from "antd";
+import { useEffect as useEffect27 } from "react";
+import { jsx as jsx67, jsxs as jsxs52 } from "react/jsx-runtime";
+function CategoryForm() {
+  const { getQuery, navigate } = useApp_default();
+  const id = getQuery("id");
+  const isEdit = !!id;
+  const { post, put, isLoading } = useApis_default();
+  const { isLoading: isLoadingGet, get } = useApis_default();
+  const methods = useForm11({
+    resolver: zodResolver10(createCategorySchema),
+    defaultValues: {
+      name: ""
+    },
+    shouldUnregister: false
+  });
+  const { handleSubmit } = methods;
+  const onSubmit = async (data) => {
+    try {
+      if (isEdit) {
+        await put({
+          url: `/categories/update/${id}`,
+          body: data
+        });
+      } else {
+        await post({
+          url: "/categories/create",
+          body: data
+        });
+      }
+      message19.success(`Category ${isEdit ? "updated" : "created"} successfully`);
+      navigate(-1);
+    } catch (error) {
+      message19.error(error?.message || "Something went wrong");
+    }
+  };
+  const fetches = async () => {
+    try {
+      const res = await get({
+        url: `/categories/get?id=${id}`
+      });
+      const data = res.data;
+      methods.reset(data);
+    } catch (error) {
+      message19.error(error?.message || "Something went wrong");
+    }
+  };
+  useEffect27(() => {
+    if (isEdit) {
+      fetches();
+    }
+  }, [id]);
+  return /* @__PURE__ */ jsxs52(
+    Card,
+    {
+      className: "max-w-4xl mx-auto mt-10 relative",
+      isLoading: isLoadingGet,
+      loadingText: "Processing...",
+      children: [
+        /* @__PURE__ */ jsxs52(Card.Header, { children: [
+          /* @__PURE__ */ jsx67(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Category` }),
+          /* @__PURE__ */ jsx67(Card.Description, { children: isEdit ? `Update the details for this category` : `Create a new category and add it to your list` })
+        ] }),
+        /* @__PURE__ */ jsx67(Card.Content, { children: /* @__PURE__ */ jsxs52(
+          "form",
+          {
+            onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)),
+            children: [
+              /* @__PURE__ */ jsx67("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: /* @__PURE__ */ jsx67(
+                Fields_default.Input,
+                {
+                  label: "Name",
+                  form: methods,
+                  name: "name",
+                  type: "text",
+                  placeholder: "Enter Category Name",
+                  required: true
+                }
+              ) }),
+              /* @__PURE__ */ jsx67("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsx67(
+                Button,
+                {
+                  isLoading,
+                  disabled: isLoading,
+                  type: "submit",
+                  className: "min-w-[100px]",
+                  variant: !isEdit ? "primary" : "warning",
+                  children: isEdit ? "Update" : "Add"
+                }
+              ) })
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+}
+var CategoryForm_default = CategoryForm;
+
+// src/components/categories/Feilds/Category.tsx
+import { useParams as useParams12 } from "react-router-dom";
+import { jsx as jsx68 } from "react/jsx-runtime";
+function Category({
+  name,
+  label,
+  placeholder,
+  api,
+  form,
+  filter,
+  v = 1,
+  required,
+  disabled
+}) {
+  const { branchId } = useParams12();
+  return /* @__PURE__ */ jsx68("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ jsx68(
+    Fields_default.SearchApi,
+    {
+      name,
+      form,
+      label,
+      placeholder: placeholder || `Select ${name}`,
+      api: `${api}${branchId ? `?branch=${branchId}` : ""}`,
+      queryKey: "search",
+      filter,
+      v,
+      labelKey: "name",
+      valueKey: "_id",
+      required,
+      disabled
+    }
+  ) });
+}
+var Category_default = Category;
+
+// src/components/categories/Feilds/index.tsx
+var CategoryField = {
+  Category: Category_default
+};
+var Feilds_default4 = CategoryField;
+
+// src/components/products/Products.tsx
+import { useNavigate as useNavigate13 } from "react-router-dom";
+import { EllipsisVertical as EllipsisVertical6, FilePenLine as FilePenLine5, Trash2 as Trash26 } from "lucide-react";
+import { useState as useState35 } from "react";
+import { message as message20 } from "antd";
+import { Fragment as Fragment16, jsx as jsx69, jsxs as jsxs53 } from "react/jsx-runtime";
+function Products({ v, url }) {
+  const [deleteProduct, setDeleteProduct] = useState35(null);
+  const { isLoading, remove } = useApis_default();
+  const { data, TransactionViewComponent, reload } = useTransaction_default({
+    url: url || `/products/get`,
+    v,
+    dateFilter: false
+  });
+  const { Modal: Modal2 } = useModal();
+  const navigate = useNavigate13();
+  const items = (data2) => [
+    {
+      label: `Edit Product`,
+      icon: /* @__PURE__ */ jsx69(FilePenLine5, { size: 16 }),
+      onClick: () => navigate(`update?id=${data2?._id}`)
+    },
+    {
+      label: `Delete Product`,
+      icon: /* @__PURE__ */ jsx69(Trash26, { className: "text-red-500", size: 16 }),
+      onClick: () => setDeleteProduct(data2)
+    }
+  ].filter(Boolean);
+  const columns = [
+    {
+      accessorKey: "name",
+      header: "Name",
+      cell: ({ row }) => {
+        const product = row.original;
+        return /* @__PURE__ */ jsx69("span", { children: product?.name });
+      }
+    },
+    {
+      accessorKey: "category",
+      header: "Category",
+      cell: ({ row }) => {
+        const product = row.original;
+        return /* @__PURE__ */ jsx69("span", { children: product?.categoryData?.name || "N/A" });
+      }
+    },
+    {
+      accessorKey: "brand",
+      header: "Brand",
+      cell: ({ row }) => {
+        const product = row.original;
+        return /* @__PURE__ */ jsx69("span", { children: product?.brandData?.name || "N/A" });
+      }
+    },
+    {
+      accessorKey: "cost",
+      header: "Cost",
+      cell: ({ row }) => {
+        const product = row.original;
+        return /* @__PURE__ */ jsxs53("span", { children: [
+          " ",
+          product?.cost?.toLocaleString()
+        ] });
+      }
+    },
+    {
+      accessorKey: "actions",
+      header: "Actions",
+      cell: ({ row }) => {
+        const data2 = row.original;
+        return /* @__PURE__ */ jsx69(
+          Dropdown,
+          {
+            className: "cursor-pointer w-[150px]",
+            items: items(data2),
+            triggerMode: "hover",
+            children: /* @__PURE__ */ jsx69(EllipsisVertical6, {})
+          }
+        );
+      }
+    }
+  ].filter(Boolean);
+  const products = data?.data || [];
+  const onDelete = async (id) => {
+    try {
+      await remove({ url: `/products/delete/${id}` });
+      message20.success("Product deleted successfully");
+      reload();
+      setDeleteProduct(null);
+    } catch (error) {
+      message20.error(error.message || "Something went wrong");
+      return error;
+    }
+  };
+  return /* @__PURE__ */ jsxs53(Fragment16, { children: [
+    /* @__PURE__ */ jsx69(Modal2, {}),
+    /* @__PURE__ */ jsx69(
+      ConfirmModal,
+      {
+        isOpen: !!deleteProduct,
+        isLoading,
+        onClose: () => setDeleteProduct(null),
+        title: `Delete Product`,
+        description: `Are you sure you want to delete "${deleteProduct?.name}"? This action cannot be undone. and Please type "delete" to confirm.`,
+        confirmationWord: "delete",
+        onSubmit: () => onDelete(deleteProduct?._id),
+        children: null
+      }
+    ),
+    /* @__PURE__ */ jsx69(
+      TransactionViewComponent,
+      {
+        columns,
+        data: products,
+        title: `Products`,
+        description: `Add or update products`,
+        index: true,
+        createTitle: `Add Product`,
+        onCreate: () => {
+          navigate("create");
+        }
+      }
+    )
+  ] });
+}
+var Products_default = Products;
+
+// src/components/products/schema.ts
+import { z as z8 } from "zod";
+var createProductSchema = z8.object({
+  name: z8.string().min(2, { message: "Name must be at least 2 characters" }),
+  category: z8.string().optional(),
+  brand: z8.string().optional(),
+  cost: z8.number({ message: "Cost is required" }).min(0)
+});
+
+// src/components/products/ProductForm.tsx
+import { useForm as useForm12 } from "react-hook-form";
+import { zodResolver as zodResolver11 } from "@hookform/resolvers/zod";
+import { message as message21 } from "antd";
+import { useEffect as useEffect28 } from "react";
+import { jsx as jsx70, jsxs as jsxs54 } from "react/jsx-runtime";
+function ProductForm() {
+  const { getQuery, navigate } = useApp_default();
+  const id = getQuery("id");
+  const isEdit = !!id;
+  const { post, put, isLoading } = useApis_default();
+  const { isLoading: isLoadingGet, get } = useApis_default();
+  const methods = useForm12({
+    resolver: zodResolver11(createProductSchema),
+    defaultValues: {
+      name: "",
+      category: void 0,
+      brand: void 0,
+      cost: 0
+    },
+    shouldUnregister: false
+  });
+  const { handleSubmit } = methods;
+  const onSubmit = async (data) => {
+    try {
+      if (isEdit) {
+        await put({
+          url: `/products/update/${id}`,
+          body: data
+        });
+      } else {
+        await post({
+          url: "/products/create",
+          body: data
+        });
+      }
+      message21.success(`Product ${isEdit ? "updated" : "created"} successfully`);
+      navigate(-1);
+    } catch (error) {
+      message21.error(error?.message || "Something went wrong");
+    }
+  };
+  const fetches = async () => {
+    try {
+      const res = await get({
+        url: `/products/get?id=${id}`
+      });
+      const data = res.data;
+      methods.reset(data);
+    } catch (error) {
+      message21.error(error?.message || "Something went wrong");
+    }
+  };
+  useEffect28(() => {
+    if (isEdit) {
+      fetches();
+    }
+  }, [id]);
+  return /* @__PURE__ */ jsxs54(
+    Card,
+    {
+      className: "max-w-4xl mx-auto mt-10 relative",
+      isLoading: isLoadingGet,
+      loadingText: "Processing...",
+      children: [
+        /* @__PURE__ */ jsxs54(Card.Header, { children: [
+          /* @__PURE__ */ jsx70(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Product` }),
+          /* @__PURE__ */ jsx70(Card.Description, { children: isEdit ? `Update the details for this product` : `Create a new product and add it to your list` })
+        ] }),
+        /* @__PURE__ */ jsx70(Card.Content, { children: /* @__PURE__ */ jsxs54(
+          "form",
+          {
+            onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)),
+            children: [
+              /* @__PURE__ */ jsxs54("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ jsx70(
+                  Fields_default.Input,
+                  {
+                    label: "Name",
+                    form: methods,
+                    name: "name",
+                    type: "text",
+                    placeholder: "Enter Product Name",
+                    required: true
+                  }
+                ),
+                /* @__PURE__ */ jsx70(
+                  Fields_default.Input,
+                  {
+                    label: "Cost",
+                    form: methods,
+                    name: "cost",
+                    type: "number",
+                    placeholder: "0.00",
+                    required: true
+                  }
+                ),
+                /* @__PURE__ */ jsx70(
+                  Feilds_default4.Category,
+                  {
+                    label: "Category",
+                    form: methods,
+                    name: "category",
+                    api: "/categories/get"
+                  }
+                ),
+                /* @__PURE__ */ jsx70(
+                  Feilds_default3.Brand,
+                  {
+                    label: "Brand",
+                    form: methods,
+                    name: "brand",
+                    api: "/brands/get"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx70("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsx70(
+                Button,
+                {
+                  isLoading,
+                  disabled: isLoading,
+                  type: "submit",
+                  className: "min-w-[100px]",
+                  variant: !isEdit ? "primary" : "warning",
+                  children: isEdit ? "Update" : "Add"
+                }
+              ) })
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+}
+var ProductForm_default = ProductForm;
+
+// src/components/products/Feilds/Product.tsx
+import { useParams as useParams14 } from "react-router-dom";
+import { jsx as jsx71 } from "react/jsx-runtime";
+function Product({
+  name,
+  label,
+  placeholder,
+  api,
+  form,
+  filter,
+  v = 1,
+  required,
+  disabled,
+  onChange,
+  obj
+}) {
+  const { branchId } = useParams14();
+  return /* @__PURE__ */ jsx71("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ jsx71(
+    Fields_default.SearchApi,
+    {
+      name,
+      form,
+      label,
+      onChange,
+      placeholder: placeholder || `Select ${name}`,
+      api: `${api}${branchId ? `?branch=${branchId}` : ""}`,
+      queryKey: "search",
+      filter,
+      v,
+      labelKey: "name",
+      valueKey: "_id",
+      required,
+      disabled,
+      obj
+    }
+  ) });
+}
+var Product_default = Product;
+
+// src/components/products/Feilds/index.tsx
+var ProductField = {
+  Product: Product_default
+};
+var Feilds_default5 = ProductField;
+
+// src/components/packs/Packs.tsx
+import { useNavigate as useNavigate14 } from "react-router-dom";
+import { EllipsisVertical as EllipsisVertical7, FilePenLine as FilePenLine6, Trash2 as Trash27 } from "lucide-react";
+import { useState as useState36 } from "react";
+import { message as message22 } from "antd";
+import { Fragment as Fragment17, jsx as jsx72, jsxs as jsxs55 } from "react/jsx-runtime";
+function Packs({ v, url }) {
+  const [deletePack, setDeletePack] = useState36(null);
+  const { isLoading, remove } = useApis_default();
+  const { data, TransactionViewComponent, reload } = useTransaction_default({
+    url: url || `/packs/get`,
+    v,
+    dateFilter: false
+  });
+  const { Modal: Modal2 } = useModal();
+  const navigate = useNavigate14();
+  const items = (data2) => [
+    {
+      label: `Edit Pack`,
+      icon: /* @__PURE__ */ jsx72(FilePenLine6, { size: 16 }),
+      onClick: () => navigate(`update?id=${data2?._id}`)
+    },
+    {
+      label: `Delete Pack`,
+      icon: /* @__PURE__ */ jsx72(Trash27, { className: "text-red-500", size: 16 }),
+      onClick: () => setDeletePack(data2)
+    }
+  ].filter(Boolean);
+  const columns = [
+    {
+      accessorKey: "name",
+      header: "Name",
+      cell: ({ row }) => {
+        const pack = row.original;
+        return /* @__PURE__ */ jsx72("span", { children: pack?.name });
+      }
+    },
+    {
+      accessorKey: "type",
+      header: "Type",
+      cell: ({ row }) => {
+        const pack = row.original;
+        return /* @__PURE__ */ jsx72("span", { className: "capitalize", children: pack?.type });
+      }
+    },
+    {
+      accessorKey: "products",
+      header: "Products Count",
+      cell: ({ row }) => {
+        const pack = row.original;
+        return /* @__PURE__ */ jsxs55("span", { children: [
+          pack?.products?.length || 0,
+          " Products"
+        ] });
+      }
+    },
+    {
+      accessorKey: "actions",
+      header: "Actions",
+      cell: ({ row }) => {
+        const data2 = row.original;
+        return /* @__PURE__ */ jsx72(
+          Dropdown,
+          {
+            className: "cursor-pointer w-[150px]",
+            items: items(data2),
+            triggerMode: "hover",
+            children: /* @__PURE__ */ jsx72(EllipsisVertical7, {})
+          }
+        );
+      }
+    }
+  ].filter(Boolean);
+  const packs = data?.data || [];
+  const onDelete = async (id) => {
+    try {
+      await remove({ url: `/packs/delete/${id}` });
+      message22.success("Pack deleted successfully");
+      reload();
+      setDeletePack(null);
+    } catch (error) {
+      message22.error(error.message || "Something went wrong");
+      return error;
+    }
+  };
+  return /* @__PURE__ */ jsxs55(Fragment17, { children: [
+    /* @__PURE__ */ jsx72(Modal2, {}),
+    /* @__PURE__ */ jsx72(
+      ConfirmModal,
+      {
+        isOpen: !!deletePack,
+        isLoading,
+        onClose: () => setDeletePack(null),
+        title: `Delete Pack`,
+        description: `Are you sure you want to delete "${deletePack?.name}"? This action cannot be undone. and Please type "delete" to confirm.`,
+        confirmationWord: "delete",
+        onSubmit: () => onDelete(deletePack?._id),
+        children: null
+      }
+    ),
+    /* @__PURE__ */ jsx72(
+      TransactionViewComponent,
+      {
+        columns,
+        data: packs,
+        title: `Packs`,
+        description: `Add or update product packs`,
+        index: true,
+        createTitle: `Add Pack`,
+        onCreate: () => {
+          navigate("create");
+        }
+      }
+    )
+  ] });
+}
+var Packs_default = Packs;
+
+// src/components/packs/schema.ts
+import { z as z9 } from "zod";
+var packProductItemSchema = z9.object({
+  product: z9.string({ message: "Product ID is required" }),
+  cost: z9.number().min(0, "Cost must be a positive number"),
+  quantity: z9.number().min(1, "Quantity must be at least 1"),
+  index: z9.number({ message: "Index is required" }),
+  productData: z9.any().optional()
+});
+var packTypes = z9.enum(Enums_default.packTypes);
+var createPackSchema = z9.object({
+  type: packTypes,
+  name: z9.string().min(2, { message: "Name must be at least 2 characters" }),
+  products: z9.array(packProductItemSchema).min(1, "At least one product is required"),
+  tempProduct: z9.string().optional(),
+  tempQty: z9.number().optional(),
+  tempCost: z9.number().optional(),
+  tempData: z9.record(z9.string(), z9.any()).optional()
+});
+
+// src/components/packs/PackForm.tsx
+import { useForm as useForm13, useFieldArray } from "react-hook-form";
+import { zodResolver as zodResolver12 } from "@hookform/resolvers/zod";
+import { message as message23 } from "antd";
+import { useEffect as useEffect29 } from "react";
+import { Plus as Plus3, Trash2 as Trash28 } from "lucide-react";
+import { jsx as jsx73, jsxs as jsxs56 } from "react/jsx-runtime";
+function PackForm() {
+  const { getQuery, navigate } = useApp_default();
+  const id = getQuery("id");
+  const isEdit = !!id;
+  const { post, put, isLoading } = useApis_default();
+  const { isLoading: isLoadingGet, get } = useApis_default();
+  const methods = useForm13({
+    resolver: zodResolver12(createPackSchema),
+    defaultValues: {
+      name: "",
+      type: "boxes",
+      products: [],
+      tempQty: 1,
+      tempCost: 0
+    },
+    shouldUnregister: false
+  });
+  const currentProduct = methods.watch("tempData");
+  const { handleSubmit, control, watch, setValue, getValues } = methods;
+  const { fields, append, remove } = useFieldArray({
+    control,
+    name: "products"
+  });
+  const onAddProduct = () => {
+    const val = getValues("tempProduct");
+    const qty = getValues("tempQty") || 1;
+    const cost = getValues("tempCost") || 0;
+    if (val && currentProduct) {
+      append({
+        product: val,
+        cost: Number(cost),
+        quantity: Number(qty),
+        index: fields.length,
+        productData: currentProduct
+      });
+      setValue("tempProduct", "");
+      setValue("tempQty", 1);
+      setValue("tempCost", 0);
+    } else {
+      message23.warning("Please select a product first");
+    }
+  };
+  const onSubmit = async (data) => {
+    try {
+      const formattedData = {
+        ...data,
+        products: data.products.map((p, i) => ({ ...p, index: i }))
+      };
+      if (isEdit) {
+        await put({
+          url: `/packs/update/${id}`,
+          body: formattedData
+        });
+      } else {
+        await post({
+          url: "/packs/create",
+          body: formattedData
+        });
+      }
+      message23.success(`Pack ${isEdit ? "updated" : "created"} successfully`);
+      navigate(-1);
+    } catch (error) {
+      message23.error(error?.message || "Something went wrong");
+    }
+  };
+  const fetches = async () => {
+    try {
+      const res = await get({
+        url: `/packs/get?id=${id}`
+      });
+      const data = res.data;
+      data.products = data.products.map((p, index) => ({
+        ...p,
+        tempData: p?.productData,
+        index
+      }));
+      methods.reset(data);
+    } catch (error) {
+      message23.error(error?.message || "Something went wrong");
+    }
+  };
+  useEffect29(() => {
+    if (isEdit) {
+      fetches();
+    }
+  }, [id]);
+  useEffect29(() => {
+    if (currentProduct) {
+      setValue("tempCost", currentProduct.cost || 0);
+    }
+  }, [currentProduct]);
+  return /* @__PURE__ */ jsxs56(
+    Card,
+    {
+      className: "max-w-5xl mx-auto mt-10 relative",
+      isLoading: isLoadingGet,
+      loadingText: "Processing...",
+      children: [
+        /* @__PURE__ */ jsxs56(Card.Header, { children: [
+          /* @__PURE__ */ jsx73(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Pack` }),
+          /* @__PURE__ */ jsx73(Card.Description, { children: isEdit ? `Update the details for this product pack` : `Create a new product pack and define its components` })
+        ] }),
+        /* @__PURE__ */ jsx73(Card.Content, { children: /* @__PURE__ */ jsxs56(
+          "form",
+          {
+            onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)),
+            children: [
+              /* @__PURE__ */ jsxs56("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4 mb-8", children: [
+                /* @__PURE__ */ jsx73(
+                  Fields_default.Input,
+                  {
+                    label: "Pack Name",
+                    form: methods,
+                    name: "name",
+                    type: "text",
+                    placeholder: "e.g. Family Box A",
+                    required: true
+                  }
+                ),
+                /* @__PURE__ */ jsx73(
+                  Fields_default.Select,
+                  {
+                    label: "Pack Type",
+                    form: methods,
+                    name: "type",
+                    enumName: "packTypes",
+                    required: true
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs56("div", { className: "border rounded-lg p-4 bg-gray-50/50 dark:bg-gray-800/20", children: [
+                /* @__PURE__ */ jsx73("h3", { className: "text-lg font-semibold mb-4", children: "Products in Pack" }),
+                /* @__PURE__ */ jsx73("div", { className: "mb-6 bg-white dark:bg-gray-900 p-4 rounded-lg border shadow-sm", children: /* @__PURE__ */ jsxs56("div", { className: "grid grid-cols-12 gap-3 items-end", children: [
+                  /* @__PURE__ */ jsx73("div", { className: "col-span-12 sm:col-span-5", children: /* @__PURE__ */ jsx73(
+                    Feilds_default5.Product,
+                    {
+                      label: "Find Product",
+                      form: methods,
+                      name: "tempProduct",
+                      api: "/products/get",
+                      obj: "tempData"
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx73("div", { className: "col-span-4 sm:col-span-2", children: /* @__PURE__ */ jsx73(
+                    Fields_default.Input,
+                    {
+                      label: "Qty",
+                      form: methods,
+                      name: "tempQty",
+                      type: "number",
+                      placeholder: "1"
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx73("div", { className: "col-span-5 sm:col-span-3", children: /* @__PURE__ */ jsx73(
+                    Fields_default.Input,
+                    {
+                      label: "Cost",
+                      form: methods,
+                      name: "tempCost",
+                      type: "number",
+                      placeholder: "0.00"
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx73("div", { className: "col-span-3 sm:col-span-2", children: /* @__PURE__ */ jsx73(
+                    Button,
+                    {
+                      type: "button",
+                      onClick: onAddProduct,
+                      className: "w-full h-[40px]",
+                      icon: /* @__PURE__ */ jsx73(Plus3, { size: 16 }),
+                      children: "Add"
+                    }
+                  ) })
+                ] }) }),
+                /* @__PURE__ */ jsx73("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs56("table", { className: "w-full text-left border-collapse", children: [
+                  /* @__PURE__ */ jsx73("thead", { className: "bg-gray-100 dark:bg-gray-800/50", children: /* @__PURE__ */ jsxs56("tr", { children: [
+                    /* @__PURE__ */ jsx73("th", { className: "px-3 py-2 text-xs font-bold uppercase text-gray-500", children: "Product" }),
+                    /* @__PURE__ */ jsx73("th", { className: "px-3 py-2 text-xs font-bold uppercase text-gray-500 w-24", children: "Qty" }),
+                    /* @__PURE__ */ jsx73("th", { className: "px-3 py-2 text-xs font-bold uppercase text-gray-500 w-32", children: "Cost" }),
+                    /* @__PURE__ */ jsx73("th", { className: "px-3 py-2 text-xs font-bold uppercase text-gray-500 w-32", children: "Line Total" }),
+                    /* @__PURE__ */ jsx73("th", { className: "px-3 py-2 text-xs font-bold uppercase text-gray-500 w-16 text-center", children: "Action" })
+                  ] }) }),
+                  /* @__PURE__ */ jsxs56("tbody", { className: "divide-y divide-gray-100 dark:divide-gray-800 bg-white dark:bg-gray-900", children: [
+                    fields.map((field, index) => /* @__PURE__ */ jsxs56(
+                      "tr",
+                      {
+                        className: "hover:bg-gray-50/50 dark:hover:bg-gray-800/50 transition-colors",
+                        children: [
+                          /* @__PURE__ */ jsxs56("td", { className: "px-3 py-2", children: [
+                            /* @__PURE__ */ jsx73("p", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: field.productData?.name || "Product" }),
+                            field.productData?.sku && /* @__PURE__ */ jsxs56("p", { className: "text-[10px] text-gray-500", children: [
+                              "SKU: ",
+                              field.productData?.sku
+                            ] })
+                          ] }),
+                          /* @__PURE__ */ jsx73("td", { className: "px-3 py-2", children: /* @__PURE__ */ jsx73(
+                            Fields_default.Input,
+                            {
+                              form: methods,
+                              name: `products.${index}.quantity`,
+                              type: "number",
+                              placeholder: "1",
+                              required: true,
+                              className: "h-8 py-1!"
+                            }
+                          ) }),
+                          /* @__PURE__ */ jsx73("td", { className: "px-3 py-2", children: /* @__PURE__ */ jsx73(
+                            Fields_default.Input,
+                            {
+                              form: methods,
+                              name: `products.${index}.cost`,
+                              type: "number",
+                              placeholder: "0.00",
+                              required: true,
+                              className: "h-8 py-1!"
+                            }
+                          ) }),
+                          /* @__PURE__ */ jsx73("td", { className: "px-3 py-2", children: /* @__PURE__ */ jsx73("span", { className: "text-sm font-semibold", children: ((Number(watch(`products.${index}.quantity`)) || 0) * (Number(watch(`products.${index}.cost`)) || 0)).toLocaleString() }) }),
+                          /* @__PURE__ */ jsx73("td", { className: "px-3 py-2 text-center", children: /* @__PURE__ */ jsx73(
+                            Button,
+                            {
+                              type: "button",
+                              variant: "ghost",
+                              size: "sm",
+                              className: "text-red-500 hover:text-red-700 hover:bg-red-50 p-1 h-8 w-8",
+                              onClick: () => remove(index),
+                              children: /* @__PURE__ */ jsx73(Trash28, { size: 16 })
+                            }
+                          ) })
+                        ]
+                      },
+                      field.id
+                    )),
+                    fields.length === 0 && /* @__PURE__ */ jsx73("tr", { children: /* @__PURE__ */ jsx73("td", { colSpan: 5, className: "text-center py-10", children: /* @__PURE__ */ jsx73("p", { className: "text-sm text-gray-500", children: "No products added yet. Use the search above to add products." }) }) })
+                  ] })
+                ] }) }),
+                /* @__PURE__ */ jsxs56("div", { className: "mt-6 pt-6 border-t grid grid-cols-1 sm:grid-cols-3 gap-3", children: [
+                  /* @__PURE__ */ jsxs56("div", { className: "bg-white dark:bg-gray-900 p-3 rounded-lg border shadow-sm", children: [
+                    /* @__PURE__ */ jsx73("p", { className: "text-[10px] text-gray-500 uppercase font-bold mb-0.5", children: "Total Lines" }),
+                    /* @__PURE__ */ jsx73("p", { className: "text-lg font-bold text-blue-600", children: watch("products")?.length || 0 })
+                  ] }),
+                  /* @__PURE__ */ jsxs56("div", { className: "bg-white dark:bg-gray-900 p-3 rounded-lg border shadow-sm", children: [
+                    /* @__PURE__ */ jsx73("p", { className: "text-[10px] text-gray-500 uppercase font-bold mb-0.5", children: "Total Quantity" }),
+                    /* @__PURE__ */ jsx73("p", { className: "text-lg font-bold text-indigo-600", children: watch("products")?.reduce(
+                      (acc, curr) => acc + (Number(curr.quantity) || 0),
+                      0
+                    ) })
+                  ] }),
+                  /* @__PURE__ */ jsxs56("div", { className: "bg-white dark:bg-gray-900 p-3 rounded-lg border shadow-sm", children: [
+                    /* @__PURE__ */ jsx73("p", { className: "text-[10px] text-gray-500 uppercase font-bold mb-0.5", children: "Total Cost" }),
+                    /* @__PURE__ */ jsxs56("p", { className: "text-lg font-bold text-emerald-600", children: [
+                      watch("products")?.reduce(
+                        (acc, curr) => acc + (Number(curr.quantity) || 0) * (Number(curr.cost) || 0),
+                        0
+                      ).toLocaleString(),
+                      " ",
+                      /* @__PURE__ */ jsx73("span", { className: "text-[10px] font-normal text-gray-400", children: "USD" })
+                    ] })
+                  ] })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx73("footer", { className: "flex justify-end mt-8", children: /* @__PURE__ */ jsx73(
+                Button,
+                {
+                  isLoading,
+                  disabled: isLoading,
+                  type: "submit",
+                  className: "min-w-[120px]",
+                  variant: !isEdit ? "primary" : "warning",
+                  children: isEdit ? "Update Pack" : "Create Pack"
+                }
+              ) })
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+}
+var PackForm_default = PackForm;
+
+// src/components/packs/Feilds/Pack.tsx
+import { jsx as jsx74 } from "react/jsx-runtime";
+function Pack({
+  name,
+  label,
+  placeholder = "Select Pack",
+  api,
+  form,
+  filter,
+  v,
+  required,
+  disabled
+}) {
+  return /* @__PURE__ */ jsx74(
+    Fields_default.SearchApi,
+    {
+      label,
+      form,
+      name,
+      api,
+      placeholder,
+      queryKey: "name",
+      labelKey: "name",
+      valueKey: "_id",
+      filter,
+      v,
+      required,
+      disabled
+    }
+  );
+}
+var Pack_default = { Pack };
+
 // src/components/ErrorPage/ErrorPage.tsx
-import { jsx as jsx63, jsxs as jsxs49 } from "react/jsx-runtime";
+import { jsx as jsx75, jsxs as jsxs57 } from "react/jsx-runtime";
 var ErrorPageBase = ({
   title,
-  message: message16,
+  message: message24,
   statusCode,
   action,
   className = ""
 }) => {
-  return /* @__PURE__ */ jsx63(
+  return /* @__PURE__ */ jsx75(
     "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__ */ jsxs49("div", { className: "relative flex flex-col items-center justify-center w-full max-w-2xl text-center", children: [
-        statusCode && /* @__PURE__ */ jsx63("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__ */ jsx63("span", { className: "text-[12rem] sm:text-[16rem] md:text-[20rem] font-bold leading-none tracking-tighter", children: statusCode }) }),
-        /* @__PURE__ */ jsxs49("div", { className: "relative z-10 space-y-6", children: [
-          statusCode && /* @__PURE__ */ jsxs49("h2", { className: "text-xl md:text-2xl font-semibold text-zinc-500 dark:text-zinc-400", children: [
+      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: [
             "Error ",
             statusCode
           ] }),
-          title && /* @__PURE__ */ jsx63("h1", { className: "text-4xl md:text-5xl font-extrabold tracking-tight drop-shadow-sm", children: title }),
-          message16 && /* @__PURE__ */ jsx63("p", { className: "text-lg md:text-xl text-zinc-600 dark:text-zinc-400 max-w-md mx-auto", children: message16 }),
-          action && /* @__PURE__ */ jsx63("div", { className: "pt-8", children: /* @__PURE__ */ jsx63(
+          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(
             "button",
             {
               onClick: action.onClick,
@@ -10128,9 +11400,9 @@ var ErrorPageBase = ({
 };
 
 // src/components/ErrorPage/ErrorPage.500.tsx
-import { jsx as jsx64 } from "react/jsx-runtime";
+import { jsx as jsx76 } from "react/jsx-runtime";
 var ErrorPage500 = (props) => {
-  return /* @__PURE__ */ jsx64(
+  return /* @__PURE__ */ jsx76(
     ErrorPageBase,
     {
       statusCode: 500,
@@ -10143,9 +11415,9 @@ var ErrorPage500 = (props) => {
 };
 
 // src/components/ErrorPage/ErrorPage.404.tsx
-import { jsx as jsx65 } from "react/jsx-runtime";
+import { jsx as jsx77 } from "react/jsx-runtime";
 var ErrorPage404 = (props) => {
-  return /* @__PURE__ */ jsx65(
+  return /* @__PURE__ */ jsx77(
     ErrorPageBase,
     {
       statusCode: 404,
@@ -10158,9 +11430,9 @@ var ErrorPage404 = (props) => {
 };
 
 // src/components/ErrorPage/ErrorPage.401.tsx
-import { jsx as jsx66 } from "react/jsx-runtime";
+import { jsx as jsx78 } from "react/jsx-runtime";
 var ErrorPage401 = (props) => {
-  return /* @__PURE__ */ jsx66(
+  return /* @__PURE__ */ jsx78(
     ErrorPageBase,
     {
       statusCode: 401,
@@ -10173,9 +11445,9 @@ var ErrorPage401 = (props) => {
 };
 
 // src/components/ErrorPage/ErrorPage.400.tsx
-import { jsx as jsx67 } from "react/jsx-runtime";
+import { jsx as jsx79 } from "react/jsx-runtime";
 var ErrorPage400 = (props) => {
-  return /* @__PURE__ */ jsx67(
+  return /* @__PURE__ */ jsx79(
     ErrorPageBase,
     {
       statusCode: 400,
@@ -10200,7 +11472,10 @@ export {
   Accounts_default as Accounts,
   AdminProtectedRoute,
   Badge,
+  Feilds_default3 as BrandField,
+  BrandForm_default as BrandForm,
   Branding,
+  Brands_default as Brands,
   Breadcrumbs,
   Button,
   Card,
@@ -10209,7 +11484,10 @@ export {
   CardFooter,
   CardHeader,
   CardTitle,
+  Categories_default as Categories,
   CategoryCard,
+  Feilds_default4 as CategoryField,
+  CategoryForm_default as CategoryForm,
   ClassicSpin,
   CodeBlock,
   ConfirmModal,
@@ -10227,10 +11505,16 @@ export {
   LoadingSpin,
   Modal,
   OverlaySpin,
+  Pack_default as PackField,
+  PackForm_default as PackForm,
+  Packs_default as Packs,
   PageA4,
   PageHeader,
   PhoneInput,
   PostTable,
+  Feilds_default5 as ProductField,
+  ProductForm_default as ProductForm,
+  Products_default as Products,
   ProfileCard,
   ProfileDropdown,
   ProfilePage_default as ProfilePage,
@@ -10261,10 +11545,16 @@ export {
   Wallets_default as Wallets,
   WarqadProvider,
   createAccountSchema,
+  createBrandSchema,
+  createCategorySchema,
+  createPackSchema,
+  createProductSchema,
   createUserSchema,
   createWalletSchema,
   generatePdf,
   linkUserSchema,
+  packProductItemSchema,
+  packTypes,
   resetPasswordSchema,
   storage,
   updateUserEmailSchema,