warqadui 0.0.92 → 0.0.94

package/dist/index.js

@@ -35,7 +35,10 @@ __export(index_exports, {
   Accounts: () => Accounts_default,
   AdminProtectedRoute: () => AdminProtectedRoute,
   Badge: () => Badge,
+  BrandField: () => Feilds_default3,
+  BrandForm: () => BrandForm_default,
   Branding: () => Branding,
+  Brands: () => Brands_default,
   Breadcrumbs: () => Breadcrumbs,
   Button: () => Button,
   Card: () => Card,
@@ -44,7 +47,10 @@ __export(index_exports, {
   CardFooter: () => CardFooter,
   CardHeader: () => CardHeader,
   CardTitle: () => CardTitle,
+  Categories: () => Categories_default,
   CategoryCard: () => CategoryCard,
+  CategoryField: () => Feilds_default4,
+  CategoryForm: () => CategoryForm_default,
   ClassicSpin: () => ClassicSpin,
   CodeBlock: () => CodeBlock,
   ConfirmModal: () => ConfirmModal,
@@ -62,10 +68,16 @@ __export(index_exports, {
   LoadingSpin: () => LoadingSpin,
   Modal: () => Modal,
   OverlaySpin: () => OverlaySpin,
+  PackField: () => Pack_default,
+  PackForm: () => PackForm_default,
+  Packs: () => Packs_default,
   PageA4: () => PageA4,
   PageHeader: () => PageHeader,
   PhoneInput: () => PhoneInput,
   PostTable: () => PostTable,
+  ProductField: () => Feilds_default5,
+  ProductForm: () => ProductForm_default,
+  Products: () => Products_default,
   ProfileCard: () => ProfileCard,
   ProfileDropdown: () => ProfileDropdown,
   ProfilePage: () => ProfilePage_default,
@@ -96,10 +108,16 @@ __export(index_exports, {
   Wallets: () => Wallets_default,
   WarqadProvider: () => WarqadProvider,
   createAccountSchema: () => createAccountSchema,
+  createBrandSchema: () => createBrandSchema,
+  createCategorySchema: () => createCategorySchema,
+  createPackSchema: () => createPackSchema,
+  createProductSchema: () => createProductSchema,
   createUserSchema: () => createUserSchema,
   createWalletSchema: () => createWalletSchema,
   generatePdf: () => generatePdf,
   linkUserSchema: () => linkUserSchema,
+  packProductItemSchema: () => packProductItemSchema,
+  packTypes: () => packTypes,
   resetPasswordSchema: () => resetPasswordSchema,
   storage: () => storage,
   updateUserEmailSchema: () => updateUserEmailSchema,
@@ -421,7 +439,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;
 
@@ -1446,13 +1465,13 @@ var Input = (0, import_react10.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);
     (0, import_react10.useEffect)(() => {
@@ -1521,7 +1540,7 @@ var Input = (0, import_react10.forwardRef)(
               }
             )
           ] }),
-          message16 && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-sm text-red-600 dark:text-red-400", children: message16 })
+          message24 && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-sm text-red-600 dark:text-red-400", children: message24 })
         ]
       }
     );
@@ -1844,7 +1863,7 @@ var PhoneInput = (0, import_react13.forwardRef)(
     const [isFocused, setIsFocused] = (0, import_react13.useState)(false);
     const { theme } = useWarqadConfig();
     const primaryColor = theme?.primaryColor;
-    let message16 = error;
+    let message24 = error;
     if (form && name) {
       const {
         formState: { errors }
@@ -1854,7 +1873,7 @@ var PhoneInput = (0, import_react13.forwardRef)(
       for (const part of nameParts) {
         currentError = currentError?.[part];
       }
-      message16 = currentError?.message || message16;
+      message24 = currentError?.message || message24;
     }
     const renderInput = (onChangeHandler, currentValue) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: `space-y-2 group relative ${containerClassName}`, children: [
       /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
@@ -1905,7 +1924,7 @@ var PhoneInput = (0, import_react13.forwardRef)(
           }
         )
       ] }),
-      message16 && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "text-sm text-red-600 dark:text-red-400", children: message16 })
+      message24 && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "text-sm text-red-600 dark:text-red-400", children: message24 })
     ] });
     if (form && name) {
       return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
@@ -2075,7 +2094,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 }
@@ -2085,7 +2104,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 = {
@@ -2146,7 +2165,7 @@ var SelectRoot = ({
             String(opt.value) || index
           )) })
         ] }),
-        message16 && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "text-sm text-red-600 dark:text-red-400", children: message16 })
+        message24 && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "text-sm text-red-600 dark:text-red-400", children: message24 })
       ]
     }
   ) });
@@ -2382,13 +2401,13 @@ var Textarea = (0, import_react15.forwardRef)(
     const [isFocused, setIsFocused] = (0, import_react15.useState)(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__ */ (0, import_jsx_runtime22.jsxs)("div", { className: `space-y-2 group w-full! relative ${containerClassName}`, children: [
       /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
@@ -2426,7 +2445,7 @@ var Textarea = (0, import_react15.forwardRef)(
           }
         }
       ) }),
-      message16 && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-sm text-red-600 dark:text-red-400", children: message16 })
+      message24 && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-sm text-red-600 dark:text-red-400", children: message24 })
     ] });
     (0, import_react15.useEffect)(() => {
       if (form && name && props.value !== void 0 && props.value !== null && props.value !== "") {
@@ -2745,7 +2764,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 }
@@ -2755,7 +2774,7 @@ var SearchApiRoot = ({
     for (const part of nameParts) {
       currentError = currentError?.[part];
     }
-    message16 = currentError?.message || message16;
+    message24 = currentError?.message || message24;
   }
   const valueCtx = {
     isOpen,
@@ -2789,7 +2808,7 @@ var SearchApiRoot = ({
     form,
     name,
     obj,
-    error: message16,
+    error: message24,
     onSelect,
     onClear
   };
@@ -3156,19 +3175,19 @@ var DateInput = (0, import_react17.forwardRef)(
     const { theme } = useWarqadConfig();
     const primaryColor = theme?.primaryColor;
     const [isFocused, setIsFocused] = (0, import_react17.useState)(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) => {
@@ -3191,8 +3210,8 @@ var DateInput = (0, import_react17.forwardRef)(
           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__ */ (0, import_jsx_runtime24.jsx)(
@@ -3222,7 +3241,7 @@ var DateInput = (0, import_react17.forwardRef)(
         {
           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,
@@ -3243,7 +3262,7 @@ var DateInput = (0, import_react17.forwardRef)(
           )
         }
       ) : renderDatePicker(value, onChange, onBlur, ref),
-      message16 && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-sm text-red-600 dark:text-red-400", children: message16 })
+      message24 && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-sm text-red-600 dark:text-red-400", children: message24 })
     ] });
   }
 );
@@ -7512,17 +7531,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}`);
     }
@@ -7531,17 +7550,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;
@@ -7552,8 +7571,8 @@ var import_react31 = __toESM(require("react"));
 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");
@@ -10129,29 +10148,1300 @@ var WalletField = {
 };
 var Feilds_default2 = WalletField;
 
+// src/components/brands/Brands.tsx
+var import_react_router_dom17 = require("react-router-dom");
+var import_lucide_react26 = require("lucide-react");
+var import_react45 = require("react");
+var import_antd18 = require("antd");
+var import_jsx_runtime63 = require("react/jsx-runtime");
+function Brands({ v, url }) {
+  const [deleteBrand, setDeleteBrand] = (0, import_react45.useState)(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 = (0, import_react_router_dom17.useNavigate)();
+  const items = (data2) => [
+    {
+      label: `Edit Brand`,
+      icon: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_lucide_react26.FilePenLine, { size: 16 }),
+      onClick: () => navigate(`update?id=${data2?._id}`)
+    },
+    {
+      label: `Delete Brand`,
+      icon: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_lucide_react26.Trash2, { 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__ */ (0, import_jsx_runtime63.jsx)("span", { children: brand?.name });
+      }
+    },
+    {
+      accessorKey: "actions",
+      header: "Actions",
+      cell: ({ row }) => {
+        const data2 = row.original;
+        return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+          Dropdown,
+          {
+            className: "cursor-pointer w-[150px]",
+            items: items(data2),
+            triggerMode: "hover",
+            children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_lucide_react26.EllipsisVertical, {})
+          }
+        );
+      }
+    }
+  ].filter(Boolean);
+  const brands = data?.data || [];
+  const onDelete = async (id) => {
+    try {
+      await remove({ url: `/brands/delete/${id}` });
+      import_antd18.message.success("Brand deleted successfully");
+      reload();
+      setDeleteBrand(null);
+    } catch (error) {
+      import_antd18.message.error(error.message || "Something went wrong");
+      return error;
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Modal2, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+      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__ */ (0, import_jsx_runtime63.jsx)(
+      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
+var import_zod12 = require("zod");
+var createBrandSchema = import_zod12.z.object({
+  name: import_zod12.z.string().min(2, { message: "Name must be at least 2 characters" })
+});
+
+// src/components/brands/BrandForm.tsx
+var import_react_hook_form16 = require("react-hook-form");
+var import_zod13 = require("@hookform/resolvers/zod");
+var import_antd19 = require("antd");
+var import_react46 = require("react");
+var import_jsx_runtime64 = require("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 = (0, import_react_hook_form16.useForm)({
+    resolver: (0, import_zod13.zodResolver)(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
+        });
+      }
+      import_antd19.message.success(`Brand ${isEdit ? "updated" : "created"} successfully`);
+      navigate(-1);
+    } catch (error) {
+      import_antd19.message.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) {
+      import_antd19.message.error(error?.message || "Something went wrong");
+    }
+  };
+  (0, import_react46.useEffect)(() => {
+    if (isEdit) {
+      fetches();
+    }
+  }, [id]);
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
+    Card,
+    {
+      className: "max-w-4xl mx-auto mt-10 relative",
+      isLoading: isLoadingGet,
+      loadingText: "Processing...",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(Card.Header, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Brand` }),
+          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Card.Description, { children: isEdit ? `Update the details for this brand` : `Create a new brand and add it to your list` })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Card.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
+          "form",
+          {
+            onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+                Fields_default.Input,
+                {
+                  label: "Name",
+                  form: methods,
+                  name: "name",
+                  type: "text",
+                  placeholder: "Enter Brand Name",
+                  required: true
+                }
+              ) }),
+              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+                Button,
+                {
+                  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
+var import_react_router_dom18 = require("react-router-dom");
+var import_jsx_runtime65 = require("react/jsx-runtime");
+function Brand({
+  name,
+  label,
+  placeholder,
+  api,
+  form,
+  filter,
+  v = 1,
+  required,
+  disabled
+}) {
+  const { branchId } = (0, import_react_router_dom18.useParams)();
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+    Fields_default.SearchApi,
+    {
+      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
+var import_react_router_dom19 = require("react-router-dom");
+var import_lucide_react27 = require("lucide-react");
+var import_react47 = require("react");
+var import_antd20 = require("antd");
+var import_jsx_runtime66 = require("react/jsx-runtime");
+function Categories({ v, url }) {
+  const [deleteCategory, setDeleteCategory] = (0, import_react47.useState)(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 = (0, import_react_router_dom19.useNavigate)();
+  const items = (data2) => [
+    {
+      label: `Edit Category`,
+      icon: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_lucide_react27.FilePenLine, { size: 16 }),
+      onClick: () => navigate(`update?id=${data2?._id}`)
+    },
+    {
+      label: `Delete Category`,
+      icon: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_lucide_react27.Trash2, { 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__ */ (0, import_jsx_runtime66.jsx)("span", { children: category?.name });
+      }
+    },
+    {
+      accessorKey: "actions",
+      header: "Actions",
+      cell: ({ row }) => {
+        const data2 = row.original;
+        return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+          Dropdown,
+          {
+            className: "cursor-pointer w-[150px]",
+            items: items(data2),
+            triggerMode: "hover",
+            children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_lucide_react27.EllipsisVertical, {})
+          }
+        );
+      }
+    }
+  ].filter(Boolean);
+  const categories = data?.data || [];
+  const onDelete = async (id) => {
+    try {
+      await remove({ url: `/categories/delete/${id}` });
+      import_antd20.message.success("Category deleted successfully");
+      reload();
+      setDeleteCategory(null);
+    } catch (error) {
+      import_antd20.message.error(error.message || "Something went wrong");
+      return error;
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_jsx_runtime66.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Modal2, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+      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__ */ (0, import_jsx_runtime66.jsx)(
+      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
+var import_zod14 = require("zod");
+var createCategorySchema = import_zod14.z.object({
+  name: import_zod14.z.string().min(2, { message: "Name must be at least 2 characters" })
+});
+
+// src/components/categories/CategoryForm.tsx
+var import_react_hook_form17 = require("react-hook-form");
+var import_zod15 = require("@hookform/resolvers/zod");
+var import_antd21 = require("antd");
+var import_react48 = require("react");
+var import_jsx_runtime67 = require("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 = (0, import_react_hook_form17.useForm)({
+    resolver: (0, import_zod15.zodResolver)(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
+        });
+      }
+      import_antd21.message.success(`Category ${isEdit ? "updated" : "created"} successfully`);
+      navigate(-1);
+    } catch (error) {
+      import_antd21.message.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) {
+      import_antd21.message.error(error?.message || "Something went wrong");
+    }
+  };
+  (0, import_react48.useEffect)(() => {
+    if (isEdit) {
+      fetches();
+    }
+  }, [id]);
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
+    Card,
+    {
+      className: "max-w-4xl mx-auto mt-10 relative",
+      isLoading: isLoadingGet,
+      loadingText: "Processing...",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(Card.Header, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Category` }),
+          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Card.Description, { children: isEdit ? `Update the details for this category` : `Create a new category and add it to your list` })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Card.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
+          "form",
+          {
+            onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+                Fields_default.Input,
+                {
+                  label: "Name",
+                  form: methods,
+                  name: "name",
+                  type: "text",
+                  placeholder: "Enter Category Name",
+                  required: true
+                }
+              ) }),
+              /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+                Button,
+                {
+                  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
+var import_react_router_dom20 = require("react-router-dom");
+var import_jsx_runtime68 = require("react/jsx-runtime");
+function Category({
+  name,
+  label,
+  placeholder,
+  api,
+  form,
+  filter,
+  v = 1,
+  required,
+  disabled
+}) {
+  const { branchId } = (0, import_react_router_dom20.useParams)();
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+    Fields_default.SearchApi,
+    {
+      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
+var import_react_router_dom21 = require("react-router-dom");
+var import_lucide_react28 = require("lucide-react");
+var import_react49 = require("react");
+var import_antd22 = require("antd");
+var import_jsx_runtime69 = require("react/jsx-runtime");
+function Products({ v, url }) {
+  const [deleteProduct, setDeleteProduct] = (0, import_react49.useState)(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 = (0, import_react_router_dom21.useNavigate)();
+  const items = (data2) => [
+    {
+      label: `Edit Product`,
+      icon: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_lucide_react28.FilePenLine, { size: 16 }),
+      onClick: () => navigate(`update?id=${data2?._id}`)
+    },
+    {
+      label: `Delete Product`,
+      icon: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_lucide_react28.Trash2, { 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__ */ (0, import_jsx_runtime69.jsx)("span", { children: product?.name });
+      }
+    },
+    {
+      accessorKey: "category",
+      header: "Category",
+      cell: ({ row }) => {
+        const product = row.original;
+        return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { children: product?.categoryData?.name || "N/A" });
+      }
+    },
+    {
+      accessorKey: "brand",
+      header: "Brand",
+      cell: ({ row }) => {
+        const product = row.original;
+        return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { children: product?.brandData?.name || "N/A" });
+      }
+    },
+    {
+      accessorKey: "cost",
+      header: "Cost",
+      cell: ({ row }) => {
+        const product = row.original;
+        return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("span", { children: [
+          " ",
+          product?.cost?.toLocaleString()
+        ] });
+      }
+    },
+    {
+      accessorKey: "actions",
+      header: "Actions",
+      cell: ({ row }) => {
+        const data2 = row.original;
+        return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+          Dropdown,
+          {
+            className: "cursor-pointer w-[150px]",
+            items: items(data2),
+            triggerMode: "hover",
+            children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_lucide_react28.EllipsisVertical, {})
+          }
+        );
+      }
+    }
+  ].filter(Boolean);
+  const products = data?.data || [];
+  const onDelete = async (id) => {
+    try {
+      await remove({ url: `/products/delete/${id}` });
+      import_antd22.message.success("Product deleted successfully");
+      reload();
+      setDeleteProduct(null);
+    } catch (error) {
+      import_antd22.message.error(error.message || "Something went wrong");
+      return error;
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_jsx_runtime69.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Modal2, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+      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__ */ (0, import_jsx_runtime69.jsx)(
+      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
+var import_zod16 = require("zod");
+var createProductSchema = import_zod16.z.object({
+  name: import_zod16.z.string().min(2, { message: "Name must be at least 2 characters" }),
+  category: import_zod16.z.string().optional(),
+  brand: import_zod16.z.string().optional(),
+  cost: import_zod16.z.number({ message: "Cost is required" }).min(0)
+});
+
+// src/components/products/ProductForm.tsx
+var import_react_hook_form18 = require("react-hook-form");
+var import_zod17 = require("@hookform/resolvers/zod");
+var import_antd23 = require("antd");
+var import_react50 = require("react");
+var import_jsx_runtime70 = require("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 = (0, import_react_hook_form18.useForm)({
+    resolver: (0, import_zod17.zodResolver)(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
+        });
+      }
+      import_antd23.message.success(`Product ${isEdit ? "updated" : "created"} successfully`);
+      navigate(-1);
+    } catch (error) {
+      import_antd23.message.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) {
+      import_antd23.message.error(error?.message || "Something went wrong");
+    }
+  };
+  (0, import_react50.useEffect)(() => {
+    if (isEdit) {
+      fetches();
+    }
+  }, [id]);
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+    Card,
+    {
+      className: "max-w-4xl mx-auto mt-10 relative",
+      isLoading: isLoadingGet,
+      loadingText: "Processing...",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(Card.Header, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Product` }),
+          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Card.Description, { children: isEdit ? `Update the details for this product` : `Create a new product and add it to your list` })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Card.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+          "form",
+          {
+            onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+                  Fields_default.Input,
+                  {
+                    label: "Name",
+                    form: methods,
+                    name: "name",
+                    type: "text",
+                    placeholder: "Enter Product Name",
+                    required: true
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+                  Fields_default.Input,
+                  {
+                    label: "Cost",
+                    form: methods,
+                    name: "cost",
+                    type: "number",
+                    placeholder: "0.00",
+                    required: true
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+                  Feilds_default4.Category,
+                  {
+                    label: "Category",
+                    form: methods,
+                    name: "category",
+                    api: "/categories/get"
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+                  Feilds_default3.Brand,
+                  {
+                    label: "Brand",
+                    form: methods,
+                    name: "brand",
+                    api: "/brands/get"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("footer", { className: "flex justify-end mt-4", children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+                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
+var import_react_router_dom22 = require("react-router-dom");
+var import_jsx_runtime71 = require("react/jsx-runtime");
+function Product({
+  name,
+  label,
+  placeholder,
+  api,
+  form,
+  filter,
+  v = 1,
+  required,
+  disabled,
+  onChange,
+  obj
+}) {
+  const { branchId } = (0, import_react_router_dom22.useParams)();
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+    Fields_default.SearchApi,
+    {
+      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
+var import_react_router_dom23 = require("react-router-dom");
+var import_lucide_react29 = require("lucide-react");
+var import_react51 = require("react");
+var import_antd24 = require("antd");
+var import_jsx_runtime72 = require("react/jsx-runtime");
+function Packs({ v, url }) {
+  const [deletePack, setDeletePack] = (0, import_react51.useState)(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 = (0, import_react_router_dom23.useNavigate)();
+  const items = (data2) => [
+    {
+      label: `Edit Pack`,
+      icon: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react29.FilePenLine, { size: 16 }),
+      onClick: () => navigate(`update?id=${data2?._id}`)
+    },
+    {
+      label: `Delete Pack`,
+      icon: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react29.Trash2, { 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__ */ (0, import_jsx_runtime72.jsx)("span", { children: pack?.name });
+      }
+    },
+    {
+      accessorKey: "type",
+      header: "Type",
+      cell: ({ row }) => {
+        const pack = row.original;
+        return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { className: "capitalize", children: pack?.type });
+      }
+    },
+    {
+      accessorKey: "products",
+      header: "Products Count",
+      cell: ({ row }) => {
+        const pack = row.original;
+        return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("span", { children: [
+          pack?.products?.length || 0,
+          " Products"
+        ] });
+      }
+    },
+    {
+      accessorKey: "actions",
+      header: "Actions",
+      cell: ({ row }) => {
+        const data2 = row.original;
+        return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+          Dropdown,
+          {
+            className: "cursor-pointer w-[150px]",
+            items: items(data2),
+            triggerMode: "hover",
+            children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react29.EllipsisVertical, {})
+          }
+        );
+      }
+    }
+  ].filter(Boolean);
+  const packs = data?.data || [];
+  const onDelete = async (id) => {
+    try {
+      await remove({ url: `/packs/delete/${id}` });
+      import_antd24.message.success("Pack deleted successfully");
+      reload();
+      setDeletePack(null);
+    } catch (error) {
+      import_antd24.message.error(error.message || "Something went wrong");
+      return error;
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(import_jsx_runtime72.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Modal2, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+      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__ */ (0, import_jsx_runtime72.jsx)(
+      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
+var import_zod18 = require("zod");
+var packProductItemSchema = import_zod18.z.object({
+  product: import_zod18.z.string({ message: "Product ID is required" }),
+  cost: import_zod18.z.number().min(0, "Cost must be a positive number"),
+  quantity: import_zod18.z.number().min(1, "Quantity must be at least 1"),
+  index: import_zod18.z.number({ message: "Index is required" }),
+  productData: import_zod18.z.any().optional()
+});
+var packTypes = import_zod18.z.enum(Enums_default.packTypes);
+var createPackSchema = import_zod18.z.object({
+  type: packTypes,
+  name: import_zod18.z.string().min(2, { message: "Name must be at least 2 characters" }),
+  products: import_zod18.z.array(packProductItemSchema).min(1, "At least one product is required"),
+  tempProduct: import_zod18.z.string().optional(),
+  tempQty: import_zod18.z.number().optional(),
+  tempCost: import_zod18.z.number().optional(),
+  tempData: import_zod18.z.record(import_zod18.z.string(), import_zod18.z.any()).optional()
+});
+
+// src/components/packs/PackForm.tsx
+var import_react_hook_form19 = require("react-hook-form");
+var import_zod19 = require("@hookform/resolvers/zod");
+var import_antd25 = require("antd");
+var import_react52 = require("react");
+var import_lucide_react30 = require("lucide-react");
+var import_jsx_runtime73 = require("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 = (0, import_react_hook_form19.useForm)({
+    resolver: (0, import_zod19.zodResolver)(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 } = (0, import_react_hook_form19.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 {
+      import_antd25.message.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
+        });
+      }
+      import_antd25.message.success(`Pack ${isEdit ? "updated" : "created"} successfully`);
+      navigate(-1);
+    } catch (error) {
+      import_antd25.message.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) {
+      import_antd25.message.error(error?.message || "Something went wrong");
+    }
+  };
+  (0, import_react52.useEffect)(() => {
+    if (isEdit) {
+      fetches();
+    }
+  }, [id]);
+  (0, import_react52.useEffect)(() => {
+    if (currentProduct) {
+      setValue("tempCost", currentProduct.cost || 0);
+    }
+  }, [currentProduct]);
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+    Card,
+    {
+      className: "max-w-5xl mx-auto mt-10 relative",
+      isLoading: isLoadingGet,
+      loadingText: "Processing...",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(Card.Header, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Card.Title, { children: `${isEdit ? "Edit" : "Add"} Pack` }),
+          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Card.Description, { children: isEdit ? `Update the details for this product pack` : `Create a new product pack and define its components` })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Card.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+          "form",
+          {
+            onSubmit: handleSubmit(onSubmit, (errors) => console.log(errors)),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4 mb-8", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                  Fields_default.Input,
+                  {
+                    label: "Pack Name",
+                    form: methods,
+                    name: "name",
+                    type: "text",
+                    placeholder: "e.g. Family Box A",
+                    required: true
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                  Fields_default.Select,
+                  {
+                    label: "Pack Type",
+                    form: methods,
+                    name: "type",
+                    enumName: "packTypes",
+                    required: true
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "border rounded-lg p-4 bg-gray-50/50 dark:bg-gray-800/20", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("h3", { className: "text-lg font-semibold mb-4", children: "Products in Pack" }),
+                /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "mb-6 bg-white dark:bg-gray-900 p-4 rounded-lg border shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "grid grid-cols-12 gap-3 items-end", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "col-span-12 sm:col-span-5", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                    Feilds_default5.Product,
+                    {
+                      label: "Find Product",
+                      form: methods,
+                      name: "tempProduct",
+                      api: "/products/get",
+                      obj: "tempData"
+                    }
+                  ) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "col-span-4 sm:col-span-2", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                    Fields_default.Input,
+                    {
+                      label: "Qty",
+                      form: methods,
+                      name: "tempQty",
+                      type: "number",
+                      placeholder: "1"
+                    }
+                  ) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "col-span-5 sm:col-span-3", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                    Fields_default.Input,
+                    {
+                      label: "Cost",
+                      form: methods,
+                      name: "tempCost",
+                      type: "number",
+                      placeholder: "0.00"
+                    }
+                  ) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "col-span-3 sm:col-span-2", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                    Button,
+                    {
+                      type: "button",
+                      onClick: onAddProduct,
+                      className: "w-full h-[40px]",
+                      icon: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_lucide_react30.Plus, { size: 16 }),
+                      children: "Add"
+                    }
+                  ) })
+                ] }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("table", { className: "w-full text-left border-collapse", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("thead", { className: "bg-gray-100 dark:bg-gray-800/50", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("tr", { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("th", { className: "px-3 py-2 text-xs font-bold uppercase text-gray-500", children: "Product" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("th", { className: "px-3 py-2 text-xs font-bold uppercase text-gray-500 w-24", children: "Qty" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("th", { className: "px-3 py-2 text-xs font-bold uppercase text-gray-500 w-32", children: "Cost" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("th", { className: "px-3 py-2 text-xs font-bold uppercase text-gray-500 w-32", children: "Line Total" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("th", { className: "px-3 py-2 text-xs font-bold uppercase text-gray-500 w-16 text-center", children: "Action" })
+                  ] }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("tbody", { className: "divide-y divide-gray-100 dark:divide-gray-800 bg-white dark:bg-gray-900", children: [
+                    fields.map((field, index) => /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+                      "tr",
+                      {
+                        className: "hover:bg-gray-50/50 dark:hover:bg-gray-800/50 transition-colors",
+                        children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("td", { className: "px-3 py-2", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("p", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: field.productData?.name || "Product" }),
+                            field.productData?.sku && /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("p", { className: "text-[10px] text-gray-500", children: [
+                              "SKU: ",
+                              field.productData?.sku
+                            ] })
+                          ] }),
+                          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("td", { className: "px-3 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                            Fields_default.Input,
+                            {
+                              form: methods,
+                              name: `products.${index}.quantity`,
+                              type: "number",
+                              placeholder: "1",
+                              required: true,
+                              className: "h-8 py-1!"
+                            }
+                          ) }),
+                          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("td", { className: "px-3 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                            Fields_default.Input,
+                            {
+                              form: methods,
+                              name: `products.${index}.cost`,
+                              type: "number",
+                              placeholder: "0.00",
+                              required: true,
+                              className: "h-8 py-1!"
+                            }
+                          ) }),
+                          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("td", { className: "px-3 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "text-sm font-semibold", children: ((Number(watch(`products.${index}.quantity`)) || 0) * (Number(watch(`products.${index}.cost`)) || 0)).toLocaleString() }) }),
+                          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("td", { className: "px-3 py-2 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                            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__ */ (0, import_jsx_runtime73.jsx)(import_lucide_react30.Trash2, { size: 16 })
+                            }
+                          ) })
+                        ]
+                      },
+                      field.id
+                    )),
+                    fields.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("td", { colSpan: 5, className: "text-center py-10", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("p", { className: "text-sm text-gray-500", children: "No products added yet. Use the search above to add products." }) }) })
+                  ] })
+                ] }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "mt-6 pt-6 border-t grid grid-cols-1 sm:grid-cols-3 gap-3", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "bg-white dark:bg-gray-900 p-3 rounded-lg border shadow-sm", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("p", { className: "text-[10px] text-gray-500 uppercase font-bold mb-0.5", children: "Total Lines" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("p", { className: "text-lg font-bold text-blue-600", children: watch("products")?.length || 0 })
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "bg-white dark:bg-gray-900 p-3 rounded-lg border shadow-sm", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("p", { className: "text-[10px] text-gray-500 uppercase font-bold mb-0.5", children: "Total Quantity" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("p", { className: "text-lg font-bold text-indigo-600", children: watch("products")?.reduce(
+                      (acc, curr) => acc + (Number(curr.quantity) || 0),
+                      0
+                    ) })
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "bg-white dark:bg-gray-900 p-3 rounded-lg border shadow-sm", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("p", { className: "text-[10px] text-gray-500 uppercase font-bold mb-0.5", children: "Total Cost" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("p", { className: "text-lg font-bold text-emerald-600", children: [
+                      watch("products")?.reduce(
+                        (acc, curr) => acc + (Number(curr.quantity) || 0) * (Number(curr.cost) || 0),
+                        0
+                      ).toLocaleString(),
+                      " ",
+                      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "text-[10px] font-normal text-gray-400", children: "USD" })
+                    ] })
+                  ] })
+                ] })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("footer", { className: "flex justify-end mt-8", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                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
+var import_jsx_runtime74 = require("react/jsx-runtime");
+function Pack({
+  name,
+  label,
+  placeholder = "Select Pack",
+  api,
+  form,
+  filter,
+  v,
+  required,
+  disabled
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+    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
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime75 = require("react/jsx-runtime");
 var ErrorPageBase = ({
   title,
-  message: message16,
+  message: message24,
   statusCode,
   action,
   className = ""
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
     "div",
     {
       className: `flex-1 m-auto h-full w-full min-h-[50vh] flex flex-col items-center justify-center p-6 text-zinc-900 dark:text-zinc-100 ${className}`,
-      children: /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "relative flex flex-col items-center justify-center w-full max-w-2xl text-center", children: [
-        statusCode && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "absolute inset-0 flex items-center justify-center z-0 select-none pointer-events-none opacity-[0.03] dark:opacity-5", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "text-[12rem] sm:text-[16rem] md:text-[20rem] font-bold leading-none tracking-tighter", children: statusCode }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "relative z-10 space-y-6", children: [
-          statusCode && /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("h2", { className: "text-xl md:text-2xl font-semibold text-zinc-500 dark:text-zinc-400", children: [
+      children: /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "relative flex flex-col items-center justify-center w-full max-w-2xl text-center", children: [
+        statusCode && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "absolute inset-0 flex items-center justify-center z-0 select-none pointer-events-none opacity-[0.03] dark:opacity-5", children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: "text-[12rem] sm:text-[16rem] md:text-[20rem] font-bold leading-none tracking-tighter", children: statusCode }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "relative z-10 space-y-6", children: [
+          statusCode && /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("h2", { className: "text-xl md:text-2xl font-semibold text-zinc-500 dark:text-zinc-400", children: [
             "Error ",
             statusCode
           ] }),
-          title && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("h1", { className: "text-4xl md:text-5xl font-extrabold tracking-tight drop-shadow-sm", children: title }),
-          message16 && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("p", { className: "text-lg md:text-xl text-zinc-600 dark:text-zinc-400 max-w-md mx-auto", children: message16 }),
-          action && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "pt-8", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+          title && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("h1", { className: "text-4xl md:text-5xl font-extrabold tracking-tight drop-shadow-sm", children: title }),
+          message24 && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("p", { className: "text-lg md:text-xl text-zinc-600 dark:text-zinc-400 max-w-md mx-auto", children: message24 }),
+          action && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "pt-8", children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
             "button",
             {
               onClick: action.onClick,
@@ -10167,9 +11457,9 @@ var ErrorPageBase = ({
 };
 
 // src/components/ErrorPage/ErrorPage.500.tsx
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime76 = require("react/jsx-runtime");
 var ErrorPage500 = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
     ErrorPageBase,
     {
       statusCode: 500,
@@ -10182,9 +11472,9 @@ var ErrorPage500 = (props) => {
 };
 
 // src/components/ErrorPage/ErrorPage.404.tsx
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime77 = require("react/jsx-runtime");
 var ErrorPage404 = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
     ErrorPageBase,
     {
       statusCode: 404,
@@ -10197,9 +11487,9 @@ var ErrorPage404 = (props) => {
 };
 
 // src/components/ErrorPage/ErrorPage.401.tsx
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime78 = require("react/jsx-runtime");
 var ErrorPage401 = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
     ErrorPageBase,
     {
       statusCode: 401,
@@ -10212,9 +11502,9 @@ var ErrorPage401 = (props) => {
 };
 
 // src/components/ErrorPage/ErrorPage.400.tsx
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime79 = require("react/jsx-runtime");
 var ErrorPage400 = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
     ErrorPageBase,
     {
       statusCode: 400,
@@ -10240,7 +11530,10 @@ var ErrorPage = Object.assign(ErrorPageBase, {
   Accounts,
   AdminProtectedRoute,
   Badge,
+  BrandField,
+  BrandForm,
   Branding,
+  Brands,
   Breadcrumbs,
   Button,
   Card,
@@ -10249,7 +11542,10 @@ var ErrorPage = Object.assign(ErrorPageBase, {
   CardFooter,
   CardHeader,
   CardTitle,
+  Categories,
   CategoryCard,
+  CategoryField,
+  CategoryForm,
   ClassicSpin,
   CodeBlock,
   ConfirmModal,
@@ -10267,10 +11563,16 @@ var ErrorPage = Object.assign(ErrorPageBase, {
   LoadingSpin,
   Modal,
   OverlaySpin,
+  PackField,
+  PackForm,
+  Packs,
   PageA4,
   PageHeader,
   PhoneInput,
   PostTable,
+  ProductField,
+  ProductForm,
+  Products,
   ProfileCard,
   ProfileDropdown,
   ProfilePage,
@@ -10301,10 +11603,16 @@ var ErrorPage = Object.assign(ErrorPageBase, {
   Wallets,
   WarqadProvider,
   createAccountSchema,
+  createBrandSchema,
+  createCategorySchema,
+  createPackSchema,
+  createProductSchema,
   createUserSchema,
   createWalletSchema,
   generatePdf,
   linkUserSchema,
+  packProductItemSchema,
+  packTypes,
   resetPasswordSchema,
   storage,
   updateUserEmailSchema,