toggleChildRowExpansion(rowData)}\r\n /> : <>\r\n }\r\n \r\n\r\n );\r\n };\r\n\r\n const toggleChildRowExpansion = (rowData) => {\r\n let _expandedChildRows = { ...expandedChildRows };\r\n\r\n if (_expandedChildRows[rowData.key]) {\r\n delete _expandedChildRows[rowData.key];\r\n } else {\r\n _expandedChildRows[rowData.key] = true;\r\n }\r\n\r\n setExpandedChildRows(_expandedChildRows);\r\n };\r\n\r\n const rowExpansionTemplate = (data) => ;\r\n\r\n const CategoryTable = ({ nodes }) => {\r\n return (\r\n \r\n
Subcategory of {nodes.label}
\r\n setExpandedChildRows(e.data)}\r\n rowExpansionTemplate={rowExpansionTemplate}\r\n responsiveLayout=\"scroll\"\r\n dataKey=\"key\"\r\n >\r\n \r\n \r\n \r\n (\r\n \r\n )}\r\n header=\"Status\"\r\n />\r\n rowData?.createddatetime || 'N/A'} header=\"Date & Time\">\r\n \r\n \r\n \r\n );\r\n };\r\n\r\n\r\n useEffect(() => {\r\n\r\n const myPermissions = JSON.parse(localStorage.getItem(\"permissions\"))\r\n const allPermModules = myPermissions?.find(module => module?.routepath?.includes(\"/Setups\"));\r\n console.log('allPermModules', allPermModules)\r\n if (allPermModules) {\r\n const result = allPermModules?.submodules?.find(item => item?.routepath == \"/category\")\r\n setPermissions(result?.permissions?.map(item => item?.permission_id) || []);\r\n }\r\n\r\n }, []);\r\n\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n setFilteredCategory(e.value)}\r\n className=\"dropdown-filter ml-2 mr-1\"\r\n icon=\"pi pi-plus\"\r\n placeholder=\"--Select Category--\"\r\n />\r\n
\r\n {(roletypeid == 1) || (roletypeid == 2 && usertype_id == 1 && !warehouseid) ?\r\n null\r\n :\r\n
\r\n \r\n
\r\n }\r\n {(roletypeid == 1) || (roletypeid == 2 && usertype_id == 1 && !warehouseid) ?\r\n null\r\n :\r\n permissions.includes(2) ?\r\n
\r\n \r\n
\r\n :\r\n null\r\n }\r\n
\r\n \r\n }\r\n styles={{\r\n overlay: (base) => ({\r\n ...base,\r\n background: \"rgb(38 41 51 / 78%)\",\r\n }),\r\n }}\r\n >\r\n setExpandedRows(e.data)}\r\n rowExpansionTemplate={rowExpansionTemplate}\r\n emptyMessage=\"No records found\"\r\n paginatorTemplate=\"CurrentPageReport FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown\"\r\n currentPageReportTemplate=\"Showing {first} to {last} of {totalRecords}\"\r\n rowsPerPageOptions={[10, 20, 30, 40, 50, 60, 70, 80, 90, 100]}\r\n dataKey=\"key\"\r\n tableStyle={{ minWidth: \"60rem\" }}\r\n rows={20}\r\n paginatorClassName=\"custom-paginator\"\r\n >\r\n \r\n \r\n \r\n (\r\n \r\n )}\r\n header=\"Status\"\r\n />\r\n rowData?.createddatetime || 'N/A'} header=\"Date & Time\">\r\n \r\n \r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default ManageCategory;\r\n","import React, { useEffect, useState } from 'react'\r\nimport { useFormik } from 'formik';\r\nimport * as Yup from \"yup\";\r\nimport LoadingOverlay from 'react-loading-overlay';\r\nimport { InputText } from 'primereact/inputtext';\r\nimport { Password } from 'primereact/password';\r\nimport { Dropdown } from 'primereact/dropdown';\r\nimport { Button } from 'primereact/button';\r\nimport { handleGetRequest } from '../../services/GetTemplate';\r\nimport { useDispatch } from 'react-redux';\r\nimport { handlePostRequest } from '../../services/PostTemplate';\r\nimport { handlePutRequest } from '../../services/PutTemplate';\r\nimport { useHistory, useLocation } from \"react-router-dom\";\r\nimport { toast } from 'react-toastify';\r\nimport { InputTextarea } from 'primereact/inputtextarea';\r\n\r\nconst AddEditCategory = () => {\r\n\r\n const location = useLocation();\r\n const { isEditable, rowData, isView } = location?.state;\r\n const [saveBtnLoading, setSaveBtnLoading] = useState(false)\r\n const [isActive, setIsActive] = useState(false)\r\n\r\n const user_id = localStorage.getItem(\"user_id\")\r\n const warehouseid = localStorage.getItem(\"warehouseid\")\r\n const roletypeid = localStorage.getItem(\"roletypeid\")\r\n const usertype_id = localStorage.getItem(\"usertype_id\")\r\n\r\n const history = useHistory()\r\n const dispatch = useDispatch()\r\n\r\n const validationSchema = Yup.object().shape({\r\n categoryName: Yup.mixed().required(\"This field is required.\"),\r\n });\r\n const formik = useFormik({\r\n\r\n validationSchema: validationSchema,\r\n initialValues: {\r\n categoryName: \"\",\r\n description: \"\",\r\n },\r\n\r\n onSubmit: async (data) => {\r\n if (isEditable) {\r\n setSaveBtnLoading(true);\r\n\r\n let obj = {\r\n obj_id: rowData?.key,\r\n name: data?.categoryName,\r\n description: data?.description,\r\n isActive: 1,\r\n parentid: null\r\n }\r\n\r\n const response = await dispatch(handlePutRequest(obj, \"/api/Setups/UpdateCategory\", true, true));\r\n if (response?.statusCode == 200) {\r\n history.push('./category')\r\n setSaveBtnLoading(false);\r\n }\r\n }\r\n\r\n else {\r\n\r\n setSaveBtnLoading(true);\r\n let obj = {\r\n name: data?.categoryName,\r\n description: data?.description,\r\n warehouseId: warehouseid,\r\n }\r\n console.log(obj)\r\n\r\n const response = await dispatch(handlePostRequest(obj, \"/api/Setups/AddCategory\", true, true));\r\n if (response?.statusCode == 200) {\r\n history.push('./category')\r\n setSaveBtnLoading(false);\r\n }\r\n\r\n setSaveBtnLoading(false);\r\n }\r\n },\r\n });\r\n\r\n const isFormFieldValid = (name) => !!(formik.touched[name] && formik.errors[name]);\r\n const getFormErrorMessage = (name) => {\r\n return isFormFieldValid(name) && {formik.errors[name]};\r\n };\r\n\r\n // Get User By Id\r\n const getategoryById = async (rowData) => {\r\n setIsActive(true)\r\n const response = await dispatch(handleGetRequest(`/api/Setups/GetCategoryById?obj_id=${rowData?.key}`, true));\r\n const keyData = response[0]\r\n if (keyData) {\r\n formik.setFieldValue('categoryName', keyData?.obj_Name)\r\n }\r\n setIsActive(false)\r\n };\r\n\r\n useEffect(() => {\r\n if (isEditable, rowData) {\r\n getategoryById(rowData);\r\n }\r\n }, [isEditable, rowData]);\r\n\r\n const ResetForm = () => {\r\n formik.setFieldValue('categoryName', '')\r\n }\r\n\r\n //Disable Form while Viewing\r\n const formStyle = {\r\n pointerEvents: isView ? 'none' : 'auto',\r\n opacity: isView ? 0.7 : 1,\r\n };\r\n\r\n return (\r\n\r\n <>\r\n ({\r\n ...base,\r\n background: 'rgb(38 41 51 / 78%)',\r\n width: '107.9%',\r\n height: '125%',\r\n top: '-27px',\r\n left: '-35px'\r\n })\r\n }}\r\n >\r\n\r\n \r\n
\r\n\r\n
\r\n
{isEditable && isView ? 'View Category' : isEditable && isView === false ? 'Edit Category' : 'Add New Category'}
\r\n {isView ? '' : 'Add Details'}
\r\n \r\n\r\n
\r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n \r\n
\r\n );\r\n };\r\n\r\n const confirm = (rowData) => {\r\n\r\n confirmDialog({\r\n message: rowData?.status == 1 ? 'Are you sure you want to deactivate this Inventroy ?' : 'Are you sure you want to Activate this Inventory ?',\r\n header: 'Confirmation',\r\n icon: 'pi pi-exclamation-triangle',\r\n acceptClassName: acceptButtonClass,\r\n acceptLabel: 'Yes',\r\n accept: () => {\r\n if (rowData?.status == 1) {\r\n handleDeactivateInventory(rowData);\r\n } else {\r\n handleActivateInventory(rowData);\r\n }\r\n },\r\n reject: () => {\r\n return null;\r\n },\r\n });\r\n\r\n };\r\n\r\n const handleDeactivateInventory = async (rowData) => {\r\n\r\n const obj = {\r\n obj_id: rowData?.obj_id,\r\n Name: rowData?.obj_Name,\r\n Description: rowData?.obj_Description,\r\n IsActive: 0,\r\n };\r\n setIsActive(true);\r\n\r\n const response = await dispatch(handlePutRequest(obj, `/api/Setups/UpdateBrand`, true, true));\r\n if (response?.statusCode == 200) {\r\n await getInventoryList();\r\n }\r\n setIsActive(false);\r\n }\r\n\r\n const handleActivateInventory = async (rowData) => {\r\n\r\n const obj = {\r\n obj_id: rowData?.obj_id,\r\n Name: rowData?.obj_Name,\r\n Description: rowData?.obj_Description,\r\n IsActive: 1,\r\n };\r\n\r\n setIsActive(true);\r\n\r\n const response = await dispatch(handlePutRequest(obj, `/api/Setups/UpdateBrand`, true, true));\r\n if (response?.statusCode == 200) {\r\n await getInventoryList();\r\n }\r\n setIsActive(false);\r\n }\r\n\r\n const handleEditInventory = (rowData) => {\r\n const item = true;\r\n const view = false;\r\n history.push({\r\n pathname: './addeditinventory',\r\n state: {\r\n isEditable: item,\r\n rowData: rowData,\r\n isView: view,\r\n }\r\n });\r\n };\r\n \r\n const handleViewInventory = (rowData) => {\r\n const item = true;\r\n const view = true;\r\n history.push({\r\n pathname: './addeditinventory',\r\n state: {\r\n isEditable: item,\r\n isView: view,\r\n rowData: rowData,\r\n }\r\n });\r\n };\r\n\r\n\r\n //Get Inventory List\r\n const getInventoryList = async () => {\r\n\r\n setIsActive(true);\r\n\r\n const response = await dispatch(handleGetRequest(`/api/Inventory/GetInventory?warehouse_id=${warehouseid || 0}`, true));\r\n if (response) {\r\n setInventoryList(response);\r\n }\r\n setIsActive(false);\r\n };\r\n\r\n useEffect(() => {\r\n getInventoryList()\r\n }, [])\r\n\r\n useEffect(() => {\r\n\r\n const myPermissions = JSON.parse(localStorage.getItem(\"permissions\"))\r\n const allPermModules = myPermissions?.find(module => module?.routepath?.includes(\"/inventory\"));\r\n if (allPermModules) {\r\n setPermissions(allPermModules?.permissions?.map(item => item?.permission_id) || []);\r\n }\r\n }, []);\r\n\r\n return (\r\n\r\n <>\r\n \r\n
\r\n \r\n \r\n \r\n\r\n {(roletypeid == 1) || (roletypeid == 2 && usertype_id == 1 && !warehouseid) ?\r\n null\r\n :\r\n permissions.includes(2) ?\r\n
\r\n {\r\n const item = false;\r\n history.push({\r\n pathname: './addeditinventory',\r\n state: {\r\n isEditable: item,\r\n }\r\n });\r\n }}\r\n />\r\n
\r\n :\r\n null\r\n }\r\n\r\n
\r\n\r\n }\r\n\r\n // text='Loading your content...'\r\n styles={{\r\n overlay: (base) => ({\r\n ...base,\r\n background: 'rgb(38 41 51 / 78%)',\r\n })\r\n }}\r\n >\r\n\r\n \r\n rowData?.name || 'N/A'} header=\"Product Name\">\r\n rowData?.brandName || 'N/A'} header=\"Brand\">\r\n rowData?.categoryName || 'N/A'} header=\"Category\">\r\n rowData?.sub_Category_Name || 'N/A'} header=\"Sub Category\">\r\n rowData?.unitofmeasurementName || 'N/A'} header=\"Unit\">\r\n rowData?.vendorName || 'N/A'} header=\"Vendor\">\r\n rowData?.sku || 'N/A'} header=\"Sku\">\r\n {permissions.includes(2) ?\r\n \r\n :\r\n null\r\n }\r\n \r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default ManageInventory","import React, { useEffect, useState } from 'react'\r\nimport { useFormik } from 'formik';\r\nimport * as Yup from \"yup\";\r\nimport LoadingOverlay from 'react-loading-overlay';\r\nimport { InputText } from 'primereact/inputtext';\r\nimport { Password } from 'primereact/password';\r\nimport { Dropdown } from 'primereact/dropdown';\r\nimport { Button } from 'primereact/button';\r\nimport { handleGetRequest } from '../../services/GetTemplate';\r\nimport { useDispatch } from 'react-redux';\r\nimport { handlePostRequest } from '../../services/PostTemplate';\r\nimport { handlePutRequest } from '../../services/PutTemplate';\r\nimport { useHistory } from \"react-router-dom\";\r\nimport photo from '../../assets/warehouse-assets/photo.png'\r\nimport video from '../../assets/warehouse-assets/video.png'\r\nimport video2 from '../../assets/warehouse-assets/video2.png'\r\nimport video3 from '../../assets/warehouse-assets/video3.png'\r\nimport { InputTextarea } from 'primereact/inputtextarea';\r\nimport { useLocation } from 'react-router-dom/cjs/react-router-dom';\r\nimport { TreeSelect } from 'primereact/treeselect';\r\n\r\nconst AddEditInventory = () => {\r\n\r\n const location = useLocation();\r\n const { isEditable, rowData, isView } = location.state;\r\n const [selectedFiles, setSelectedFiles] = useState([])\r\n const [selectedFiles2, setSelectedFiles2] = useState([])\r\n\r\n const [allCategories, setAllCategories] = useState([])\r\n const [allSubCategories, setAllSubCategories] = useState([])\r\n const [allBrands, setAllBrands] = useState([])\r\n const [allVendors, setAllVendors] = useState([])\r\n const [allUnits, setAllUnits] = useState([])\r\n\r\n const [saveBtnLoading, setSaveBtnLoading] = useState(false)\r\n const [isActive, setIsActive] = useState(false)\r\n\r\n const user_id = localStorage.getItem(\"user_id\")\r\n const warehouseid = localStorage.getItem(\"warehouseid\")\r\n const roletypeid = localStorage.getItem(\"roletypeid\")\r\n const usertype_id = localStorage.getItem(\"usertype_id\")\r\n\r\n const history = useHistory()\r\n const dispatch = useDispatch()\r\n\r\n const validationSchema = Yup.object().shape({\r\n inventory_id: Yup.mixed().required(\"This field is required.\"),\r\n category_id: Yup.mixed().required(\"This field is required.\"),\r\n // subCategory_id: Yup.mixed().required(\"This field is required.\"),\r\n inventory_name: Yup.mixed().required(\"This field is required.\"),\r\n brand_id: Yup.mixed().required(\"This field is required.\"),\r\n // description: Yup.mixed().required(\"This field is required.\"),\r\n unit: Yup.mixed().required(\"This field is required.\"),\r\n sku: Yup.mixed().required(\"This field is required.\"),\r\n vendor_id: Yup.mixed().required(\"This field is required.\"),\r\n threshold: Yup.mixed().required(\"This field is required.\"),\r\n notes: Yup.mixed().required(\"This field is required.\"),\r\n });\r\n\r\n const formik = useFormik({\r\n\r\n validationSchema: validationSchema,\r\n initialValues: {\r\n inventory_id: \"\",\r\n category_id: \"\",\r\n subCategory_id: \"\",\r\n inventory_name: \"\",\r\n brand_id: \"\",\r\n description: \"\",\r\n unit: \"\",\r\n sku: \"\",\r\n vendor_id: \"\",\r\n threshold: \"\",\r\n notes: \"\",\r\n },\r\n\r\n onSubmit: async (data) => {\r\n\r\n if (isEditable) {\r\n\r\n setSaveBtnLoading(true);\r\n\r\n let obj = {\r\n p_id: rowData?.id,\r\n p_inventory_id: formik.values.inventory_id,\r\n p_name: formik.values.inventory_name,\r\n p_description: formik.values.description,\r\n p_category_id: formik.values.category_id,\r\n p_sub_categoryid: formik.values.subCategory_id,\r\n p_brand_id: formik.values.brand_id,\r\n p_vendor_id: formik.values.vendor_id,\r\n p_unit_of_measurement: formik.values.unit.toString(),\r\n p_min_t_value: formik.values.threshold,\r\n p_SKU: formik.values.sku,\r\n p_notes: formik.values.notes,\r\n attachments: [\r\n {\r\n fileName: \"\",\r\n fileType: \"\",\r\n base64Data: \"\"\r\n }\r\n ],\r\n p_roletype_id: parseInt(roletypeid),\r\n p_usertype_id: parseInt(usertype_id),\r\n p_warehouse_id: parseInt(warehouseid),\r\n p_edit_by: parseInt(user_id),\r\n }\r\n\r\n console.log('obj', obj)\r\n const response = await dispatch(handlePutRequest(obj, \"/api/Inventory/UpdateInventory\", true, true));\r\n if (response?.statusCode == 200) {\r\n history.push('./inventory')\r\n setSaveBtnLoading(false);\r\n }\r\n }\r\n\r\n else {\r\n setSaveBtnLoading(true);\r\n\r\n let obj = {\r\n inventory_id: formik.values.inventory_id,\r\n name: formik.values.inventory_name,\r\n description: formik.values.description,\r\n category_id: formik.values.category_id,\r\n sub_categoryid: formik.values.subCategory_id,\r\n brand_id: formik.values.brand_id,\r\n vendor_id: formik.values.vendor_id,\r\n unit_of_measurement: formik.values.unit,\r\n min_t_value: parseInt(formik.values.threshold),\r\n sku: formik.values.sku,\r\n notes: formik.values.notes,\r\n attachments: [\r\n {\r\n fileName: \"\",\r\n fileType: \"\",\r\n base64Data: \"\"\r\n }\r\n ],\r\n roletype_id: parseInt(roletypeid),\r\n usertype_id: parseInt(usertype_id),\r\n warehouse_id: parseInt(warehouseid),\r\n createdby: parseInt(user_id),\r\n }\r\n\r\n const response = await dispatch(handlePostRequest(obj, \"/api/Inventory/AddInventory\", true, true));\r\n console.log('response', response)\r\n if (response?.statusCode == 200) {\r\n history.push('./inventory')\r\n setSaveBtnLoading(false);\r\n }\r\n\r\n setSaveBtnLoading(false);\r\n }\r\n },\r\n });\r\n\r\n const isFormFieldValid = (name) => !!(formik.touched[name] && formik.errors[name]);\r\n const getFormErrorMessage = (name) => {\r\n return isFormFieldValid(name) && {formik.errors[name]};\r\n };\r\n\r\n //Get All Category List\r\n const getCategoryList = async () => {\r\n\r\n setIsActive(true);\r\n\r\n const response = await dispatch(handleGetRequest(`/api/Inventory/GetAllCategorioesByWarehouse?warehouse_id=${warehouseid || 0}`, true));\r\n if (response) {\r\n setAllCategories(response);\r\n }\r\n setIsActive(false);\r\n };\r\n\r\n //Get All Category List\r\n const getSubCategoryList = async () => {\r\n\r\n setIsActive(true);\r\n\r\n const response = await dispatch(handleGetRequest(`/api/Inventory/GetAllSubCategoriesByCatid?Category_id=${formik.values.category_id}&warehouse_id=${warehouseid || 0}`, true));\r\n if (response) {\r\n setAllSubCategories(response);\r\n }\r\n setIsActive(false);\r\n };\r\n\r\n const getAllBrands = async () => {\r\n\r\n setIsActive(true);\r\n\r\n const response = await dispatch(handleGetRequest(`/api/Setups/getAllBrand?warehouse_id=${warehouseid || 0}`, true));\r\n if (response) {\r\n setAllBrands(response);\r\n }\r\n setIsActive(false);\r\n };\r\n\r\n const getAllVendors = async () => {\r\n\r\n setIsActive(true);\r\n\r\n const response = await dispatch(handleGetRequest(`/api/Setups/GetAllVendor?warehouse_id=${warehouseid || 0}`, true));\r\n\r\n if (response) {\r\n setAllVendors(response);\r\n }\r\n setIsActive(false);\r\n };\r\n\r\n const getAllUnits = async () => {\r\n\r\n setIsActive(true);\r\n\r\n const response = await dispatch(handleGetRequest(`/api/Inventory/GetUnitOfMeasurement`, true));\r\n if (response) {\r\n setAllUnits(response);\r\n }\r\n setIsActive(false);\r\n };\r\n\r\n useEffect(() => {\r\n getCategoryList()\r\n getAllBrands()\r\n getAllVendors()\r\n getAllUnits()\r\n }, [])\r\n\r\n useEffect(() => {\r\n if (formik.values.category_id) {\r\n getSubCategoryList()\r\n }\r\n }, [formik.values.category_id])\r\n\r\n //Get WH By Id\r\n const getInventoryById = async (rowData) => {\r\n console.log('rowData', rowData)\r\n setIsActive(true)\r\n const response = await dispatch(handleGetRequest(`/api/Inventory/GetInventoryByid?id=${rowData?.id}`, true));\r\n console.log('response', response)\r\n const keyData = response[0]\r\n if (keyData) {\r\n formik.setFieldValue('inventory_id', keyData?.inventory_id)\r\n formik.setFieldValue('category_id', keyData?.category_id)\r\n formik.setFieldValue('subCategory_id', keyData?.subcategory_id)\r\n formik.setFieldValue('inventory_name', keyData?.name)\r\n formik.setFieldValue('brand_id', keyData?.brand_id)\r\n formik.setFieldValue('description', keyData?.description)\r\n formik.setFieldValue('unit', keyData?.unit_of_measurement)\r\n formik.setFieldValue('sku', keyData?.sku)\r\n formik.setFieldValue('vendor_id', keyData?.vendor_id)\r\n formik.setFieldValue('threshold', keyData?.min_t_value)\r\n formik.setFieldValue('notes', keyData?.notes)\r\n }\r\n setIsActive(false)\r\n };\r\n\r\n useEffect(() => {\r\n if (isEditable, rowData) {\r\n getInventoryById(rowData);\r\n }\r\n }, [isEditable, rowData]);\r\n\r\n\r\n //File Handling\r\n const handleFileUpload = (event) => {\r\n const files = Array.from(event.files);\r\n const updatedFiles = files.map((file) => {\r\n const reader = new FileReader();\r\n reader.onloadend = () => {\r\n const base64String = reader.result;\r\n setSelectedFiles((prevFiles) => [\r\n ...prevFiles,\r\n { file_extension: file.type, base64: base64String, file_name: file.name }\r\n ]);\r\n };\r\n reader.readAsDataURL(file);\r\n return file;\r\n });\r\n };\r\n\r\n const handleFileUpload2 = (event) => {\r\n const files = Array.from(event.files);\r\n const updatedFiles = files.map((file) => {\r\n const reader = new FileReader();\r\n reader.onloadend = () => {\r\n const base64String = reader.result;\r\n setSelectedFiles2((prevFiles) => [\r\n { file_extension: file.type, base64: base64String, file_name: file.name }\r\n ]);\r\n };\r\n reader.readAsDataURL(file);\r\n return file;\r\n });\r\n };\r\n\r\n //For Deleting File\r\n const handleCancelFile = (file) => {\r\n setSelectedFiles((prevFiles) => prevFiles.filter((f) => f !== file));\r\n };\r\n\r\n const handleCancelFile2 = (file) => {\r\n setSelectedFiles2((prevFiles) => prevFiles.filter((f) => f !== file));\r\n };\r\n\r\n // Generate Inventory Id\r\n const handleGenerateInvId = () => {\r\n const newInvId = generateRandomInvId();\r\n formik.setFieldValue('inventory_id', newInvId);\r\n };\r\n\r\n const generateRandomInvId = () => {\r\n const prefix = \"inv-\";\r\n const length = 4;\r\n const charset = \"0123456789\";\r\n let userId = \"\";\r\n\r\n for (let i = 0; i < length; i++) {\r\n const randomIndex = Math.floor(Math.random() * charset.length);\r\n userId += charset[randomIndex];\r\n }\r\n\r\n return prefix + userId;\r\n };\r\n\r\n const ResetForm = () => {\r\n formik.setFieldValue('inventory_id', '')\r\n formik.setFieldValue('category_id', '')\r\n formik.setFieldValue('subCategory_id', '')\r\n formik.setFieldValue('inventory_name', '')\r\n formik.setFieldValue('brand_id', '')\r\n formik.setFieldValue('description', '')\r\n formik.setFieldValue('unit', '')\r\n formik.setFieldValue('sku', '')\r\n formik.setFieldValue('vendor_id', '')\r\n formik.setFieldValue('threshold', '')\r\n formik.setFieldValue('notes', '')\r\n }\r\n\r\n //Disable Form while Viewing\r\n const formStyle = {\r\n pointerEvents: isView ? 'none' : 'auto',\r\n opacity: isView ? 0.7 : 1,\r\n };\r\n\r\n\r\n return (\r\n\r\n <>\r\n ({\r\n ...base,\r\n background: 'rgb(38 41 51 / 78%)',\r\n width: '107.9%',\r\n height: '125%',\r\n top: '-27px',\r\n left: '-35px'\r\n })\r\n }}\r\n >\r\n\r\n \r\n
\r\n
\r\n
{isEditable && isView ? 'View Inventory' : isEditable && isView === false ? 'Edit Inventory' : 'Add New Inventory'}
\r\n {isEditable && isView ? '' : isEditable && isView === false ? 'Edit Details' : 'Add Details'}
\r\n \r\n\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n
CheckIn Data List
\r\n
\r\n
\r\n
\r\n \r\n
\r\n );\r\n };\r\n\r\n\r\n const confirm = (rowData) => {\r\n confirmDialog({\r\n message: 'Are you sure you want to Delete this Checkin Data ?',\r\n header: 'Confirmation',\r\n icon: 'pi pi-exclamation-triangle',\r\n accept: () => handleDeleteRecord(rowData),\r\n reject: null\r\n });\r\n }\r\n\r\n const handleDeleteRecord = async (rowData) => {\r\n let obj = {\r\n p_id: rowData?.id\r\n }\r\n\r\n setIsActive(true);\r\n\r\n const response = await dispatch(handleDeleteRequest(obj, `/api/Inventory/DeleteStageCheckInByID`, false, true));\r\n if (response?.statusCode == \"200\") {\r\n getAllInventoryData(false)\r\n }\r\n setIsActive(false);\r\n }\r\n\r\n const validationSchema = Yup.object().shape({\r\n checkbox: Yup.number().required(\"This field is required.\").nullable(),\r\n category: Yup.number().required(\"This field is required.\").nullable(),\r\n subCategory: Yup.number().required(\"This field is required.\").nullable(),\r\n inventoryName: Yup.number().required(\"This field is required.\").nullable(),\r\n brand: Yup.number().required(\"This field is required.\").nullable(),\r\n rfidCode: Yup.string().required(\"This field is required.\").nullable(),\r\n quantity: Yup.number().required(\"This field is required.\").nullable(),\r\n description: Yup.string().required(\"This field is required.\").nullable(),\r\n uom: Yup.number().required(\"This field is required.\").nullable(),\r\n skuCode: Yup.string().required(\"This field is required.\").nullable(),\r\n costPerUnit: Yup.number().required(\"This field is required.\").nullable(),\r\n vendorInformation: Yup.number().required(\"This field is required.\").nullable(),\r\n thresholdValue: Yup.number().required(\"This field is required.\").nullable(),\r\n expiryDate: Yup.string().required(\"This field is required.\").nullable(),\r\n valueOfMeasurement: Yup.number().required(\"This field is required.\").nullable(),\r\n addNotes: Yup.string().required(\"This field is required.\").nullable(),\r\n });\r\n\r\n const formik = useFormik({\r\n\r\n validationSchema: validationSchema,\r\n initialValues: {\r\n checkbox: \"\",\r\n category: \"\",\r\n subCategory: \"\",\r\n inventoryName: \"\",\r\n brand: \"\",\r\n rfidCode: \"\",\r\n quantity: \"\",\r\n description: \"\",\r\n uom: \"\",\r\n skuCode: \"\",\r\n costPerUnit: \"\",\r\n vendorInformation: \"\",\r\n thresholdValue: \"\",\r\n expiryDate: \"\",\r\n valueOfMeasurement: \"\",\r\n addNotes: \"\",\r\n },\r\n\r\n onSubmit: async (data) => {\r\n setIsActive(true)\r\n let payload = {\r\n p_id: checkInUpdateId,\r\n p_inventory_Type: data?.checkbox,\r\n p_category_id: data?.category,\r\n p_subcategory_id: data?.subCategory,\r\n p_inventory_id: data?.inventoryName,\r\n p_brand_id: data?.brand,\r\n p_rfid: data?.rfidCode,\r\n p_quantity: data?.quantity,\r\n p_SalesDescription: data?.description,\r\n p_unit_of_measurement: data?.uom,\r\n p_sku_code: data?.skuCode,\r\n p_cost: data?.costPerUnit,\r\n p_vendor_id: data?.vendorInformation,\r\n p_min_t_value: data?.thresholdValue,\r\n p_Expiry_Date: data?.expiryDate,\r\n p_value_of_measurement: data?.valueOfMeasurement,\r\n p_Notes: data?.addNotes,\r\n p_roletypeid: roletypeid,\r\n p_usertypeid: usertype_id,\r\n p_warehouseid: warehouseid,\r\n p_createdby: user_id,\r\n }\r\n\r\n const concatAllData = [selectedDoc, selectedFiles, selectedFiles2]\r\n const allArrayData = concatAllData.flat();\r\n payload[\"attachments\"] = allArrayData;\r\n\r\n if (isEditable === false && editableForStage === false) {\r\n console.log('inside')\r\n delete payload['p_id'];\r\n }\r\n // else {\r\n // return null\r\n // }\r\n\r\n console.log('concatAllData', concatAllData)\r\n console.log('allArrayData', allArrayData)\r\n console.log('payload', payload)\r\n\r\n let response;\r\n\r\n if (isEditable === false && editableForStage === false) {\r\n response = await dispatch(handlePostRequest(payload, '/api/Inventory/AddStageCheckIn', true, true));\r\n } else if (isEditable === true && editableForStage === false) {\r\n response = await dispatch(handlePutRequest(payload, '/api/Inventory/UpdateCheckIn', true, true));\r\n } else if (isEditable === false && editableForStage === true) {\r\n response = await dispatch(handlePutRequest(payload, '/api/Inventory/UpdateStageCheckIn', true, true));\r\n } else {\r\n response = null;\r\n }\r\n\r\n console.log('response', response)\r\n\r\n setIsActive(false)\r\n if (isEditable === true && editableForStage === false && response?.statusCode == \"200\") {\r\n history.push('/checkin')\r\n }\r\n else if ((isEditable === false && editableForStage === true) && (response?.statusCode == \"200\")) {\r\n getAllInventoryData(false)\r\n formik.resetForm();\r\n setSelectedDoc()\r\n setSelectedFiles([])\r\n setSelectedFiles2([])\r\n }\r\n else if ((isEditable === false && editableForStage === false) && (response?.statusCode == \"200\")) {\r\n getAllInventoryData(false)\r\n formik.resetForm();\r\n setSelectedDoc()\r\n setSelectedFiles([])\r\n setSelectedFiles2([])\r\n }\r\n else {\r\n return null\r\n }\r\n\r\n },\r\n });\r\n\r\n\r\n const ResetForm = () => {\r\n formik.resetForm();\r\n }\r\n\r\n const isFormFieldValid = (name) => !!(formik.touched[name] && formik.errors[name]);\r\n const getFormErrorMessage = (name) => {\r\n return isFormFieldValid(name) && {formik.errors[name]};\r\n };\r\n\r\n //File Handling\r\n const handleFileUpload = (event) => {\r\n const files = Array.from(event.files);\r\n const updatedFiles = files.map((file) => {\r\n const reader = new FileReader();\r\n reader.onloadend = () => {\r\n const base64String = reader.result;\r\n if (file?.size > maxImageSize) {\r\n toast.warn(\"Attached image size is greater then 10MB\")\r\n } else {\r\n setSelectedFiles((prevFiles) => [\r\n ...prevFiles,\r\n { fileType: file.type, fileName: file.name, base64Data: base64String, attachment_type: \"images\", path: null }\r\n ]);\r\n }\r\n };\r\n reader.readAsDataURL(file);\r\n return file;\r\n });\r\n };\r\n\r\n const handleFileUpload2 = (event) => {\r\n const files = Array.from(event.files);\r\n const updatedFiles = files.map((file) => {\r\n const reader = new FileReader();\r\n reader.onloadend = () => {\r\n const base64String = reader.result;\r\n if (file?.size > maxVideoSize) {\r\n toast.warn(\"Attached video size is greater then 5MB\")\r\n } else {\r\n setSelectedFiles2((prevFiles) => [\r\n { fileType: file.type, fileName: file.name, base64Data: base64String, attachment_type: \"video\", path: null }\r\n\r\n ]);\r\n }\r\n };\r\n reader.readAsDataURL(file);\r\n return file;\r\n });\r\n };\r\n\r\n const handleDocument = () => {\r\n uploadDoc.current.choose();\r\n };\r\n\r\n const handleSelectedDoc = (e) => {\r\n if (e.files && e.files.length > 0) {\r\n let selectedFile = e.files[0];\r\n const reader = new FileReader();\r\n reader.onloadend = () => {\r\n const base64Doc = reader.result\r\n if (selectedFile?.size > maxFileSize) {\r\n toast.warn(\"Attached file size is greater then 10MB\")\r\n } else {\r\n setSelectedDoc({ fileType: selectedFile?.type, fileName: selectedFile?.name, base64Data: base64Doc, attachment_type: \"file\", path: null })\r\n }\r\n }\r\n reader.readAsDataURL(selectedFile);\r\n return selectedFile\r\n } else {\r\n console.log('No files selected');\r\n }\r\n };\r\n\r\n\r\n //For Deleting File\r\n const handleCancelFile = (file) => {\r\n setSelectedFiles((prevFiles) => prevFiles.filter((f) => f !== file));\r\n };\r\n\r\n\r\n const handleCancelFile2 = (file) => {\r\n setSelectedFiles2((prevFiles) => prevFiles.filter((f) => f !== file));\r\n };\r\n\r\n\r\n const getAllApplicationDetail = async (e) => {\r\n if (formik?.values?.inventoryName) {\r\n const response = await dispatch(handleGetRequest(`/api/Inventory/GetInventoryByid?id=${formik?.values?.inventoryName}`));\r\n if (response[0]?.name) {\r\n getSubcategoryLOVs(response[0]?.category_id);\r\n formik.setFieldValue('category', response[0]?.category_id)\r\n formik.setFieldValue('subCategory', response[0]?.subcategory_id)\r\n formik.setFieldValue('brand', response[0]?.brand_id)\r\n formik.setFieldValue('vendorInformation', response[0]?.vendor_id)\r\n formik.setFieldValue('uom', response[0]?.unit_of_measurement)\r\n formik.setFieldValue('skuCode', response[0]?.sku)\r\n formik.setFieldValue('description', response[0]?.description)\r\n }\r\n }\r\n }\r\n\r\n const getInventoryLOVs = async () => {\r\n const response = await dispatch(handleGetRequest(`/api/Inventory/GetInventory?warehouse_id=${warehouseid || 0}`))\r\n if (response) {\r\n setAllInventoryName(response)\r\n }\r\n }\r\n const getCategoryLOVs = async () => {\r\n const response = await dispatch(handleGetRequest(`/api/Inventory/GetAllCategorioesByWarehouse?warehouse_id=${warehouseid || 0}`))\r\n if (response) {\r\n setAllCategoryName(response)\r\n\r\n }\r\n }\r\n const getSubcategoryLOVs = async (category_id) => {\r\n const response = await dispatch(handleGetRequest(`/api/Inventory/GetAllSubCategoriesByCatid?Category_id=${category_id}&warehouse_id=${warehouseid || 0}`))\r\n if (response) {\r\n setAllSubcategoryName(response)\r\n }\r\n }\r\n const getBrandLOVs = async () => {\r\n const response = await dispatch(handleGetRequest(`/api/Setups/GetAllBrand?warehouse_id=${warehouseid || 0}`))\r\n if (response) {\r\n setAllBrandName(response)\r\n }\r\n }\r\n const getUomLOVs = async () => {\r\n const response = await dispatch(handleGetRequest(`/api/Inventory/GetUnitOfMeasurement`))\r\n if (response) {\r\n setAllUomName(response)\r\n }\r\n }\r\n const getVendorLOVs = async () => {\r\n const response = await dispatch(handleGetRequest(`/api/Setups/GetAllVendor?warehouse_id=${warehouseid || 0}`))\r\n if (response) {\r\n setAllvendorName(response)\r\n }\r\n }\r\n\r\n const getAllInventoryData = async (showAlert = true) => {\r\n setIsActive(true)\r\n const response = await dispatch(handleGetRequest(`/api/Inventory/GetStageCheckinList?warehouseid=${warehouseid || 0}&userid=${user_id}`))\r\n setIsActive(false)\r\n if (response) {\r\n if (response.length >= 1 && showAlert && isEditable === false) {\r\n toast.info('Your unsaved checkin data has been restored ')\r\n setAllCheckinData(response)\r\n } else {\r\n setAllCheckinData(response)\r\n }\r\n }\r\n }\r\n\r\n\r\n useEffect(() => {\r\n const myPermissions = JSON.parse(localStorage.getItem(\"permissions\"))\r\n const allPermModules = myPermissions?.find(module => module?.routepath?.includes(\"/inventory\"));\r\n if (allPermModules) {\r\n const result = allPermModules?.submodules?.find(item => item?.routepath == \"/checkin\")\r\n setPermissions(result?.permissions?.map(item => item?.permission_id) || []);\r\n }\r\n\r\n // if (warehouseid) {\r\n getInventoryLOVs();\r\n getCategoryLOVs();\r\n getBrandLOVs();\r\n getUomLOVs();\r\n getVendorLOVs();\r\n getAllInventoryData()\r\n // }\r\n\r\n }, []);\r\n\r\n const handleCheckinData = async () => {\r\n setIsActive(true)\r\n let obj = {\r\n uid: user_id,\r\n wid: warehouseid\r\n }\r\n const response = await dispatch(handlePostRequest(obj, \"/api/Inventory/AddSubmitCheckIn\"));\r\n setIsActive(false)\r\n if (response.statusCode == \"200\") {\r\n getAllInventoryData(false)\r\n history.push('./checkin')\r\n }\r\n }\r\n\r\n const getCheckInLisyByIdEditable = async (rowData, isEditable) => {\r\n\r\n console.log('here')\r\n setIsEditableForStage(true)\r\n let keyData;\r\n if (isEditable) {\r\n const response = await dispatch(handleGetRequest(`/api/Inventory/GetCheckinByid?obj_id=${rowData?.id}`));\r\n keyData = response[0];\r\n } else {\r\n const response = await dispatch(handleGetRequest(`/api/Inventory/GetStageCheckinByid?obj_id=${rowData?.id}`));\r\n keyData = response[0];\r\n }\r\n if (keyData) {\r\n console.log('keyData', keyData)\r\n setCheckInUpdateId(keyData?.id)\r\n getSubcategoryLOVs(keyData?.category_id)\r\n formik.setFieldValue(\"checkbox\", keyData?.inventory_Type)\r\n formik.setFieldValue(\"category\", keyData?.category_id)\r\n formik.setFieldValue(\"subCategory\", keyData?.subcategory_id)\r\n formik.setFieldValue(\"inventoryName\", keyData?.inventory_id)\r\n formik.setFieldValue(\"brand\", keyData?.brand_id)\r\n formik.setFieldValue(\"rfidCode\", keyData?.rfid)\r\n formik.setFieldValue(\"quantity\", keyData?.quantity)\r\n formik.setFieldValue(\"description\", keyData?.salesDescription)\r\n formik.setFieldValue(\"uom\", keyData?.unit_of_measurement)\r\n formik.setFieldValue(\"skuCode\", keyData?.sku_code)\r\n formik.setFieldValue(\"costPerUnit\", keyData?.cost)\r\n formik.setFieldValue(\"vendorInformation\", keyData?.vendor_id)\r\n formik.setFieldValue(\"thresholdValue\", keyData?.min_t_value)\r\n formik.setFieldValue(\"expiryDate\", moment(keyData?.expiry_Date).toDate())\r\n formik.setFieldValue(\"valueOfMeasurement\", keyData?.value_of_measurement)\r\n formik.setFieldValue(\"addNotes\", keyData?.notes)\r\n\r\n\r\n let selectedDoc = {};\r\n const selectedFiles = [];\r\n const selectedFiles2 = [];\r\n\r\n // Split the keydata.link by commas to get individual entries\r\n const entries = keyData?.link?.split(',');\r\n\r\n // Iterate through each entry and split by $$ to check the type\r\n entries.forEach(entry => {\r\n const [path, type] = entry.trim().split('$$'); // Trim the entry to remove leading/trailing spaces\r\n if (type === 'file') {\r\n const obj = { fileType: null, fileName: null, base64Data: null, attachment_type: null, path }\r\n selectedDoc = obj;\r\n } else if (type === 'images') {\r\n selectedFiles.push({ fileType: null, fileName: null, base64Data: null, attachment_type: null, path });\r\n } else if (type === 'video') {\r\n selectedFiles2.push({ fileType: null, fileName: null, base64Data: null, attachment_type: null, path });\r\n }\r\n });\r\n\r\n // Assuming setSelectedDoc, setSelectedFiles, and setSelectedFiles2 are your state setters\r\n setSelectedDoc(selectedDoc);\r\n setSelectedFiles(selectedFiles);\r\n setSelectedFiles2(selectedFiles2);\r\n\r\n }\r\n }\r\n\r\n console.log('selectedFiles', selectedFiles)\r\n console.log('selectedFiles2', selectedFiles2)\r\n console.log('selectedDoc', selectedDoc)\r\n\r\n useEffect(() => {\r\n if (rowData && isEditable) {\r\n getCheckInLisyByIdEditable(rowData, isEditable)\r\n }\r\n\r\n }, [rowData, isEditable])\r\n\r\n //Disable Form while Viewing\r\n const formStyle = {\r\n pointerEvents: isView ? 'none' : 'auto',\r\n opacity: isView ? 0.7 : 1,\r\n };\r\n\r\n\r\n console.log('editableForStage', editableForStage)\r\n console.log('isView', isView)\r\n\r\n return (\r\n\r\n <>\r\n ({\r\n ...base,\r\n background: 'rgb(38 41 51 / 78%)',\r\n width: '107.9%',\r\n height: '125%',\r\n top: '-27px',\r\n left: '-35px'\r\n })\r\n }}\r\n >\r\n \r\n\r\n \r\n
\r\n\r\n {\r\n isView ?\r\n
\r\n
\r\n View Details\r\n
\r\n View
\r\n \r\n :\r\n
\r\n
\r\n {isEditable ? 'Update Check In' : editableForStage ? 'Update Details' : 'Check In'}\r\n
\r\n {isEditable ? '' : editableForStage ? '' : 'Add Details'}
\r\n \r\n }\r\n\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n\r\n {isView ?\r\n null\r\n :\r\n
\r\n
\r\n
CheckOut Data List
\r\n
\r\n
\r\n
\r\n \r\n
\r\n );\r\n };\r\n\r\n const confirm = (rowData) => {\r\n confirmDialog({\r\n message: 'Are you sure you want to Delete this checkout record ?',\r\n header: 'Confirmation',\r\n icon: 'pi pi-exclamation-triangle',\r\n accept: () => handleDeleteRecord(rowData),\r\n reject: null\r\n });\r\n }\r\n\r\n const handleDeleteRecord = async (e, rowData) => {\r\n e.preventDefault();\r\n console.log(e)\r\n let obj = {\r\n p_id: rowData?.id\r\n }\r\n\r\n setIsActive(true);\r\n\r\n const response = await dispatch(handleDeleteRequest(obj, `/api/Inventory/DeleteStageCheckOutById`, true, true));\r\n if (response?.statusCode === \"200\") {\r\n getAllInventoryData(false)\r\n }\r\n setIsActive(false);\r\n }\r\n\r\n const validationSchema = Yup.object().shape({\r\n checkbox: Yup.string().required(\"This field is required.\").nullable(),\r\n inventoryName: Yup.string().required(\"This field is required.\").nullable(),\r\n rfidCode: Yup.string().required(\"This field is required.\").nullable(),\r\n costPerUnit: Yup.string().required(\"This field is required.\").nullable(),\r\n addNotes: Yup.string().required(\"This field is required.\").nullable(),\r\n });\r\n\r\n const formik = useFormik({\r\n\r\n validationSchema: validationSchema,\r\n initialValues: {\r\n checkbox: \"\",\r\n inventoryName: \"\",\r\n rfidCode: \"\",\r\n costPerUnit: \"\",\r\n addNotes: \"\",\r\n },\r\n\r\n onSubmit: async (data) => {\r\n\r\n setIsActive(true)\r\n let payload = {\r\n p_inventory_Type: data?.checkbox,\r\n p_inventory_id: data?.inventoryName,\r\n p_rfid: data?.rfidCode,\r\n p_cost: data?.costPerUnit,\r\n p_Notes: data?.addNotes,\r\n p_roletypeid: roletypeid,\r\n p_usertypeid: usertype_id,\r\n p_warehouseid: warehouseid,\r\n p_createdby: user_id,\r\n }\r\n\r\n const response = await dispatch(handlePostRequest(payload, '/api/Inventory/AddStageCheckOut'))\r\n setIsActive(false)\r\n if (response?.statusCode == \"200\") {\r\n getAllInventoryData(false)\r\n ResetForm();\r\n }\r\n\r\n },\r\n });\r\n\r\n const ResetForm = () => {\r\n formik.resetForm();\r\n formik.setFieldValue('addNotes', '')\r\n formik.setFieldValue('rfidCode', '')\r\n formik.setFieldValue('checkbox', '')\r\n formik.setFieldValue('inventoryName', '')\r\n formik.setFieldValue('costPerUnit', '')\r\n }\r\n\r\n const isFormFieldValid = (name) => !!(formik.touched[name] && formik.errors[name]);\r\n const getFormErrorMessage = (name) => {\r\n return isFormFieldValid(name) && {formik.errors[name]};\r\n };\r\n\r\n const getInventoryLOVs = async () => {\r\n const response = await dispatch(handleGetRequest(`/api/Inventory/GetInventory?warehouse_id=${warehouseid}`))\r\n if (response) {\r\n setAllInventoryName(response)\r\n }\r\n }\r\n\r\n const getAllInventoryData = async (showAlert = true) => {\r\n setIsActive(true)\r\n const response = await dispatch(handleGetRequest(`/api/Inventory/GetStageCheckOutList?warehouseid=${warehouseid}&userid=${user_id}`))\r\n setIsActive(false)\r\n if (response) {\r\n if (response.length >= 1 && showAlert) {\r\n toast.info('Your unsaved checkout data has been restored ')\r\n setAllCheckOutData(response)\r\n } else {\r\n setAllCheckOutData(response)\r\n }\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n const myPermissions = JSON.parse(localStorage.getItem(\"permissions\"))\r\n const allPermModules = myPermissions?.find(module => module?.routepath?.includes(\"/inventory\"));\r\n if (allPermModules) {\r\n const result = allPermModules?.submodules?.find(item => item?.routepath == \"/checkout\")\r\n setPermissions(result?.permissions?.map(item => item?.permission_id) || []);\r\n }\r\n\r\n if (warehouseid) {\r\n getInventoryLOVs();\r\n getAllInventoryData()\r\n }\r\n\r\n }, []);\r\n\r\n const handleCheckOutData = async () => {\r\n setIsActive(true)\r\n let obj = {\r\n uid: user_id,\r\n wid: warehouseid\r\n }\r\n const response = dispatch(handlePostRequest(obj, \"/api/Inventory/AddSubmitCheckOut\", true, true));\r\n setIsActive(false)\r\n if (response) {\r\n getAllInventoryData(false)\r\n ResetForm()\r\n history.push('./checkout')\r\n }\r\n ResetForm()\r\n }\r\n\r\n const handleGenerateData = async () => {\r\n setIsActive(true)\r\n const response = await dispatch(handleGetRequest(`/api/Inventory/GetCheckinByrfid?obj_id=${formik.values.rfidCode}`, true, true));\r\n console.log('response', response)\r\n const keyData = response[0]\r\n console.log('keyData', keyData)\r\n if (keyData) {\r\n formik.setFieldValue('checkbox', keyData?.inventory_Type)\r\n formik.setFieldValue('inventoryName', keyData?.inventory_id)\r\n formik.setFieldValue('costPerUnit', keyData?.cost)\r\n }\r\n else {\r\n formik.setFieldValue('checkbox', '')\r\n formik.setFieldValue('inventoryName', '')\r\n formik.setFieldValue('costPerUnit', '')\r\n }\r\n setIsActive(false)\r\n }\r\n\r\n const getCheckOutLisyByIdEditable = async (rowData) => {\r\n console.log('rowData', rowData)\r\n const response = await dispatch(handleGetRequest(`/api/Inventory/GetCheckoutByid?obj_id=${rowData?.id}`));\r\n const keyData = response[0];\r\n if (keyData) {\r\n formik.setFieldValue(\"rfidCode\", rowData?.rfid)\r\n formik.setFieldValue(\"inventoryName\", rowData?.inventory_id)\r\n formik.setFieldValue(\"costPerUnit\", rowData?.cost)\r\n formik.setFieldValue(\"addNotes\", rowData?.notes)\r\n formik.setFieldValue(\"checkbox\", rowData?.inventory_Type)\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n if (rowData && isEditable) {\r\n getCheckOutLisyByIdEditable(rowData)\r\n }\r\n\r\n }, [rowData, isEditable])\r\n\r\n return (\r\n\r\n <>\r\n ({\r\n ...base,\r\n background: 'rgb(38 41 51 / 78%)',\r\n width: '107.9%',\r\n height: '125%',\r\n top: '-27px',\r\n left: '-35px'\r\n })\r\n }}\r\n >\r\n \r\n\r\n \r\n
\r\n
\r\n
Check Out
\r\n {isEditable ? 'Edit' : 'Add'} Details
\r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n\r\n {permissions.includes(2) ?\r\n
\r\n {\r\n history.push('./addeditasset')\r\n }}\r\n />\r\n
\r\n :\r\n null\r\n }\r\n\r\n
\r\n\r\n }\r\n\r\n // text='Loading your content...'\r\n styles={{\r\n overlay: (base) => ({\r\n ...base,\r\n background: 'rgb(38 41 51 / 78%)',\r\n })\r\n }}\r\n >\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n {permissions.includes(1) ?\r\n \r\n :\r\n null\r\n }\r\n \r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default ManageAsset","import React, { useEffect, useState } from 'react'\r\nimport { useFormik } from 'formik';\r\nimport * as Yup from \"yup\";\r\nimport LoadingOverlay from 'react-loading-overlay';\r\nimport { InputText } from 'primereact/inputtext';\r\nimport { Password } from 'primereact/password';\r\nimport { Dropdown } from 'primereact/dropdown';\r\nimport { Button } from 'primereact/button';\r\nimport { handleGetRequest } from '../../services/GetTemplate';\r\nimport { useDispatch } from 'react-redux';\r\nimport { handlePostRequest } from '../../services/PostTemplate';\r\nimport { handlePutRequest } from '../../services/PutTemplate';\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { toast } from 'react-toastify';\r\n\r\nconst AddEditAsset = ({ onHide, getUserList, addEditUser, userdataId }) => {\r\n\r\n const userId = localStorage.getItem(\"userId\")\r\n const [saveBtnLoading, setSaveBtnLoading] = useState(false)\r\n const [isActive, setIsActive] = useState(false)\r\n const [userInput, setUserInput] = useState(\"\")\r\n const [allDepartments, setAllDepartments] = useState([])\r\n const [allRoles, setAllRoles] = useState([])\r\n\r\n const history = useHistory()\r\n const dispatch = useDispatch()\r\n\r\n const validationSchema = Yup.object().shape({\r\n first_name: Yup.mixed().required(\"This field is required.\"),\r\n last_name: Yup.mixed().required(\"This field is required.\"),\r\n email: Yup.mixed().required(\"This field is required.\"),\r\n password: addEditUser ? null : Yup.string().matches(/^(?=.*[A-Za-z])(?=.*\\d)[A-Za-z\\d]{8,}$/, \"Must be alphanumeric and at least 8 characters\").required(\"This field is required.\"),\r\n cnic: Yup.mixed().required(\"This field is required.\"),\r\n gender: Yup.mixed().required(\"This field is required.\"),\r\n contact: Yup.mixed().required(\"This field is required.\"),\r\n designation: Yup.mixed().required(\"This field is required.\"),\r\n department: Yup.mixed().required(\"This field is required.\"),\r\n role: Yup.mixed().required(\"This field is required.\"),\r\n });\r\n\r\n const formik = useFormik({\r\n\r\n validationSchema: validationSchema,\r\n initialValues: {\r\n first_name: \"\",\r\n last_name: \"\",\r\n email: \"\",\r\n cnic: \"\",\r\n password: \"\",\r\n gender: \"\",\r\n designation: \"\",\r\n contact: \"\",\r\n department: \"\",\r\n role: \"\"\r\n },\r\n\r\n onSubmit: async (data) => {\r\n\r\n if (addEditUser === true) {\r\n\r\n let obj = {\r\n first_name: formik.values.first_name,\r\n last_name: formik.values.last_name,\r\n email: formik.values.email,\r\n cnic: formik.values.cnic,\r\n contact: formik.values.contact,\r\n gender: formik.values.gender,\r\n designation: formik.values.designation,\r\n department: formik.values.department,\r\n role: formik.values.role,\r\n }\r\n\r\n setSaveBtnLoading(true);\r\n const response = await dispatch(handlePutRequest(obj, `/api/user/update/${userdataId}`, false, true));\r\n if (response?.status === 200) {\r\n getUserList();\r\n setSaveBtnLoading(false);\r\n onHide();\r\n }\r\n else if (response?.status === 403) {\r\n window.localStorage.clear();\r\n history.push(\"/\")\r\n toast.info(\"Please Login again\")\r\n }\r\n getUserList();\r\n setSaveBtnLoading(false);\r\n onHide();\r\n }\r\n\r\n else {\r\n setSaveBtnLoading(true);\r\n\r\n let obj = {\r\n first_name: formik.values.first_name,\r\n last_name: formik.values.last_name,\r\n email: formik.values.email,\r\n cnic: formik.values.cnic,\r\n contact: formik.values.contact,\r\n gender: formik.values.gender,\r\n password: formik.values.password,\r\n designation: formik.values.designation,\r\n department: formik.values.department,\r\n role: formik.values.role,\r\n }\r\n\r\n const response = await dispatch(handlePostRequest(obj, \"/api/user/add\", false, true));\r\n if (response?.status === 200) {\r\n getUserList();\r\n setSaveBtnLoading(false);\r\n onHide();\r\n }\r\n else if (response?.status === 403) {\r\n window.localStorage.clear();\r\n history.push(\"/\")\r\n toast.info(\"Please Login again\")\r\n }\r\n getUserList();\r\n setSaveBtnLoading(false);\r\n onHide();\r\n }\r\n },\r\n });\r\n\r\n const isFormFieldValid = (name) => !!(formik.touched[name] && formik.errors[name]);\r\n const getFormErrorMessage = (name) => {\r\n return isFormFieldValid(name) && {formik.errors[name]};\r\n };\r\n\r\n //Get User By Id\r\n const getUserById = async () => {\r\n\r\n setIsActive(true)\r\n const response = await dispatch(handleGetRequest(`/api/user/getbyid/${userdataId}`, false));\r\n\r\n if (response?.status === 200) {\r\n const keyData = response?.data;\r\n formik.setFieldValue(\"first_name\", keyData?.first_name)\r\n formik.setFieldValue(\"last_name\", keyData?.last_name)\r\n formik.setFieldValue(\"email\", keyData?.email)\r\n formik.setFieldValue(\"gender\", keyData?.gender)\r\n formik.setFieldValue(\"cnic\", keyData?.cnic)\r\n formik.setFieldValue(\"designation\", keyData?.designation)\r\n formik.setFieldValue(\"department\", keyData?.department?._id)\r\n formik.setFieldValue(\"role\", keyData?.role?._id)\r\n const contact = keyData?.contact;\r\n const formattedContact = contact ? contact.toString() : \"\";\r\n formik.setFieldValue(\"contact\", formattedContact);\r\n setIsActive(false)\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n if (userdataId !== undefined && userdataId !== null && addEditUser === true) {\r\n getUserById();\r\n }\r\n }, [userdataId]);\r\n\r\n\r\n const getAllRoles = async () => {\r\n\r\n setIsActive(true);\r\n const res = await dispatch(handleGetRequest(\"/api/role/getAll\", false));\r\n if (res) {\r\n setAllRoles(res?.data);\r\n }\r\n setIsActive(false);\r\n };\r\n\r\n useEffect(() => {\r\n // getAllRoles()\r\n }, [])\r\n\r\n const genderOptions = [\r\n { name: 'Male', id: \"male\" },\r\n { name: 'Female', id: \"female\" },\r\n ];\r\n\r\n useEffect(() => {\r\n if (formik.values.contact) {\r\n setUserInput(formik.values.contact.toString().slice(2));\r\n }\r\n }, [formik.values.contact]);\r\n\r\n return (\r\n <>\r\n ({\r\n ...base,\r\n background: 'rgb(38 41 51 / 78%)',\r\n width: '107.9%',\r\n height: '125%',\r\n top: '-27px',\r\n left: '-35px'\r\n })\r\n }}\r\n >\r\n\r\n \r\n
\r\n
\r\n
Add New Asset
\r\n Add Details
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Check In Asset
\r\n Add Details
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Borrow Asset
\r\n Add Details
\r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
RFID Label Printing
\r\n
Printing Label for New Package
\r\n
\r\n
\r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
{addEditUser ? \"Edit User\" : \"Add User\"}
\r\n \r\n
\r\n \r\n \r\n )\r\n }\r\n\r\n return (\r\n <>\r\n \r\n Inventory Status Report \r\n history.push('./reportingDetails')}>\r\n
\r\n \r\n Inventory Valuation Report \r\n history.push('./reportingDetails')}>\r\n
\r\n \r\n Stock Movement Report \r\n history.push('./reportingDetails')}>\r\n
\r\n \r\n Stock Aging Report \r\n history.push('./reportingDetails')}>\r\n
\r\n \r\n Asset Status Report \r\n history.push('./reportingDetails')}>\r\n
\r\n\r\n \r\n );\r\n};\r\n\r\nexport default Reporting","import React, { useState, useEffect, useContext } from \"react\";\r\nimport { Button } from \"primereact/button\";\r\nimport { DataTable } from \"primereact/datatable\";\r\nimport { Column } from \"primereact/column\";\r\nimport { Dialog } from \"primereact/dialog\";\r\nimport { FilterMatchMode } from \"primereact/api\";\r\nimport LoadingOverlay from \"react-loading-overlay\";\r\nimport { Triangle } from \"react-loader-spinner\";\r\nimport { InputText } from \"primereact/inputtext\";\r\nimport { handleGetRequest } from \"../../services/GetTemplate\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport editIcon from \"../../assets/warehouse-assets/colored/edit.png\"\r\nimport deleteIcon from \"../../assets/warehouse-assets/colored/dlet.png\"\r\nimport { handleDeleteRequest } from \"../../services/DeleteTemplate\";\r\nimport { confirmDialog } from \"primereact/confirmdialog\";\r\nimport { toast } from \"react-toastify\";\r\nimport { useHistory } from \"react-router-dom\";\r\n\r\nconst ReportingDetails = () => {\r\n\r\n const history = useHistory()\r\n const dispatch = useDispatch()\r\n\r\n const [isActive, setIsActive] = useState(false)\r\n const [userdataId, setUserDataId] = useState();\r\n const [addEditUser, setAddEditUser] = useState(false);\r\n const [allUsers, setAllUsers] = useState([]);\r\n const [displayDialog, setDisplayDialog] = useState(false);\r\n const [globalFilterValue, setGlobalFilterValue] = useState(\"\");\r\n const [filters, setFilters] = useState({\r\n global: { value: null, matchMode: FilterMatchMode.CONTAINS },\r\n });\r\n\r\n const onGlobalFilterChange = (e) => {\r\n const value = e.target.value;\r\n let _filters = { ...filters };\r\n _filters[\"global\"].value = value;\r\n\r\n setFilters(_filters);\r\n setGlobalFilterValue(value);\r\n };\r\n\r\n const actionTemplate = (rowData) => {\r\n\r\n return (\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n\r\n }\r\n\r\n // text='Loading your content...'\r\n styles={{\r\n overlay: (base) => ({\r\n ...base,\r\n background: 'rgb(38 41 51 / 78%)',\r\n })\r\n }}\r\n >\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {/* */}\r\n \r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default ReportingDetails","import React, { useState, useEffect, useContext, useRef } from \"react\";\r\nimport { Button } from \"primereact/button\";\r\nimport { DataTable } from \"primereact/datatable\";\r\nimport { Column } from \"primereact/column\";\r\nimport { Dialog } from \"primereact/dialog\";\r\nimport { FilterMatchMode } from \"primereact/api\";\r\nimport LoadingOverlay from \"react-loading-overlay\";\r\nimport { Triangle } from \"react-loader-spinner\";\r\nimport { InputText } from \"primereact/inputtext\";\r\nimport { handleGetRequest } from \"../../services/GetTemplate\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { confirmDialog } from \"primereact/confirmdialog\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { SplitButton } from \"primereact/splitbutton\";\r\nimport { handlePutRequest } from \"../../services/PutTemplate\";\r\nimport { Tag } from \"primereact/tag\";\r\n\r\nconst ManageWarehouse = () => {\r\n\r\n const history = useHistory()\r\n const dispatch = useDispatch()\r\n\r\n const user_id = localStorage.getItem(\"user_id\")\r\n const warehouseid = localStorage.getItem(\"warehouseid\")\r\n const roletypeid = localStorage.getItem(\"roletypeid\")\r\n const usertype_id = localStorage.getItem(\"usertype_id\")\r\n\r\n const [permissions, setPermissions] = useState([])\r\n const [isActive, setIsActive] = useState(false)\r\n const [allWH, setAllWH] = useState([]);\r\n const [acceptButtonClass, setAcceptButtonClass] = useState('p-button-danger');\r\n\r\n const [globalFilterValue, setGlobalFilterValue] = useState(\"\");\r\n const [filters, setFilters] = useState({\r\n global: { value: null, matchMode: FilterMatchMode.CONTAINS },\r\n });\r\n\r\n const onGlobalFilterChange = (e) => {\r\n const value = e.target.value;\r\n let _filters = { ...filters };\r\n _filters[\"global\"].value = value;\r\n\r\n setFilters(_filters);\r\n setGlobalFilterValue(value);\r\n };\r\n\r\n const actionTemplate = (rowData) => {\r\n const items = [\r\n {\r\n label: 'Edit',\r\n command: () => handleEditWH(rowData),\r\n },\r\n {\r\n label: rowData?.status == 1 ? 'Deactivate' : 'Activate',\r\n command: () => confirm(rowData),\r\n },\r\n ];\r\n return (\r\n \r\n \r\n
\r\n );\r\n };\r\n\r\n\r\n const confirm = (rowData) => {\r\n confirmDialog({\r\n message: rowData?.status == 1 ? 'Are you sure you want to deactivate this Warehouse?' : 'Are you sure you want to Activate this Warehouse?',\r\n header: 'Confirmation',\r\n icon: 'pi pi-exclamation-triangle',\r\n acceptClassName: acceptButtonClass,\r\n acceptLabel: 'Yes',\r\n accept: () => {\r\n if (rowData?.status == 1) {\r\n handleDeactivateWH(rowData);\r\n } else {\r\n handleActivateWH(rowData);\r\n }\r\n },\r\n reject: () => {\r\n return null;\r\n },\r\n });\r\n };\r\n\r\n const handleDeactivateWH = async (rowData) => {\r\n\r\n let obj = {\r\n obj_id: rowData?.obj_id,\r\n name: rowData?.obj_Name,\r\n warehouse_id: rowData?.warehouse_id,\r\n warehouse_poc: rowData?.warehouse_poc,\r\n contact_no: rowData?.contact_no,\r\n address: rowData?.address,\r\n location: rowData?.location,\r\n IsActive: 0,\r\n }\r\n\r\n setIsActive(true);\r\n\r\n const response = await dispatch(handlePutRequest(obj, \"/api/Setups/UpdateWarehouse\", true, true));\r\n if (response?.statusCode == 200) {\r\n await getWHList();\r\n }\r\n setIsActive(false);\r\n }\r\n\r\n const handleActivateWH = async (rowData) => {\r\n\r\n let obj = {\r\n obj_id: rowData?.obj_id,\r\n name: rowData?.obj_Name,\r\n warehouse_id: rowData?.warehouse_id,\r\n warehouse_poc: rowData?.warehouse_poc,\r\n contact_no: rowData?.contact_no,\r\n address: rowData?.address,\r\n location: rowData?.location,\r\n IsActive: 1,\r\n }\r\n\r\n setIsActive(true);\r\n const response = await dispatch(handlePutRequest(obj, `/api/Setups/UpdateWarehouse`, true, true));\r\n if (response?.statusCode == 200) {\r\n await getWHList();\r\n }\r\n setIsActive(false);\r\n }\r\n\r\n const handleEditWH = (rowData) => {\r\n const item = true;\r\n history.push({\r\n pathname: './addeditwarehouse',\r\n state: {\r\n isEditable: item,\r\n rowData: rowData,\r\n }\r\n });\r\n };\r\n\r\n //Get WH List\r\n const getWHList = async () => {\r\n\r\n setIsActive(true);\r\n\r\n const response = await dispatch(handleGetRequest(`/api/Setups/GetAllWarehouse`, true));\r\n if (response) {\r\n setAllWH(response);\r\n }\r\n setIsActive(false);\r\n };\r\n\r\n useEffect(() => {\r\n getWHList()\r\n }, [])\r\n\r\n useEffect(() => {\r\n\r\n const myPermissions = JSON.parse(localStorage.getItem(\"permissions\"))\r\n const allPermModules = myPermissions?.find(module => module?.routepath?.includes(\"/warehouse\"));\r\n if (allPermModules) {\r\n setPermissions(allPermModules?.permissions?.map(item => item?.permission_id) || []);\r\n }\r\n }, []);\r\n\r\n return (\r\n <>\r\n\r\n \r\n
\r\n \r\n \r\n \r\n\r\n {permissions.includes(2) ?\r\n
\r\n {\r\n const item = false;\r\n history.push({\r\n pathname: './addeditwarehouse',\r\n state: {\r\n isEditable: item,\r\n }\r\n });\r\n }}\r\n />\r\n
\r\n :\r\n null}\r\n\r\n
\r\n\r\n
}\r\n\r\n // text='Loading your content...'\r\n styles={{\r\n overlay: (base) => ({\r\n ...base,\r\n background: 'rgb(38 41 51 / 78%)',\r\n })\r\n }}\r\n >\r\n\r\n
\r\n rowData?.warehouse_id || 'N/A'} header=\"Warehouse Id\">\r\n rowData?.obj_Name || 'N/A'} header=\"Warehouse Name\">\r\n rowData?.warehouse_poc || 'N/A'} header=\"Warehouse POC\">\r\n rowData?.contact_no || 'N/A'} header=\"Contact No.\">\r\n rowData?.location || 'N/A'} header=\"Location\">\r\n (\r\n \r\n {
\r\n {rowData?.address?.replace(/(.{25})/g, '$1\\n') || 'N/A'}\r\n
}\r\n
\r\n
\r\n
\r\n
Add New Warehouse
\r\n Add Details
\r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {/*
*/}\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n {/*
*/}\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
{addEditUser ? \"Edit User\" : \"Add User\"}
\r\n \r\n
\r\n \r\n \r\n )\r\n }\r\n\r\n\r\n\r\n const rolePermissions = [\r\n {\r\n \"_id\": \"63f8663f4177b3b558834ba6\",\r\n \"label\": \"Dashboard\",\r\n \"route\": \"/dashboard\",\r\n \"isSubModule\": false,\r\n \"permissions\": [\r\n { \"_id\": \"63f79d2002de67a77326784c\", \"name\": \"view\" },\r\n { \"_id\": \"63f79d6102de67a77326784d\", \"name\": \"create\" },\r\n { \"_id\": \"63f79d8302de67a77326784e\", \"name\": \"manage\" }\r\n ],\r\n \"sub_modules\": []\r\n },\r\n {\r\n \"_id\": \"63f866124177b3b558834ba2\",\r\n \"label\": \"User Management\",\r\n \"route\": \"/users\",\r\n \"isSubModule\": false,\r\n \"permissions\": [\r\n { \"_id\": \"63f79d2002de67a77326784c\", \"name\": \"view\" },\r\n { \"_id\": \"63f79d6102de67a77326784d\", \"name\": \"create\" },\r\n { \"_id\": \"63f79d8302de67a77326784e\", \"name\": \"manage\" }\r\n ],\r\n \"sub_modules\": []\r\n },\r\n {\r\n \"_id\": \"63f865ed4177b3b558834ba0\",\r\n \"label\": \"Role Management\",\r\n \"route\": \"/roles\",\r\n \"isSubModule\": false,\r\n \"permissions\": [\r\n { \"_id\": \"63f79d2002de67a77326784c\", \"name\": \"view\" },\r\n { \"_id\": \"63f79d6102de67a77326784d\", \"name\": \"create\" },\r\n { \"_id\": \"63f79d8302de67a77326784e\", \"name\": \"manage\" }\r\n ],\r\n \"sub_modules\": []\r\n },\r\n {\r\n \"_id\": \"63f866e04177b3b558834bb4\",\r\n \"label\": \"Inventory Management\",\r\n \"route\": \"/inventory\",\r\n \"isSubModule\": true,\r\n \"permissions\": [\r\n { \"_id\": \"63f79d8302de67a77326784e\", \"name\": \"manage\" },\r\n { \"_id\": \"63f79d2002de67a77326784c\", \"name\": \"view\" },\r\n { \"_id\": \"63f79d6102de67a77326784d\", \"name\": \"create\" }\r\n ],\r\n \"sub_modules\": [\r\n {\r\n \"_id\": \"63f86e58b7ab76e4782b7d42\",\r\n \"label\": \"Check In\",\r\n \"route\": \"/checkin\",\r\n \"permissions\": [\r\n { \"_id\": \"63f79d8302de67a77326784e\", \"name\": \"manage\" },\r\n { \"_id\": \"63f79d2002de67a77326784c\", \"name\": \"view\" },\r\n { \"_id\": \"63f79d6102de67a77326784d\", \"name\": \"create\" }\r\n ]\r\n },\r\n {\r\n \"_id\": \"63f86e67b7ab76e4782b7d44\",\r\n \"label\": \"Check Out\",\r\n \"route\": \"/checkout \",\r\n \"permissions\": [\r\n { \"_id\": \"63f79d8302de67a77326784e\", \"name\": \"manage\" },\r\n { \"_id\": \"63f79d2002de67a77326784c\", \"name\": \"view\" },\r\n { \"_id\": \"63f79d6102de67a77326784d\", \"name\": \"create\" }\r\n ]\r\n }\r\n ]\r\n },\r\n {\r\n \"_id\": \"63f866694177b3b558834baa\",\r\n \"label\": \"RFID Labelling\",\r\n \"route\": \"/Rfid\",\r\n \"isSubModule\": false,\r\n \"permissions\": [\r\n { \"_id\": \"63f79d2002de67a77326784c\", \"name\": \"view\" },\r\n { \"_id\": \"63f79d6102de67a77326784d\", \"name\": \"create\" },\r\n { \"_id\": \"63f79d8302de67a77326784e\", \"name\": \"manage\" }\r\n ],\r\n \"sub_modules\": []\r\n },\r\n {\r\n \"_id\": \"63f865aa4177b3b558834b9e\",\r\n \"label\": \"Asset Management\",\r\n \"route\": \"/asset\",\r\n \"isSubModule\": true,\r\n \"permissions\": [\r\n { \"_id\": \"63f79d8302de67a77326784e\", \"name\": \"manage\" },\r\n { \"_id\": \"63f79d2002de67a77326784c\", \"name\": \"view\" },\r\n { \"_id\": \"63f79d6102de67a77326784d\", \"name\": \"create\" }\r\n ],\r\n \"sub_modules\": [\r\n {\r\n \"_id\": \"63f86e58b7ab76e4782b8d42\",\r\n \"label\": \"Check In\",\r\n \"route\": \"/checkin\",\r\n \"permissions\": [\r\n { \"_id\": \"63f79d8302de67a77326784e\", \"name\": \"manage\" },\r\n { \"_id\": \"63f79d2002de67a77326784c\", \"name\": \"view\" },\r\n { \"_id\": \"63f79d6102de67a77326784d\", \"name\": \"create\" }\r\n ]\r\n },\r\n {\r\n \"_id\": \"63f86e67b7ab76e7782b7d44\",\r\n \"label\": \"Borrowed Asset\",\r\n \"route\": \"/checkout \",\r\n \"permissions\": [\r\n { \"_id\": \"63f79d8302de67a77326784e\", \"name\": \"manage\" },\r\n { \"_id\": \"63f79d2002de67a77326784c\", \"name\": \"view\" },\r\n { \"_id\": \"63f79d6102de67a77326784d\", \"name\": \"create\" }\r\n ]\r\n }\r\n ]\r\n },\r\n {\r\n \"_id\": \"63f8667b4177b3b558834bac\",\r\n \"label\": \"Caetgory Management\",\r\n \"route\": \"/category\",\r\n \"isSubModule\": false,\r\n \"permissions\": [\r\n { \"_id\": \"63f79d2002de67a77326784c\", \"name\": \"view\" },\r\n { \"_id\": \"63f79d6102de67a77326784d\", \"name\": \"create\" },\r\n { \"_id\": \"63f79d8302de67a77326784e\", \"name\": \"manage\" }\r\n ],\r\n \"sub_modules\": []\r\n },\r\n {\r\n \"_id\": \"63f866124177b3b551824ba2\",\r\n \"label\": \"Reporting\",\r\n \"route\": \"/reporting\",\r\n \"isSubModule\": false,\r\n \"permissions\": [\r\n { \"_id\": \"63f79d2002de67a77326784c\", \"name\": \"view\" },\r\n { \"_id\": \"63f79d6102de67a77326784d\", \"name\": \"create\" },\r\n { \"_id\": \"63f79d8302de67a77326784e\", \"name\": \"manage\" }\r\n ],\r\n \"sub_modules\": []\r\n },\r\n\r\n ]\r\n\r\n const handleModuleChange = (moduleId, isSubModule) => {\r\n setSelectedModules((prevModules) =>\r\n prevModules.includes(moduleId)\r\n ? prevModules.filter((id) => id !== moduleId)\r\n : [...prevModules, moduleId]\r\n );\r\n\r\n // Check if the main module ID is not in selectedModules\r\n const isMainModuleSelected = selectedModules.includes(moduleId);\r\n\r\n // Remove submodule IDs associated with the main module if it's not selected\r\n if (!isMainModuleSelected) {\r\n const module = rolePermissions.find((mod) => mod._id.includes(moduleId));\r\n if (module) {\r\n module.sub_modules.forEach((subModule) => {\r\n const subModuleId = subModule._id;\r\n if (selectedSubmodules.includes(subModuleId)) {\r\n setSelectedSubmodules((prevSubmodules) =>\r\n prevSubmodules.filter((id) => id !== subModuleId)\r\n );\r\n // Remove permissions for the submodule\r\n setSelectedPermissions((prevPermissions) => {\r\n const updatedPermissions = { ...prevPermissions };\r\n delete updatedPermissions[subModuleId];\r\n return updatedPermissions;\r\n });\r\n }\r\n });\r\n }\r\n }\r\n else {\r\n const mainModuleSelected = selectedModules.includes(moduleId);\r\n if (mainModuleSelected) {\r\n const module = rolePermissions.find((mod) => mod._id.includes(moduleId));\r\n const removeIds = module?.sub_modules?.map((item) => item?._id);\r\n if (removeIds) {\r\n // Remove all associated submodule ids from selectedSubmodules array\r\n const removeAssociatedIds = selectedSubmodules.filter((id) => !removeIds.includes(id))\r\n\r\n setSelectedSubmodules(removeAssociatedIds)\r\n return\r\n // Remove permissions for the removed submodules\r\n setSelectedPermissions((prevPermissions) => {\r\n const updatedPermissions = { ...prevPermissions };\r\n removeIds.forEach((subModuleId) => {\r\n delete updatedPermissions[subModuleId];\r\n });\r\n return updatedPermissions;\r\n });\r\n }\r\n }\r\n }\r\n\r\n // Rest of the function remains the same\r\n const module = rolePermissions.find((mod) => mod._id === moduleId);\r\n if (module) {\r\n const newSelectedSubmodules = [...selectedSubmodules];\r\n const newSelectedPermissions = { ...selectedPermissions };\r\n\r\n // Handle Submodules and their Permissions\r\n module.sub_modules.forEach((subModule) => {\r\n const subModuleId = subModule._id;\r\n if (!newSelectedSubmodules.includes(subModuleId)) {\r\n newSelectedSubmodules.push(subModuleId);\r\n }\r\n\r\n if (!newSelectedPermissions[subModuleId]) {\r\n newSelectedPermissions[subModuleId] = {};\r\n }\r\n\r\n if (subModule.permissions && subModule.permissions.length > 0) {\r\n if (!newSelectedPermissions[subModuleId]) {\r\n newSelectedPermissions[subModuleId] = {};\r\n }\r\n\r\n // Check if there are permissions for the submodules\r\n subModule.permissions.forEach((permission) => {\r\n // Assign true to the specific key inside the object\r\n newSelectedPermissions[subModuleId][permission._id] = true;\r\n });\r\n }\r\n });\r\n\r\n // Handle Permissions for the selected main module\r\n if (!isSubModule && module.permissions && module.permissions.length > 0) {\r\n if (!newSelectedPermissions[moduleId]) {\r\n newSelectedPermissions[moduleId] = {};\r\n }\r\n\r\n module.permissions.forEach((permission) => {\r\n newSelectedPermissions[moduleId][permission._id] = true;\r\n });\r\n }\r\n\r\n setSelectedSubmodules(newSelectedSubmodules);\r\n setSelectedPermissions(newSelectedPermissions);\r\n }\r\n };\r\n\r\n // Function to handle submodule selection\r\n const handleSubmoduleChange = (submoduleId) => {\r\n setSelectedSubmodules((prev) =>\r\n prev.includes(submoduleId) ? prev.filter((id) => id !== submoduleId) : [...prev, submoduleId]\r\n );\r\n };\r\n\r\n // Function to handle permission selection\r\n const handlePermissionChange = (moduleId, permissionId) => {\r\n setSelectedPermissions((prev) => ({\r\n ...prev,\r\n [moduleId]: {\r\n ...prev[moduleId],\r\n [permissionId]: !prev[moduleId]?.[permissionId],\r\n },\r\n }));\r\n }\r\n\r\n const handleSelectAll = () => {\r\n if (rolePermissions) {\r\n const newSelectedModules = [];\r\n const newSelectedSubmodules = [];\r\n const newSelectedPermissions = {};\r\n\r\n rolePermissions.forEach((module) => {\r\n // Handle Main Modules\r\n newSelectedModules.push(module._id);\r\n\r\n // Handle Submodules\r\n if (module.isSubModule) {\r\n newSelectedSubmodules.push(module._id);\r\n }\r\n\r\n // Handle Permissions for Main Module\r\n if (!module.isSubModule && module.permissions && module.permissions.length > 0) {\r\n newSelectedPermissions[module?._id] = {};\r\n module.permissions.forEach((permission) => {\r\n newSelectedPermissions[module?._id][permission?._id] = true;\r\n });\r\n }\r\n\r\n // Handle Submodules and their Permissions\r\n module.sub_modules.forEach((subModule) => {\r\n newSelectedSubmodules.push(subModule?._id);\r\n\r\n if (!newSelectedPermissions[subModule?._id]) {\r\n newSelectedPermissions[subModule?._id] = {};\r\n }\r\n\r\n // Handle Permissions for Submoduless\r\n if (subModule.permissions && subModule.permissions.length > 0) {\r\n const subModuleId = subModule?._id;\r\n\r\n if (!newSelectedPermissions[subModuleId]) {\r\n newSelectedPermissions[subModuleId] = {};\r\n }\r\n\r\n // Check if there are permissions for the submodulessss\r\n subModule.permissions.forEach((permission) => {\r\n // Assign true to the specific key inside the objecttttt\r\n newSelectedPermissions[subModuleId][permission?._id] = true;\r\n });\r\n }\r\n });\r\n });\r\n\r\n // Set the selected modules, submodules, and permissions\r\n setSelectedModules(newSelectedModules);\r\n setSelectedSubmodules(newSelectedSubmodules);\r\n setSelectedPermissions(newSelectedPermissions);\r\n }\r\n };\r\n\r\n const handleDeSelectAll = () => {\r\n setSelectedModules([]);\r\n setSelectedSubmodules([]);\r\n setSelectedPermissions([]);\r\n }\r\n\r\n return (\r\n\r\n <>\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n | Module | \r\n Sub Module | \r\n Permissions | \r\n
\r\n \r\n \r\n {rolePermissions?.map((module) => (\r\n \r\n | \r\n \r\n | \r\n \r\n {module.isSubModule && selectedModules.includes(module._id) && (\r\n module.sub_modules.map((submodule) => (\r\n \r\n \r\n \r\n ))\r\n )}\r\n | \r\n \r\n {!module.isSubModule && selectedModules.includes(module._id) ? (\r\n \r\n {module.permissions.map((permission) => (\r\n \r\n ))}\r\n \r\n ) : (\r\n // Display submodules and their permissions for selected main module\r\n module.sub_modules\r\n .filter((submodule) => selectedSubmodules.includes(submodule._id))\r\n .map((submodule, index, array) => (\r\n \r\n \r\n {submodule.permissions.map((permission) => (\r\n \r\n \r\n \r\n ))}\r\n \r\n \r\n {index < array.length - 1 &&
}\r\n \r\n \r\n ))\r\n )}\r\n | \r\n
\r\n ))}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
{isEditable ? 'Edit User' : 'Add New User'}
\r\n Add Details
\r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n );\r\n };\r\n\r\n\r\n const confirm = (rowData) => {\r\n confirmDialog({\r\n message: rowData?.status == 1 ? 'Are you sure you want to deactivate this Vendor?' : 'Are you sure you want to Activate this Vendor?',\r\n header: 'Confirmation',\r\n icon: 'pi pi-exclamation-triangle',\r\n acceptClassName: acceptButtonClass,\r\n acceptLabel: 'Yes',\r\n accept: () => {\r\n if (rowData?.status == 1) {\r\n handleDeactivateWH(rowData);\r\n } else {\r\n handleActivateWH(rowData);\r\n }\r\n },\r\n reject: () => {\r\n return null;\r\n },\r\n });\r\n };\r\n\r\n const handleDeactivateWH = async (rowData) => {\r\n\r\n const obj = {\r\n obj_id: rowData?.obj_id,\r\n name: rowData?.obj_Name,\r\n description: rowData?.obj_Description,\r\n warehouse_id: rowData?.warehouse_id,\r\n address: rowData?.address,\r\n contact_no: rowData?.contact_no,\r\n email: rowData?.email,\r\n company: rowData?.company,\r\n isActive: 0\r\n }\r\n\r\n setIsActive(true);\r\n\r\n const response = await dispatch(handlePutRequest(obj, \"/api/Setups/UpdateVendor\", true, true));\r\n if (response?.statusCode == 200) {\r\n await getVendorList();\r\n }\r\n setIsActive(false);\r\n }\r\n\r\n const handleActivateWH = async (rowData) => {\r\n\r\n const obj = {\r\n obj_id: rowData?.obj_id,\r\n name: rowData?.obj_Name,\r\n description: rowData?.obj_Description,\r\n warehouse_id: rowData?.warehouse_id,\r\n address: rowData?.address,\r\n contact_no: rowData?.contact_no,\r\n email: rowData?.email,\r\n company: rowData?.company,\r\n isActive: 1\r\n }\r\n\r\n setIsActive(true);\r\n const response = await dispatch(handlePutRequest(obj, `/api/Setups/UpdateVendor`, true, true));\r\n if (response?.statusCode == 200) {\r\n await getVendorList();\r\n }\r\n setIsActive(false);\r\n }\r\n\r\n const handleEditVendor = (rowData) => {\r\n const view = false;\r\n const item = true;\r\n history.push({\r\n pathname: './addeditvendor',\r\n state: {\r\n isEditable: item,\r\n rowData: rowData,\r\n isView: view\r\n }\r\n });\r\n };\r\n\r\n const handleViewVendor = (rowData) => {\r\n const item = true;\r\n const view = true;\r\n history.push({\r\n pathname: './addeditvendor',\r\n state: {\r\n isEditable: item,\r\n isView: view,\r\n rowData: rowData,\r\n }\r\n });\r\n };\r\n\r\n //Get Vendor List\r\n const getVendorList = async () => {\r\n\r\n setIsActive(true);\r\n\r\n const response = await dispatch(handleGetRequest(`/api/Setups/GetAllVendor?warehouse_id=${warehouseid || 0}`, true));\r\n if (response) {\r\n setAllVendors(response);\r\n }\r\n setIsActive(false);\r\n };\r\n\r\n useEffect(() => {\r\n getVendorList()\r\n }, [])\r\n\r\n useEffect(() => {\r\n\r\n const myPermissions = JSON.parse(localStorage.getItem(\"permissions\"))\r\n const allPermModules = myPermissions?.find(module => module?.routepath?.includes(\"/Setups\"));\r\n if (allPermModules) {\r\n const result = allPermModules?.submodules?.find(item => item?.routepath == \"/vendor\")\r\n setPermissions(result?.permissions?.map(item => item?.permission_id) || []);\r\n }\r\n\r\n }, []);\r\n\r\n return (\r\n <>\r\n\r\n \r\n
\r\n \r\n \r\n \r\n\r\n {(roletypeid == 1) || (roletypeid == 2 && usertype_id == 1 && !warehouseid) ?\r\n null\r\n :\r\n permissions.includes(2) ?\r\n
\r\n {\r\n const item = false;\r\n history.push({\r\n pathname: './addeditvendor',\r\n state: {\r\n isEditable: item,\r\n }\r\n });\r\n }}\r\n />\r\n
\r\n :\r\n null\r\n }\r\n\r\n
\r\n\r\n
}\r\n\r\n // text='Loading your content...'\r\n styles={{\r\n overlay: (base) => ({\r\n ...base,\r\n background: 'rgb(38 41 51 / 78%)',\r\n })\r\n }}\r\n >\r\n\r\n
\r\n rowData?.obj_Name || 'N/A'} header=\"Vendor Name\">\r\n rowData?.email || 'N/A'} header=\"Email\">\r\n rowData?.contact_no || 'N/A'} header=\"Contact No.\">\r\n rowData?.company || 'N/A'} header=\"Company\">\r\n (\r\n <>\r\n \r\n {rowData?.obj_Description?.replace(/(.{25})/g, '$1\\n') || 'N/A'}\r\n
\r\n \r\n )}\r\n\r\n header=\"Description\">\r\n (\r\n \r\n {
\r\n {rowData?.address?.replace(/(.{25})/g, '$1\\n') || 'N/A'}\r\n
}\r\n
\r\n \r\n
\r\n );\r\n };\r\n\r\n const confirm = (rowData) => {\r\n\r\n confirmDialog({\r\n message: rowData?.status == 1 ? 'Are you sure you want to deactivate this Brand ?' : 'Are you sure you want to Activate this Brand ?',\r\n header: 'Confirmation',\r\n icon: 'pi pi-exclamation-triangle',\r\n acceptClassName: acceptButtonClass,\r\n acceptLabel: 'Yes',\r\n accept: () => {\r\n if (rowData?.status == 1) {\r\n handleDeactivateBrand(rowData);\r\n } else {\r\n handleActivateBrand(rowData);\r\n }\r\n },\r\n reject: () => {\r\n return null;\r\n },\r\n });\r\n\r\n };\r\n\r\n const handleDeactivateBrand = async (rowData) => {\r\n\r\n const obj = {\r\n obj_id: rowData?.obj_id,\r\n Name: rowData?.obj_Name,\r\n Description: rowData?.obj_Description,\r\n IsActive: 0,\r\n };\r\n setIsActive(true);\r\n\r\n const response = await dispatch(handlePutRequest(obj, `/api/Setups/UpdateBrand`, true, true));\r\n if (response?.statusCode == 200) {\r\n await getBrandList();\r\n }\r\n setIsActive(false);\r\n }\r\n\r\n const handleActivateBrand = async (rowData) => {\r\n\r\n const obj = {\r\n obj_id: rowData?.obj_id,\r\n Name: rowData?.obj_Name,\r\n Description: rowData?.obj_Description,\r\n IsActive: 1,\r\n };\r\n\r\n setIsActive(true);\r\n\r\n const response = await dispatch(handlePutRequest(obj, `/api/Setups/UpdateBrand`, true, true));\r\n if (response?.statusCode == 200) {\r\n await getBrandList();\r\n }\r\n setIsActive(false);\r\n }\r\n\r\n const handleEditBrand = (rowData) => {\r\n const view = false;\r\n const item = true;\r\n history.push({\r\n pathname: './addeditbrand',\r\n state: {\r\n isEditable: item,\r\n rowData: rowData,\r\n isView: view,\r\n }\r\n });\r\n };\r\n\r\n const handleViewBrand = (rowData) => {\r\n const item = true;\r\n const view = true;\r\n history.push({\r\n pathname: './addeditbrand',\r\n state: {\r\n isEditable: item,\r\n isView: view,\r\n rowData: rowData,\r\n }\r\n });\r\n };\r\n\r\n //Get All Brand List\r\n const getBrandList = async () => {\r\n\r\n setIsActive(true);\r\n\r\n const response = await dispatch(handleGetRequest(`/api/Setups/getAllBrand?warehouse_id=${warehouseid || 0}`, true));\r\n if (response) {\r\n setAllBrands(response);\r\n }\r\n setIsActive(false);\r\n };\r\n\r\n useEffect(() => {\r\n getBrandList()\r\n }, [])\r\n\r\n\r\n const rowIndexTemplate = (rowData, props) => {\r\n let index = parseInt(props.rowIndex + 1, 10);\r\n return (\r\n \r\n {index}\r\n \r\n );\r\n };\r\n\r\n useEffect(() => {\r\n\r\n const myPermissions = JSON.parse(localStorage.getItem(\"permissions\"))\r\n const allPermModules = myPermissions?.find(module => module?.routepath?.includes(\"/Setups\"));\r\n if (allPermModules) {\r\n const result = allPermModules?.submodules?.find(item => item?.routepath == \"/brand\")\r\n setPermissions(result?.permissions?.map(item => item?.permission_id) || []);\r\n }\r\n\r\n }, []);\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n \r\n \r\n {(roletypeid == 1) || (roletypeid == 2 && usertype_id == 1 && !warehouseid) ?\r\n null\r\n :\r\n permissions.includes(2) ?\r\n
\r\n {\r\n const item = false;\r\n history.push({\r\n pathname: './addeditbrand',\r\n state: {\r\n isEditable: item,\r\n }\r\n });\r\n }}\r\n />\r\n
\r\n :\r\n null\r\n\r\n }\r\n
\r\n\r\n
}\r\n\r\n // text='Loading your content...'\r\n styles={{\r\n overlay: (base) => ({\r\n ...base,\r\n background: 'rgb(38 41 51 / 78%)',\r\n })\r\n }}\r\n >\r\n\r\n
\r\n \r\n rowData?.obj_Name || 'N/A'} header=\"Brand Name\">\r\n (\r\n <>\r\n \r\n {rowData?.obj_Description?.replace(/(.{25})/g, '$1\\n') || 'N/A'}\r\n
\r\n \r\n )}\r\n header=\"Description\" />\r\n (\r\n \r\n )}\r\n header=\"Status\"\r\n />\r\n rowData?.createddatetime || 'N/A'} header=\"Date & Time\">\r\n {permissions.includes(1) ?\r\n \r\n :\r\n null\r\n }\r\n \r\n \r\n \r\n
\r\n
\r\n
{isEditable && isView ? 'View Vendor' : isEditable && isView === false ? 'Edit Vendor' : 'Add New Vendor'}
\r\n {isView ? '' : 'Add Details'}
\r\n \r\n
\r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
{isEditable && isView ? 'View Sub Category' : isEditable && isView === false ? 'Edit Sub Category' : 'Add New Sub Category'}
\r\n {isView ? '' : 'Add Details'}
\r\n \r\n\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
{isEditable && isView ? 'View Brand' : isEditable && isView === false ? 'Edit Brand' : 'Add New Brand'}
\r\n {isEditable && isView ? '' : isEditable && isView === false ? 'Edit Details' : 'Add Details'}
\r\n \r\n
\r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
{isEditable ? 'Edit User' : 'Add New User'}
\r\n Add Details
\r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n );\r\n };\r\n\r\n const handleEditCheckIn = (rowData) => {\r\n\r\n const item = true;\r\n const view = false;\r\n\r\n history.push({\r\n pathname: './checkinaddedit',\r\n state: {\r\n isEditable: item,\r\n rowData: rowData,\r\n isView: view,\r\n }\r\n });\r\n };\r\n\r\n const handleViewCheckIn = (rowData) => {\r\n\r\n const item = true;\r\n const view = true;\r\n\r\n history.push({\r\n pathname: './checkinaddedit',\r\n state: {\r\n isEditable: item,\r\n rowData: rowData,\r\n isView: view,\r\n }\r\n });\r\n };\r\n\r\n //Get Inventory List\r\n const getCheckInList = async () => {\r\n\r\n setIsActive(true);\r\n\r\n const response = await dispatch(handleGetRequest(`/api/Inventory/GetCheckinList?warehouseid=${warehouseid || 0}`, true));\r\n if (response) {\r\n setCheckInList(response);\r\n }\r\n setIsActive(false);\r\n };\r\n\r\n useEffect(() => {\r\n getCheckInList()\r\n }, [])\r\n\r\n useEffect(() => {\r\n\r\n const myPermissions = JSON.parse(localStorage.getItem(\"permissions\"))\r\n const allPermModules = myPermissions?.find(module => module?.routepath?.includes(\"/inventory\"));\r\n if (allPermModules) {\r\n const result = allPermModules?.submodules?.find(item => item?.routepath == \"/checkin\")\r\n setPermissions(result?.permissions?.map(item => item?.permission_id) || []);\r\n }\r\n\r\n }, []);\r\n\r\n return (\r\n\r\n <>\r\n \r\n
\r\n \r\n \r\n \r\n\r\n {(roletypeid == 1) || (roletypeid == 2 && usertype_id == 1 && !warehouseid) ?\r\n null\r\n :\r\n permissions.includes(2) ?\r\n
\r\n {\r\n const item = false;\r\n history.push({\r\n pathname: './checkinaddedit',\r\n state: {\r\n isEditable: item,\r\n }\r\n });\r\n }}\r\n />\r\n
\r\n :\r\n null\r\n }\r\n\r\n
\r\n\r\n }\r\n\r\n // text='Loading your content...'\r\n styles={{\r\n overlay: (base) => ({\r\n ...base,\r\n background: 'rgb(38 41 51 / 78%)',\r\n })\r\n }}\r\n >\r\n\r\n \r\n rowData?.doc_no || 'N/A'} header=\"Voucher No.\">\r\n rowData?.warehousE_NAME || 'N/A'} header=\"Warehouse\">\r\n rowData?.inventory_name || 'N/A'} header=\"Inventory\">\r\n rowData?.inventory_Type_Name || 'N/A'} header=\"Inventory Type\">\r\n rowData?.category_name || 'N/A'} header=\"Category\">\r\n rowData?.subcategory_name || 'N/A'} header=\"Sub Category\">\r\n rowData?.quantity || 'N/A'} header=\"Quantity\">\r\n rowData?.rfid || 'N/A'} header=\"RFID\">\r\n rowData?.sku_code || 'N/A'} header=\"Sku\">\r\n rowData?.expiry_Date || 'N/A'} header=\"Check In\">\r\n {permissions.includes(2) ?\r\n \r\n :\r\n null\r\n }\r\n \r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default CheckInGrid","import React, { useState, useEffect } from \"react\";\r\nimport { Button } from \"primereact/button\";\r\nimport { DataTable } from \"primereact/datatable\";\r\nimport { Column } from \"primereact/column\";\r\nimport { FilterMatchMode } from \"primereact/api\";\r\nimport LoadingOverlay from \"react-loading-overlay\";\r\nimport { Triangle } from \"react-loader-spinner\";\r\nimport { InputText } from \"primereact/inputtext\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { confirmDialog } from \"primereact/confirmdialog\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { SplitButton } from \"primereact/splitbutton\";\r\nimport { handlePutRequest } from \"../../../services/PutTemplate\";\r\nimport { handleGetRequest } from \"../../../services/GetTemplate\";\r\nimport { handleDeleteRequest } from \"../../../services/DeleteTemplate\";\r\n\r\nconst CheckOutGrid = () => {\r\n\r\n const history = useHistory()\r\n const dispatch = useDispatch()\r\n\r\n const [isActive, setIsActive] = useState(false)\r\n const [checkInList, setCheckInList] = useState([]);\r\n const [acceptButtonClass, setAcceptButtonClass] = useState('p-button-danger');\r\n\r\n const user_id = localStorage.getItem(\"user_id\")\r\n const warehouseid = localStorage.getItem(\"warehouseid\")\r\n const roletypeid = localStorage.getItem(\"roletypeid\")\r\n const usertype_id = localStorage.getItem(\"usertype_id\")\r\n\r\n const [permissions, setPermissions] = useState([]);\r\n const [globalFilterValue, setGlobalFilterValue] = useState(\"\");\r\n const [filters, setFilters] = useState({\r\n global: { value: null, matchMode: FilterMatchMode.CONTAINS },\r\n });\r\n\r\n const onGlobalFilterChange = (e) => {\r\n const value = e.target.value;\r\n let _filters = { ...filters };\r\n _filters[\"global\"].value = value;\r\n\r\n setFilters(_filters);\r\n setGlobalFilterValue(value);\r\n };\r\n\r\n const actionTemplate = (rowData) => {\r\n\r\n const items = [];\r\n\r\n if ((roletypeid == 1) || (roletypeid == 2 && usertype_id == 1 && !warehouseid)) {\r\n items.push({\r\n label: 'No Action Permitted',\r\n });\r\n } else {\r\n items.push(\r\n {\r\n label: 'Delete',\r\n command: () => confirm(rowData),\r\n },\r\n );\r\n }\r\n\r\n return (\r\n \r\n \r\n
\r\n );\r\n };\r\n\r\n const confirm = (rowData) => {\r\n\r\n confirmDialog({\r\n message: rowData?.status == 1 ? 'Are you sure you want to deactivate this CheckOut List ?' : 'Are you sure you want to Activate this CheckOut List ?',\r\n header: 'Confirmation',\r\n icon: 'pi pi-exclamation-triangle',\r\n acceptClassName: acceptButtonClass,\r\n acceptLabel: 'Yes',\r\n accept: () => {\r\n handleDeleteCheckOut(rowData);\r\n },\r\n reject: () => {\r\n return null;\r\n },\r\n });\r\n\r\n };\r\n\r\n const handleDeleteCheckOut = async (rowData) => {\r\n\r\n const obj = {\r\n p_id: rowData?.id,\r\n\r\n };\r\n setIsActive(true);\r\n\r\n const response = await dispatch(handleDeleteRequest(obj, `/api/Inventory/DeleteCheckOutById`, true, true));\r\n if (response) {\r\n await getCheckOutList();\r\n }\r\n setIsActive(false);\r\n }\r\n\r\n\r\n //Get Inventory List\r\n const getCheckOutList = async () => {\r\n\r\n setIsActive(true);\r\n\r\n const response = await dispatch(handleGetRequest(`/api/Inventory/GetCheckoutList?warehouseid=${warehouseid || 0}`, true));\r\n if (response) {\r\n setCheckInList(response);\r\n }\r\n setIsActive(false);\r\n\r\n };\r\n\r\n useEffect(() => {\r\n getCheckOutList()\r\n }, [])\r\n\r\n useEffect(() => {\r\n\r\n const myPermissions = JSON.parse(localStorage.getItem(\"permissions\"))\r\n const allPermModules = myPermissions?.find(module => module?.routepath?.includes(\"/inventory\"));\r\n if (allPermModules) {\r\n const result = allPermModules?.submodules?.find(item => item?.routepath == \"/checkout\")\r\n setPermissions(result?.permissions?.map(item => item?.permission_id) || []);\r\n }\r\n }, []);\r\n\r\n return (\r\n\r\n <>\r\n \r\n
\r\n \r\n \r\n \r\n\r\n {(roletypeid == 1) || (roletypeid == 2 && usertype_id == 1 && !warehouseid) ?\r\n null\r\n :\r\n permissions.includes(2) ?\r\n
\r\n {\r\n const item = false;\r\n history.push({\r\n pathname: './checkoutaddedit',\r\n state: {\r\n isEditable: item,\r\n }\r\n });\r\n }}\r\n />\r\n
\r\n :\r\n null\r\n }\r\n\r\n
\r\n\r\n }\r\n\r\n // text='Loading your content...'\r\n styles={{\r\n overlay: (base) => ({\r\n ...base,\r\n background: 'rgb(38 41 51 / 78%)',\r\n })\r\n }}\r\n >\r\n\r\n \r\n rowData?.inventory_name || 'N/A'} header=\"Inventory Name\">\r\n rowData?.inventory_Type_Name || 'N/A'} header=\"Inventory Type\">\r\n rowData?.warehousE_NAME || 'N/A'} header=\"Warehouse\">\r\n rowData?.rfid || 'N/A'} header=\"RFID Code\">\r\n rowData?.cost || 'N/A'} header=\"Cost\">\r\n rowData?.notes || 'N/A'} header=\"Notes\">\r\n rowData?.expiry_Date || 'N/A'} header=\"Check Out\">\r\n {permissions.includes(2) ?\r\n \r\n :\r\n null\r\n }\r\n \r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default CheckOutGrid","import React, { useState, useEffect, useRef } from \"react\";\r\nimport classNames from \"classnames\";\r\nimport { BrowserRouter, Routes, Route, useLocation, Switch, useHistory } from \"react-router-dom\";\r\nimport { CSSTransition } from \"react-transition-group\";\r\nimport { AppTopbar } from \"./AppTopbar\";\r\nimport { AppFooter } from \"./AppFooter\";\r\nimport { AppMenu } from \"./AppMenu\";\r\nimport { AppConfig } from \"./components/AppConfig/AppConfig\";\r\nimport PrimeReact from \"primereact/api\";\r\nimport { Tooltip } from \"primereact/tooltip\";\r\nimport { ToastContainer } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport LoadingOverlay from \"react-loading-overlay\";\r\nimport \"primereact/resources/primereact.css\";\r\nimport \"primeicons/primeicons.css\";\r\nimport \"primeflex/primeflex.css\";\r\nimport \"prismjs/themes/prism-coy.css\";\r\nimport \"./assets/demo/flags/flags.css\";\r\nimport \"./assets/demo/Demos.scss\";\r\nimport \"./assets/layout/layout.scss\";\r\nimport \"./App.scss\";\r\nimport Login from \"./pages/login/Login\";\r\nimport ManageUsers from \"./pages/UserManagement/ManageUsers\";\r\nimport Settings from \"./pages/Settings/Settings\";\r\nimport AddEditUsers from \"./pages/UserManagement/AddEditUsers\";\r\nimport Dashboard from \"./pages/Dashboard/Dashboard\";\r\nimport ManageRoles from \"./pages/RolesManagement/ManageRoles\";\r\nimport AddEditRoles from \"./pages/RolesManagement/AddEditRoles\";\r\nimport AssignPermissions from \"./pages/RolesManagement/AssignPermissions\";\r\nimport ManageCategory from \"./pages/CategoryManagement/ManageCategory\";\r\nimport AddEditCategory from \"./pages/CategoryManagement/AddEditCategory\";\r\nimport ManageInventory from \"./pages/InventoryManagement/ManageInventory\";\r\nimport AddEditInventory from \"./pages/InventoryManagement/AddEditInventory\";\r\nimport CheckIn from \"./pages/InventoryManagement/CheckIn/CheckIn\";\r\nimport CheckOut from \"./pages/InventoryManagement/CheckOut/CheckOut\";\r\nimport ManageAsset from \"./pages/AssetManagement/ManageAsset\";\r\nimport AddEditAsset from \"./pages/AssetManagement/AddEditAsset\";\r\nimport CheckInAsset from \"./pages/AssetManagement/CheckInAsset\";\r\nimport BorrowAsset from \"./pages/AssetManagement/BorrowAsset\";\r\nimport ManageRFID from \"./pages/RfidManagement/ManageRFID\";\r\nimport { confirmDialog } from \"primereact/confirmdialog\";\r\nimport Reporting from \"./pages/Reporting/Reporting\";\r\nimport ReportingDetails from \"./pages/Reporting/ReportingDetails\";\r\nimport ManageWarehouse from \"./pages/WarehouseManagement/ManageWarehouse\";\r\nimport AddEditWarehouse from \"./pages/WarehouseManagement/AddEditWarehouse\";\r\nimport ForgotPassword from \"./pages/login/forgetpassword/ForgotPassword\";\r\nimport ResetPassword from \"./pages/login/ResetPassword/ResetPassword\";\r\nimport dashboardIcon from \"../src/assets/warehouse-assets/dashboard-icons/dashboard.png\"\r\nimport AssignPermissions2 from \"./pages/RolesManagement/AssignPermissions2\";\r\nimport AddEditUsersSuperAdmin from \"./pages/UserManagement/AddEditUsersSuperAdmin\";\r\nimport ManageVendor from \"./pages/vendorManagement/ManageVendor\";\r\nimport ManageBrand from \"./pages/BrandManagement/ManageBrand\";\r\nimport AddEditVendor from \"./pages/vendorManagement/AddEditVendor\";\r\nimport AddEditSubCategory from \"./pages/CategoryManagement/AddEditSubCategory\";\r\nimport AddEditBrand from \"./pages/BrandManagement/AddEditBrand\";\r\nimport AddEditUsersWH from \"./pages/UserManagement/AddEditUsersWH\";\r\nimport { Dialog } from 'primereact/dialog';\r\nimport CheckInGrid from \"./pages/InventoryManagement/CheckIn/CheckInGrid\";\r\nimport CheckOutGrid from \"./pages/InventoryManagement/CheckOut/CheckOutGrid\";\r\n\r\nconst App = () => {\r\n\r\n const [layoutMode, setLayoutMode] = useState(\"static\");\r\n const [layoutColorMode, setLayoutColorMode] = useState(\"light\");\r\n const [inputStyle, setInputStyle] = useState(\"outlined\");\r\n const [ripple, setRipple] = useState(true);\r\n const [staticMenuInactive, setStaticMenuInactive] = useState(false);\r\n const [overlayMenuActive, setOverlayMenuActive] = useState(false);\r\n const [mobileMenuActive, setMobileMenuActive] = useState(false);\r\n const [mobileTopbarMenuActive, setMobileTopbarMenuActive] = useState(false);\r\n const [showLoader, setShowLoader] = useState(false);\r\n const [dynamicMenu, setDynamicMenu] = useState([]);\r\n const [countdown, setCountdown] = useState(5);\r\n const [showPopup, setShowPopup] = useState(false);\r\n\r\n const user_id = localStorage.getItem(\"user_id\")\r\n const warehouseid = localStorage.getItem(\"warehouseid\")\r\n const roletypeid = localStorage.getItem(\"roletypeid\")\r\n const usertype_id = localStorage.getItem(\"usertype_id\")\r\n const login = localStorage.getItem('login')\r\n\r\n const intervalRef = useRef();\r\n const copyTooltipRef = useRef();\r\n const location = useLocation();\r\n const history = useHistory()\r\n\r\n useEffect(() => {\r\n if (roletypeid) {\r\n\r\n const timeoutId = setTimeout(() => {\r\n getPermissions(); // Call getPermissions after 2 second\r\n }, 3000);\r\n\r\n return () => clearTimeout(timeoutId); // Cleanup the timeout on unmount or `roletypeid` change\r\n }\r\n }, [roletypeid]);\r\n\r\n PrimeReact.ripple = true;\r\n let menuClick = false;\r\n let mobileTopbarMenuClick = false;\r\n\r\n const getPermissions = () => {\r\n // setShowLoader(true)\r\n const permissions = localStorage.getItem('permissions');\r\n if (!permissions) {\r\n console.log(\"No permissions found in local storage.\");\r\n }\r\n\r\n const parsedPermissions = JSON.parse(permissions);\r\n\r\n if (parsedPermissions?.length) {\r\n console.log('if')\r\n let menuItems = parsedPermissions && parsedPermissions.map(module => {\r\n const subMenuItems = module.submodules && module.submodules.length > 0 ? module.submodules.map(subModule => ({\r\n label: subModule?.contentName,\r\n icon: \"\",\r\n to: subModule?.routepath,\r\n })) : null;\r\n\r\n return {\r\n label: module?.contentName,\r\n icon: module?.icon_class,\r\n to: module?.routepath,\r\n items: subMenuItems\r\n };\r\n });\r\n\r\n menuItems.push({\r\n label: \"Logout\",\r\n icon: \"custom-logout-icon\",\r\n command: handleLogOut\r\n });\r\n\r\n setDynamicMenu([{ items: menuItems }]);\r\n // Navigate to the first module's route if available\r\n if (sessionStorage.getItem('firstLogin') === 'true') {\r\n sessionStorage.removeItem('firstLogin'); // Remove from localStorage\r\n if (menuItems?.length > 0 && menuItems[0].to) {\r\n history.push(menuItems[0]?.to);\r\n }\r\n }\r\n return\r\n }\r\n else {\r\n console.log('else')\r\n let menuItems = []\r\n menuItems.push({\r\n label: \"Logout\",\r\n icon: \"custom-logout-icon\",\r\n command: handleLogOut\r\n });\r\n\r\n setDynamicMenu([{ items: menuItems }]);\r\n return\r\n }\r\n // setShowLoader(false)\r\n };\r\n\r\n useEffect(() => {\r\n if (mobileMenuActive) {\r\n addClass(document.body, \"body-overflow-hidden\");\r\n } else {\r\n removeClass(document.body, \"body-overflow-hidden\");\r\n }\r\n }, [mobileMenuActive]);\r\n\r\n useEffect(() => {\r\n copyTooltipRef && copyTooltipRef.current && copyTooltipRef.current.updateTargetEvents();\r\n }, [location]);\r\n\r\n const onInputStyleChange = (inputStyle) => {\r\n setInputStyle(inputStyle);\r\n };\r\n\r\n const onRipple = (e) => {\r\n PrimeReact.ripple = e.value;\r\n setRipple(e.value);\r\n };\r\n\r\n const onLayoutModeChange = (mode) => {\r\n setLayoutMode(mode);\r\n };\r\n\r\n const onColorModeChange = (mode) => {\r\n setLayoutColorMode(mode);\r\n };\r\n\r\n const onWrapperClick = (event) => {\r\n if (!menuClick) {\r\n setOverlayMenuActive(false);\r\n setMobileMenuActive(false);\r\n }\r\n\r\n if (!mobileTopbarMenuClick) {\r\n setMobileTopbarMenuActive(false);\r\n }\r\n\r\n mobileTopbarMenuClick = false;\r\n menuClick = false;\r\n };\r\n\r\n const onToggleMenuClick = (event) => {\r\n\r\n menuClick = true;\r\n if (isDesktop()) {\r\n if (layoutMode === \"overlay\") {\r\n if (mobileMenuActive === true) {\r\n setOverlayMenuActive(true);\r\n }\r\n\r\n setOverlayMenuActive((prevState) => !prevState);\r\n setMobileMenuActive(false);\r\n } else if (layoutMode === \"static\") {\r\n setStaticMenuInactive((prevState) => !prevState);\r\n }\r\n } else {\r\n setMobileMenuActive((prevState) => !prevState);\r\n }\r\n event.preventDefault();\r\n };\r\n\r\n const onSidebarClick = () => {\r\n menuClick = true;\r\n };\r\n\r\n const onMobileTopbarMenuClick = (event) => {\r\n mobileTopbarMenuClick = true;\r\n setMobileTopbarMenuActive((prevState) => !prevState);\r\n event.preventDefault();\r\n };\r\n\r\n const onMobileSubTopbarMenuClick = (event) => {\r\n mobileTopbarMenuClick = true;\r\n event.preventDefault();\r\n };\r\n\r\n const onMenuItemClick = (event) => {\r\n if (!event?.item?.items) {\r\n setOverlayMenuActive(false);\r\n setMobileMenuActive(false);\r\n }\r\n };\r\n\r\n const isDesktop = () => {\r\n return window.innerWidth >= 992;\r\n };\r\n\r\n const handleLogOut = () => {\r\n setDynamicMenu([])\r\n localStorage.clear();\r\n window.localStorage.clear();\r\n window.sessionStorage.clear();\r\n history.push(\"/\");\r\n };\r\n\r\n const sideBarMenu = [\r\n {\r\n items: [\r\n {\r\n label: \"Dashboard\",\r\n icon: \"custom-dashboard-icon\",\r\n to: \"/Dashboard\",\r\n },\r\n {\r\n label: \"User Management\",\r\n icon: \"custom-user-icon\",\r\n to: \"/users\",\r\n },\r\n {\r\n label: \"Role Management\",\r\n icon: \"custom-role-icon\",\r\n to: \"/roles\",\r\n },\r\n\r\n {\r\n label: \"RFID Labelling\",\r\n icon: \"custom-rfid-icon\",\r\n to: \"/Rfid\",\r\n },\r\n\r\n ...((roletypeid == 1 && usertype_id == 0 && !warehouseid)\r\n ? [{ label: \"Warehouse Management\", icon: \"custom-warehouse-icon\", to: \"/warehouse\" }]\r\n : []),\r\n\r\n {\r\n label: \"Inventory Management\",\r\n icon: \"custom-inventory-icon\",\r\n to: \"/inventory\",\r\n items: [\r\n { label: \"Check In\", icon: \"\", to: \"/checkin\" },\r\n { label: \"Check Out\", icon: \"\", to: \"/checkout\" },\r\n ],\r\n },\r\n {\r\n label: \"Asset Management\",\r\n icon: \"custom-asset-icon\",\r\n to: \"/asset\",\r\n items: [\r\n { label: \"Check In\", icon: \"\", to: \"/checkinasset\" },\r\n { label: \"Borrow\", icon: \"\", to: \"/borrowasset\" },\r\n ],\r\n },\r\n {\r\n label: \"Reporting\",\r\n icon: \"custom-reporting-icon\",\r\n to: \"/reporting\",\r\n },\r\n {\r\n label: \"Setups\",\r\n icon: \"custom-setups-icon\",\r\n to: \"/\",\r\n items: [\r\n { label: \"Category Setup\", icon: \"\", to: \"/category\" },\r\n { label: \"Sub Category Setup\", icon: \"\", to: \"/assignsubcategory\" },\r\n { label: \"Brand Setup\", icon: \"\", to: \"/brand\" },\r\n { label: \"Vendor Setup\", icon: \"\", to: \"/vendor\" },\r\n ],\r\n },\r\n {\r\n label: \"Logout\",\r\n icon: \"custom-logout-icon\",\r\n command: handleLogOut\r\n },\r\n ],\r\n },\r\n ];\r\n\r\n const addClass = (element, className) => {\r\n if (element.classList) element.classList.add(className);\r\n else element.className += \" \" + className;\r\n };\r\n\r\n const removeClass = (element, className) => {\r\n if (element.classList) element.classList.remove(className);\r\n else element.className = element.className.replace(new RegExp(\"(^|\\\\b)\" + className.split(\" \").join(\"|\") + \"(\\\\b|$)\", \"gi\"), \" \");\r\n };\r\n\r\n const wrapperClass = classNames(\"layout-wrapper\", {\r\n \"layout-overlay\": layoutMode === \"overlay\",\r\n \"layout-static\": layoutMode === \"static\",\r\n \"layout-static-sidebar-inactive\": staticMenuInactive && layoutMode === \"static\",\r\n \"layout-overlay-sidebar-active\": overlayMenuActive && layoutMode === \"overlay\",\r\n \"layout-mobile-sidebar-active\": mobileMenuActive,\r\n \"p-input-filled\": inputStyle === \"filled\",\r\n \"p-ripple-disabled\": ripple === false,\r\n \"layout-theme-light\": layoutColorMode === \"light\",\r\n });\r\n\r\n function checkActivity() {\r\n if (localStorage.getItem(\"login\") === \"false\" || localStorage.getItem(\"login\") === null) {\r\n return;\r\n }\r\n\r\n const lastActive = localStorage.getItem('lastActive');\r\n const elapsed = Date.now() - lastActive;\r\n if (elapsed > 1800000) { // 30 minutes in milliseconds\r\n console.log(\"one minute complete inside\");\r\n setShowPopup(true);\r\n\r\n let countdownValue = 5;\r\n const countdownInterval = setInterval(() => {\r\n setCountdown(countdownValue);\r\n countdownValue -= 1;\r\n if (countdownValue < 0) {\r\n clearInterval(countdownInterval);\r\n setShowPopup(false);\r\n logoutUser();\r\n }\r\n }, 1000);\r\n }\r\n }\r\n\r\n function logoutUser() {\r\n localStorage.removeItem('lastActive');\r\n localStorage.removeItem(\"permissions\");\r\n localStorage.removeItem(\"login\");\r\n window.localStorage.clear();\r\n window.sessionStorage.clear();\r\n localStorage.clear();\r\n history.push(\"/\");\r\n clearInterval(intervalRef.current);\r\n }\r\n\r\n // Set up an interval to run the checkActivity function every 30 minutes\r\n useEffect(() => {\r\n intervalRef.current = setInterval(checkActivity, 1800000);\r\n return () => clearInterval(intervalRef.current);\r\n }, []);\r\n\r\n // Update the user's last active time whenever they interact with the page\r\n useEffect(() => {\r\n if (login) {\r\n function handleActivity() {\r\n localStorage.setItem('lastActive', Date.now());\r\n }\r\n\r\n window.addEventListener('click', handleActivity);\r\n window.addEventListener('keydown', handleActivity);\r\n window.addEventListener('mousemove', handleActivity);\r\n window.addEventListener('mousedown', handleActivity);\r\n window.addEventListener('scroll', handleActivity);\r\n window.addEventListener('keypress', handleActivity);\r\n\r\n return () => {\r\n window.removeEventListener('click', handleActivity);\r\n window.removeEventListener('keydown', handleActivity);\r\n window.removeEventListener('mousemove', handleActivity);\r\n window.removeEventListener('mousedown', handleActivity);\r\n window.removeEventListener('scroll', handleActivity);\r\n window.removeEventListener('keypress', handleActivity);\r\n };\r\n }\r\n }, [login]);\r\n\r\n useEffect(() => {\r\n if (!login || login === null) {\r\n localStorage.removeItem('lastActive');\r\n }\r\n }, [login]);\r\n\r\n LoadingOverlay.propTypes = undefined;\r\n\r\n return (\r\n\r\n \r\n\r\n {showPopup && (\r\n
\r\n )}\r\n\r\n {/*
*/}\r\n \r\n \r\n\r\n {(localStorage.getItem(\"login\") === null || localStorage.getItem(\"login\") === undefined || !localStorage.getItem(\"login\")) ?\r\n (\r\n <>\r\n \r\n \r\n \r\n \r\n ) : (\r\n <>\r\n \r\n \r\n {dynamicMenu?.length === 0 ? (\r\n
\r\n
Loading your content...
\r\n
\r\n
\r\n ) : (\r\n
\r\n )}\r\n
\r\n
\r\n \r\n {/* */}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n {/*
*/}\r\n
*/}\r\n
\r\n \r\n\r\n
\r\n {user_name} \r\n {roletypeid == '1' && !warehouseid ? 'Super Admin' : roletypeid == '2' && usertype_id == '1' ? 'System User' : roletypeid == '2' && warehouseid ? 'Admin' : null} \r\n\r\n \r\n