{t(\"Ayush\")}
*/}\r\n Ayush
\r\n Hospital Management Information System
\r\n (A-HMIS)
\r\n \r\n \r\n \r\n {\r\n rows.append(defaultComplexRow());\r\n const data = [...meds];\r\n data.push(0);\r\n setMeds(data);\r\n }}\r\n style={{ height: \"20px\", width: \"20px\" }}\r\n >\r\n \r\n \r\n {\r\n e.preventDefault();\r\n remove(mainIndex);\r\n deleted(false);\r\n }}\r\n size=\"small\"\r\n disabled={viewMood}\r\n >\r\n \r\n
\r\n ) : (\r\n \r\n \r\n );\r\n}\r\n\r\nconst EntryForm = React.forwardRef(ComplexMedicineTable);\r\nexport default React.memo(EntryForm);\r\n","import React, { useState } from \"react\";\r\nimport { makeStyles, withStyles } from \"@material-ui/core/styles\";\r\n//material-ui\r\nimport {\r\n Grid,\r\n Button,\r\n TableCell,\r\n TableRow,\r\n TableContainer,\r\n Table,\r\n InputAdornment,\r\n IconButton,\r\n TableBody,\r\n TableHead,\r\n Dialog,\r\n DialogContent,\r\n Typography,\r\n TextField,\r\n FormControl,\r\n LinearProgress,\r\n DialogTitle,\r\n} from \"@material-ui/core\";\r\nimport CircularProgress from \"@material-ui/core/CircularProgress\";\r\nimport _ from \"lodash\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport InventoryInstance from \"../../../api/InventoryInstance\";\r\nimport { jsPDF } from \"jspdf\";\r\nimport \"jspdf-autotable\";\r\nimport ahmis from \"../../../assets/ahmis.png\";\r\nimport leaf from \"../../../assets/leaf.png\";\r\nimport EntryForm from \"./EntryForm\";\r\nimport { SHOW_SNACKBAR } from \"../../../actions/Type\";\r\n//Redux\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\nimport { useForm } from \"react-hook-form\";\r\nimport { yupResolver } from \"@hookform/resolvers/yup\";\r\nimport * as yup from \"yup\";\r\nimport NotificationSuccess from \"../../../component/Notification/NotificationSuccess\";\r\nimport moment from \"moment\";\r\nimport Controls from \"../../../component/controls/Controls\";\r\nimport useTable from \"../../../component/useTable\";\r\nimport { faEdit, faEye, faFilePdf } from \"@fortawesome/free-solid-svg-icons\";\r\nimport DialogActions from \"@material-ui/core/DialogActions\";\r\nimport { restrict } from \"../../../component/restrict\";\r\n\r\nconst headCells = [\r\n { id: \"srNo\", label: \"Sl No.\" },\r\n { id: \"billNo\", label: \"Bill No.\" },\r\n { id: \"purchaseOrderId\", label: \"Purchase Order ID\" },\r\n { id: \"date\", label: \"Date\" },\r\n { id: \"vendorname\", label: \"Vendor (M/S)\" },\r\n { id: \"totalBillAmount\", label: \"Total Bill Amt (₹)\" },\r\n { id: \"reorder\", label: \"Reorder\" },\r\n { id: \"approvalStatus\", label: \"Status\" },\r\n { id: \"action\", label: \"Action\", disableSorting: true },\r\n];\r\n\r\n//css defined\r\nconst StyledTableCell = withStyles((theme) => ({\r\n head: {\r\n backgroundColor: \"#07A0B0\",\r\n color: theme.palette.common.white,\r\n fontSize: \"1rem\",\r\n },\r\n body: {\r\n fontSize: 14,\r\n },\r\n}))(TableCell);\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n marginTop: \"0.5%\",\r\n marginLeft: \"-0.5%\",\r\n },\r\n icon: {\r\n color: \"white\",\r\n },\r\n content: {\r\n backgroundColor: \"white\",\r\n color: \"black\",\r\n display: \"block\",\r\n },\r\n btnActive: {\r\n backgroundColor: \"green\",\r\n fontSize: 12,\r\n height: 20,\r\n color: \"white\",\r\n minWidth: 100,\r\n zIndex: -1,\r\n },\r\n btnInActive: {\r\n backgroundColor: \"red\",\r\n fontSize: 12,\r\n height: 20,\r\n color: \"white\",\r\n minWidth: 100,\r\n zIndex: -1,\r\n },\r\n btnPending: {\r\n backgroundColor: \"rgb(231 108 25)\",\r\n fontSize: 12,\r\n height: 20,\r\n color: \"white\",\r\n minWidth: 100,\r\n zIndex: -1,\r\n },\r\n inputFont: {\r\n fontSize: \"15px\",\r\n fontWeight: 400,\r\n color: \"#474444 !important\",\r\n \"&.Mui-disabled\": {\r\n backgroundColor: \"#f5f7f5\",\r\n color: \"black\",\r\n },\r\n },\r\n buttonProgress: {\r\n color: theme.palette.primary.dark,\r\n position: \"absolute\",\r\n top: \"50%\",\r\n left: \"50%\",\r\n marginTop: -12,\r\n marginLeft: -12,\r\n },\r\n}));\r\n\r\nexport const defaultComplexRow = () => ({\r\n batchNo: \"\",\r\n qty: \"\",\r\n mfgDate: null,\r\n expDate: null,\r\n});\r\n\r\nexport const defaultComplex = () => ({\r\n drugTypeName: \"\",\r\n drugName: \"\",\r\n uomName: \"\",\r\n singleUnit: \"\",\r\n approvedQty: \"\",\r\n singleQtyPrice: \"\",\r\n price: \"\",\r\n dtoId: \"\",\r\n rows: [defaultComplexRow()],\r\n});\r\nconst style = {\r\n cellPadding: 1,\r\n fontSize: 8,\r\n font: \"helvetica\",\r\n lineWidth: 0.01,\r\n lineColor: 127,\r\n fontStyle: \"normal\",\r\n overflow: \"linebreak\",\r\n fillColor: false,\r\n textColor: 0,\r\n halign: \"left\",\r\n valign: \"middle\",\r\n cellWidth: \"auto\",\r\n};\r\nfunction Inner({ value: medicine, onChange: setMedicine }, ref) {\r\n const classes = useStyles();\r\n const dispatch = useDispatch();\r\n\r\n //validation\r\n const complexRowSchema = yup.object().shape({\r\n batchNo: yup\r\n .string()\r\n .required(\"This field is required\")\r\n .min(1, \"Batch No should have min 1 digits\")\r\n .max(25, \"Batch No should not exceed 25 digits\")\r\n .matches(/^(?![\\s-])[\\w\\s-]+$/g, \"* Beginning spaces are not allowed\"),\r\n qty: yup.string().required(\"This field is required\"),\r\n // mfgDate: yup.string().required(\"This field is required\"),\r\n mfgDate: yup\r\n .string()\r\n .typeError(\"Invalid Date\")\r\n .max(new Date(), \"Future Date not allow\")\r\n\r\n .nullable()\r\n .required(\"This field is required\"),\r\n // expDate: yup.string().required(\"This field is required\"),\r\n expDate: yup\r\n .string()\r\n .typeError(\"Invalid Date\")\r\n .when(\"mfgDate\", (mfgDate) => {\r\n if (mfgDate) {\r\n return yup\r\n .date()\r\n .typeError(\"Invalid Date\")\r\n .min(mfgDate, \"Should be Greater than Mfg. date\");\r\n }\r\n })\r\n .nullable()\r\n .required(\"This field is required\"),\r\n });\r\n\r\n const complexSchema = yup.object().shape({\r\n drugTypeName: yup.string(),\r\n drugName: yup.string(),\r\n uomName: yup.string(),\r\n singleUnit: yup.string(),\r\n approvedQty: yup.string(),\r\n singleQtyPrice: yup.string(),\r\n price: yup.string(),\r\n dtoId: yup.string(),\r\n rows: yup\r\n .array()\r\n .of(complexRowSchema)\r\n .required(\"Must have fields\"),\r\n });\r\n\r\n const schema = yup.object().shape({\r\n billNo: yup\r\n .string()\r\n .nullable()\r\n .required(\"This field is required\")\r\n .matches(/^(?![\\s-])[\\w\\s-]+$/g, \"* Beginning spaces are not allowed\"),\r\n complex: yup\r\n .array()\r\n .of(complexSchema)\r\n .required(\"Must have fields\"),\r\n });\r\n\r\n const defaultValues = {\r\n complex: [],\r\n };\r\n\r\n const {\r\n register,\r\n watch,\r\n reset,\r\n handleSubmit,\r\n setValue,\r\n setError,\r\n getValues,\r\n trigger,\r\n control,\r\n formState: { errors, isValid, isSubmitting },\r\n } = useForm({\r\n defaultValues,\r\n resolver: yupResolver(schema),\r\n mode: \"onChange\",\r\n });\r\n\r\n React.useImperativeHandle(ref, () => {\r\n return {\r\n isValid: trigger,\r\n };\r\n });\r\n\r\n const historyRef = React.useRef(null);\r\n\r\n const complexRef = React.useRef(null);\r\n\r\n const uncheckHistory = React.useCallback(\r\n (mainIndex, index) => historyRef.current?.uncheck(mainIndex, index),\r\n [historyRef]\r\n );\r\n const staff = useSelector((state) => state.loginReducer.staffLogin);\r\n // console.log(staff,\"Staff name\")\r\n const orgId = staff?.orgId;\r\n const staffId = staff?.staffId;\r\n //useState defined\r\n const [editData, setDataEdit] = React.useState(null);\r\n const [viewData, setdata] = React.useState(null);\r\n const [overAllData, setOverAllData] = React.useState(null);\r\n const [complexMedicines, setComplexMedicines] = React.useState({});\r\n const [followUpDateRadio, setFollowUpDateRadio] = React.useState(\"\");\r\n const [followUpDateText, setFollowUpDateText] = React.useState(\"\");\r\n const [prescriptionRemarks, setPrescriptionRemarks] = React.useState(\"\");\r\n const [followUpDate, setFollowUpDate] = React.useState(\"\");\r\n const [loading, setLoading] = React.useState(false);\r\n const [followUpVisitDay, setFollowUpVisitDay] = React.useState(\"\");\r\n const [isEditMode, setIsEditMode] = React.useState(false);\r\n const [viewMood, setViewMood] = useState(false);\r\n const [isDeleted, setDeletedData] = useState(true);\r\n const [pendingApproval, setPendingApproval] = useState(false);\r\n const [errosMsg, errorMsg] = React.useState(\"\");\r\n const [open, setOpen] = React.useState(false);\r\n const [expectedDate, setExpectedDate] = React.useState(\"\");\r\n const [btnLoading, setBtnLoading] = React.useState(false);\r\n\r\n //useEffect defined\r\n React.useEffect(() => {\r\n const subscription = watch((value, { name, type }) => {\r\n setMedicine((med) => ({ ...med, value }));\r\n // trigger();\r\n });\r\n return () => subscription.unsubscribe();\r\n }, [watch]);\r\n\r\n const handleChangeFollowUpDate = (days) => {\r\n const date = moment()\r\n .add(days, \"days\")\r\n .format(\"YYYY-MM-DD\");\r\n setFollowUpDate(date);\r\n };\r\n\r\n React.useEffect(() => {\r\n const days = followUpDateText;\r\n setFollowUpVisitDay(days);\r\n handleChangeFollowUpDate(days);\r\n }, [followUpDateText]);\r\n\r\n React.useEffect(() => {\r\n setMedicine((med) => ({\r\n ...med,\r\n\r\n complexMedicines,\r\n prescriptionRemarks,\r\n followUpVisitDay,\r\n followUpDate,\r\n followUpDateRadio,\r\n followUpDateText,\r\n }));\r\n }, [\r\n complexMedicines,\r\n prescriptionRemarks,\r\n followUpVisitDay,\r\n followUpDate,\r\n followUpDateRadio,\r\n followUpDateText,\r\n setMedicine,\r\n ]);\r\n const [records, setRecords] = React.useState([]);\r\n const [filterFn, setFilterFn] = React.useState({\r\n fn: (items) => {\r\n return items;\r\n },\r\n });\r\n\r\n const {\r\n TblContainer,\r\n TblHead,\r\n TblPagination,\r\n recordsAfterPagingAndSorting,\r\n } = useTable(records, headCells, filterFn);\r\n\r\n const handleSearch = (e) => {\r\n let value = e.target.value;\r\n\r\n setFilterFn({\r\n fn: (items) => {\r\n if (value === \"\") {\r\n return items;\r\n }\r\n return items.filter(\r\n (x) =>\r\n x.entryDet.billNo?.toLowerCase().includes(value.toLowerCase()) ||\r\n x.purchaseOrderNo?.toLowerCase().includes(value.toLowerCase()) ||\r\n x.vendorName?.toLowerCase().includes(value.toLowerCase())\r\n );\r\n },\r\n });\r\n };\r\n\r\n const fetchDataLocation = () => {\r\n setLoading(true);\r\n InventoryInstance.get(\"purchaseEntry/fetchOrdByOrg/\" + orgId)\r\n .then((res) => {\r\n var mydatais = res.data.sort((a, b) => a.id - b.id);\r\n\r\n setRecords(mydatais);\r\n setLoading(false);\r\n })\r\n .catch(() => {\r\n setLoading(false);\r\n console.log(\"error\");\r\n });\r\n };\r\n\r\n const handleEdit = (e, id) => {\r\n e.preventDefault();\r\n window.scroll(0, 0);\r\n setPendingApproval(false);\r\n InventoryInstance.get(`purchaseEntry/fetch/${orgId}/${id}`)\r\n .then((response) => {\r\n return response.data;\r\n })\r\n .then((data) => {\r\n setDataEdit(data);\r\n setdata(null);\r\n setExpectedDate(data?.expectedDate);\r\n })\r\n .catch(() => {\r\n dispatch({\r\n type: SHOW_SNACKBAR,\r\n payload: {\r\n type: \"error\",\r\n msg: \"Something went wrong\",\r\n openSnackbar: true,\r\n },\r\n });\r\n });\r\n };\r\n\r\n const handleEditPending = (e, id) => {\r\n window.scroll(0, 0);\r\n console.log(\"pending Approval\");\r\n e.preventDefault();\r\n setPendingApproval(true);\r\n InventoryInstance.get(`purchaseEntry/fetchOrderForEntry/${id}`)\r\n .then((response) => {\r\n return response.data;\r\n })\r\n .then((data) => {\r\n setDataEdit(data);\r\n setdata(null);\r\n setExpectedDate(data?.expectedDate);\r\n })\r\n .catch(() => {\r\n dispatch({\r\n type: SHOW_SNACKBAR,\r\n payload: {\r\n type: \"error\",\r\n msg: \"Something went wrong\",\r\n openSnackbar: true,\r\n },\r\n });\r\n });\r\n };\r\n\r\n const handleViewRecord = (e, orderId) => {\r\n e.preventDefault();\r\n setPendingApproval(false);\r\n InventoryInstance.get(`purchaseEntry/fetch/${orgId}/${orderId}`)\r\n .then((response) => {\r\n return response.data;\r\n })\r\n .then((data) => {\r\n setOpen(true);\r\n setOverAllData(data);\r\n })\r\n .catch(() => {\r\n dispatch({\r\n type: SHOW_SNACKBAR,\r\n payload: {\r\n type: \"error\",\r\n msg: \"Something went wrong\",\r\n openSnackbar: true,\r\n },\r\n });\r\n });\r\n };\r\n const fetchBillData = (orderId, entryId) => {\r\n setViewMood(true);\r\n window.scroll(0, 0);\r\n InventoryInstance.get(`purchaseEntry/fetchByEntryId/${orderId}/${entryId}`)\r\n .then((response) => {\r\n return response.data;\r\n })\r\n .then((data) => {\r\n setdata(data);\r\n setDataEdit(null);\r\n setExpectedDate(data?.expectedDate);\r\n })\r\n .catch(() => {\r\n dispatch({\r\n type: SHOW_SNACKBAR,\r\n payload: {\r\n type: \"error\",\r\n msg: \"Something went wrong\",\r\n openSnackbar: true,\r\n },\r\n });\r\n });\r\n };\r\n\r\n const onFormSubmit = (data) => {\r\n setBtnLoading(true);\r\n const req = {\r\n organizationId: orgId,\r\n createdBy: staffId,\r\n approvalStatus: 2,\r\n purchaseOrderId: editData?.id,\r\n billNo: data.billNo,\r\n completed: isDeleted,\r\n purchaseEntryDetDtos: data.complex.map((el, index) => ({\r\n purchaseOrdDetId: el?.dtoId,\r\n remainingQty: el.approvedQty,\r\n entryDetailsDrugDtos: data.complex[index].rows.map((ml, index) => ({\r\n manufactureDate: moment(ml.mfgDate).format(\"YYYY-MM-DD\"),\r\n expiryDate: moment(ml.expDate).format(\"YYYY-MM-DD\"),\r\n serialNo: ml.batchNo,\r\n receivedQty: ml.qty,\r\n })),\r\n })),\r\n };\r\n\r\n InventoryInstance.post(`purchaseEntry/save`, req)\r\n .then((response) => {\r\n if (response.data === \"success\") {\r\n dispatch({\r\n type: SHOW_SNACKBAR,\r\n payload: {\r\n type: \"success\",\r\n msg: \"Record Updated successfully\",\r\n openSnackbar: true,\r\n },\r\n });\r\n // reset(defaultValues);\r\n setBtnLoading(false);\r\n setIsEditMode(false);\r\n setViewMood(false);\r\n setPendingApproval(false);\r\n setDeletedData(true);\r\n fetchDataLocation();\r\n } else {\r\n dispatch({\r\n type: SHOW_SNACKBAR,\r\n payload: {\r\n type: \"error\",\r\n msg: \"Something went wrong\",\r\n openSnackbar: true,\r\n },\r\n });\r\n setBtnLoading(false);\r\n }\r\n })\r\n .catch(() => {\r\n dispatch({\r\n type: SHOW_SNACKBAR,\r\n payload: {\r\n type: \"error\",\r\n msg: \"Something went wrong\",\r\n openSnackbar: true,\r\n },\r\n });\r\n setBtnLoading(false);\r\n });\r\n };\r\n\r\n const [W, H] = [260, 297];\r\n const margin = 10;\r\n\r\n const handleClose = () => {\r\n setOpen(false);\r\n };\r\n\r\n React.useEffect(() => {\r\n fetchDataLocation();\r\n }, []);\r\n\r\n const generatePdf = (report, data, staffData, filterData) => {\r\n const org = staffData.orgName;\r\n\r\n const now = moment(new Date()).format(\"DD-MM-YYYY\");\r\n const time = new Date().toLocaleTimeString();\r\n\r\n const getlength =\r\n data &&\r\n data.purchaseOrderDetailsDtos?.map((d, index) =>\r\n getSum(d.entryDetDtoSet?.map((a) => a.entryDetailsDrugDtos.length))\r\n );\r\n\r\n const body = [\r\n ...data.purchaseOrderDetailsDtos\r\n .map((d, index) => [\r\n [\r\n {\r\n content: d.drugTypeName,\r\n rowSpan: d.entryDetDtoSet.length,\r\n styles: { halign: \"left\" },\r\n },\r\n {\r\n content: d.drugName,\r\n rowSpan: d.entryDetDtoSet.length,\r\n styles: { halign: \"left\" },\r\n },\r\n {\r\n content: d.uomName,\r\n rowSpan: d.entryDetDtoSet.length,\r\n styles: { halign: \"left\" },\r\n },\r\n {\r\n content: d.singleUnit !== undefined ? d.singleUnit : \"\",\r\n rowSpan: d.entryDetDtoSet.length,\r\n styles: { halign: \"center\" },\r\n },\r\n {\r\n content: d.requiredQty,\r\n rowSpan: d.entryDetDtoSet.length,\r\n styles: { halign: \"center\" },\r\n },\r\n {\r\n content: d.approvedQty,\r\n rowSpan: d.entryDetDtoSet.length,\r\n styles: { halign: \"center\" },\r\n },\r\n moment(\r\n d.entryDetDtoSet[0].entryDetailsDrugDtos[0].manufactureDate\r\n ).format(\"DD-MM-YYYY\"),\r\n moment(\r\n d.entryDetDtoSet[0].entryDetailsDrugDtos[0].expiryDate\r\n ).format(\"DD-MM-YYYY\"),\r\n d.entryDetDtoSet[0].entryDetailsDrugDtos[0].serialNo,\r\n d.entryDetDtoSet[0].entryDetailsDrugDtos[0].receivedQty,\r\n ],\r\n // ...d.entryDetDtoSet.flatMap((dl) => dl.entryDetailsDrugDtos.flatMap((ml)=>[ml.expiryDate])),\r\n ...d.entryDetDtoSet\r\n .slice(1)\r\n .map((dl) =>\r\n dl.entryDetailsDrugDtos.map((ml) => [\r\n moment(ml.manufactureDate).format(\"DD-MM-YYYY\"),\r\n moment(ml.expiryDate).format(\"DD-MM-YYYY\"),\r\n ml.serialNo,\r\n ml.receivedQty,\r\n ])\r\n ),\r\n ])\r\n .flat(),\r\n ];\r\n const pdf = new jsPDF(\"p\", \"mm\", [W, H], true);\r\n let Y = margin;\r\n pdf.addImage(ahmis, \"PNG\", margin, Y + 2, 15, 15);\r\n pdf.addImage(leaf, \"PNG\", W - margin - 20, Y + 2, 15, 15);\r\n pdf.setFontSize(14);\r\n let splitTitle = pdf.splitTextToSize(org.toUpperCase(), 150);\r\n pdf.text(splitTitle, W / 2, Y, { align: \"center\" });\r\n pdf.setFontSize(13);\r\n pdf.text(report, W / 2, Y + 15, \"center\");\r\n Y += 30;\r\n pdf.setFontSize(10);\r\n pdf.text(`Purchase Order No.: ${data.purchaseOrderNo}`, margin, Y);\r\n pdf.text(`Status: ${filterData[0]?.entryStatus},`, margin, Y + 5);\r\n pdf.text(`Vendor (M/S): ${data?.vendorName},`, margin, Y + 11);\r\n pdf.text(`GST No.: ${data?.vendorGstNo}`, margin, Y + 17);\r\n // pdf.text(`CGST: ${data?.vendorCgst}`, W - margin, Y + 11, \"right\");\r\n // pdf.text(`SGST: ${data?.vendorSgst}`, W - margin, Y + 17, \"right\");\r\n\r\n Y += 26;\r\n\r\n pdf.autoTable({\r\n head: [\r\n [\r\n \"Drug Type\",\r\n \"Drug Name\",\r\n \"UOM\",\r\n \"Single Unit\",\r\n \"Required Qty\",\r\n \"Approved Qty\",\r\n \"Mfg. Date\",\r\n \"Exp. Date\",\r\n \"Serial/Batch No.\",\r\n \"Quantity\",\r\n ],\r\n ],\r\n body: body,\r\n\r\n foot: [\r\n [\r\n {\r\n content: `Total Amount(Rs.): ${data.totalBillAmount}`,\r\n colSpan: 10,\r\n styles: {\r\n halign: \"right\",\r\n fillColor: [255, 255, 255],\r\n textColor: [0, 0, 0],\r\n },\r\n },\r\n ],\r\n ],\r\n startY: Y,\r\n margin,\r\n headStyles: {\r\n ...style,\r\n fillColor: [11, 156, 171],\r\n textColor: 255,\r\n lineColor: 255,\r\n fontSize: 8,\r\n fontWeight: 500,\r\n },\r\n bodyStyles: { ...style },\r\n footStyles: { ...style },\r\n });\r\n\r\n pdf.save(`Purchase Entry Report-${now}, ${time}.pdf`);\r\n };\r\n\r\n const printDocument = (e, orderId) => {\r\n e.preventDefault();\r\n console.log(orderId);\r\n const filterData = records.filter((item) => item.orderId === orderId);\r\n const reportName = \"Purchase Entry\";\r\n console.log(filterData, \"filterData\");\r\n InventoryInstance.get(`purchaseEntry/fetch/${orgId}/${orderId}`)\r\n\r\n .then((res) => {\r\n generatePdf(reportName, res.data, staff, filterData);\r\n })\r\n .catch(() => {\r\n dispatch({\r\n type: SHOW_SNACKBAR,\r\n payload: {\r\n type: \"error\",\r\n msg: \"Something went wrong\",\r\n openSnackbar: true,\r\n },\r\n });\r\n });\r\n };\r\n\r\n const initialValue = 0;\r\n const getSum = (arr) => {\r\n if (Array.isArray(arr)) {\r\n return arr.reduce(\r\n (previousValue, currentValue) => previousValue + currentValue,\r\n initialValue\r\n );\r\n }\r\n };\r\n\r\n const CheckError = (e, childData) => {\r\n e.preventDefault();\r\n errorMsg(childData);\r\n };\r\n\r\n const deleted = (deletedData) => {\r\n // e.preventDefault();\r\n setDeletedData(deletedData);\r\n };\r\n\r\n const getlength =\r\n overAllData &&\r\n overAllData.purchaseOrderDetailsDtos?.map((d, index) =>\r\n getSum(d.entryDetDtoSet?.map((a) => a.entryDetailsDrugDtos.length))\r\n );\r\n\r\n // console.log(changeFormate,\"changeFormat\")\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 Drug Type \r\n Drug Name \r\n UOM \r\n Single Unit \r\n Required Qty \r\n Approved Qty \r\n Single unit Price(₹) \r\n Mfg. Date \r\n Exp. Date \r\n Batch No. \r\n Quantity \r\n \r\n \r\n {overAllData?.length !== 0 ? (\r\n \r\n {overAllData?.purchaseOrderDetailsDtos?.map(\r\n (row, index) => (\r\n <>\r\n \r\n \r\n {row.drugTypeName}\r\n \r\n \r\n {row.drugName}\r\n \r\n \r\n {row.uomName}\r\n \r\n \r\n {row.singleUnit}\r\n \r\n \r\n {row.requiredQty}\r\n \r\n \r\n {row.approvedQty}\r\n \r\n \r\n {row.singleQtyPrice}\r\n \r\n \r\n\r\n {row.entryDetDtoSet?.map((d, index) =>\r\n d.entryDetailsDrugDtos?.map((f, index) => (\r\n \r\n \r\n {moment(f.manufactureDate).format(\r\n \"DD-MM-YYYY\"\r\n )}\r\n \r\n \r\n {moment(f.expiryDate).format(\r\n \"DD-MM-YYYY\"\r\n )}\r\n \r\n \r\n {f.serialNo}\r\n \r\n \r\n {f.receivedQty}\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 No Data found\r\n \r\n \r\n \r\n )}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n {show ? (\r\n <>\r\n
\r\n RADIOLOGY REPORT IS NOT AVAILABLE\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 rows.append(defaultComplexRow());\r\n const data = [...meds];\r\n data.push(0);\r\n setMeds(data);\r\n }}\r\n style={{ height: \"20px\", width: \"20px\" }}\r\n >\r\n \r\n \r\n {\r\n e.preventDefault();\r\n remove(mainIndex);\r\n totalBill();\r\n deleted(false);\r\n }}\r\n size=\"small\"\r\n >\r\n \r\n
\r\n ) : (\r\n \r\n \r\n );\r\n}\r\n\r\nconst IndentIssueForm = React.forwardRef(ComplexMedicineTable);\r\nexport default React.memo(IndentIssueForm);\r\n","import React, { useState } from \"react\";\r\nimport { makeStyles, withStyles } from \"@material-ui/core/styles\";\r\nimport {\r\n Grid,\r\n Button,\r\n TableCell,\r\n TableRow,\r\n TableContainer,\r\n Table,\r\n InputAdornment,\r\n IconButton,\r\n TableBody,\r\n TableHead,\r\n Dialog,\r\n DialogContent,\r\n Typography,\r\n TextField,\r\n FormControl,\r\n LinearProgress,\r\n DialogTitle,\r\n} from \"@material-ui/core\";\r\nimport _ from \"lodash\";\r\nimport MuiAccordionSummary from \"@material-ui/core/AccordionSummary\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport InventoryInstance from \"../../../api/InventoryInstance\";\r\nimport { jsPDF } from \"jspdf\";\r\nimport \"jspdf-autotable\";\r\nimport ahmis from \"../../../assets/ahmis.png\";\r\nimport leaf from \"../../../assets/leaf.png\";\r\nimport IndentIssueForm from \"./IndentIssueForm\";\r\nimport { SHOW_SNACKBAR } from \"../../../actions/Type\";\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\nimport { useForm } from \"react-hook-form\";\r\nimport { yupResolver } from \"@hookform/resolvers/yup\";\r\nimport * as yup from \"yup\";\r\nimport NotificationSuccess from \"../../../component/Notification/NotificationSuccess\";\r\nimport moment from \"moment\";\r\nimport Controls from \"../../../component/controls/Controls\";\r\nimport useTable from \"../../../component/useTable\";\r\nimport { faEdit, faEye, faFilePdf } from \"@fortawesome/free-solid-svg-icons\";\r\nimport DialogActions from \"@material-ui/core/DialogActions\";\r\n\r\nconst headCells = [\r\n { id: \"srNo\", label: \"Sl No.\" },\r\n { id: \"indentReqNO\", label: \"Indent Request No.\" },\r\n { id: \"indentissueNo\", label: \"Indent Issue NO.\" },\r\n { id: \"expectedDate\", label: \"Expected Date\" },\r\n { id: \"totalBillAmount\", label: \"Total Bill Amount(₹)\" },\r\n { id: \"Store\", label: \"From Store\" },\r\n { id: \"reorder\", label: \"Reorder\" },\r\n\r\n { id: \"approvalStatus\", label: \"Status\" },\r\n { id: \"action\", label: \"Action\", disableSorting: true },\r\n];\r\n\r\nconst StyledTableCell = withStyles((theme) => ({\r\n head: {\r\n backgroundColor: \"#07A0B0\",\r\n color: theme.palette.common.white,\r\n fontSize: \"1rem\",\r\n },\r\n body: {\r\n fontSize: 14,\r\n },\r\n}))(TableCell);\r\nconst AccordionSummary = withStyles((theme) => ({\r\n root: {\r\n color: \"white\",\r\n minHeight: \"40px\",\r\n \"&$expanded\": {\r\n minHeight: \"40px\",\r\n },\r\n },\r\n content: {\r\n \"&$expanded\": {\r\n margin: \"12px 0\",\r\n },\r\n },\r\n\r\n expanded: {},\r\n}))(MuiAccordionSummary);\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n marginTop: \"0.5%\",\r\n marginLeft: \"-0.5%\",\r\n },\r\n\r\n icon: {\r\n color: \"white\",\r\n },\r\n content: {\r\n backgroundColor: \"white\",\r\n color: \"black\",\r\n display: \"block\",\r\n },\r\n btnActive: {\r\n backgroundColor: \"green\",\r\n fontSize: 12,\r\n height: 20,\r\n color: \"white\",\r\n minWidth: 100,\r\n zIndex: -1,\r\n },\r\n btnInActive: {\r\n backgroundColor: \"red\",\r\n fontSize: 12,\r\n height: 20,\r\n color: \"white\",\r\n minWidth: 100,\r\n zIndex: -1,\r\n },\r\n btnPending: {\r\n backgroundColor: \"rgb(231 108 25)\",\r\n fontSize: 12,\r\n height: 20,\r\n color: \"white\",\r\n minWidth: 100,\r\n zIndex: -1,\r\n },\r\n inputFont: {\r\n fontSize: \"15px\",\r\n fontWeight: 400,\r\n color: \"#474444 !important\",\r\n \"&.Mui-disabled\": {\r\n backgroundColor: \"#f5f7f5\",\r\n color: \"black\",\r\n },\r\n },\r\n}));\r\n\r\nexport const defaultComplexRow = () => ({\r\n batchNo: \"\",\r\n qty: \"\",\r\n mfgDate: null,\r\n expDate: null,\r\n issuedQty: \"\",\r\n});\r\n\r\nexport const defaultComplex = () => ({\r\n dtoId: \"\",\r\n drugTypeName: \"\",\r\n drugName: \"\",\r\n uomName: \"\",\r\n singleUnit: \"\",\r\n singleUnitContains: \"\",\r\n approvedQty: \"\",\r\n singleQtyPrice: \"\",\r\n price: \"\",\r\n\r\n rows: [defaultComplexRow()],\r\n});\r\nconst style = {\r\n cellPadding: 1,\r\n fontSize: 8,\r\n font: \"helvetica\",\r\n lineWidth: 0.01,\r\n lineColor: 127,\r\n fontStyle: \"normal\",\r\n overflow: \"linebreak\",\r\n fillColor: false,\r\n textColor: 0,\r\n halign: \"left\",\r\n valign: \"middle\",\r\n cellWidth: \"auto\",\r\n};\r\nfunction Inner({ value: medicine, onChange: setMedicine }, ref) {\r\n const classes = useStyles();\r\n const myOwnColor = useSelector((state) => state.MainReducer.selectedColor);\r\n const dispatch = useDispatch();\r\n const somId = useSelector((state) => state.loginReducer.staffLogin.somId);\r\n\r\n const batchSchema = yup.object().shape({\r\n serialNo: yup.string(),\r\n });\r\n\r\n const complexRowSchema = yup.object().shape({\r\n batchNo: batchSchema.nullable().required(\"This field is required\"),\r\n qty: yup.string(),\r\n // mfgDate: yup.string().required(\"This field is required\"),\r\n mfgDate: yup.string(),\r\n\r\n // issuedQty: yup.string().required(\"This field is required\").matches(/^[1-9][0-9]*$/, \"Can not start with 0\"),\r\n issuedQty: yup\r\n .string()\r\n .nullable()\r\n .required(\"Required\")\r\n .matches(/^[1-9][0-9]*$/, \"Can not start with 0\")\r\n .when(\"qty\", (qty) => {\r\n if (qty) {\r\n return yup\r\n .number()\r\n .typeError(\"Required\")\r\n .max(qty, \"Less in Stock\");\r\n }\r\n }),\r\n\r\n // expDate: yup.string().required(\"This field is required\"),\r\n expDate: yup.string(),\r\n });\r\n\r\n const complexSchema = yup.object().shape({\r\n drugTypeName: yup.string(),\r\n drugName: yup.string(),\r\n uomName: yup.string(),\r\n singleUnit: yup.string(),\r\n singleUnitContains: yup.string(),\r\n approvedQty: yup.string(),\r\n singleQtyPrice: yup\r\n .string()\r\n .required(\"This field is required\")\r\n .matches(/^\\d{0,5}(\\.\\d{1,2})?$/, \"Invalid value\"),\r\n price: yup.string(),\r\n dtoId: yup.string(),\r\n rows: yup\r\n .array()\r\n .of(complexRowSchema)\r\n .required(\"Must have fields\"),\r\n });\r\n\r\n const schema = yup.object().shape({\r\n totalBillAmount: \"\",\r\n complex: yup\r\n .array()\r\n .of(complexSchema)\r\n .required(\"Must have fields\"),\r\n });\r\n\r\n const defaultValues = {\r\n totalBillAmount: \"\",\r\n complex: [],\r\n };\r\n\r\n const {\r\n register,\r\n watch,\r\n reset,\r\n handleSubmit,\r\n setValue,\r\n setError,\r\n getValues,\r\n trigger,\r\n control,\r\n formState: { errors, isValid, isSubmitting },\r\n } = useForm({\r\n defaultValues,\r\n resolver: yupResolver(schema),\r\n mode: \"onChange\",\r\n });\r\n\r\n React.useImperativeHandle(ref, () => {\r\n return {\r\n isValid: trigger,\r\n };\r\n });\r\n\r\n const historyRef = React.useRef(null);\r\n\r\n const complexRef = React.useRef(null);\r\n\r\n const uncheckHistory = React.useCallback(\r\n (mainIndex, index) => historyRef.current?.uncheck(mainIndex, index),\r\n [historyRef]\r\n );\r\n const staff = useSelector((state) => state.loginReducer.staffLogin);\r\n // console.log(staff,\"Staff name\")\r\n const orgId = staff?.orgId;\r\n const staffId = staff?.staffId;\r\n const storeId = staff?.storeId;\r\n\r\n const [editData, setDataEdit] = React.useState(null);\r\n const [viewData, setdata] = React.useState(null);\r\n const [overAllData, setOverAllData] = React.useState(null);\r\n const [complexMedicines, setComplexMedicines] = React.useState({});\r\n\r\n const [isDeleted, setDeletedData] = useState(true);\r\n const [loading, setLoading] = React.useState(false);\r\n\r\n const [isEditMode, setIsEditMode] = React.useState(false);\r\n const [viewMood, setViewMood] = useState(false);\r\n const [pendingApproval, setPendingApproval] = useState(false);\r\n const [errosMsg, errorMsg] = React.useState(\"\");\r\n const [open, setOpen] = React.useState(false);\r\n const [expectedDate, setExpectedDate] = React.useState(\"\");\r\n const [dataChild, setChildData] = useState(null);\r\n\r\n const [records, setRecords] = React.useState([]);\r\n const [filterFn, setFilterFn] = React.useState({\r\n fn: (items) => {\r\n return items;\r\n },\r\n });\r\n\r\n const {\r\n TblContainer,\r\n TblHead,\r\n TblPagination,\r\n recordsAfterPagingAndSorting,\r\n } = useTable(records, headCells, filterFn);\r\n\r\n const handleSearch = (e) => {\r\n let value = e.target.value;\r\n\r\n setFilterFn({\r\n fn: (items) => {\r\n if (value === \"\") {\r\n return items;\r\n }\r\n return items.filter(\r\n (x) =>\r\n x.indentNo?.toLowerCase().includes(value.toLowerCase()) ||\r\n x.reqFroStore?.toLowerCase().includes(value.toLowerCase())\r\n );\r\n },\r\n });\r\n };\r\n\r\n const fetchIndentIssue = () => {\r\n setLoading(true);\r\n InventoryInstance.get(`indentIssue/fetchReqByStore/${orgId}/${storeId}`)\r\n .then((res) => {\r\n var mydatais = res.data.sort((a, b) => a.id - b.id);\r\n\r\n setRecords(mydatais);\r\n setLoading(false);\r\n })\r\n .catch(() => {\r\n setLoading(false);\r\n console.log(\"error\");\r\n });\r\n };\r\n\r\n const handleEdit = (e, id) => {\r\n e.preventDefault();\r\n setPendingApproval(false);\r\n\r\n window.scroll(0, 0);\r\n InventoryInstance.get(`indentIssue/test/${orgId}/${storeId}/${id}`)\r\n .then((response) => {\r\n return response.data;\r\n })\r\n .then((data) => {\r\n setDataEdit(data);\r\n setExpectedDate(data?.expectedDate);\r\n })\r\n .catch(() => {\r\n dispatch({\r\n type: SHOW_SNACKBAR,\r\n payload: {\r\n type: \"error\",\r\n msg: \"Something went wrong\",\r\n openSnackbar: true,\r\n },\r\n });\r\n });\r\n };\r\n\r\n const handleEditPending = (e, id) => {\r\n window.scroll(0, 0);\r\n e.preventDefault();\r\n setPendingApproval(true);\r\n InventoryInstance.get(`indentIssue/test/${orgId}/${storeId}/${id}`)\r\n .then((response) => {\r\n return response.data;\r\n })\r\n .then((data) => {\r\n setDataEdit(data);\r\n setExpectedDate(data?.expectedDate);\r\n })\r\n .catch(() => {\r\n dispatch({\r\n type: SHOW_SNACKBAR,\r\n payload: {\r\n type: \"error\",\r\n msg: \"Something went wrong\",\r\n openSnackbar: true,\r\n },\r\n });\r\n });\r\n };\r\n\r\n const handleViewRecord = (e, orderId) => {\r\n e.preventDefault();\r\n setPendingApproval(false);\r\n window.scroll(0, 0);\r\n InventoryInstance.get(`indentIssue/fetchByIndentId/${orgId}/${orderId}`)\r\n .then((response) => {\r\n return response.data;\r\n })\r\n .then((data) => {\r\n setOpen(true);\r\n setOverAllData(data);\r\n })\r\n .catch(() => {\r\n dispatch({\r\n type: SHOW_SNACKBAR,\r\n payload: {\r\n type: \"error\",\r\n msg: \"Something went wrong\",\r\n openSnackbar: true,\r\n },\r\n });\r\n });\r\n };\r\n\r\n const fetchBillData = (indentId, issueID) => {\r\n setViewMood(true);\r\n window.scroll(0, 0);\r\n InventoryInstance.get(`indentIssue/fetchByIssueId/${indentId}/${issueID}`)\r\n .then((response) => {\r\n return response.data;\r\n })\r\n .then((data) => {\r\n console.log(data);\r\n setdata(data);\r\n setExpectedDate(data?.expectedDate);\r\n })\r\n .catch(() => {\r\n dispatch({\r\n type: SHOW_SNACKBAR,\r\n payload: {\r\n type: \"error\",\r\n msg: \"Something went wrong\",\r\n openSnackbar: true,\r\n },\r\n });\r\n });\r\n };\r\n\r\n const onFormSubmit = (data) => {\r\n console.log(data, \"form Date\");\r\n\r\n if (data.complex.length !== 0) {\r\n let amt = 0;\r\n data.complex?.forEach((row, index) => {\r\n row.rows.forEach((innerRow, index) => {\r\n const rowAmount = +innerRow.issuedQty;\r\n amt += rowAmount;\r\n });\r\n });\r\n\r\n const req = {\r\n organizationId: orgId,\r\n createdBy: staffId,\r\n subStockStoreId: storeId,\r\n indentRequestId: editData?.id,\r\n completed: isDeleted,\r\n netAmount: data?.totalBillAmount,\r\n indentIssueDetailsDtos: data.complex.map((el, index) => ({\r\n indentReqDetId: el.dtoId,\r\n amount: el.price,\r\n costPerUnit: el.singleQtyPrice,\r\n issuedQty: data.complex[index].rows.reduce((accumulator, object) => {\r\n return accumulator + +object.issuedQty;\r\n }, 0),\r\n\r\n pendingQty: +el.approvedQty,\r\n issueDetDrugDto: data.complex[index].rows.map((ml, index) => ({\r\n maDate: ml.mfgDate,\r\n exDate: ml.expDate,\r\n issuedQty: ml.issuedQty,\r\n serialNo: ml.batchNo.serialNo,\r\n })),\r\n })),\r\n };\r\n\r\n console.log(req, \"req data\");\r\n InventoryInstance.post(`indentIssue/save`, req)\r\n .then((response) => {\r\n if (response.data === \"success\") {\r\n dispatch({\r\n type: SHOW_SNACKBAR,\r\n payload: {\r\n type: \"success\",\r\n msg: \"Record Updated successfully\",\r\n openSnackbar: true,\r\n },\r\n });\r\n reset(defaultValues);\r\n setIsEditMode(false);\r\n setViewMood(false);\r\n setPendingApproval(false);\r\n fetchIndentIssue();\r\n } else {\r\n dispatch({\r\n type: SHOW_SNACKBAR,\r\n payload: {\r\n type: \"error\",\r\n msg: \"Something went wrong\",\r\n openSnackbar: true,\r\n },\r\n });\r\n }\r\n })\r\n .catch(() => {\r\n console.log(\"error\");\r\n });\r\n } else {\r\n dispatch({\r\n type: SHOW_SNACKBAR,\r\n payload: {\r\n type: \"error\",\r\n msg: \"No rows selected\",\r\n openSnackbar: true,\r\n },\r\n });\r\n // setIsEditMode(false);\r\n // setViewMood(false);\r\n // reset(defaultValues);\r\n }\r\n };\r\n\r\n const [W, H] = [260, 297];\r\n const margin = 10;\r\n\r\n const handleClose = () => {\r\n setOpen(false);\r\n };\r\n\r\n React.useEffect(() => {\r\n fetchIndentIssue();\r\n }, []);\r\n\r\n const generatePdf = (report, data, staffData) => {\r\n const org = staffData.orgName;\r\n const now = moment(new Date()).format(\"DD-MM-YYYY\");\r\n const time = new Date().toLocaleTimeString();\r\n\r\n const body = [\r\n ...data.indentRequestDetailsDtos\r\n .map((d, index) => [\r\n [\r\n {\r\n content: d.drugTypeName,\r\n rowSpan: d.detDrugDto.length,\r\n styles: { halign: \"left\" },\r\n },\r\n {\r\n content: d.drugName,\r\n rowSpan: d.detDrugDto.length,\r\n styles: { halign: \"left\" },\r\n },\r\n {\r\n content: d.uomName,\r\n rowSpan: d.detDrugDto.length,\r\n styles: { halign: \"left\" },\r\n },\r\n\r\n {\r\n content: d.issueNo,\r\n rowSpan: d.detDrugDto.length,\r\n styles: { halign: \"left\" },\r\n },\r\n\r\n {\r\n content: d.approvedQty,\r\n rowSpan: d.detDrugDto.length,\r\n styles: { halign: \"right\" },\r\n },\r\n {\r\n content: `Rs. ${d.costPerUnit}`,\r\n rowSpan: d.detDrugDto.length,\r\n styles: { halign: \"right\" },\r\n },\r\n {\r\n content: d.issueDate,\r\n rowSpan: d.detDrugDto.length,\r\n styles: { halign: \"left\" },\r\n },\r\n moment(d.detDrugDto[0].manufactureDate).format(\"DD-MM-YYYY\"),\r\n moment(d.detDrugDto[0].expiryDate).format(\"DD-MM-YYYY\"),\r\n d.detDrugDto[0].serialNo,\r\n d.detDrugDto[0].issuedQty,\r\n ],\r\n // ...d.entryDetDtoSet.flatMap((dl) => dl.entryDetailsDrugDtos.flatMap((ml)=>[ml.expiryDate])),\r\n\r\n ...d.detDrugDto\r\n .slice(1)\r\n .map((ml) => [\r\n moment(ml.manufactureDate).format(\"DD-MM-YYYY\"),\r\n moment(ml.expiryDate).format(\"DD-MM-YYYY\"),\r\n ml.serialNo,\r\n ml.issuedQty,\r\n ]),\r\n ])\r\n .flat(),\r\n ];\r\n const pdf = new jsPDF(\"p\", \"mm\", [W, H], true);\r\n let Y = margin;\r\n pdf.addImage(ahmis, \"PNG\", margin, Y + 2, 15, 15);\r\n pdf.addImage(leaf, \"PNG\", W - margin - 20, Y + 2, 15, 15);\r\n pdf.setFontSize(14);\r\n let splitTitle = pdf.splitTextToSize(org.toUpperCase(), 150);\r\n pdf.text(splitTitle, W / 2, Y, { align: \"center\" });\r\n pdf.setFontSize(13);\r\n pdf.text(report, W / 2, Y + 15, \"center\");\r\n Y += 30;\r\n pdf.setFontSize(10);\r\n pdf.text(`Indent Request No.: ${data.indentReqNo}`, margin, Y);\r\n\r\n Y += 10;\r\n\r\n pdf.autoTable({\r\n head: [\r\n [\r\n \"Drug Type\",\r\n \"Drug Name\",\r\n \"UOM\",\r\n \"Issue No.\",\r\n \"Approved Qty\",\r\n \"Cost Per Unit (Rs.)\",\r\n \"Issue Date & Time\",\r\n \"Mfg. Date\",\r\n \"Exp. Date\",\r\n \"Serial/Batch No.\",\r\n \"Issued Qty\",\r\n ],\r\n ],\r\n\r\n body: body,\r\n\r\n startY: Y,\r\n margin,\r\n headStyles: {\r\n ...style,\r\n fillColor: [11, 156, 171],\r\n textColor: 255,\r\n lineColor: 255,\r\n fontSize: 8,\r\n fontWeight: 500,\r\n },\r\n bodyStyles: { ...style },\r\n footStyles: { ...style },\r\n });\r\n\r\n pdf.save(`Indent Issue Report-${now}, ${time}.pdf`);\r\n };\r\n\r\n const printDocument = (e, orderId) => {\r\n e.preventDefault();\r\n console.log(orderId);\r\n\r\n const reportName = \"Indent Issue Report\";\r\n\r\n InventoryInstance.get(`indentIssue/fetchByIndentId/${orgId}/${orderId}`)\r\n\r\n .then((res) => {\r\n generatePdf(reportName, res.data, staff);\r\n })\r\n .catch(() => {\r\n dispatch({\r\n type: SHOW_SNACKBAR,\r\n payload: {\r\n type: \"error\",\r\n msg: \"Something went wrong\",\r\n openSnackbar: true,\r\n },\r\n });\r\n });\r\n };\r\n\r\n const initialValue = 0;\r\n const getSum = (arr) => {\r\n if (Array.isArray(arr)) {\r\n return arr.reduce(\r\n (previousValue, currentValue) => previousValue + currentValue,\r\n initialValue\r\n );\r\n }\r\n };\r\n\r\n const CheckError = (e, childData) => {\r\n e.preventDefault();\r\n errorMsg(childData);\r\n console.log(childData, \"childData\");\r\n };\r\n\r\n const deleted = (deletedData) => {\r\n setDeletedData(deletedData);\r\n };\r\n\r\n const getlength =\r\n overAllData &&\r\n overAllData.purchaseOrderDetailsDtos?.map((d, index) =>\r\n getSum(d.entryDetDtoSet?.map((a) => a.entryDetailsDrugDtos.length))\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 Drug Type \r\n Drug Name \r\n UOM \r\n Single Unit \r\n Single Unit Contains \r\n {/* Required Qty */}\r\n Approved Qty \r\n Cost Per Unit (₹) \r\n Issue Date & Time \r\n Mfg. Date \r\n Exp. Date \r\n Batch No \r\n Issued Qty \r\n \r\n \r\n {overAllData?.length !== 0 ? (\r\n \r\n {overAllData?.indentRequestDetailsDtos?.map(\r\n (row, index) => (\r\n <>\r\n \r\n \r\n {row.drugTypeName}\r\n \r\n \r\n {row.drugName}\r\n \r\n \r\n {row.uomName}\r\n \r\n \r\n {row.singleUnit}\r\n \r\n \r\n {row.singleUnitContains}\r\n \r\n {/* \r\n {row.requiredQty}\r\n */}\r\n \r\n {row.approvedQty}\r\n \r\n \r\n ₹ {row.costPerUnit}\r\n \r\n \r\n {row.issueDate}\r\n \r\n \r\n\r\n {row.detDrugDto?.map((f, index) => (\r\n \r\n \r\n {moment(f.manufactureDate).format(\r\n \"DD-MM-YYYY\"\r\n )}\r\n \r\n \r\n {moment(f.expiryDate).format(\"DD-MM-YYYY\")}\r\n \r\n \r\n {f.serialNo}\r\n \r\n \r\n {f.issuedQty}\r\n \r\n \r\n ))}\r\n \r\n )\r\n )}\r\n \r\n ) : (\r\n \r\n \r\n \r\n No Data found\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 {msg}\r\n \r\n \r\n
\r\n );\r\n}\r\n","import { Card, Grid } from '@material-ui/core';\r\nimport CardActions from '@material-ui/core/CardActions';\r\nimport CardContent from '@material-ui/core/CardContent';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport React from 'react';\r\nimport { Link } from \"react-router-dom\";\r\n\r\n\r\nconst useStyles = makeStyles({\r\n root: {\r\n // minWidth: 275,\r\n backgroundColor: '#FCFAFA',\r\n margin:40,\r\n marginBottom:0\r\n },\r\n content: {\r\n fontSize: 22,\r\n color: '#0B9CAB',\r\n fontWeight: 'bold',\r\n fontFamily: 'helvetica',\r\n marginLeft: '2%'\r\n },\r\n content1: {\r\n fontSize: 18,\r\n color: '#103A4D',\r\n fontFamily: 'helvetica',\r\n marginLeft: '2%',\r\n marginRight: '2%',\r\n marginTop:\"1%\",\r\n textAlign:\"justify\"\r\n },\r\n button: {\r\n color: '#1F49D4',\r\n fontFamily: 'helvetica',\r\n fontSize: 14,\r\n align: 'right',\r\n \r\n // marginLeft:'80%'\r\n }\r\n});\r\n\r\nexport default function SimpleCard() {\r\n const classes = useStyles();\r\n\r\n\r\n return (\r\n\r\n \r\n
\r\n
\r\n The Digital India Movement initiated by Govt. of India has\r\n made significant changes in IT sector. We are witnessing\r\n tremendous improvement in application of Information\r\n Technology (IT) in every Ministry and its organizations.\r\n Health is a major concern in India. Implementation of IT in\r\n healthcare is being accelerated to provide effective and\r\n better care for citizens of India.\r\n
\r\n
\r\n Ministry of Ayush has taken initiative to get onboard in\r\n healthcare Information technology implementation projects.\r\n In this regard, Ministry of Ayush has created Ayush GRID to\r\n get all the IT projects under one umbrella. It is\r\n integration of IT projects exclusively meant for improvement\r\n and facilitation of Ayush pan India.\r\n
\r\n
\r\n The initiative is a poised to emerge as a game changer as it\r\n is the first of its kind citizen centric service from\r\n Government of India to provide Electronic Health Record and\r\n Personal Health Record facility to the recipients of Ayush\r\n Health Services catered through Research Councils, National\r\n Institutes and other related agencies under Ministry of\r\n Ayush, Government of India.\r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
- \r\n
- To improve patient care in Ayush \r\n
- To improve work efficiency in Ayush \r\n
- Efficient management of Ayush hospital \r\n
- Effective documentation of Ayush \r\n
- \r\n To derive comprehensive data of all Ayush hospital, which\r\n helps in effective Ayush health policy\r\n \r\n
- To improve research in Ayush \r\n
- \r\n To eliminate the chances of errors in Ayush hospital\r\n \r\n
- To collect data on National Ayush morbidities \r\n
\r\n \r\n \r\n {/* =================================================== */}\r\n\r\n
\r\n
- \r\n
- \r\n It has an exclusive dashboard for citizens to interact\r\n and engage with Ayush Health Services across India.\r\n \r\n
- It captures the data in real time \r\n
- It is easy to use \r\n
- It is highly secured \r\n
- It integrates all the Ayush systems \r\n
- \r\n Compliance with E.H.R Standards -2016 [MoH&FW] and other\r\n standards viz., HL7, LOINC etc\r\n \r\n
- It has inbuilt standards – dual coding system \r\n
- National Ayush Morbidity Code \r\n
- ICD 10 \r\n
- \r\n
\r\n \r\n \r\n \r\n\r\n
\r\n
- \r\n
- Effective Clinical documentation \r\n
- \r\n Effective data management including medical data\r\n retrieval\r\n \r\n
- \r\n Adoptive new features of dual coding ICD 10, and\r\n National Ayush Morbidity Code\r\n \r\n
- \r\n Supports full range of Data capture and Data management\r\n functions.\r\n \r\n
- State of art report generation. \r\n
- Boon for getting the NABH and NABL accreditation \r\n
- \r\n Comprehensive collection of National Ayush Morbidity\r\n codes\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n );\r\n}\r\n","import {\r\n faAngleDoubleLeft,\r\n faAngleDoubleRight,\r\n faAngleLeft,\r\n faAngleRight,\r\n} from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport {\r\n Button,\r\n Table,\r\n TableCell,\r\n TableHead,\r\n TablePagination,\r\n TableRow,\r\n TableSortLabel,\r\n Typography,\r\n makeStyles,\r\n} from \"@material-ui/core\";\r\nimport { useTheme } from \"@material-ui/core/styles\";\r\nimport \"font-awesome/css/font-awesome.min.css\";\r\nimport PropTypes from \"prop-types\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { useSelector } from \"react-redux\";\r\nimport \"./table.css\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n flexShrink: 0,\r\n marginLeft: theme.spacing(2.5),\r\n },\r\n\r\n table: {\r\n \"& thead th\": {\r\n fontWeight: \"400\", //600\r\n fontSize: 14, //remove\r\n color: \"#FFFFFF\",\r\n // backgroundColor: \"#0B9CAB\",\r\n },\r\n \"& tbody td\": {\r\n fontWeight: \"200\",\r\n },\r\n \"& tbody tr:hover\": {\r\n backgroundColor: \"#fffbf2\",\r\n cursor: \"pointer\",\r\n },\r\n \"& .MuiTableCell-root\": {\r\n padding: \"3px 5px 5px 15px\",\r\n },\r\n \"& .MuiTableCell-head\": {\r\n padding: theme.spacing(0), //1\r\n },\r\n },\r\n actionText: {\r\n fontSize: \"13px\",\r\n textTransform: \"capitalize\",\r\n },\r\n actionButton: {\r\n border: \"1px solid #ddd0d0\",\r\n marginRight: \"10px\",\r\n },\r\n paginationSection: {\r\n display: \"flex\",\r\n justifyContent: \"end\",\r\n },\r\n Content: {\r\n height: \"10px\",\r\n color: \"white\",\r\n paddingLeft: \"15px\",\r\n fontSize: \"1rem\",\r\n zIndex: 10,\r\n },\r\n}));\r\n\r\nfunction TablePaginationActions(props) {\r\n const classes = useStyles();\r\n const theme = useTheme();\r\n const { count, page, rowsPerPage, onPageChange } = props;\r\n\r\n const handleFirstPageButtonClick = (event) => {\r\n onPageChange(event, 0);\r\n };\r\n\r\n const handleBackButtonClick = (event) => {\r\n onPageChange(event, page - 1);\r\n };\r\n\r\n const handleNextButtonClick = (event) => {\r\n onPageChange(event, page + 1);\r\n };\r\n\r\n const handleLastPageButtonClick = (event) => {\r\n onPageChange(event, Math.max(0, Math.ceil(count / rowsPerPage) - 1));\r\n };\r\n\r\n return (\r\n \r\n first \r\n ) : (\r\n first \r\n )}\r\n \r\n previous \r\n ) : (\r\n previous \r\n )}\r\n \r\n = Math.ceil(count / rowsPerPage) - 1}\r\n aria-label=\"next page\"\r\n className={classes.actionButton}\r\n endIcon={ next \r\n ) : (\r\n next \r\n )}\r\n \r\n = Math.ceil(count / rowsPerPage) - 1}\r\n aria-label=\"last page\"\r\n className={classes.actionButton}\r\n endIcon={ Last \r\n ) : (\r\n Last \r\n )}\r\n \r\n
\r\n );\r\n}\r\n\r\nTablePaginationActions.propTypes = {\r\n count: PropTypes.number.isRequired,\r\n onPageChange: PropTypes.func.isRequired,\r\n page: PropTypes.number.isRequired,\r\n rowsPerPage: PropTypes.number.isRequired,\r\n};\r\n\r\nexport default function useTable(records, headCells, filterFn) {\r\n const classes = useStyles();\r\n\r\n const pages = [15, 20, 25];\r\n const [page, setPage] = useState(0);\r\n const [rowsPerPage, setRowsPerPage] = useState(pages[page]);\r\n const [order, setOrder] = useState();\r\n const [orderBy, setOrderBy] = useState();\r\n const TblContainer = (props) => (\r\n \r\n \r\n \r\n \r\n You are in consultation page, do you want to switch Patient?\r\n \r\n \r\n \r\n \r\n \r\n No\r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n","import { yupResolver } from \"@hookform/resolvers/yup\";\r\nimport {\r\n Grid,\r\n TextField\r\n} from \"@material-ui/core\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport React from \"react\";\r\nimport { Controller, useForm } from \"react-hook-form\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport * as yup from \"yup\";\r\nimport NotificationSuccess from \"../Notification/NotificationSuccess\";\r\nimport { restrict } from \"../restrict\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n width: \"100%%\",\r\n marginTop: \"20px\",\r\n },\r\n button: {\r\n border: \"1px solid #C4C4C4\",\r\n borderRadius: 20,\r\n margin: \"0px 10px 10px 0px\",\r\n padding: \"5px 10px 5px 10px\",\r\n },\r\n input: {\r\n height: 35,\r\n width: 380,\r\n },\r\n input1: {\r\n height: 35,\r\n width: 50,\r\n },\r\n customTextField: {\r\n \"& input::placeholder\": {\r\n fontSize: \"14px\",\r\n },\r\n },\r\n customInput: {\r\n [theme.breakpoints.down(\"lg\")]: {\r\n width: \"100% !important\",\r\n },\r\n },\r\n icon: {\r\n color: \"#ff6600\",\r\n fontSize: \"13px\",\r\n },\r\n icon1: {\r\n color: \"#ff3000\",\r\n fontSize: \"13px\",\r\n },\r\n smallFont: {\r\n fontSize: \"14px\",\r\n color: \"#000000\",\r\n opacity: 1,\r\n },\r\n}));\r\n\r\nfunction GeneralPhysicalExaminations({\r\n value: physicalValue,\r\n onChange: setPhysicalValue,\r\n}) {\r\n const classes = useStyles();\r\n const dispatch = useDispatch();\r\n\r\n const StaffLogin = useSelector((state) => state.loginReducer.staffLogin);\r\n\r\n const myOwnColor = useSelector((state) => state.MainReducer.selectedColor);\r\n\r\n const consultationID = useSelector(\r\n (state) => state.consultationReducer.patient.consultationId\r\n );\r\n\r\n const defaultValues = {\r\n build: \"\",\r\n pallor: \"\",\r\n icterus: \"\",\r\n cyanosis: \"\",\r\n oedema: \"\",\r\n skin: \"\",\r\n clubbing: \"\",\r\n lymphadenopathy: \"\",\r\n };\r\n\r\n const schema = yup.object().shape({\r\n treatmentType: yup.string().trim(),\r\n // .typeError(\"required\")\r\n // .required(\"required\"),\r\n treatmentName: yup.string().trim(),\r\n treatmentNature: yup.string().trim(),\r\n applicationTo: yup.string().trim(),\r\n });\r\n\r\n const {\r\n register,\r\n watch,\r\n reset,\r\n setValue,\r\n getValues,\r\n trigger,\r\n control,\r\n formState: { errors },\r\n } = useForm({\r\n defaultValues,\r\n resolver: yupResolver(schema),\r\n mode: \"onChange\",\r\n });\r\n\r\n return (\r\n \r\n requestSearch(searchVal)}\r\n onCancelSearch={() => cancelSearch()}\r\n placeholder=\"Search\"\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n {rows\r\n ?.slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage)\r\n ?.map((row) => {\r\n return (\r\n setIndex(row.registrationId)}\r\n style={{\r\n backgroundColor:\r\n index === row.registrationId\r\n ? \"#CAF7FB\"\r\n : \"\" && consulted\r\n ? \"red\"\r\n : \"lightgreen\",\r\n }}\r\n disabled={row.doctorId !== staffLogin?.staffId}>\r\n {\r\n setSelectedRow(row);\r\n if (patientDetails?.length > 1) {\r\n setOpenAlert(true);\r\n handleDrawerClose();\r\n } else if (patientDetails?.length === 1) {\r\n handleIdClick(row);\r\n }\r\n }}>\r\n {row.tokenNumber}\r\n \r\n {\r\n setSelectedRow(row);\r\n if (patientDetails?.length > 1) {\r\n setOpenAlert(true);\r\n } else if (patientDetails?.length === 1) {\r\n handleIdClick(row);\r\n }\r\n }}>\r\n {row.patientName}\r\n \r\n \r\n );\r\n })}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n Built \r\n \r\n \r\n (\r\n {\r\n onChange(e);\r\n setPhysicalValue({ ...physicalValue, build: e.target.value });\r\n }}\r\n value={\r\n physicalValue?.length !== 0 ? physicalValue?.build : value\r\n }\r\n placeholder=\"Built\"\r\n size=\"small\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n )}\r\n />\r\n \r\n \r\n Pallor \r\n \r\n \r\n (\r\n {\r\n onChange(e);\r\n setPhysicalValue({\r\n ...physicalValue,\r\n pallor: e.target.value,\r\n });\r\n }}\r\n value={\r\n physicalValue?.length !== 0 ? physicalValue?.pallor : value\r\n }\r\n onInput={\r\n restrict.alphanumerichypenbracketscommaspacedotunderscore\r\n }\r\n placeholder=\"Pallor\"\r\n size=\"small\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n )}\r\n />\r\n \r\n \r\n
\r\n\r\n \r\n Icterus \r\n \r\n \r\n (\r\n {\r\n onChange(e);\r\n setPhysicalValue({\r\n ...physicalValue,\r\n icterus: e.target.value,\r\n });\r\n }}\r\n value={\r\n physicalValue?.length !== 0 ? physicalValue?.icterus : value\r\n }\r\n inputProps={{ maxLength: 100 }}\r\n onInput={\r\n restrict.alphanumerichypenbracketscommaspacedotunderscore\r\n }\r\n placeholder=\"Icterus\"\r\n size=\"small\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n )}\r\n />\r\n \r\n \r\n Cyanosis \r\n \r\n \r\n (\r\n {\r\n onChange(e);\r\n setPhysicalValue({\r\n ...physicalValue,\r\n cyanosis: e.target.value,\r\n });\r\n }}\r\n value={\r\n physicalValue?.length !== 0 ? physicalValue?.cyanosis : value\r\n }\r\n inputProps={{ maxLength: 100 }}\r\n onInput={\r\n restrict.alphanumerichypenbracketscommaspacedotunderscore\r\n }\r\n placeholder=\"Cyanosis\"\r\n size=\"small\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n )}\r\n />\r\n \r\n \r\n
\r\n\r\n \r\n Clubbing \r\n \r\n \r\n (\r\n {\r\n onChange(e);\r\n setPhysicalValue({\r\n ...physicalValue,\r\n clubbing: e.target.value,\r\n });\r\n }}\r\n value={\r\n physicalValue?.length !== 0 ? physicalValue?.clubbing : value\r\n }\r\n placeholder=\"Clubbing\"\r\n size=\"small\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n )}\r\n />\r\n \r\n \r\n Lymphadenopathy \r\n \r\n \r\n (\r\n {\r\n onChange(e);\r\n setPhysicalValue({\r\n ...physicalValue,\r\n lymphadenopathy: e.target.value,\r\n });\r\n }}\r\n value={\r\n physicalValue?.length !== 0\r\n ? physicalValue?.lymphadenopathy\r\n : value\r\n }\r\n onInput={\r\n restrict.alphanumerichypenbracketscommaspacedotunderscore\r\n }\r\n placeholder=\"Lymphadenopathy\"\r\n size=\"small\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n )}\r\n />\r\n \r\n \r\n
\r\n\r\n \r\n Oedema \r\n \r\n \r\n (\r\n {\r\n onChange(e);\r\n setPhysicalValue({\r\n ...physicalValue,\r\n oedema: e.target.value,\r\n });\r\n }}\r\n value={\r\n physicalValue?.length !== 0 ? physicalValue?.oedema : value\r\n }\r\n placeholder=\"Oedema\"\r\n size=\"small\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n )}\r\n />\r\n \r\n \r\n Skin(appearance) \r\n \r\n \r\n (\r\n {\r\n onChange(e);\r\n setPhysicalValue({\r\n ...physicalValue,\r\n skin: e.target.value,\r\n });\r\n }}\r\n value={\r\n physicalValue?.length !== 0 ? physicalValue?.skin : value\r\n }\r\n onInput={\r\n restrict.alphanumerichypenbracketscommaspacedotunderscore\r\n }\r\n placeholder=\"Skin (appearance)\"\r\n size=\"small\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n )}\r\n />\r\n \r\n \r\n
\r\n
\r\n );\r\n}\r\n\r\nexport default GeneralPhysicalExaminations;\r\n","import { Button, DialogActions, Grid, List, ListItem, ListItemText } from \"@material-ui/core\";\r\nimport MuiDialog from \"@material-ui/core/Dialog\";\r\nimport DialogContent from \"@material-ui/core/DialogContent\";\r\nimport Table from \"@material-ui/core/Table\";\r\nimport TableBody from \"@material-ui/core/TableBody\";\r\nimport TableCell from \"@material-ui/core/TableCell\";\r\nimport TableContainer from \"@material-ui/core/TableContainer\";\r\nimport TableHead from \"@material-ui/core/TableHead\";\r\nimport TableRow from \"@material-ui/core/TableRow\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport { makeStyles, withStyles } from \"@material-ui/core/styles\";\r\nimport CheckIcon from \"@material-ui/icons/Check\";\r\nimport \"font-awesome/css/font-awesome.min.css\";\r\nimport moment from \"moment\";\r\nimport React, { useRef, useState } from \"react\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport ReactToPrint from \"react-to-print\";\r\nimport { fetchAdviceDetails } from \"../../actions/AdviceAction\";\r\nimport { fetchDrugInterval } from \"../../actions/SimpleMedicineAction\";\r\nimport ahmis from \"../../assets/ahmis.png\";\r\nimport leaf from \"../../assets/leaf.png\";\r\nimport { CloseButton } from \"../utils/Button\";\r\n\r\nconst Dialog2 = withStyles((theme) => ({\r\n root: {\r\n maxWidth: \"2200px !important\",\r\n //maxHeight: \"1000px !important\",\r\n [theme.breakpoints.only(\"xs\")]: {\r\n transform: \"translate(0vw, 0vh)\",\r\n },\r\n [theme.breakpoints.only(\"sm\")]: {\r\n transform: \"translate(0vw, 0vh)\",\r\n },\r\n [theme.breakpoints.only(\"md\")]: {\r\n transform: \"translate(0vw, 0vh)\",\r\n },\r\n [theme.breakpoints.between(\"lg\", \"xl\")]: {\r\n transform: \"translate(0vw, 0vh)\",\r\n },\r\n },\r\n}))(MuiDialog);\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n color: {\r\n fontSize: \"12px\",\r\n [theme.breakpoints.down(\"md\")]: {\r\n fontSize: \"10px\",\r\n },\r\n [theme.breakpoints.down(\"sm\")]: {\r\n fontSize: \"8px\",\r\n },\r\n },\r\n heading: {\r\n fontSize: \"12px\",\r\n borderBottom: \"1px solid black\",\r\n [theme.breakpoints.down(\"md\")]: {\r\n fontSize: \"10px\",\r\n },\r\n [theme.breakpoints.down(\"sm\")]: {\r\n fontSize: \"6px\",\r\n padding: \"0\",\r\n },\r\n },\r\n\r\n tableCell: {\r\n fontSize: \"10px\",\r\n border: \"1px solid black\",\r\n [theme.breakpoints.down(\"md\")]: {\r\n fontSize: \"10px\",\r\n // border: \"1.5px solid black\",\r\n },\r\n [theme.breakpoints.down(\"sm\")]: {\r\n fontSize: \"8px\",\r\n padding: \"0\",\r\n // border: \"1.5px solid black\",\r\n },\r\n },\r\n\r\n header: {\r\n fontSize: \"16px\",\r\n textDecoration: \"underline\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n fontSize: \"10px\",\r\n },\r\n },\r\n diag: {\r\n fontSize: \"14px\",\r\n textAlign: \"center\",\r\n border: \"1px solid black\",\r\n [theme.breakpoints.down(\"md\")]: {\r\n fontSize: \"13px\",\r\n textAlign: \"center\",\r\n },\r\n [theme.breakpoints.down(\"sm\")]: {\r\n fontSize: \"8px\",\r\n textAlign: \"center\",\r\n },\r\n },\r\n org: {\r\n fontSize: \"10px\",\r\n fontWeight: \"bold\",\r\n textTransform: \"uppercase\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n fontSize: \"9px\",\r\n fontWeight: \"bold\",\r\n textTransform: \"uppercase\",\r\n },\r\n },\r\n finalDiag: {\r\n [theme.breakpoints.down(\"md\")]: {\r\n border: \"1px solid black\",\r\n maxWidth: \"100%\",\r\n },\r\n },\r\n doDontGrid: {\r\n [theme.breakpoints.down(\"md\")]: {\r\n maxWidth: \"100%\",\r\n },\r\n },\r\n\r\n text2: {\r\n fontSize: \"12px\",\r\n [theme.breakpoints.down(\"md\")]: {\r\n fontSize: \"10px\",\r\n },\r\n [theme.breakpoints.down(\"sm\")]: {\r\n fontSize: \"10px\",\r\n },\r\n },\r\n\r\n list: {\r\n [theme.breakpoints.down(\"md\")]: {\r\n border: \"1px solid black\",\r\n padding: \"0 !important\",\r\n },\r\n },\r\n follow: {\r\n fontSize: \"14px\",\r\n [theme.breakpoints.down(\"md\")]: {\r\n fontSize: \"10px\",\r\n },\r\n [theme.breakpoints.down(\"sm\")]: {\r\n fontSize: \"8px\",\r\n },\r\n },\r\n tableGrid: {\r\n maxWidth: \"100%\",\r\n margin: \"auto\",\r\n },\r\n table: {\r\n maxWidth: \"100%\",\r\n margin: \"auto\",\r\n marginBottom: \"20px\",\r\n },\r\n dosLabel: {\r\n \"& span\": {\r\n [theme.breakpoints.down(\"md\")]: {\r\n fontSize: \"10px\",\r\n margin: 0,\r\n },\r\n [theme.breakpoints.down(\"sm\")]: {\r\n fontSize: \"8px\",\r\n margin: 0,\r\n },\r\n },\r\n },\r\n dialogContainer: {\r\n marginBottom: \"16px\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n marginBottom: \"6px\",\r\n },\r\n padding: \"10px\",\r\n },\r\n ahmisLogo: {\r\n width: \"65%\",\r\n height: \"auto\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n width: \"40%\",\r\n height: \"auto\",\r\n },\r\n },\r\n ayushLogo: {\r\n width: \"65%\",\r\n height: \"auto\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n width: \"40%\",\r\n height: \"auto\",\r\n },\r\n },\r\n\r\n intervalLabel: {\r\n [theme.breakpoints.down(\"sm\")]: {\r\n fontSize: \"8px\",\r\n padding: \"4px\",\r\n },\r\n },\r\n checkboxIcon: {\r\n fontSize: \"10px\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n fontSize: \"8px\",\r\n },\r\n },\r\n\r\n dialogDividers: {\r\n margin: \"auto\",\r\n \"&:first-child\": {\r\n paddingTop: \"6px\",\r\n },\r\n },\r\n doList: {\r\n padding: 0,\r\n },\r\n}));\r\n\r\nconst StyledTableCell = withStyles((theme) => ({\r\n head: {\r\n color: theme.palette.common.white,\r\n fontSize: \"12px\",\r\n padding: \"0px\",\r\n border: \"1px solid black\",\r\n [theme.breakpoints.down(\"md\")]: {\r\n border: \"1px solid black\",\r\n //lineHeight: \"12px\",\r\n },\r\n },\r\n body: {\r\n fontSize: 15,\r\n },\r\n [theme.breakpoints.down(\"md\")]: {\r\n maxWidth: \"16%\",\r\n },\r\n [theme.breakpoints.down(\"sm\")]: {\r\n maxWidth: \"10%\",\r\n },\r\n}))(TableCell);\r\n\r\nconst StyledTableRow = withStyles((theme) => ({\r\n root: {\r\n \"&:nth-of-type(odd)\": {\r\n backgroundColor: theme.palette.action.hover,\r\n },\r\n },\r\n}))(TableRow);\r\n\r\nexport default function Preview(props) {\r\n let componentRef = useRef();\r\n const { data, open, onClose } = props;\r\n const classes = useStyles();\r\n const [diagnosisData, setDiagnosisData] = useState(null);\r\n const [simple, setSimple] = useState([]);\r\n const [external, setExternal] = useState([]);\r\n const [dos, setDos] = useState(null);\r\n const [donts, setDonts] = useState(null);\r\n const [paid, setPaid] = useState([]);\r\n const [complex, setComplex] = useState([]);\r\n const [previewData, setPreviewData] = useState(null);\r\n const [complexData, setComplexData] = useState([]);\r\n const [homeo, setHomeo] = useState([]);\r\n const somId = useSelector((state) => state.loginReducer.staffLogin.somId);\r\n const dispatch = useDispatch();\r\n const advice = useSelector((state) => state.adviceReducer.advices);\r\n const now = new Date().toLocaleString();\r\n const capitalizeFirstLetter = (string) => {\r\n const newString = string.charAt(0) + string.slice(1, string.maxLength).toLowerCase();\r\n return newString;\r\n };\r\n React.useEffect(() => {\r\n console.log(\"props data\", data);\r\n if (props && props.data) {\r\n setPreviewData(props.data);\r\n }\r\n if (data && data.doDont) {\r\n const doDont = data.doDont;\r\n const doData = doDont?.selectedDos;\r\n const obj1 = doData.map((d) => ({ d }));\r\n const result1 = advice.filter((o1) => obj1.some((o2) => o2.d === o1.id));\r\n console.log(\"rrrr\", obj1);\r\n let dosRows = [];\r\n let dosValue = \"\";\r\n doData?.forEach((element) => {\r\n dosValue += capitalizeFirstLetter(element.advice) + \", \";\r\n });\r\n const str = dosValue?.slice(0, -2);\r\n let newRow = {\r\n advice: str,\r\n };\r\n dosRows.push(newRow);\r\n\r\n setDos(dosRows);\r\n const dontData = doDont?.selectedDonts;\r\n const obj2 = dontData.map((d) => ({ d }));\r\n const result2 = advice.filter((o1) => obj2.some((o2) => o2.d === o1.id));\r\n let dontsRows = [];\r\n let dontsValue = \"\";\r\n dontData?.forEach((element) => {\r\n dontsValue += capitalizeFirstLetter(element.advice) + \", \";\r\n });\r\n const str1 = dontsValue?.slice(0, -2);\r\n let newRow1 = {\r\n advice: str1,\r\n };\r\n dontsRows.push(newRow1);\r\n\r\n setDonts(dontsRows);\r\n }\r\n if (data && data.prescription && data.prescription.value) {\r\n const prescriptionData = { ...props.data.prescription.value };\r\n const simpleData = prescriptionData?.simple;\r\n const externalData = prescriptionData?.external;\r\n const paidData = prescriptionData?.paid;\r\n const complexData = prescriptionData?.complex;\r\n const homeo = prescriptionData?.homeoMed;\r\n const homeosingle = prescriptionData?.homeo;\r\n const list = [].concat.apply([], prescriptionData?.complex);\r\n\r\n setComplexData(list);\r\n console.log(\"complexData\", complexData);\r\n const complexRows = [];\r\n const rows = list?.forEach((s) => {\r\n complexRows.push(s.rows);\r\n });\r\n const complexDetails = [].concat.apply([], complexRows);\r\n console.log(\"complex rows\", complexDetails);\r\n setComplex(complexDetails);\r\n if (somId === 5) {\r\n if (homeosingle?.length !== 0) {\r\n setSimple(homeosingle);\r\n }\r\n } else {\r\n if (simpleData?.length !== 0) {\r\n setSimple(simpleData);\r\n }\r\n }\r\n setHomeo(homeo);\r\n setExternal(externalData);\r\n setPaid(paidData);\r\n }\r\n\r\n if (data && data.diagnosis) {\r\n const diagnosis = { ...props.data.diagnosis };\r\n setDiagnosisData(diagnosis);\r\n }\r\n }, [props]);\r\n\r\n const handleClose = () => {\r\n onClose();\r\n };\r\n React.useEffect(() => {\r\n dispatch(fetchAdviceDetails(somId));\r\n }, [somId]);\r\n\r\n const selectedPatient = useSelector((state) => state.consultationReducer.patient);\r\n\r\n const registrationID = useSelector((state) => state.consultationReducer.registrationId);\r\n let drugIntervals = useSelector((state) => state.simpleMedicineReducer.drugIntervals);\r\n let vehicleNames = useSelector((state) => state.simpleMedicineReducer.vehicleName);\r\n\r\n const [allDrugInterval, setAllDrugInterval] = React.useState([]);\r\n\r\n React.useEffect(() => {\r\n (async () => {\r\n await dispatch(fetchDrugInterval()).then((res) => setAllDrugInterval(res.data));\r\n })();\r\n }, []);\r\n\r\n const myOwnColor = useSelector((state) => state.MainReducer.selectedColor);\r\n const StaffLogin = useSelector((state) => state.loginReducer.staffLogin);\r\n const homeoPotency = useSelector((state) => state.homeoPathyReducer.homeoPotency);\r\n\r\n return (\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n Close \r\n (\r\n \r\n )}\r\n content={() => componentRef}\r\n />\r\n \r\n \r\n
\r\n );\r\n}\r\n","import { Grid, Typography } from \"@material-ui/core\";\r\nimport Avatar from \"@material-ui/core/Avatar\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport Axios from \"axios\";\r\nimport moment from \"moment\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { useSelector } from \"react-redux\";\r\nimport configData from \"../../../config.json\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n justifyContent: \"space-between\",\r\n },\r\n text: {\r\n textAlign: \"left\",\r\n fontSize: \"14px\",\r\n [theme.breakpoints.down(\"md\")]: {\r\n fontSize: \"12px\",\r\n textAlign: \"left\",\r\n },\r\n [theme.breakpoints.down(\"sm\")]: {\r\n fontSize: \"10px\",\r\n textAlign: \"left\",\r\n },\r\n },\r\n profiles:{\r\n width: 60,\r\n height: 60,\r\n borderRadius: \"20px \",\r\n align: \"right\",\r\n [theme.breakpoints.down(\"md\")]: {\r\n width: 45,\r\n height: 45,\r\n borderRadius: \"20px \",\r\n align: \"right\",\r\n },\r\n [theme.breakpoints.down(\"sm\")]: {\r\n width: 45,\r\n height: 45,\r\n borderRadius: \"20px \",\r\n align: \"right\",\r\n },\r\n }\r\n}));\r\n\r\nexport default function CenteredGrid() {\r\n const classes = useStyles();\r\n const selectedPatient = useSelector(\r\n (state) => state.consultationReducer.patient\r\n );\r\n const [base64PatientPhoto, setBase64PatientPhoto] = React.useState(null);\r\n useEffect(() => {\r\n const patientPhoto = selectedPatient.photo;\r\n if (patientPhoto != undefined) {\r\n const base64String = btoa(\r\n String.fromCharCode(...new Uint8Array(selectedPatient.photo))\r\n );\r\n setBase64PatientPhoto(\"data:image/png;base64,\" + base64String);\r\n }\r\n }, [selectedPatient]);\r\n\r\n console.log(\"selectedPatient\", selectedPatient);\r\n\r\n const registrationID = useSelector(\r\n (state) => state.consultationReducer.registrationId\r\n );\r\n\r\n const vitalSigns = useSelector((state) => state.pulseReducer.vitalsDetails);\r\n\r\n const [pulseRate, setPulseRate] = useState(\"\");\r\n const [bloodPressure, setBloodPressure] = useState(\"\");\r\n const [temperature, setTemperature] = useState(\"\");\r\n const [spo2, setSpo2] = useState(\"\");\r\n const [respiratoryRate, setRespiratoryRate] = useState(\"\");\r\n const [heartRate, setHeartRate] = useState(\"\");\r\n const [age, setAge] = useState(\"\");\r\n\r\n let vitals = { ...vitalSigns };\r\n\r\n React.useEffect(() => {\r\n if (vitals && vitals.vitalsignDtos !== undefined) {\r\n vitals.vitalsignDtos.map((vitalSignData) => {\r\n if (vitalSignData.vitalSignTypeId === 2) {\r\n setPulseRate(vitalSignData.vitalSignValue);\r\n }\r\n if (vitalSignData.vitalSignTypeId === 3) {\r\n setSpo2(vitalSignData.vitalSignValue);\r\n }\r\n if (vitalSignData.vitalSignTypeId === 4) {\r\n setTemperature(vitalSignData.vitalSignValue);\r\n }\r\n if (vitalSignData.vitalSignTypeId === 5) {\r\n setBloodPressure(vitalSignData.vitalSignValue);\r\n }\r\n if (vitalSignData.vitalSignTypeId === 6) {\r\n setHeartRate(vitalSignData.vitalSignValue);\r\n }\r\n if (vitalSignData.vitalSignTypeId === 7) {\r\n setRespiratoryRate(vitalSignData.vitalSignValue);\r\n }\r\n });\r\n }\r\n }, [vitalSigns]);\r\n\r\n React.useEffect(() => {\r\n (async () => {\r\n const date = moment(selectedPatient?.dob).format(\"YYYY-MM-DD\");\r\n const res = await Axios.get(\r\n configData.MASTER_SERVICE_URL + `age/calculate/${date}`\r\n );\r\n\r\n if (res.data[0] === 0) {\r\n const finalAge = `${res.data[0]} Years ${res.data[1]} Months ${res.data[2]} Days`;\r\n console.log(\"finalAge\", finalAge);\r\n setAge(finalAge);\r\n } else {\r\n const finalAge = `${res.data[0]} Years`;\r\n console.log(\"finalAge\", finalAge);\r\n setAge(finalAge);\r\n }\r\n })();\r\n }, [selectedPatient]);\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n (componentRef = el)}>\r\n \r\n \r\n 
\r\n \r\n \r\n \r\n \r\n {StaffLogin.orgName}\r\n \r\n \r\n {StaffLogin.orgAddress}\r\n \r\n \r\n Prescription \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 OP ID/ Name: \r\n \r\n {registrationID} / {selectedPatient.patientName}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {diagnosisData &&\r\n diagnosisData.finalNsmc &&\r\n diagnosisData.finalNsmc.length != 0 &&\r\n diagnosisData.finalIcd &&\r\n diagnosisData.finalIcd.length != 0 ? (\r\n \r\n \r\n Final Diagnosis\r\n \r\n \r\n ) : null}\r\n {diagnosisData && diagnosisData.finalNsmc && diagnosisData.finalNsmc.length != 0 ? (\r\n \r\n \r\n Diagnosis NSMC :\r\n {diagnosisData && diagnosisData.finalNsmc && diagnosisData.finalNsmc.diseaseNameWithCode}\r\n \r\n \r\n ) : null}\r\n {diagnosisData && diagnosisData.finalIcd && diagnosisData.finalIcd.length != 0 ? (\r\n \r\n \r\n Diagnosis ICD :\r\n {diagnosisData && diagnosisData.finalIcd && diagnosisData.finalIcd.diagTermWithCode}\r\n \r\n \r\n ) : null}\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n {homeo && homeo?.length !== 0 ? (\r\n \r\n \r\n \r\n
\r\n \r\n \r\n ) : null}\r\n {simple?.length !== 0 ||\r\n complexData?.length !== 0 ||\r\n external?.length !== 0 ||\r\n paid?.length !== 0 ? (\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 {!isNaN(data?.prescription?.followUpVisitDay) ? (\r\n \r\n Follow - Up in : \r\n {data?.prescription?.followUpVisitDay}\r\n Days\r\n \r\n ) : null}\r\n \r\n \r\n {data?.prescription?.prescriptionRemarks ? (\r\n \r\n Prescription Remarks :\r\n {data?.prescription?.prescriptionRemarks}\r\n \r\n ) : null}\r\n \r\n \r\n \r\n {(data?.doDont?.selectedDos && data?.doDont?.selectedDos?.length !== 0) ||\r\n data?.doDont?.dosRemarks?.length !== 0 ? (\r\n \r\n \r\n \r\n Do's\r\n \r\n\r\n \r\n \r\n Do's Remarks : \r\n {data?.doDont?.dosRemarks}\r\n \r\n \r\n ) : null}\r\n \r\n \r\n ) : null}\r\n \r\n \r\n\r\n \r\n \r\n {(data?.doDont?.selectedDonts && data?.doDont?.selectedDonts?.length !== 0) ||\r\n data?.doDont?.dontsRemarks?.length !== 0 ? (\r\n \r\n \r\n \r\n Dont's\r\n \r\n \r\n \r\n Dont's Remarks : \r\n {data?.doDont?.dontsRemarks}\r\n \r\n \r\n ) : null}\r\n \r\n \r\n ) : null}\r\n \r\n \r\n \r\n \r\n \r\n Prescribed by :\r\n {StaffLogin.staffName}\r\n \r\n \r\n \r\n \r\n Date : {moment(new Date())?.format(\"DD-MM-YYYY\")}\r\n \r\n \r\n \r\n \r\n \r\n \r\n Notes\r\n \r\n \r\n \r\n \r\n FN - Fore Noon , AN - After Noon , E - Evening, N - Night, AF - After Food , BF - Before Food\r\n \r\n \r\n \r\n \r\n *** Digital Prescription. Signature not required. ***\r\n \r\n \r\n \r\n
\r\n - \r\n {dos?.map((v) => (\r\n
- \r\n {donts?.map((v) => (\r\n
\r\n \r\n \r\n \r\n \r\n Name: {selectedPatient.patientName} \r\n \r\n Date of Birth: {moment(selectedPatient?.dob).format(\"DD-MM-YYYY\")}\r\n \r\n Age: {age} \r\n \r\n \r\n Ayush ID: {selectedPatient.ayushId} \r\n ABHA Number: {selectedPatient.uhid} \r\n OP ID: {registrationID} \r\n \r\n \r\n Pulse Rate: {pulseRate} bpm \r\n Blood Pressure: {bloodPressure} mmhg \r\n Temperature: {temperature} °F \r\n \r\n \r\n \r\n SpO2: {spo2}%\r\n \r\n Respiratory Rate: {respiratoryRate} rpm \r\n Heart Rate: {heartRate} bpm \r\n \r\n \r\n
\r\n );\r\n}\r\n","import { faEdit } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport {\r\n Accordion,\r\n AccordionDetails,\r\n AccordionSummary,\r\n Button,\r\n Card,\r\n CardContent,\r\n Chip,\r\n CircularProgress,\r\n DialogTitle,\r\n FormControl,\r\n Grid,\r\n IconButton,\r\n List,\r\n ListItem,\r\n ListItemText,\r\n Popper,\r\n Select,\r\n TextField,\r\n} from \"@material-ui/core\";\r\nimport Dialog from \"@material-ui/core/Dialog\";\r\nimport DialogActions from \"@material-ui/core/DialogActions\";\r\nimport DialogContent from \"@material-ui/core/DialogContent\";\r\nimport Paper from \"@material-ui/core/Paper\";\r\nimport Table from \"@material-ui/core/Table\";\r\nimport TableBody from \"@material-ui/core/TableBody\";\r\nimport TableCell from \"@material-ui/core/TableCell\";\r\nimport TableContainer from \"@material-ui/core/TableContainer\";\r\nimport TableHead from \"@material-ui/core/TableHead\";\r\nimport TableRow from \"@material-ui/core/TableRow\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport { makeStyles, withStyles } from \"@material-ui/core/styles\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport \"font-awesome/css/font-awesome.min.css\";\r\nimport moment from \"moment\";\r\nimport React, { useRef, useState } from \"react\";\r\nimport Draggable from \"react-draggable\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { fetchAdviceDetails } from \"../../actions/AdviceAction\";\r\nimport { fetchDiagnosisDetailsForPres } from \"../../actions/DiagnosisAction\";\r\nimport { saveUnaniPulse } from \"../../actions/PulseAction\";\r\nimport PatientDetails from \"./Layout/PatientDetails\";\r\nimport \"./print.css\";\r\n// import { savePatientLabTestAndLabGroups } from \"../../actions/LabActions/LabRadiologyAssoAction\";\r\n// import { saveComplaintsDetails, saveComplaints } from \"../../actions/ConsultationAction\";\r\n// import { saveHomeopathy } from \"../../actions/HomeopathyAction\";\r\nimport { fetchLatestComplaints } from \"../../actions/Compliance&PrognosisAction\";\r\nimport {\r\n // saveMedicines,\r\n fetchAllMedicineVehicle,\r\n fetchDrugInterval,\r\n fetchMedicineName,\r\n fetchSom,\r\n fetchUom,\r\n} from \"../../actions/SimpleMedicineAction\";\r\n// import { saveComplexMedicines } from \"../../actions/ComplexMedicineAction\";\r\nimport ReactToPrint from \"react-to-print\";\r\nimport { fetchInvestigationSummary } from \"../../actions/LabActions/LabTestUnitsAction\";\r\nimport {\r\n careContextNotify,\r\n savePreviewDetail,\r\n sendMsgToPharmacist,\r\n updateConsultation,\r\n} from \"../../actions/PreviewAction\";\r\nimport { REMOVE_REGISTRATION_ID } from \"../../actions/Type\";\r\nimport ahmis from \"../../assets/ahmis.png\";\r\nimport leaf from \"../../assets/leaf.png\";\r\nimport { CloseButton } from \"../utils/Button\";\r\n// import { handlePrintButtonClick } from \"./DownloadPreviewPdf\";\r\nimport { Cancel, CheckCircle } from \"@material-ui/icons\";\r\nimport { fetchRadiologyInvestigationSummary } from \"../../actions/RadiologyInvAction\";\r\nimport RadioInvestigation from \"../../component/RadioInvestigation\";\r\nimport InvestigationSummary from \"../InvestigationSummary\";\r\n// import axiosInstance from \"../../api/Instance\";\r\nimport ExpandMoreIcon from \"@material-ui/icons/ExpandMore\";\r\nimport { Autocomplete } from \"@material-ui/lab\";\r\nimport {\r\n KeyboardDatePicker,\r\n MuiPickersUtilsProvider,\r\n} from \"@material-ui/pickers\";\r\nimport DateFnsUtils from \"@date-io/date-fns\";\r\nimport {\r\n fetchHealthFacilityBySomId,\r\n saveOPDTransferDetails,\r\n saveTranferIPAdmissionDetailsNew,\r\n} from \"../../actions/AdminMasterAction\";\r\nimport { fetchRegDeptListByOrgId } from \"../../actions/RegistrationAction\";\r\nimport { showSnackbar } from \"../../actions/Notification\";\r\n\r\nconst StyledTableRow = withStyles((theme) => ({\r\n root: {\r\n \"&:nth-of-type(odd)\": {\r\n backgroundColor: theme.palette.action.hover,\r\n },\r\n },\r\n}))(TableRow);\r\n\r\nconst fontSize8 = 8;\r\nconst fontSize10 = 10;\r\nconst fontSize12 = 12;\r\nconst fontSize14 = 14;\r\nconst fontSize15 = 15;\r\n\r\nfunction PaperComponent(props) {\r\n return (\r\n \r\n \r\n {somId === 2 ? (\r\n \r\n {pulseUnani ? (\r\n \r\n \r\n \r\n \r\n Pulse Unani\r\n \r\n \r\n \r\n onEdit(0)}\r\n >\r\n \r\n \r\n \r\n \r\n {pulseUnani &&\r\n pulseUnani?.nabzDtos?.some(\r\n (e) => e.pulseTypeId !== \"\"\r\n ) ? (\r\n \r\n \r\n Nabz : \r\n {pulseUnani &&\r\n pulseUnani.nabzDtos &&\r\n pulseUnani.nabzDtos\r\n ?.map((d) => d.nabz)\r\n ?.join(\", \")}\r\n \r\n \r\n ) : null}\r\n {pulseUnani && pulseUnani?.nabzMurakkabNames ? (\r\n \r\n \r\n Nabz MurakkabIds : \r\n {pulseUnani && pulseUnani?.nabzMurakkabNames}\r\n \r\n \r\n ) : null}\r\n {pulseUnani && pulseUnani?.mizaz ? (\r\n \r\n \r\n Mizaj : \r\n {pulseUnani && pulseUnani?.mizaz}\r\n \r\n \r\n ) : null}\r\n {pulseUnani && pulseUnani?.remarks ? (\r\n \r\n \r\n Remarks : \r\n {pulseUnani && pulseUnani?.remarks}\r\n \r\n \r\n ) : null}\r\n \r\n \r\n \r\n ) : null}\r\n \r\n ) : (\r\n \r\n {pulseData && pulseData.length !== 0 ? (\r\n \r\n \r\n \r\n \r\n Pulse\r\n \r\n \r\n \r\n onEdit(0)}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n {pulseData &&\r\n pulseData.map((d) => (\r\n \r\n ))}\r\n \r\n {data && data.pulse && data.pulse.remarks ? (\r\n \r\n \r\n Remarks : \r\n {data && data.pulse && data.pulse.remarks}\r\n \r\n \r\n ) : null}\r\n \r\n \r\n \r\n ) : null}\r\n \r\n )}\r\n\r\n \r\n {cdData && cdData.array && cdData.array.length ? (\r\n \r\n \r\n \r\n \r\n Complaints & Duration\r\n \r\n \r\n \r\n onEdit(1)}\r\n >\r\n \r\n \r\n \r\n \r\n {cdData &&\r\n cdData.array &&\r\n cdData.array.filter((el) => el.signSymptomId !== \"\")\r\n .length !== 0 ? (\r\n \r\n \r\n \r\n \r\n \r\n \r\n S.No\r\n \r\n \r\n Present Complaints\r\n \r\n \r\n Duration\r\n \r\n \r\n Units\r\n \r\n \r\n Remarks\r\n \r\n \r\n \r\n \r\n {cdData &&\r\n cdData?.array?.map((row, id) => (\r\n \r\n \r\n {id + 1}.\r\n \r\n \r\n {row.symptomName}\r\n \r\n \r\n {row.duration}\r\n \r\n \r\n {row.durationTypeId == \"1\"\r\n ? \"Days\"\r\n : row.durationTypeId == \"2\"\r\n ? \"Weeks\"\r\n : row.durationTypeId == \"3\"\r\n ? \"Months\"\r\n : null}\r\n \r\n \r\n {row.remarks}\r\n \r\n \r\n ))}\r\n \r\n \r\n \r\n \r\n ) : null}\r\n {cdData && cdData.diagnosisId ? (\r\n \r\n \r\n Provisional Diagnosis : \r\n {diagnosisList &&\r\n diagnosisList\r\n ?.filter((d) => d.id == cdData.diagnosisId)\r\n ?.map((e) => e.diseaseNameWithCode)}\r\n \r\n \r\n ) : null}\r\n {cdData && cdData?.chiefComplaintNotes ? (\r\n \r\n \r\n Present Complaint Notes : \r\n {cdData && cdData?.chiefComplaintNotes}\r\n \r\n \r\n ) : null}\r\n {cdData && cdData?.examinationNotes ? (\r\n \r\n \r\n Examination Notes : \r\n {cdData && cdData?.examinationNotes}\r\n \r\n \r\n ) : null}\r\n {cdData && cdData?.isBladderNormal && (\r\n \r\n \r\n Bladder Habits Normal : \r\n {cdData && cdData?.isBladderNormal ? (\r\n \r\n \r\n )}\r\n {cdData && cdData?.isBowelNormal && (\r\n \r\n \r\n Bowel Habits Normal : \r\n {cdData && cdData?.isBowelNormal ? (\r\n \r\n \r\n )}\r\n {cdData && cdData?.isAppetiteNormal && (\r\n \r\n \r\n Appetite Normal : \r\n {cdData && cdData?.isAppetiteNormal ? (\r\n \r\n \r\n )}\r\n {cdData && cdData?.isSleepNormal && (\r\n \r\n \r\n Sleep Normal : \r\n {cdData && cdData?.isSleepNormal ? (\r\n \r\n \r\n )}\r\n \r\n \r\n \r\n ) : null}\r\n \r\n\r\n {somId === 3 ? (\r\n \r\n {treatmentData?.length !== 0 && treatmentData !== null ? (\r\n \r\n \r\n \r\n \r\n Treatment\r\n \r\n \r\n \r\n onEdit(2)}\r\n >\r\n \r\n \r\n \r\n {treatmentData?.length !== 0 &&\r\n treatmentData !== null ? (\r\n \r\n \r\n Treatment Type: {treatmentData?.treatmentType}\r\n \r\n \r\n Treatment Name: {treatmentData?.treatmentName}\r\n \r\n \r\n Treatment Nature:{\" \"}\r\n {treatmentData?.treatmentNature}\r\n \r\n \r\n Application To: {treatmentData?.applicationTo}\r\n \r\n \r\n ) : null}\r\n \r\n \r\n ) : null}\r\n \r\n ) : null}\r\n\r\n {somId === 3 ? (\r\n \r\n {physicalData?.length !== 0 && physicalData !== null ? (\r\n \r\n \r\n \r\n \r\n General Physical Examinations\r\n \r\n \r\n \r\n onEdit(3)}\r\n >\r\n \r\n \r\n \r\n {physicalData?.length !== 0 &&\r\n physicalData !== null ? (\r\n \r\n \r\n \r\n Built: {physicalData?.build}\r\n \r\n \r\n Pallor: {physicalData?.pallor}\r\n \r\n \r\n Icterus: {physicalData?.icterus}\r\n \r\n \r\n\r\n \r\n \r\n Cyanosis: {physicalData?.cyanosis}\r\n \r\n\r\n \r\n Clubbing: {physicalData?.clubbing}\r\n \r\n \r\n Lymphadenopathy:{\" \"}\r\n {physicalData?.lymphadenopathy}\r\n \r\n \r\n\r\n \r\n \r\n Oedema: {physicalData?.oedema}\r\n \r\n \r\n Skin(appearance): {physicalData?.skin}\r\n \r\n \r\n \r\n ) : null}\r\n \r\n \r\n ) : null}\r\n \r\n ) : null}\r\n\r\n {somId === 3 ? (\r\n \r\n {systemicData?.length !== 0 && systemicData !== null ? (\r\n \r\n \r\n \r\n \r\n Systemic Examinations\r\n \r\n \r\n \r\n onEdit(4)}\r\n >\r\n \r\n \r\n \r\n {systemicData?.length !== 0 &&\r\n systemicData !== null ? (\r\n \r\n \r\n \r\n Cardio Vascular System:{\" \"}\r\n {systemicData?.cardioVascularSystem}\r\n \r\n \r\n Respiratory System:{\" \"}\r\n {systemicData?.respiratorySystem}\r\n \r\n \r\n Gastro-intestinal System:{\" \"}\r\n {systemicData?.gastroIntestinalSytem}\r\n \r\n \r\n\r\n \r\n \r\n Central Nervous System:{\" \"}\r\n {systemicData?.centralNervousSystem}\r\n \r\n\r\n \r\n Motor System: {systemicData?.motorSystem}\r\n \r\n \r\n Facial Diagnosis / Encumbrance:{\" \"}\r\n {systemicData?.facialDiagEncumbrance}\r\n \r\n \r\n\r\n \r\n \r\n Tongue Diagnosis:{\" \"}\r\n {systemicData?.tongueDiagnosis}\r\n \r\n \r\n Left Iris Diagnosis:{\" \"}\r\n {systemicData?.irisDiagLeft}\r\n \r\n \r\n Right Iris Diagnosis:{\" \"}\r\n {systemicData?.irisDiagRight}\r\n \r\n \r\n \r\n ) : null}\r\n \r\n \r\n ) : null}\r\n \r\n ) : null}\r\n\r\n \r\n {pastData?.length > 0 ||\r\n personalData?.length !== 0 ||\r\n familyData?.length !== 0 ||\r\n data?.history?.menstrual ||\r\n data?.history?.obstetric ? (\r\n \r\n \r\n \r\n \r\n Clinical History\r\n \r\n \r\n \r\n \r\n somId === 3 ? onEdit(5) : onEdit(2)\r\n }\r\n >\r\n \r\n \r\n \r\n \r\n {pastData && pastData?.length !== 0 ? (\r\n \r\n \r\n \r\n Past History\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {[\r\n \"Disease\",\r\n \"Status\",\r\n \"Month\",\r\n \"Year\",\r\n \"Remarks\",\r\n ].map((header) => (\r\n \r\n {header}\r\n \r\n ))}\r\n \r\n \r\n \r\n {pastData?.map((row, id) => (\r\n \r\n {row.historyValue === 1 ||\r\n row.historyValue === 0 ? (\r\n <>\r\n \r\n {row.diseaseTypeName}\r\n \r\n \r\n {row.historyValue === 1\r\n ? \"Yes\"\r\n : \"No\"}\r\n \r\n \r\n {row.historyValue === 1 ? (\r\n <>\r\n {\r\n months?.find(\r\n (s) =>\r\n s.id === row.month\r\n )?.name\r\n }\r\n \r\n ) : (\r\n \"-\"\r\n )}\r\n \r\n \r\n {row.historyValue === 1\r\n ? row.year\r\n : \"-\"}\r\n \r\n \r\n {row.remarks}\r\n \r\n \r\n ) : null}\r\n \r\n ))}\r\n \r\n \r\n \r\n {data?.history?.past?.remarks && (\r\n \r\n \r\n \r\n Remarks: \r\n \r\n {data?.history?.past?.remarks}\r\n \r\n \r\n )}\r\n {!!data?.history?.past?.surgicalHistory && (\r\n \r\n \r\n \r\n {\" \"}\r\n Surgical History: \r\n \r\n\r\n {data.history.past.surgicalHistory}\r\n \r\n \r\n )}\r\n {!!data?.history?.past\r\n ?.vaccinationHistory && (\r\n \r\n \r\n \r\n Vaccination History: \r\n \r\n {data.history.past.vaccinationHistory}\r\n \r\n \r\n )}\r\n \r\n \r\n \r\n \r\n ) : null}\r\n {/* =================================Personal History==================================== */}\r\n {personalData && personalData?.length !== 0 ? (\r\n \r\n \r\n \r\n Personal History\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Habits\r\n \r\n \r\n Month\r\n \r\n \r\n Year\r\n \r\n \r\n Consumption\r\n \r\n \r\n \r\n \r\n {personalData?.map((row, id) => (\r\n \r\n \r\n {row.diseaseTypeName}\r\n \r\n \r\n {row.historyValue === 1 ? (\r\n <>\r\n {\r\n months?.find(\r\n (s) => s.id === row.month\r\n )?.name\r\n }\r\n \r\n ) : (\r\n \"-\"\r\n )}\r\n \r\n \r\n {row.historyValue === 1\r\n ? row.year\r\n : \"-\"}\r\n \r\n {row.diseaseTypeId === 2 ? (\r\n \r\n {row.historyValue === 1\r\n ? `${row.consumption} ml/ ${\r\n row.durationTypeId === 1\r\n ? \"Days\"\r\n : row.durationTypeId === 2\r\n ? \"Weeks\"\r\n : row.durationTypeId === 3\r\n ? \"Months\"\r\n : null\r\n }`\r\n : \"-\"}\r\n \r\n ) : (\r\n \r\n {row.historyValue === 1\r\n ? `${row.consumption} ${\r\n row.durationTypeId === 1\r\n ? \"Days\"\r\n : row.durationTypeId === 2\r\n ? \"Weeks\"\r\n : row.durationTypeId === 3\r\n ? \"Months\"\r\n : null\r\n }`\r\n : \"-\"}\r\n \r\n )}\r\n \r\n ))}\r\n \r\n \r\n \r\n {data?.history?.personal?.vegNonveg ? (\r\n \r\n \r\n Vegetarian : \r\n {data?.history?.personal?.vegNonveg}\r\n \r\n \r\n ) : null}\r\n {data?.history?.personal?.remarks ? (\r\n \r\n \r\n Remarks : \r\n {data?.history?.personal?.remarks}\r\n \r\n \r\n ) : null}\r\n \r\n \r\n \r\n \r\n ) : null}\r\n\r\n {/* =======================Family History============================= */}\r\n {familyData && familyData?.length !== 0 ? (\r\n \r\n \r\n \r\n Family History\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Disease\r\n \r\n \r\n Father\r\n \r\n \r\n Mother\r\n \r\n \r\n \r\n \r\n {familyData?.map((row, id) => (\r\n \r\n \r\n {row.diseaseTypeName}\r\n \r\n \r\n {row.fatherValue === 1\r\n ? \"Yes\"\r\n : row.fatherValue === 0\r\n ? \"No\"\r\n : row.fatherValue === 2\r\n ? \"Not Known\"\r\n : \"-\"}\r\n \r\n \r\n {row.motherValue === 1\r\n ? \"Yes\"\r\n : row.motherValue === 0\r\n ? \"No\"\r\n : row.motherValue === 2\r\n ? \"Not Known\"\r\n : \"-\"}\r\n \r\n \r\n ))}\r\n \r\n \r\n \r\n {data?.history?.family\r\n ?.consanguineousMarriage ? (\r\n \r\n \r\n Consanguineous Marriage : \r\n {\r\n data?.history?.family\r\n ?.consanguineousMarriage\r\n }\r\n \r\n \r\n ) : null}\r\n {data?.history?.family?.remarks ? (\r\n \r\n \r\n Remarks : \r\n {data?.history?.family?.remarks}\r\n \r\n \r\n ) : null}\r\n \r\n \r\n \r\n \r\n ) : null}\r\n {menstrualHistory && menstrualHistory !== null ? (\r\n \r\n \r\n \r\n Menstrual History\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n LMP Date\r\n \r\n \r\n Regular\r\n \r\n \r\n Duration\r\n \r\n \r\n Interval\r\n \r\n \r\n Clot\r\n \r\n \r\n Color\r\n \r\n \r\n Menopause Date\r\n \r\n \r\n Hysterectomy Date\r\n \r\n \r\n Remarks\r\n \r\n \r\n \r\n \r\n \r\n \r\n {menstrualHistory?.lmpDate\r\n ? moment(\r\n menstrualHistory?.lmpDate\r\n ).format(\"DD-MM-YYYY\")\r\n : \"-\"}\r\n \r\n \r\n {menstrualHistory?.isRegular}\r\n \r\n \r\n {menstrualHistory?.duration}\r\n \r\n \r\n {menstrualHistory?.interval}\r\n \r\n \r\n {menstrualHistory?.isClot}\r\n \r\n \r\n {menstrualHistory?.color}\r\n \r\n \r\n {menstrualHistory?.menopauseDateStr\r\n ? String(\r\n menstrualHistory?.menopauseDateStr\r\n )?.length > 4\r\n ? moment(\r\n menstrualHistory?.menopauseDateStr\r\n ).format(\"DD MM YYYY\")\r\n : moment(\r\n menstrualHistory?.menopauseDateStr\r\n ).format(\"YYYY\")\r\n : \"-\"}\r\n \r\n \r\n {menstrualHistory?.hysterectomyDateStr\r\n ? String(\r\n menstrualHistory?.hysterectomyDateStr\r\n )?.length > 4\r\n ? moment(\r\n menstrualHistory?.hysterectomyDateStr\r\n ).format(\"DD MM YYYY\")\r\n : moment(\r\n menstrualHistory?.hysterectomyDateStr\r\n ).format(\"YYYY\")\r\n : \"-\"}\r\n \r\n \r\n {menstrualHistory?.remarks}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n ) : null}\r\n {data?.history?.obstetric &&\r\n (data?.history?.obstetric?.gynaecHistory ||\r\n data?.history?.obstetric?.gynaecExamination ||\r\n data?.history?.obstetric?.obsHistory) ? (\r\n \r\n \r\n \r\n Obstetric & Gynaecological History\r\n \r\n \r\n {data?.history?.obstetric?.gynaecHistory && (\r\n \r\n \r\n Gynaecological History: \r\n {data?.history?.obstetric?.gynaecHistory}\r\n \r\n \r\n )}\r\n {!!data?.history?.obstetric\r\n ?.gynaecExamination && (\r\n \r\n \r\n Gynaecological Examination: \r\n {data.history.obstetric.gynaecExamination}\r\n \r\n \r\n )}\r\n\r\n {!!data?.history?.obstetric?.obsHistory && (\r\n \r\n \r\n Obstetric History: \r\n\r\n {data.history.obstetric.obsHistory}\r\n \r\n \r\n )}\r\n \r\n ) : null}\r\n \r\n \r\n \r\n ) : null}\r\n \r\n \r\n {data?.compliancePrognosisValue?.modified ? (\r\n \r\n \r\n \r\n \r\n Compliance & prognosis\r\n \r\n \r\n \r\n \r\n somId === 3 ? onEdit(6) : onEdit(3)\r\n }\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Compliance\r\n \r\n {candPData?.alignment1 &&\r\n candPData?.alignment1 !== \"\" ? (\r\n \r\n {/* \r\n \r\n Drug Intake : \r\n \r\n \r\n \r\n \r\n {candPData?.alignment1}\r\n \r\n \r\n \r\n ) : null}\r\n {candPData?.alignment2 &&\r\n candPData?.alignment2 !== \"\" ? (\r\n \r\n {/* \r\n \r\n Regular Visit to Hospital : \r\n \r\n \r\n \r\n \r\n {candPData?.alignment2}\r\n \r\n \r\n \r\n ) : null}\r\n {candPData?.alignment3 &&\r\n candPData?.alignment3 !== \"\" ? (\r\n \r\n \r\n \r\n Advice : \r\n \r\n \r\n \r\n \r\n {candPData?.alignment3}\r\n \r\n \r\n \r\n ) : null}\r\n \r\n \r\n {candPData?.toggle &&\r\n candPData?.toggle?.length !== 0 ? (\r\n \r\n \r\n \r\n Prognosis\r\n \r\n \r\n \r\n {candPData?.progObject?.map((v) => (\r\n \r\n {`${v.complaintName} : `}\r\n \r\n ))}\r\n \r\n \r\n {candPData?.toggle?.map((v) => (\r\n \r\n {v === 1\r\n ? \"Cured\"\r\n : v === 2\r\n ? \"Improving\"\r\n : v === 3\r\n ? \"SQA\"\r\n : v === 4\r\n ? \"Deteriorating\"\r\n : null}\r\n \r\n ))}\r\n \r\n \r\n \r\n \r\n ) : null}\r\n \r\n \r\n \r\n ) : null}\r\n \r\n \r\n {labDetails?.selected?.lab?.flatMap((v) => v?.group)?.length >\r\n 0 ||\r\n labDetails?.selected?.lab?.flatMap((v) => v?.lab)?.length >\r\n 0 ? (\r\n \r\n \r\n \r\n {labDetails?.selected?.lab?.flatMap((v) => v?.group)\r\n ?.length > 0 ||\r\n labDetails?.selected?.lab?.flatMap((v) => v?.lab)\r\n ?.length > 0 ? (\r\n \r\n \r\n \r\n Laboratory\r\n \r\n \r\n \r\n \r\n Investigation Summary\r\n \r\n \r\n \r\n ) : null}\r\n {labDetails &&\r\n [\r\n ...labDetails?.lab?.lab?.flatMap((a, index) =>\r\n a.labGroups?.filter(\r\n (v) =>\r\n labDetails?.selected?.lab[index] &&\r\n labDetails?.selected?.lab[\r\n index\r\n ]?.group?.indexOf(v.id) !== -1\r\n )\r\n ),\r\n ...labDetails.lab?.lab?.flatMap((a, index) =>\r\n a.labTests?.filter(\r\n (v) =>\r\n labDetails?.selected?.lab[index] &&\r\n labDetails?.selected?.lab[\r\n index\r\n ]?.lab?.indexOf(v.id) !== -1\r\n )\r\n ),\r\n ]\r\n ?.filter((el) => el)\r\n ?.map((v) => {\r\n return (\r\n \r\n );\r\n })}\r\n {labDetails?.selected?.radio?.flat()?.length > 0 ? (\r\n <>\r\n \r\n \r\n \r\n Radiology\r\n \r\n \r\n \r\n \r\n Investigation Summary\r\n \r\n \r\n \r\n {labDetails?.lab?.radio\r\n ?.flatMap((v, index) =>\r\n v.labTests?.filter(\r\n (v) =>\r\n labDetails?.selected?.radio[index] &&\r\n labDetails?.selected?.radio[\r\n index\r\n ]?.indexOf(v.id) !== -1\r\n )\r\n )\r\n .map((v) => (\r\n \r\n ))}\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n \r\n \r\n \r\n somId === 3 ? onEdit(7) : onEdit(4)\r\n }\r\n >\r\n \r\n ) : null}\r\n \r\n \r\n {data?.surgicalProceduresDtos &&\r\n data?.surgicalProceduresDtos?.some(\r\n (item) => item.surgicalProcedureId !== null\r\n ) ? (\r\n \r\n \r\n \r\n \r\n Surgical Procedures\r\n \r\n \r\n \r\n onEdit(5)}\r\n >\r\n \r\n \r\n \r\n \r\n {data?.surgicalProceduresDtos && (\r\n \r\n \r\n \r\n \r\n \r\n \r\n S.No\r\n \r\n \r\n Surgical Procedure\r\n \r\n \r\n Procedure Date\r\n \r\n \r\n Remarks\r\n \r\n \r\n \r\n \r\n {data?.surgicalProceduresDtos &&\r\n data?.surgicalProceduresDtos?.map(\r\n (row, id) => (\r\n \r\n \r\n {id + 1}.\r\n \r\n \r\n {\r\n (activeProcedureList?.find(\r\n (item) =>\r\n item?.id === row.surgicalProcedureId\r\n )?.procedureTypeName)\r\n + \" - \" + (activeProcedureList?.find(\r\n (item) =>\r\n item?.id ===\r\n row.surgicalProcedureId\r\n )?.name )\r\n }\r\n \r\n \r\n {moment(\r\n row.procedureDate\r\n )?.format(\"DD-MM-YYYY hh:mm A\")}\r\n \r\n \r\n {row.remarks}\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 ) : null}\r\n \r\n \r\n {data?.concomitantMedicines?.medicineData &&\r\n (data?.concomitantMedicines?.medicineData?.concomitant\r\n ?.length !== 0 ||\r\n data?.concomitantMedicines?.medicineData?.medicine\r\n ?.length !== 0) ? (\r\n \r\n \r\n \r\n \r\n Concomitant Medicine\r\n \r\n \r\n \r\n \r\n somId === 3 ? onEdit(8) : onEdit(5)\r\n }\r\n >\r\n \r\n \r\n \r\n \r\n {allopath?.length !== 0 ? (\r\n \r\n \r\n Allopathic Medicine\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {[\r\n \"S.No\",\r\n \"Medicine Name\",\r\n \"Dosage\",\r\n \"Unit\",\r\n \"Frequency\",\r\n \"Action\",\r\n \"Dispensary/ Remarks\",\r\n \"Allergies Known\",\r\n \"Start Date\",\r\n \"End Date\",\r\n ].map((header) => (\r\n \r\n {header}\r\n \r\n ))}\r\n \r\n \r\n \r\n {allopath?.map((row, id) => (\r\n \r\n \r\n {id + 1}.\r\n \r\n \r\n {row.medicineName}\r\n \r\n \r\n {row.quantity}\r\n \r\n \r\n {\r\n uoms?.find(\r\n (d) => d.id === +row.uomId\r\n )?.uomName\r\n }\r\n \r\n\r\n \r\n {\r\n drugIntervals?.find(\r\n (d) =>\r\n d.id === row.drugIntervalId\r\n )?.shortName\r\n }\r\n \r\n\r\n \r\n {row.actionStatus}\r\n \r\n \r\n {row.remarks}\r\n \r\n \r\n {row.allergies}\r\n \r\n \r\n {row.startDate === null ? (\r\n \r\n NA\r\n \r\n ) : (\r\n <>\r\n {moment(row.startDate).format(\r\n \"DD-MM-YYYY\"\r\n )}\r\n \r\n )}\r\n \r\n \r\n {row.endDate === null ? (\r\n \r\n NA\r\n \r\n ) : (\r\n <>\r\n {moment(row.endDate).format(\r\n \"DD-MM-YYYY\"\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 ) : null}\r\n
\r\n {/* ============================================================================================= */}\r\n {concomData?.length !== 0 ? (\r\n\r\n \r\n Ayush Medicine\r\n \r\n {/* */}\r\n \r\n \r\n \r\n \r\n \r\n \r\n {[\r\n \"S.No\",\r\n \"Medicine Stream\",\r\n \"Medicine Name\",\r\n \"Dosage\",\r\n \"Unit\",\r\n \"Medicine Vehicle\",\r\n \"Frequency\",\r\n \"Action\",\r\n \"Dispensary/ Remarks\",\r\n \"Allergies Known\",\r\n \"Start Date\",\r\n \"End Date\",\r\n ].map((header) => (\r\n \r\n {header}\r\n \r\n ))}\r\n \r\n \r\n\r\n \r\n {concomData?.map((row, id) => (\r\n \r\n \r\n {id + 1}.\r\n \r\n \r\n {\r\n streamNames?.find(\r\n (d) =>\r\n d.id ===\r\n row.medicineStreamId\r\n )?.streamName\r\n }\r\n \r\n\r\n \r\n {concomitantMed &&\r\n concomitantMed[\r\n row?.medicineStreamId?.toString()\r\n ]?.find(\r\n (d) =>\r\n d.id === +row.medicineNameId\r\n )?.MedicineName}\r\n \r\n\r\n \r\n {row.quantity}\r\n \r\n\r\n \r\n {row.uom}\r\n \r\n\r\n \r\n {\r\n vehicleNames?.find(\r\n (s) =>\r\n s.id ===\r\n row.medicineVehicleId\r\n )?.vehicleName\r\n }\r\n \r\n\r\n \r\n {\r\n drugIntervals?.find(\r\n (d) =>\r\n d.id === +row.drugIntervalId\r\n )?.shortName\r\n }\r\n \r\n\r\n \r\n {row.actionStatus}\r\n \r\n \r\n {row.remarks}\r\n \r\n\r\n \r\n {row.allergies}\r\n \r\n \r\n {row.startDate === null ? (\r\n \r\n NA\r\n \r\n ) : (\r\n <>\r\n {moment(row.startDate).format(\r\n \"DD-MM-YYYY\"\r\n )}\r\n \r\n )}\r\n \r\n \r\n {row.endDate === null ? (\r\n \r\n NA\r\n \r\n ) : (\r\n <>\r\n {moment(row.endDate).format(\r\n \"DD-MM-YYYY\"\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 ) : null}\r\n \r\n \r\n \r\n ) : null}\r\n \r\n \r\n {data &&\r\n data?.diagnosis &&\r\n (data?.diagnosis?.finalIcd ||\r\n data?.diagnosis?.finalNsmc ||\r\n data?.diagnosis?.selectednsmc ||\r\n data?.diagnosis?.selectedIcd ||\r\n data?.diagnosis?.additionalNsmc ||\r\n data?.diagnosis?.additionalIcd) ? (\r\n \r\n \r\n \r\n \r\n Diagnosis with Differential Diagnosis\r\n \r\n \r\n \r\n \r\n somId === 3 ? onEdit(9) : onEdit(6)\r\n }\r\n >\r\n \r\n \r\n \r\n {diagnosisData &&\r\n (diagnosisData?.selectednsmc?.length > 0 ||\r\n diagnosisData?.selectedIcd?.length > 0) ? (\r\n <>\r\n \r\n Differential Diagnosis\r\n \r\n \r\n \r\n {somId !== 5 &&\r\n diagnosisData?.selectednsmc?.length > 0 ? (\r\n \r\n \r\n Diagnosis in {nmcCodeTerm} :\r\n \r\n \r\n ) : null}\r\n {diagnosisData?.selectedIcd?.length > 0 ? (\r\n \r\n \r\n Diagnosis in{\" \"}\r\n {selectedICDTAB === \"icd 10\"\r\n ? \"ICD 10\"\r\n : \"ICD 11\"}{\" \"}\r\n :\r\n \r\n \r\n ) : null}\r\n \r\n \r\n \r\n ) : null}\r\n {diagnosisData &&\r\n (diagnosisData?.finalNsmc ||\r\n diagnosisData?.finalIcd) ? (\r\n <>\r\n \r\n Final Diagnosis\r\n \r\n \r\n \r\n {somId !== 5 && data?.diagnosis?.finalNsmc ? (\r\n \r\n \r\n Diagnosis in {nmcCodeTerm} :\r\n \r\n {\r\n diagnosisData?.finalNsmc\r\n ?.diseaseNameWithCode\r\n }\r\n \r\n ) : null}\r\n {data?.diagnosis?.finalIcd ? (\r\n \r\n \r\n Diagnosis in{\" \"}\r\n {selectedICDTAB === \"icd 10\"\r\n ? \"ICD 10\"\r\n : \"ICD 11\"}{\" \"}\r\n :\r\n \r\n {diagnosisData?.finalIcd?.diagTermWithCode}\r\n \r\n ) : null}\r\n \r\n \r\n \r\n ) : null}\r\n {diagnosisData &&\r\n (diagnosisData?.additionalNsmc?.length > 0 ||\r\n diagnosisData?.additionalIcd?.length > 0) ? (\r\n <>\r\n \r\n Additional Diagnosis\r\n \r\n \r\n \r\n {somId !== 5 &&\r\n diagnosisData?.additionalNsmc?.length > 0 ? (\r\n \r\n \r\n Additional Diagnosis in {nmcCodeTerm} :\r\n \r\n \r\n ) : null}\r\n {diagnosisData?.additionalIcd?.length > 0 ? (\r\n \r\n \r\n Additional Diagnosis in{\" \"}\r\n {selectedICDTAB === \"icd 10\"\r\n ? \"ICD 10\"\r\n : \"ICD 11\"}{\" \"}\r\n :\r\n \r\n \r\n ) : null}\r\n \r\n \r\n \r\n ) : null}\r\n \r\n \r\n ) : null}\r\n \r\n \r\n \r\n {data?.prescription?.followUpDateRadio ||\r\n simple !== null ||\r\n complex !== null ||\r\n external !== null ||\r\n paid !== null ? (\r\n \r\n \r\n \r\n \r\n Prescription\r\n \r\n \r\n \r\n (somId === 3 ? onEdit(11) : onEdit(8))}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n {data?.prescription?.value &&\r\n data?.prescription?.value?.complex?.length !== 0 &&\r\n somId !== 5 ? (\r\n \r\n \r\n \r\n Mixture Medicine\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {[\r\n \"S.No\",\r\n \"Medicine Type\",\r\n \"Medicine Name\",\r\n \"Dosage\",\r\n \"Units\",\r\n \"No Of Days\",\r\n \"Interval\",\r\n \"Vehicle\",\r\n \"AF/ BF\",\r\n \"Total Quantity\",\r\n \"Remarks\",\r\n ].map((header) => (\r\n \r\n {header}\r\n \r\n ))}\r\n \r\n \r\n \r\n {complexData?.map((row, rowIndex) => (\r\n <>\r\n {row?.rows?.map((x, i) => (\r\n \r\n {i + 1 === 1 ? (\r\n \r\n {handleRowCount(rowIndex)}.\r\n \r\n ) : null}\r\n \r\n {\r\n complexMedicineTypes?.find(\r\n (s) =>\r\n s.id === x.medicineType\r\n )?.typeName\r\n }\r\n \r\n \r\n {\r\n data?.prescription?.complexMedicines[\r\n x?.medicineType?.toString()\r\n ]?.find(\r\n (d) =>\r\n d.id === x.medicineName\r\n )?.MedicineName\r\n }\r\n \r\n\r\n \r\n {x.dosage}\r\n \r\n \r\n {x.uomName}\r\n \r\n {i + 1 === 1 ? (\r\n \r\n {row.noDays}\r\n \r\n ) : null}\r\n {i + 1 === 1 ? (\r\n \r\n {\r\n drugIntervals?.find(\r\n (d) =>\r\n d.id ===\r\n row.drugIntervalId\r\n )?.shortName\r\n }\r\n \r\n ) : null}\r\n {i + 1 === 1 ? (\r\n \r\n {\r\n vehicleNames?.find(\r\n (s) =>\r\n s.id ===\r\n row.medicineVehicle\r\n )?.vehicleName\r\n }\r\n \r\n ) : null}\r\n\r\n {i + 1 === 1 ? (\r\n \r\n {row.isBf === \"true\"\r\n ? \"AF\"\r\n : \"BF\"}\r\n \r\n ) : null}\r\n \r\n {x.totalQuantity}\r\n \r\n {i + 1 === 1 ? (\r\n \r\n {row.remarks}\r\n \r\n ) : null}\r\n \r\n ))}\r\n \r\n ))}\r\n \r\n \r\n \r\n \r\n \r\n ) : null}\r\n \r\n\r\n {/* =================================================single========================================== */}\r\n \r\n \r\n \r\n {(!!simple?.length || !!homeo?.length) && (\r\n \r\n Single Medicine\r\n \r\n )}\r\n \r\n {!!simple?.length ? (\r\n \r\n \r\n \r\n \r\n \r\n {[\r\n \"S.No\",\r\n \"Medicine Type\",\r\n \"Medicine Name\",\r\n \"Dosage\",\r\n \"Units\",\r\n \"No Of Days\",\r\n \"Interval\",\r\n \"Vehicle\",\r\n \"AF/ BF\",\r\n \"Total Quantity\",\r\n \"Remarks\",\r\n ].map((header) => (\r\n \r\n {header}\r\n \r\n ))}\r\n \r\n \r\n \r\n {simple?.map((row, id) => (\r\n \r\n \r\n {handleRowCount(id)}.\r\n \r\n {somId === 5 ? (\r\n \r\n {\r\n homeoMedtypes?.find(\r\n (s) =>\r\n s.id === row.medicineType\r\n )?.typeName\r\n }\r\n \r\n ) : (\r\n \r\n {\r\n simpleMedicineTypes?.find(\r\n (s) =>\r\n s.id === row.medicineType\r\n )?.typeName\r\n }\r\n \r\n )}\r\n \r\n {\r\n data?.prescription?.simpleMedicines[\r\n row?.medicineType?.toString()\r\n ]?.find(\r\n (d) => d.id === row.medicineName\r\n )?.MedicineName\r\n }\r\n \r\n \r\n {row.dosage}\r\n \r\n \r\n {row.uomName}\r\n \r\n \r\n {row.noDays}\r\n \r\n \r\n {\r\n drugIntervals?.find(\r\n (d) =>\r\n d.id === row.drugIntervalId\r\n )?.shortName\r\n }\r\n \r\n \r\n {\r\n vehicleNames?.find(\r\n (s) =>\r\n s.id === row.medicineVehicle\r\n )?.vehicleName\r\n }\r\n \r\n \r\n {row.isBf === \"true\" ? \"AF\" : \"BF\"}\r\n \r\n \r\n {row.totalQuantity}\r\n \r\n \r\n {row.remarks}\r\n \r\n \r\n ))}\r\n \r\n \r\n \r\n \r\n ) : null}\r\n \r\n \r\n {!!homeo?.length ? (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {[\r\n \"S.No\",\r\n \"Medicine Type\",\r\n \"Medicine Name\",\r\n \"Dosage\",\r\n \"Potency\",\r\n \"Units\",\r\n \"No Of Days\",\r\n \"Interval\",\r\n \"Vehicle\",\r\n \"AF/ BF\",\r\n \"Total Quantity\",\r\n \"Remarks\",\r\n ].map((header) => (\r\n \r\n {header}\r\n \r\n ))}\r\n \r\n \r\n \r\n {homeo?.map((row, id) => (\r\n \r\n \r\n {handleRowCount(id)}.\r\n \r\n \r\n {\r\n homeoMedtypes?.find(\r\n (s) => s.id === row.medicineType\r\n )?.typeName\r\n }\r\n \r\n \r\n {\r\n data?.prescription?.simpleMedicines[\r\n row.medicineType.toString()\r\n ]?.find(\r\n (d) => d.id === row.medicineName\r\n )?.MedicineName\r\n }\r\n \r\n \r\n {row.dosage}\r\n \r\n {row.decimal !== \"\" &&\r\n row.decimal !== 0 ? (\r\n \r\n {`${\r\n homeoPotency?.Decimal?.find(\r\n (s) => s.id === row.decimal\r\n )?.typeName\r\n } Decimal`}\r\n \r\n ) : null}\r\n {row.centesimal !== \"\" &&\r\n row.centesimal !== 0 ? (\r\n \r\n {`${\r\n homeoPotency?.Centesimal?.find(\r\n (s) => s.id === row.centesimal\r\n )?.typeName\r\n } Centesimal`}\r\n \r\n ) : null}\r\n {row.millesimal !== \"\" &&\r\n row.millesimal !== 0 ? (\r\n \r\n {`${\r\n homeoPotency?.Millesimal?.find(\r\n (s) => s.id === row.millesimal\r\n )?.typeName\r\n } Millesimal`}\r\n \r\n ) : null}\r\n \r\n {row.uomName}\r\n \r\n \r\n {row.noDays}\r\n \r\n \r\n {\r\n drugIntervals?.find(\r\n (d) =>\r\n d.id === row.drugIntervalId\r\n )?.shortName\r\n }\r\n \r\n \r\n {\r\n vehicleNames?.find(\r\n (s) =>\r\n s.id === row.medicineVehicle\r\n )?.vehicleName\r\n }\r\n \r\n \r\n {row.isBf === \"true\" ? \"AF\" : \"BF\"}\r\n \r\n \r\n {row.totalQuantity}\r\n \r\n \r\n {row.remarks}\r\n \r\n \r\n ))}\r\n \r\n \r\n \r\n \r\n \r\n \r\n ) : null}\r\n\r\n {/* =====================================================paid===================================== */}\r\n {data?.prescription?.value &&\r\n data?.prescription?.value?.paid?.length !== 0 ? (\r\n \r\n \r\n \r\n Paid Medicine\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {[\r\n \"S.No\",\r\n \"Medicine Type\",\r\n \"Medicine Name\",\r\n \"Dosage\",\r\n \"Units\",\r\n \"No Of Days\",\r\n \"Interval\",\r\n \"Vehicle\",\r\n \"AF/ BF\",\r\n \"Total Quantity\",\r\n \"Remarks\",\r\n ].map((header) => (\r\n \r\n {header}\r\n \r\n ))}\r\n \r\n \r\n \r\n {paid?.map((row, id) => (\r\n \r\n \r\n {handleRowCount(id)}.\r\n \r\n \r\n {\r\n paidMedicineTypes?.find(\r\n (s) => s.id === row.medicineType\r\n )?.typeName\r\n }\r\n \r\n \r\n {\r\n data?.prescription?.paidMedicines[\r\n row?.medicineType?.toString()\r\n ]?.find(\r\n (d) => d.id === row.medicineName\r\n )?.MedicineName\r\n }\r\n \r\n \r\n {row.dosage}\r\n \r\n \r\n {row.uomName}\r\n \r\n \r\n {row.noDays}\r\n \r\n \r\n {\r\n drugIntervals?.find(\r\n (d) => d.id === row.drugIntervalId\r\n )?.shortName\r\n }\r\n \r\n \r\n {\r\n vehicleNames?.find(\r\n (s) =>\r\n s.id === row.medicineVehicle\r\n )?.vehicleName\r\n }\r\n \r\n \r\n {row.isBf === \"true\" ? \"AF\" : \"BF\"}\r\n \r\n \r\n {row.totalQuantity}\r\n \r\n \r\n {row.remarks}\r\n \r\n \r\n ))}\r\n \r\n \r\n \r\n \r\n \r\n ) : null}\r\n\r\n {/* ==================================================================external====================================== */}\r\n\r\n {data?.prescription?.value &&\r\n data?.prescription?.value?.external?.length !== 0 ? (\r\n \r\n \r\n \r\n \r\n External Medicine\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {[\r\n \"S.No\",\r\n \"Medicine Type\",\r\n \"Medicine Name\",\r\n \"Dosage\",\r\n \"Units\",\r\n \"No Of Days\",\r\n \"Interval\",\r\n \"Mix With\",\r\n \"Total Quantity\",\r\n \"Remarks\",\r\n ].map((header) => (\r\n \r\n {header}\r\n \r\n ))}\r\n \r\n \r\n \r\n {external?.map((row, id) => (\r\n \r\n \r\n {handleRowCount(id)}.\r\n \r\n \r\n {\r\n externalMedicineTypes?.find(\r\n (s) => s.id === row.medicineType\r\n )?.typeName\r\n }\r\n \r\n \r\n {\r\n data?.prescription?.externalMedicines[\r\n row?.medicineType?.toString()\r\n ]?.find(\r\n (d) => d.id === row.medicineName\r\n )?.MedicineName\r\n }\r\n \r\n \r\n {row.dosage}\r\n \r\n \r\n {row.uomName}\r\n \r\n \r\n {row.noDays}\r\n \r\n \r\n {row.drugIntervalId\r\n ? drugIntervals?.find(\r\n (d) =>\r\n d.id === row.drugIntervalId\r\n )?.shortName\r\n : \"-\"}\r\n \r\n \r\n {row.mixwith}\r\n \r\n \r\n {row.totalQuantity}\r\n \r\n \r\n {row.remarks}\r\n \r\n \r\n ))}\r\n \r\n \r\n \r\n \r\n \r\n \r\n ) : null}\r\n\r\n \r\n {data?.prescription?.prescriptionRemarks ? (\r\n \r\n \r\n Prescription Remarks : \r\n \r\n {data?.prescription?.prescriptionRemarks}\r\n \r\n \r\n \r\n ) : null}\r\n {data?.prescription &&\r\n data?.prescription?.followUpVisitDay ? (\r\n \r\n \r\n Follow - Up in : \r\n \r\n {data?.prescription?.followUpVisitDay} Days\r\n \r\n \r\n \r\n ) : null}\r\n \r\n \r\n \r\n \r\n ) : null}\r\n \r\n \r\n {data?.doDont?.selectedDos &&\r\n data?.doDont?.selectedDos?.length > 0 ? (\r\n \r\n \r\n \r\n \r\n Do's\r\n \r\n \r\n \r\n (somId === 3 ? onEdit(11) : onEdit(8))}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n Do's Remarks : \r\n {data?.doDont?.dosRemarks}\r\n \r\n \r\n ) : null}\r\n \r\n \r\n ) : null}\r\n \r\n \r\n {data?.doDont?.selectedDonts &&\r\n data?.doDont?.selectedDonts?.length > 0 ? (\r\n \r\n \r\n \r\n \r\n Don'ts\r\n \r\n \r\n \r\n (somId === 3 ? onEdit(9) : onEdit(8))}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n Don'ts Remarks : \r\n {data?.doDont?.dontsRemarks}\r\n \r\n \r\n ) : null}\r\n \r\n \r\n ) : null}\r\n \r\n
\r\n {openTransfer && (\r\n \r\n \r\n \r\n \r\n \r\n \r\n {StaffLogin?.orgName}\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 {concomData?.length !== 0 ? (\r\n
- \r\n {diagnosisData?.selectednsmc?.map(\r\n (v, idx) => (\r\n
- \r\n {diagnosisData?.selectedIcd?.map(\r\n (v, idx) => (\r\n
- \r\n {diagnosisData?.additionalNsmc?.map(\r\n (v, idx) => (\r\n
- \r\n {diagnosisData?.additionalIcd?.map(\r\n (v, idx) => (\r\n
- \r\n {dos?.map((v) => (\r\n
- \r\n {donts?.map((v) => (\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Surgical Procedure\r\n \r\n \r\n Date\r\n \r\n\r\n \r\n Remarks\r\n \r\n \r\n Actions\r\n \r\n \r\n {\r\n append(defaultArray());\r\n }}\r\n style={{ color: \"white\", padding: 4 }}\r\n >\r\n \r\n \r\n \r\n {fields.map((row, index) => {\r\n return (\r\n \r\n \r\n \r\n \r\n (\r\n item?.id === +value\r\n )}\r\n onChange={(e, data) => {\r\n onChange(data?.id || \"\");\r\n // setProcedureTypeId(data?.procedureTypeId || null);\r\n setValue(`array[${index}].procedureTypeId`, data?.procedureTypeId)\r\n // console.log(data.procedureTypeId,\"eee\");\r\n }}\r\n getOptionLabel={(option) => `${option.procedureTypeName} - ${option.name}`} // Display combined procedureTypeName and name\r\n // getOptionLabel={(option) => option.name || \"\"}\r\n options={activeProcedureList}\r\n renderInput={(params) => (\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 {row.message}\r\n {\r\n remove(index);\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\nconst SurgicalProcedure = React.forwardRef(Inner);\r\nexport default SurgicalProcedure;\r\n","import { yupResolver } from \"@hookform/resolvers/yup\";\r\nimport {\r\n Grid,\r\n TextField\r\n} from \"@material-ui/core\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport React, { useEffect } from \"react\";\r\nimport { Controller, useForm } from \"react-hook-form\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport * as yup from \"yup\";\r\nimport NotificationSuccess from \"../Notification/NotificationSuccess\";\r\nimport { restrict } from \"../restrict\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n width: \"100%%\",\r\n marginTop: \"20px\",\r\n },\r\n button: {\r\n border: \"1px solid #C4C4C4\",\r\n borderRadius: 20,\r\n margin: \"0px 10px 10px 0px\",\r\n padding: \"5px 10px 5px 10px\",\r\n },\r\n input: {\r\n height: 35,\r\n width: 380,\r\n },\r\n input1: {\r\n height: 35,\r\n width: 50,\r\n },\r\n customTextField: {\r\n \"& input::placeholder\": {\r\n fontSize: \"14px\",\r\n },\r\n },\r\n customInput: {\r\n [theme.breakpoints.down(\"lg\")]: {\r\n width: \"100% !important\",\r\n },\r\n },\r\n icon: {\r\n color: \"#ff6600\",\r\n fontSize: \"13px\",\r\n },\r\n icon1: {\r\n color: \"#ff3000\",\r\n fontSize: \"13px\",\r\n },\r\n smallFont: {\r\n fontSize: \"14px\",\r\n color: \"#000000\",\r\n opacity: 1,\r\n },\r\n errormsg: {\r\n fontSize: 11,\r\n color: \"red\",\r\n },\r\n}));\r\n\r\nfunction Treatment({\r\n value: systemicValue,\r\n onChange: setSystemicValue,\r\n errormsg,\r\n setErrormsg,\r\n errormsgTong,\r\n setErrormsgTong,\r\n setDirtyVal,\r\n}) {\r\n const classes = useStyles();\r\n const dispatch = useDispatch();\r\n\r\n const StaffLogin = useSelector((state) => state.loginReducer.staffLogin);\r\n\r\n const myOwnColor = useSelector((state) => state.MainReducer.selectedColor);\r\n\r\n const consultationID = useSelector((state) => state.consultationReducer.patient.consultationId);\r\n\r\n const defaultValues = {\r\n cardioVascularSystem: \"\",\r\n respiratorySystem: \"\",\r\n gastroIntestinalSytem: \"\",\r\n centralNervousSystem: \"\",\r\n motorSystem: \"\",\r\n facialDiagEncumbrance: \"\",\r\n tongueDiagnosis: \"\",\r\n irisDiagLeft: \"\",\r\n irisDiagRight: \"\",\r\n };\r\n\r\n const schema = yup.object().shape({\r\n cardioVascularSystem: yup.string().trim(),\r\n // .typeError(\"required\")\r\n // .required(\"required\"),\r\n respiratorySystem: yup\r\n .string()\r\n .trim()\r\n .typeError(\"required\")\r\n .required(\"required\"),\r\n gastroIntestinalSytem: yup.string().trim(),\r\n centralNervousSystem: yup.string().trim(),\r\n motorSystem: yup.string().trim(),\r\n facialDiagEncumbrance: yup.string().trim(),\r\n tongueDiagnosis: yup\r\n .string()\r\n .trim()\r\n .typeError(\"required\")\r\n .required(\"required\"),\r\n\r\n irisDiagLeft: yup.string().trim(),\r\n irisDiagRight: yup.string().trim(),\r\n });\r\n\r\n const {\r\n register,\r\n watch,\r\n reset,\r\n setValue,\r\n getValues,\r\n trigger,\r\n control,\r\n formState: { errors, isDirty },\r\n } = useForm({\r\n defaultValues,\r\n resolver: yupResolver(schema),\r\n mode: \"onChange\",\r\n });\r\n\r\n useEffect(() => {\r\n setDirtyVal(isDirty);\r\n }, [isDirty]);\r\n\r\n return (\r\n \r\n \r\n \r\n Cardio Vascular System \r\n \r\n \r\n (\r\n {\r\n onChange(e);\r\n setSystemicValue({ ...systemicValue, cardioVascularSystem: e.target.value });\r\n }}\r\n value={systemicValue?.length !== 0 ? systemicValue?.cardioVascularSystem : value}\r\n placeholder=\"Cardio Vascular System\"\r\n size=\"small\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n )}\r\n />\r\n \r\n \r\n \r\n Respiratory System *\r\n \r\n \r\n \r\n (\r\n {\r\n onChange(e);\r\n setSystemicValue({ ...systemicValue, respiratorySystem: e.target.value });\r\n setErrormsg(false);\r\n }}\r\n value={systemicValue?.length !== 0 ? systemicValue?.respiratorySystem : value}\r\n onInput={restrict.alphanumerichypenbracketscommaspacedotunderscore}\r\n placeholder=\"Respiratory System\"\r\n size=\"small\"\r\n variant=\"outlined\"\r\n fullWidth\r\n // error={!!errors.respiratorySystem}\r\n // helperText={errors.respiratorySystem?.message}\r\n />\r\n )}\r\n />\r\n\r\n {errormsg ? This field is required : null}\r\n \r\n \r\n
\r\n\r\n \r\n Gastro-intestinal System \r\n \r\n \r\n (\r\n {\r\n onChange(e);\r\n setSystemicValue({ ...systemicValue, gastroIntestinalSytem: e.target.value });\r\n }}\r\n value={systemicValue?.length !== 0 ? systemicValue?.gastroIntestinalSytem : value}\r\n inputProps={{ maxLength: 50 }}\r\n onInput={restrict.alphanumerichypenbracketscommaspacedotunderscore}\r\n placeholder=\"Gastro-intestinal System\"\r\n size=\"small\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n )}\r\n />\r\n \r\n \r\n Central Nervous System \r\n \r\n \r\n (\r\n {\r\n onChange(e);\r\n setSystemicValue({ ...systemicValue, centralNervousSystem: e.target.value });\r\n }}\r\n value={systemicValue?.length !== 0 ? systemicValue?.centralNervousSystem : value}\r\n inputProps={{ maxLength: 50 }}\r\n onInput={restrict.alphanumerichypenbracketscommaspacedotunderscore}\r\n placeholder=\"Central Nervous System\"\r\n size=\"small\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n )}\r\n />\r\n {\" \"}\r\n \r\n
\r\n\r\n \r\n Motor System \r\n \r\n \r\n (\r\n {\r\n onChange(e);\r\n setSystemicValue({ ...systemicValue, motorSystem: e.target.value });\r\n }}\r\n value={systemicValue?.length !== 0 ? systemicValue?.motorSystem : value}\r\n inputProps={{ maxLength: 50 }}\r\n onInput={restrict.alphanumerichypenbracketscommaspacedotunderscore}\r\n placeholder=\"Motor System\"\r\n size=\"small\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n )}\r\n />\r\n \r\n \r\n Facial Diagnosis / Encumbrance \r\n \r\n \r\n (\r\n {\r\n onChange(e);\r\n setSystemicValue({ ...systemicValue, facialDiagEncumbrance: e.target.value });\r\n }}\r\n value={systemicValue?.length !== 0 ? systemicValue?.facialDiagEncumbrance : value}\r\n inputProps={{ maxLength: 50 }}\r\n onInput={restrict.alphanumerichypenbracketscommaspacedotunderscore}\r\n placeholder=\"Facial Diagnosis / Encumbrance\"\r\n size=\"small\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n )}\r\n />\r\n {\" \"}\r\n \r\n
\r\n\r\n \r\n \r\n {\" \"}\r\n Tongue Diagnosis *{\" \"}\r\n \r\n \r\n \r\n (\r\n {\r\n onChange(e);\r\n setSystemicValue({ ...systemicValue, tongueDiagnosis: e.target.value });\r\n setErrormsgTong(false);\r\n }}\r\n value={systemicValue?.length !== 0 ? systemicValue?.tongueDiagnosis : value}\r\n inputProps={{ maxLength: 50 }}\r\n onInput={restrict.alphanumerichypenbracketscommaspacedotunderscore}\r\n placeholder=\"Tongue Diagnosis \"\r\n size=\"small\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n )}\r\n />{\" \"}\r\n {errormsgTong ? This field is required : null}\r\n \r\n \r\n Left Iris Diagnosis \r\n \r\n \r\n (\r\n {\r\n onChange(e);\r\n setSystemicValue({ ...systemicValue, irisDiagLeft: e.target.value });\r\n }}\r\n value={systemicValue?.length !== 0 ? systemicValue?.irisDiagLeft : value}\r\n inputProps={{ maxLength: 50 }}\r\n onInput={restrict.alphanumerichypenbracketscommaspacedotunderscore}\r\n placeholder=\"Left Iris Diagnosis\"\r\n size=\"small\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n )}\r\n />\r\n {\" \"}\r\n \r\n
\r\n\r\n \r\n Right Iris Diagnosis \r\n \r\n \r\n (\r\n {\r\n onChange(e);\r\n setSystemicValue({ ...systemicValue, irisDiagRight: e.target.value });\r\n }}\r\n value={systemicValue?.length !== 0 ? systemicValue?.irisDiagRight : value}\r\n inputProps={{ maxLength: 50 }}\r\n onInput={restrict.alphanumerichypenbracketscommaspacedotunderscore}\r\n placeholder=\" Right Iris Diagnosis\"\r\n size=\"small\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n )}\r\n />\r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default Treatment;\r\n","import { yupResolver } from \"@hookform/resolvers/yup\";\r\nimport {\r\n Grid,\r\n TextField\r\n} from \"@material-ui/core\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport React from \"react\";\r\nimport { Controller, useForm } from \"react-hook-form\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport * as yup from \"yup\";\r\nimport NotificationSuccess from \"../Notification/NotificationSuccess\";\r\nimport { restrict } from \"../restrict\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n width: \"100%%\",\r\n marginTop: \"20px\",\r\n },\r\n button: {\r\n border: \"1px solid #C4C4C4\",\r\n borderRadius: 20,\r\n margin: \"0px 10px 10px 0px\",\r\n padding: \"5px 10px 5px 10px\",\r\n },\r\n input: {\r\n height: 35,\r\n width: 380,\r\n },\r\n input1: {\r\n height: 35,\r\n width: 50,\r\n },\r\n customTextField: {\r\n \"& input::placeholder\": {\r\n fontSize: \"14px\",\r\n },\r\n },\r\n customInput: {\r\n [theme.breakpoints.down(\"lg\")]: {\r\n width: \"100% !important\",\r\n },\r\n },\r\n icon: {\r\n color: \"#ff6600\",\r\n fontSize: \"13px\",\r\n },\r\n icon1: {\r\n color: \"#ff3000\",\r\n fontSize: \"13px\",\r\n },\r\n smallFont: {\r\n fontSize: \"14px\",\r\n color: \"#000000\",\r\n opacity: 1,\r\n },\r\n}));\r\n\r\nfunction Treatment({ value: treatmentValue, onChange: setTreatmentValue }) {\r\n const classes = useStyles();\r\n const dispatch = useDispatch();\r\n\r\n const StaffLogin = useSelector((state) => state.loginReducer.staffLogin);\r\n\r\n const myOwnColor = useSelector((state) => state.MainReducer.selectedColor);\r\n\r\n const consultationID = useSelector((state) => state.consultationReducer.patient.consultationId);\r\n\r\n const defaultValues = {\r\n treatmentType: \"\",\r\n treatmentName: \"\",\r\n treatmentNature: \"\",\r\n applicationTo: \"\",\r\n };\r\n\r\n const schema = yup.object().shape({\r\n treatmentType: yup.string().trim(),\r\n // .typeError(\"required\")\r\n // .required(\"required\"),\r\n treatmentName: yup.string().trim(),\r\n treatmentNature: yup.string().trim(),\r\n applicationTo: yup.string().trim(),\r\n });\r\n\r\n const {\r\n register,\r\n watch,\r\n reset,\r\n setValue,\r\n getValues,\r\n trigger,\r\n control,\r\n formState: { errors },\r\n } = useForm({\r\n defaultValues,\r\n resolver: yupResolver(schema),\r\n mode: \"onChange\",\r\n });\r\n\r\n // useEffect(() => {\r\n // setTreatmentValue({ ...value });\r\n // }, []);\r\n console.log(\"dsdsd\", treatmentValue);\r\n return (\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n Treatment Type \r\n \r\n \r\n (\r\n {\r\n onChange(e);\r\n setTreatmentValue({ ...treatmentValue, treatmentType: e.target.value });\r\n }}\r\n value={treatmentValue?.length !== 0 ? treatmentValue?.treatmentType : value}\r\n placeholder=\"Treatment Type\"\r\n size=\"small\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n )}\r\n />\r\n \r\n \r\n Treatment Name \r\n \r\n \r\n (\r\n {\r\n onChange(e);\r\n setTreatmentValue({ ...treatmentValue, treatmentName: e.target.value });\r\n }}\r\n value={treatmentValue?.length !== 0 ? treatmentValue?.treatmentName : value}\r\n onInput={restrict.alphanumerichypenbracketscommaspacedotunderscore}\r\n placeholder=\"Treatment Name\"\r\n size=\"small\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n )}\r\n />\r\n \r\n \r\n
\r\n\r\n \r\n Treatment Nature \r\n \r\n \r\n (\r\n {\r\n onChange(e);\r\n setTreatmentValue({ ...treatmentValue, treatmentNature: e.target.value });\r\n }}\r\n value={treatmentValue?.length !== 0 ? treatmentValue?.treatmentNature : value}\r\n inputProps={{ maxLength: 100 }}\r\n onInput={restrict.alphanumerichypenbracketscommaspacedotunderscore}\r\n placeholder=\"Treatment Nature\"\r\n size=\"small\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n )}\r\n />\r\n \r\n \r\n Application To. \r\n \r\n \r\n (\r\n {\r\n onChange(e);\r\n setTreatmentValue({ ...treatmentValue, applicationTo: e.target.value });\r\n }}\r\n value={treatmentValue?.length !== 0 ? treatmentValue?.applicationTo : value}\r\n inputProps={{ maxLength: 100 }}\r\n onInput={restrict.alphanumerichypenbracketscommaspacedotunderscore}\r\n placeholder=\"Application To.\"\r\n size=\"small\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n )}\r\n />\r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default Treatment;\r\n","import DateFnsUtils from \"@date-io/date-fns\";\r\nimport {\r\n Accordion,\r\n AccordionDetails,\r\n AccordionSummary,\r\n Button,\r\n Dialog,\r\n DialogActions,\r\n DialogContent,\r\n FormControl,\r\n Grid,\r\n Paper,\r\n Popper,\r\n Select,\r\n TextField,\r\n useMediaQuery,\r\n} from \"@material-ui/core\";\r\nimport Box from \"@material-ui/core/Box\";\r\nimport IconButton from \"@material-ui/core/IconButton\";\r\nimport Tab from \"@material-ui/core/Tab\";\r\nimport Tabs from \"@material-ui/core/Tabs\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport ExpandMoreIcon from \"@material-ui/icons/ExpandMore\";\r\nimport { Autocomplete } from \"@material-ui/lab\";\r\nimport {\r\n KeyboardDatePicker,\r\n MuiPickersUtilsProvider,\r\n} from \"@material-ui/pickers\";\r\nimport PropTypes from \"prop-types\";\r\nimport React, { Suspense, lazy, useCallback, useEffect, useState } from \"react\";\r\n// import Pluse from \"../Pulse\";\r\n// import Complaints from \"../Complaints\";\r\n// import Lab from \"../Lab\";\r\n// import ConcomitantMedicine from \"../ConcomitantMedicine\";\r\n// import Diagnosis from \"../Diagnosis\";\r\n// import Prescription from \"../Prescription\";\r\n// import DoDont from \"../DoDont\";\r\n// import Historytabs from \"../HistoryTabs\";\r\n// import Compliance from \"../Compliance\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { showSnackbar } from \"../../../actions/Notification\";\r\n// import PulseUnani from \"../PulseUnani\";\r\nimport _ from \"lodash\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport {\r\n fetchHealthFacilityBySomId,\r\n saveTranferIPAdmissionDetails,\r\n saveTransferDetails,\r\n} from \"../../../actions/AdminMasterAction\";\r\nimport {\r\n fetchIpdDept,\r\n fetchRegDeptListByOrgId,\r\n} from \"../../../actions/RegistrationAction\";\r\nimport {\r\n // FETCH_ALL_SURGICAL_PROCEDURES,\r\n FETCH_ALL_ACTIVE_PROCEDURES,\r\n SHOW_SNACKBAR,\r\n} from \"../../../actions/Type\";\r\nimport axiosInstance from \"../../../api/Instance\";\r\nimport ipdOpdInstance from \"../../../api/IpdOpdInstance\";\r\nimport Loader from \"../../Loader\";\r\nimport { CloseButton } from \"../../utils/Button\";\r\nimport GeneralPhysicalExaminations from \"../GeneralPhysicalExaminations\";\r\nimport PrescriptionPrint from \"../PrescriptionPrint\";\r\nimport Preview from \"../Preview\";\r\nimport SurgicalProcedure from \"../SurgicalProcedure\";\r\nimport SystemicExamination from \"../SystemicExamination\";\r\nimport Treatment from \"../Treatment\";\r\nimport \"./styles.css\";\r\n\r\nconst Pluse = lazy(() => import(\"../Pulse\"));\r\nconst Complaints = lazy(() => import(\"../Complaints\"));\r\nconst Lab = lazy(() => import(\"../Lab\"));\r\nconst ConcomitantMedicine = lazy(() => import(\"../ConcomitantMedicine\"));\r\nconst Diagnosis = lazy(() => import(\"../Diagnosis\"));\r\nconst Prescription = lazy(() => import(\"../Prescription\"));\r\nconst DoDont = lazy(() => import(\"../DoDont\"));\r\nconst Historytabs = lazy(() => import(\"../HistoryTabs\"));\r\nconst Compliance = lazy(() => import(\"../Compliance\"));\r\nconst PulseUnani = lazy(() => import(\"../PulseUnani\"));\r\n\r\nfunction TabPanel(props) {\r\n const { children, value, index, ...other } = props;\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n Pulse\r\n \r\n }\r\n href=\"/drafts\"\r\n style={{\r\n backgroundColor: value === 0 ? myOwnColor : menuThemeColor,\r\n opacity: 1,\r\n color: menuThemeColor === \"#CAF7FB\" ? \"#000\" : \"#fff\",\r\n display: som === 5 || som === 3 ? \"none\" : null,\r\n }}\r\n {...a11yProps(0)}\r\n >\r\n \r\n Complaints &{\" \"}\r\n Duration\r\n \r\n }\r\n href=\"/drafts\"\r\n style={{\r\n opacity: 1,\r\n backgroundColor: value === 1 ? myOwnColor : menuThemeColor,\r\n color: menuThemeColor === \"#CAF7FB\" ? \"#000\" : \"#fff\",\r\n }}\r\n {...a11yProps(1)}\r\n />\r\n {somId === 3 ? (\r\n \r\n Treatment\r\n \r\n }\r\n style={{\r\n opacity: 1,\r\n backgroundColor: value === 2 ? myOwnColor : menuThemeColor,\r\n color: menuThemeColor === \"#CAF7FB\" ? \"#000\" : \"#fff\",\r\n }}\r\n />\r\n ) : null}\r\n\r\n {somId === 3 ? (\r\n \r\n General\r\n physical examinations\r\n \r\n }\r\n style={{\r\n opacity: 1,\r\n backgroundColor: value === 3 ? myOwnColor : menuThemeColor,\r\n color: menuThemeColor === \"#CAF7FB\" ? \"#000\" : \"#fff\",\r\n }}\r\n />\r\n ) : null}\r\n\r\n {somId === 3 ? (\r\n \r\n Systemic\r\n Examination\r\n \r\n }\r\n style={{\r\n opacity: 1,\r\n backgroundColor: value === 4 ? myOwnColor : menuThemeColor,\r\n color: menuThemeColor === \"#CAF7FB\" ? \"#000\" : \"#fff\",\r\n }}\r\n />\r\n ) : null}\r\n\r\n \r\n Clinical H\r\n istory\r\n \r\n }\r\n href=\"/spam\"\r\n style={{\r\n opacity: 1,\r\n backgroundColor:\r\n somId === 3 && value === 5\r\n ? myOwnColor\r\n : somId !== 3 && value === 2\r\n ? myOwnColor\r\n : menuThemeColor,\r\n color: menuThemeColor === \"#CAF7FB\" ? \"#000\" : \"#fff\",\r\n }}\r\n {...a11yProps(3)}\r\n />\r\n \r\n Compliance & Pro\r\n gnosis\r\n \r\n }\r\n href=\"/spam\"\r\n style={{\r\n opacity: 1,\r\n backgroundColor:\r\n somId === 3 && value === 6\r\n ? myOwnColor\r\n : somId !== 3 && value === 3\r\n ? myOwnColor\r\n : menuThemeColor,\r\n color: menuThemeColor === \"#CAF7FB\" ? \"#000\" : \"#fff\",\r\n }}\r\n {...a11yProps(4)}\r\n />\r\n \r\n Lab &\r\n Investigations\r\n \r\n }\r\n href=\"/spam\"\r\n style={{\r\n opacity: 1,\r\n backgroundColor:\r\n somId === 3 && value === 7\r\n ? myOwnColor\r\n : somId !== 3 && value === 4\r\n ? myOwnColor\r\n : menuThemeColor,\r\n color: menuThemeColor === \"#CAF7FB\" ? \"#000\" : \"#fff\",\r\n }}\r\n {...a11yProps(5)}\r\n />\r\n\r\n \r\n Surgical\r\n Procedures\r\n \r\n }\r\n href=\"/spam\"\r\n style={{\r\n opacity: 1,\r\n backgroundColor:\r\n somId === 3 && value === 8\r\n ? myOwnColor\r\n : somId !== 3 && value === 5\r\n ? myOwnColor\r\n : menuThemeColor,\r\n color: menuThemeColor === \"#CAF7FB\" ? \"#000\" : \"#fff\",\r\n }}\r\n {...a11yProps(6)}\r\n />\r\n\r\n \r\n Concomitant{\" \"}\r\n Medication\r\n \r\n }\r\n href=\"/spam\"\r\n style={{\r\n opacity: 1,\r\n backgroundColor:\r\n somId === 3 && value === 9\r\n ? myOwnColor\r\n : somId !== 3 && value === 6\r\n ? myOwnColor\r\n : menuThemeColor,\r\n color: menuThemeColor === \"#CAF7FB\" ? \"#000\" : \"#fff\",\r\n }}\r\n {...a11yProps(6)}\r\n />\r\n \r\n DD with Diagn\r\n osis\r\n \r\n }\r\n href=\"/spam\"\r\n style={{\r\n opacity: 1,\r\n backgroundColor:\r\n somId === 3 && value === 10\r\n ? myOwnColor\r\n : somId !== 3 && value === 7\r\n ? myOwnColor\r\n : menuThemeColor,\r\n color: menuThemeColor === \"#CAF7FB\" ? \"#000\" : \"#fff\",\r\n }}\r\n {...a11yProps(7)}\r\n />\r\n \r\n Prescription\r\n \r\n }\r\n href=\"/spam\"\r\n style={{\r\n opacity: 1,\r\n backgroundColor:\r\n somId === 3 && value === 11\r\n ? myOwnColor\r\n : somId !== 3 && value === 8\r\n ? myOwnColor\r\n : menuThemeColor,\r\n color: menuThemeColor === \"#CAF7FB\" ? \"#000\" : \"#fff\",\r\n }}\r\n {...a11yProps(8)}\r\n />\r\n \r\n Do’s & Don\r\n t’s\r\n \r\n }\r\n href=\"/spam\"\r\n style={{\r\n opacity: 1,\r\n backgroundColor:\r\n somId === 3 && value === 12\r\n ? myOwnColor\r\n : somId !== 3 && value === 9\r\n ? myOwnColor\r\n : menuThemeColor,\r\n color: menuThemeColor === \"#CAF7FB\" ? \"#000\" : \"#fff\",\r\n }}\r\n {...a11yProps(9)}\r\n />\r\n\r\n {/* \r\n MedicalC\r\n ertificate\r\n \r\n }\r\n href=\"/spam\"\r\n style={{\r\n opacity: 1,\r\n backgroundColor: value === 9 ? myOwnColor : menuThemeColor,\r\n color: menuThemeColor === \"#CAF7FB\" ? \"#000\" : \"#fff\",\r\n }}\r\n {...a11yProps(9)}\r\n /> */}\r\n \r\n\r\n \r\n {som === 2 ? (\r\n \r\n \r\n \r\n {somId === 3 ? (\r\n \r\n \r\n ) : null}\r\n {somId === 3 ? (\r\n \r\n \r\n ) : null}\r\n {somId === 3 ? (\r\n \r\n \r\n ) : null}\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 {value === 7 ? (\r\n \r\n Print Prescription\r\n \r\n ) : null}\r\n
\r\n \r\n \r\n Preview\r\n \r\n Cancel \r\n \r\n \r\n Transfer\r\n \r\n \r\n \r\n \r\n \r\n \r\n TRANSFER\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n Referral \r\n \r\n \r\n \r\n \r\n Stream \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 Hospital \r\n \r\n \r\n {hospitalValue !== \"\" && hospitalValue !== undefined ? (\r\n \r\n \r\n \r\n {inputValue}\r\n \r\n \r\n \r\n ) : null}\r\n option.organisationName}\r\n // filterSelectedOptions\r\n inputValue={inputValue}\r\n onInputChange={(event, newInputValue) => {\r\n setInputValue(newInputValue);\r\n }}\r\n onChange={(e, v) => {\r\n setHospitalValue(v?.id);\r\n v && dispatch(fetchRegDeptListByOrgId(v?.id));\r\n }}\r\n renderInput={(params) => (\r\n \r\n\r\n \r\n Department \r\n \r\n \r\n \r\n \r\n \r\n\r\n {departments &&\r\n departments.length > 0 &&\r\n departments.map((dept) => {\r\n return (\r\n \r\n );\r\n })}\r\n \r\n \r\n \r\n \r\n {\r\n e.preventDefault();\r\n handleSubmit();\r\n }}\r\n style={{\r\n backgroundColor: myOwnColor,\r\n color: \"white\",\r\n }}\r\n >\r\n Transfer\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n IP Admission\r\n \r\n \r\n \r\n \r\n \r\n Date \r\n \r\n \r\n \r\n {\r\n setIpAdmissiontransferData({\r\n ...ipAdmissiontransferData,\r\n admissionDate: date,\r\n });\r\n }}\r\n KeyboardButtonProps={{\r\n \"aria-label\": \"change date\",\r\n }}\r\n />\r\n \r\n \r\n\r\n \r\n Department \r\n \r\n \r\n \r\n {\r\n setIpAdmissiontransferData({\r\n ...ipAdmissiontransferData,\r\n departmentId: e.target.value,\r\n });\r\n }}\r\n value={ipAdmissiontransferData.departmentId}\r\n >\r\n \r\n\r\n {ipdDept &&\r\n ipdDept.length > 0 &&\r\n ipdDept.map((dept) => {\r\n return (\r\n \r\n );\r\n })}\r\n \r\n \r\n \r\n\r\n {/* \r\n Ward \r\n \r\n \r\n \r\n {\r\n // setIpAdmissiontransferData({\r\n // ...ipAdmissiontransferData,\r\n // departmentId: e.target.value,\r\n // });\r\n // }}\r\n onChange={handleChange4}\r\n InputProps={{\r\n className: classes.input,\r\n }}\r\n // value={ipAdmissiontransferData.departmentId}\r\n value={unit4}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n\r\n {/* {ipdDept &&\r\n ipdDept.length > 0 &&\r\n ipdDept.map((dept) => {\r\n return (\r\n \r\n );\r\n })} \r\n \r\n \r\n */}\r\n\r\n \r\n Reason for Transfer \r\n \r\n \r\n {\r\n setIpAdmissiontransferData({\r\n ...ipAdmissiontransferData,\r\n remarks: e.target.value,\r\n });\r\n }}\r\n placeholder=\"Remarks\"\r\n size=\"small\"\r\n variant=\"outlined\"\r\n name=\"pulserate\"\r\n fullWidth\r\n rows={3}\r\n multiline\r\n />\r\n \r\n\r\n \r\n {\r\n e.preventDefault();\r\n handleSubmitIPAdmission();\r\n }}\r\n style={{\r\n backgroundColor: myOwnColor,\r\n color: \"white\",\r\n fontSize: \"12px\",\r\n float: \"right\",\r\n }}\r\n >\r\n Transfer\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n {print && (\r\n \r\n \r\n \r\n {base64Photo != null ? (\r\n \r\n {`${StaffLogin?.hospitalShortName}\r\n (${selectedDept?.deptName})`}\r\n \r\n - {StaffLogin.roleName} \r\n \r\n ) : StaffLogin?.hospitalShortName != undefined ? (\r\n <>\r\n \r\n {`${StaffLogin?.hospitalShortName}`}\r\n \r\n \r\n \r\n - {StaffLogin.roleName} \r\n \r\n ) : null}\r\n \r\n \r\n \r\n {renderMobileMenu}\r\n {renderMenu}\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {theme.direction === \"ltr\" ? (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n","import { Card, Grid } from \"@material-ui/core\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport React from \"react\";\r\nimport Appbar from \"./Appbar\";\r\nimport Footer from \"./Footer\";\r\nimport Header from \"./Header2\";\r\n\r\nconst useStyles = makeStyles({\r\n root: {\r\n // backgroundColor: '#FCFAFA',\r\n width: \"96%\",\r\n marginTop: \"2%\",\r\n marginLeft: \"2%\",\r\n },\r\n content: {\r\n fontSize: 15,\r\n color: \"#103A4D\",\r\n fontFamily: \"helvetica\",\r\n marginLeft: \"6%\",\r\n marginTop: \"1%\",\r\n textAlign: \"justify\",\r\n },\r\n content1: {\r\n fontSize: 16,\r\n color: \"#103A4D\",\r\n fontFamily: \"unset\",\r\n textAlign: \"justify\",\r\n marginLeft: \"2%\",\r\n marginTop: \"2%\",\r\n },\r\n content2: {\r\n color: \"#0B9CAB\",\r\n fontWeight: \"bold\",\r\n fontFamily: \"unset\",\r\n fontSize: \"18px\",\r\n marginLeft: \"4.4%\",\r\n marginTop: \"2%\",\r\n },\r\n content3: {\r\n position: \"fixed\",\r\n left: \"0px\",\r\n right: \"0px\",\r\n bottom: \"0px\",\r\n marginBottom: \"0px\",\r\n width: \"100%\",\r\n backgroundColor: \"#302b2b\",\r\n zIndex: \"999\",\r\n },\r\n});\r\n\r\nexport default function OutlinedCard() {\r\n const classes = useStyles();\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 \r\n \r\n \r\n \r\n CONTACT US \r\n\r\n \r\n \r\n \r\n Ministry of Ayush\r\n
\r\n Ayush Bhawan, B Block,\r\n
\r\n GPO Complex, INA,\r\n
\r\n New Delhi – 110023\r\n
\r\n Email- itconsultant-ayush@nic.in\r\n
\r\n srconsultant-ayush@nic.in\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n Ayush Bhawan, B Block,\r\n
\r\n GPO Complex, INA,\r\n
\r\n New Delhi – 110023\r\n
\r\n Email- itconsultant-ayush@nic.in\r\n
\r\n srconsultant-ayush@nic.in\r\n
\r\n
\r\n
\r\n \r\n
\r\n \r\n );\r\n}\r\n","// var str = \"This is link\";\r\n// var link = str.link(\"http://bhis-dev.in/RegistrationForm\");\r\n// var msg = \"Hi \"+link;\r\n// // document.write(msg);\r\nimport React from \"react\";\r\nimport ReactReadMoreReadLess from \"react-read-more-read-less\";\r\nimport { Link } from \"react-router-dom\";\r\n\r\nconst AYURVEDA =\r\n \"The Ministry of Ayurveda, Yoga, Naturopathy, Unani, Siddha, Sowa-Rigpa and Homoeopathy (abbreviated as AYUSH) is purposed with developing education, research and propagation of indigenous alternative medicine systems in India.\";\r\nconst AYURVEDA_SUB =\r\n \"Ayurveda is an alternative medicine system with historical roots in the Indian subcontinent.The Indian Medical Association describes Ayurvedic practitioners who claim to practice medicine as quacks\";\r\nconst UNANI =\r\n \"Unani or the science of health originated in Greece around 2500 years ago, and its foundation was laid by the Hippocrates. A tradition of Graeco-Arabic medicine, Unani medicine has a herbo-animo-mineral foundation.\";\r\nconst SIDDHA =\r\n \"Siddha is one of the oldest medicinal systems originated in Tamil Nadu. The word ‘Siddha’ is derived from a Tamil word ‘Siddhi’ which means ‘achievement’ or ‘perfection’. Siddha Medicine is a traditional medicine having its roots in Tamil Nadu, India. \";\r\nconst YOGA =\r\n \"Yoga has been derived from the Sanskrit term ‘Yuj’ that means ‘to yoke’ or simply, ‘to unite’. It is a union of the individual spirit with the universal spirit of God. Yoga is a combination of practices, which define the way we engage with the world to create harmony. \";\r\nconst NATUROPATHY =\r\n \"Naturopathy is the most ancient health care mechanism that amalgamates modern scientific knowledge with traditional and natural forms of medicine. Relying on the healing power of nature, Naturopathy stimulates the human body’s ability to heal itself.Yoga has been derived from the Sanskrit term ‘Yuj’ that means ‘to yoke’ or simply, ‘to unite’.\";\r\nconst HOMOEOPATHY =\r\n \"Homoeopathy is a combination of two Greek words: Homois and Pathos. Homois means similar and pathos means suffering. In other words, homoeopathy is a system of treating diseases with remedies.\";\r\nconst SOWA_RIGPA =\r\n \"Sowa-Rigpa is a system of medicine that is one of the oldest medical traditions across the world. The term Sowa-Rigpa means Knowledge of Healing and derives its meaning from the Bhoti Language. This system was reinforced in the Trans-Himalayan region and is popular in the Himalayan societies such as Ladakh, Himachal Pradesh (Spiti and Lahoul), Jammu and Kashmir, West Bengal (Darjeeling), Arunachal Pradesh, and Sikkim.\";\r\nconst SORRY =\r\n \"Sorry, I did not understand your query. Please search using the keywords like ayush, ayurveda, naturopathy, homoeopathy, sowa rigpa, unani, siddha, yoga, registration, appointment, facilities, ayush id, registration fee, medicine fee etc.\";\r\n\r\n// const regex = /(<([^>]+)>)/gi;\r\n// const result = longText.replace(regex, \"\");\r\n// const result1 = longText1.replace(regex, \"\");\r\n// const result2 = longText2.replace(regex, \"\");\r\n// const result3 = longText3.replace(regex, \"\");\r\n// const result4 = longText4.replace(regex, \"\");\r\n// const result5 = longText5.replace(regex, \"\");\r\n// const result6 = longText6.replace(regex, \"\");\r\n// const result7 = longText7.replace(regex, \"\");\r\n// const result8 = longText8.replace(regex, \"\");\r\n\r\nconst component = Here you can get RegistrationForm;\r\nconst component1 = Yes, Here you can get the Appointment Id;\r\nconst component2 = Here you can get the contact details for Hospitals;\r\nconst component11 = Here you can get the contact details;\r\nconst component3 = (\r\n \r\n
\r\n );\r\n}\r\n","import React from \"react\";\r\n//Header function defined here\r\nexport default function Header() {\r\n return {isLoading ? \"...\" : message}
\r\n AYUSH BOT
;\r\n}\r\n","import React, { useState } from \"react\";\r\n\r\nexport default function Input({ onSend }) {\r\n const [text, setText] = useState(\"\");\r\n const [url, setUrl] = useState(\"\");\r\n\r\n const handleInputChange = e => {\r\n setText(e.target.value);\r\n };\r\n\r\n const handleSend = e => {\r\n e.preventDefault();\r\n onSend(text);\r\n setText(\"\");\r\n };\r\n\r\n return (\r\n \r\n \r\n
\r\n );\r\n}\r\n","import React, { useEffect, useRef } from \"react\";\r\n//Messages function specified here\r\nexport default function Messages({ messages }) {\r\n const el = useRef(null);\r\n useEffect(() => {\r\n el.current.scrollIntoView({ block: \"end\", behavior: \"smooth\" });\r\n });\r\n return (\r\n \r\n {messages}\r\n \r\n
\r\n );\r\n}\r\n","import React from \"react\";\r\n//UserMessages function specified here\r\nexport default function UserMessage({ text }) {\r\n return (\r\n \r\n
\r\n );\r\n}\r\n","import React, { useEffect, useState } from \"react\";\r\n\r\nimport { Grid } from \"@material-ui/core\";\r\nimport Fab from \"@material-ui/core/Fab\";\r\nimport IconButton from \"@material-ui/core/IconButton\";\r\nimport { green } from \"@material-ui/core/colors\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport ChatIcon from \"@material-ui/icons/Chat\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport ChartBot from \"../../ChatbotAPI\";\r\nimport BotMessage from \"../ChatsNew/ChatbotNew/BotMessage\";\r\nimport Header from \"../ChatsNew/ChatbotNew/Header\";\r\nimport Input from \"../ChatsNew/ChatbotNew/Input\";\r\nimport Messages from \"../ChatsNew/ChatbotNew/Messages\";\r\nimport UserMessage from \"../ChatsNew/ChatbotNew/UserMessage\";\r\nimport \"./styles.css\";\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n root: {\r\n backgroundColor: theme.palette.background.paper,\r\n width: 500,\r\n position: \"relative\",\r\n minHeight: 200,\r\n },\r\n fab: {\r\n position: \"absolute\",\r\n bottom: theme.spacing(2),\r\n right: theme.spacing(2),\r\n },\r\n fabGreen: {\r\n color: theme.palette.common.white,\r\n backgroundColor: green[500],\r\n \"&:hover\": {\r\n backgroundColor: green[600],\r\n },\r\n },\r\n}));\r\n\r\nexport default function Chatbot() {\r\n const classes = useStyles();\r\n const [showBot, setBot] = useState(false);\r\n function handleBot() {\r\n const botState = !showBot;\r\n setBot(botState);\r\n }\r\n\r\n const [messages, setMessages] = useState([]);\r\n\r\n // const handleClose = () => {\r\n // setOpen(false);\r\n // };\r\n\r\n useEffect(() => {\r\n async function loadWelcomeMessage() {\r\n setMessages([\r\n {text}
\r\n \r\n \r\n
\r\n );\r\n}\r\n","\r\n\r\nimport { Box, Button } from '@material-ui/core';\r\nimport { makeStyles, } from '@material-ui/core/styles';\r\nimport React from 'react';\r\nimport { Link } from \"react-router-dom\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n button: {\r\n backgroundColor:theme.palette.myColor.main,\r\n color: \"#103A4D\" , \r\n border:`1px solid ${theme.palette.primary.dark} !important`,\r\n [theme.breakpoints.down(\"sm\")]: {\r\n minWidth: 150,\r\n fontSize:12, \r\n }, \r\n minWidth:220,\r\n fontFamily:'unset',\r\n wordWrap:\"break-word\",\r\n fontSize:14,\r\n fontWeight:\"bold\",\r\n \"&:hover, &:focus\": {\r\n // backgroundColor: theme.palette.primary.light,\r\n color:\"#000\"\r\n }\r\n },\r\n}));\r\n\r\nconst MainContent = () => {\r\n const classes = useStyles();\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
\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 dispatch({ type: SHOW_HOME_OVERALL_STATISTICS });\r\n }}\r\n endIcon={
\r\n ) : (\r\n \r\n Loading...}>\r\n \r\n
\r\n )}\r\n\r\n \r\n \r\n OVERALL STATISTICS\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n {!today ? (\r\n \r\n
\r\n \r\n {\r\n dispatch({ type: SHOW_HOME_TODAY_STATISTICS });\r\n }}\r\n endIcon={
\r\n ) : (\r\n \r\n Loading...}>\r\n \r\n
\r\n )}\r\n\r\n \r\n \r\n TODAY'S STATISTICS\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n}\r\n","import { ThemeProvider } from \"@material-ui/styles\";\r\nimport React, { lazy, useEffect, useRef, useState } from \"react\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { Redirect, Route, Router, Switch } from \"react-router-dom\";\r\nimport SockJsClient from \"react-stomp\";\r\nimport { ToastContainer } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport { staffLogout } from \"./actions/LoginAction\";\r\nimport { showSnackbar } from \"./actions/Notification\";\r\nimport {\r\n fetchInitCall,\r\n fetchNdhmMsg,\r\n fetchOTPCall,\r\n handleHiuOnFetchRequest,\r\n} from \"./actions/RegistrationAction\";\r\nimport {\r\n FETCH_FHIR_DATA_PUSH,\r\n SET_CLIENT_ID,\r\n SET_HIU_ON_INIT_DTO,\r\n} from \"./actions/Type\";\r\nimport ShowSnackbar from \"./component/utils/Snackbar\";\r\nimport configData from \"./config.json\";\r\nimport history from \"./history\";\r\n//\r\nimport AboutAhmis from \"./component/AboutAhmis\";\r\nimport AboutContent from \"./component/AboutContent\";\r\nimport AyushFacilityList from \"./component/AyushFacilityList\";\r\nimport ConsultationLayout from \"./component/Consultation/Layout/ConsultationLayout\";\r\nimport ContactUs from \"./component/ContactUs\";\r\nimport Home from \"./component/Home\";\r\nimport StaffLogin from \"./component/Login\";\r\nimport InventoryCDS from \"./pages/Inventory-CDS/InventoryCDS\";\r\n\r\n// const ConsultationLayout = lazy(() =>\r\n// import(\"./component/Consultation/Layout/ConsultationLayout\")\r\n// );\r\nconst MasterPharmacyReports = lazy(() =>\r\n import(\"./component/Layout/LandingMasterPharmacy\")\r\n);\r\nconst IpdOpdRoomSelector = lazy(() =>\r\n import(\"./component/Consultation/IpdOpdTab\")\r\n);\r\nconst MoAAdminDashboard = lazy(() =>\r\n import(\"./component/MoADashboard/MoAAdminDashboard\")\r\n);\r\nconst ConsultaionToken = lazy(() =>\r\n import(\"./component/Layout/LandingConsultationToken\")\r\n);\r\nconst VideoTutorials = lazy(() =>\r\n import(\"./component/Layout/LandingVideoTutorials\")\r\n);\r\nconst PatientPrescriptionDetails = lazy(() =>\r\n import(\"./pages/PrescriptionDetails/PatientPrescriptionDetails\")\r\n);\r\nconst RadiologyEntry = lazy(() =>\r\n import(\"./pages/RadiologyResultEntry/RadiologyEntry\")\r\n);\r\nconst LandingReceptionist = lazy(() =>\r\n import(\"./component/Layout/LandingReceptionist\")\r\n);\r\n// const VideoTutorials = lazy(() =>\r\n// import(\"./component/VideoTutorials\")\r\n// );\r\nconst ViewMore = lazy(() => import(\"./component/ViewMore\"));\r\nconst RegistrationForm = lazy(() => import(\"./component/RegistrationForm\"));\r\nconst BookAppointment = lazy(() => import(\"./component/BookAppointment\"));\r\nconst LandingMaster = lazy(() => import(\"./component/Layout/LandingMaster\"));\r\nconst Report = lazy(() => import(\"./component/reports/Report\"));\r\nconst VitalSigns = lazy(() => import(\"./component/Consultation/VitalSigns\"));\r\nconst LandingMasterReports = lazy(() =>\r\n import(\"./component/Layout/LandingMasterReports\")\r\n);\r\nconst LabSampleCollect = lazy(() =>\r\n import(\"./pages/LabSampleCollect/LabSampleCollect\")\r\n);\r\nconst LabEntry = lazy(() => import(\"./pages/LabResultEntry/LabEntry\"));\r\nconst Inventory = lazy(() => import(\"./component/MasterInventory\"));\r\nconst Ipd1 = lazy(() => import(\"./component/MasterIPD1\"));\r\nconst IpdHome = lazy(() => import(\"./Ipd_Layout/Components\"));\r\nconst LandingIpd = lazy(() => import(\"./component/Layout/LandingIPD\"));\r\nconst NurseDutyRoaster = lazy(() =>\r\n import(\"./component/HeadNurse/NurseDutyRoaster\")\r\n);\r\nconst HeadNureseTab = lazy(() => import(\"./component/HeadNurse/HeadNureseTab\"));\r\n// const FhirDisplayRoute = lazy(() => import(\"./pages/Ndhm/FhirDisplay\"));\r\nconst Dashboard = lazy(() => import(\"./component/Dashboard/Dashboard\"));\r\nconst TherapyRole = lazy(() => import(\"./Ipd_Layout/Therapy/TherapyLayout\"));\r\n\r\nexport default function App() {\r\n const dispatch = useDispatch();\r\n const theme = useSelector((state) => state.MainReducer.selectedTheme);\r\n const staffLogin = useSelector((state) => state.loginReducer.staffLogin);\r\n\r\n const ndhmMsg = useSelector((state) => state.registrationReducer.ndhmMsg);\r\n const verificationMethod = useSelector(\r\n (state) => state.registrationReducer.verifyMethod\r\n );\r\n const clientRef = useRef(null);\r\n const topic = \"/app/private-message\";\r\n const message = JSON.stringify({ messageContent: \"hi\" });\r\n const clientId = useSelector((state) => state.registrationReducer.clientId);\r\n\r\n const [fhirDataArr, setFhirDataArr] = useState([]);\r\n const [\r\n displayDataPushNotification,\r\n setDisplayDataPushNotification,\r\n ] = useState(false);\r\n\r\n useEffect(() => {\r\n if (displayDataPushNotification) {\r\n dispatch(\r\n showSnackbar({\r\n message: `Received Data from HIP`,\r\n messageInfoType: \"success\",\r\n })\r\n );\r\n }\r\n }, [displayDataPushNotification]);\r\n\r\n useEffect(() => {\r\n console.log(\"fhirDataArr\", fhirDataArr);\r\n }, [fhirDataArr]);\r\n\r\n React.useEffect(() => {\r\n localStorage.clear();\r\n if (\r\n history.location.pathname.toLocaleLowerCase().includes(\"ContactUs\") ||\r\n history.location.pathname\r\n .toLocaleLowerCase()\r\n .includes(\"ayushFacilityList\") ||\r\n history.location.pathname\r\n .toLocaleLowerCase()\r\n .includes(\"BookAppointment\") ||\r\n history.location.pathname.toLocaleLowerCase().includes(\"RegistrationForm\")\r\n )\r\n return;\r\n\r\n if (staffLogin?.length === 0) {\r\n history.push(\"/home\");\r\n dispatch(staffLogout({ userName: staffLogin.username }));\r\n }\r\n }, [dispatch, staffLogin]);\r\n\r\n React.useEffect(() => {\r\n let currentPathname = null;\r\n let currentSearch = null;\r\n history.listen((newLocation, action) => {\r\n if (action === \"PUSH\") {\r\n if (\r\n newLocation.pathname !== currentPathname ||\r\n newLocation.search !== currentSearch\r\n ) {\r\n // Save new location\r\n currentPathname = newLocation.pathname;\r\n currentSearch = newLocation.search;\r\n // Clone location object and push it to history\r\n history.push({\r\n pathname: newLocation.pathname,\r\n search: newLocation.search,\r\n });\r\n }\r\n } else {\r\n // Send user back if they try to navigate back\r\n history.go(1);\r\n }\r\n });\r\n }, []);\r\n\r\n return (\r\n <>\r\n \r\n \r\n {/* Purchase Request
Approval}\r\n \r\n style={{\r\n backgroundColor: value === 0 ? myOwnColor : menuThemeColor,\r\n color: menuThemeColor === \"#CAF7FB\" ? \"#000\" : \"#fff\",\r\n }}\r\n value={0}\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 Approval}\r\n \r\n style={{\r\n backgroundColor: value === 0 ? myOwnColor : menuThemeColor,\r\n color: menuThemeColor === \"#CAF7FB\" ? \"#000\" : \"#fff\",\r\n }}\r\n value={0}\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\nconst PurchaseReturnForm = React.forwardRef(ComplexMedicineTable);\r\nexport default PurchaseReturnForm;\r\n","import React, { useState } from \"react\";\r\nimport { makeStyles, withStyles } from \"@material-ui/core/styles\";\r\n//material-ui\r\nimport {\r\n Grid,\r\n Button,\r\n TableCell,\r\n TableRow,\r\n TableContainer,\r\n Table,\r\n InputAdornment,\r\n IconButton,\r\n TableBody,\r\n TableHead,\r\n Dialog,\r\n DialogContent,\r\n DialogTitle,\r\n TextField,\r\n LinearProgress,\r\n} from \"@material-ui/core\";\r\nimport _ from \"lodash\";\r\nimport MuiAccordionSummary from \"@material-ui/core/AccordionSummary\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport InventoryInstance from \"../../../api/InventoryInstance\";\r\n//icons\r\nimport { Search } from \"@material-ui/icons\";\r\nimport PurchaseReturnForm from \"./PurchaseReturnForm\";\r\nimport { SHOW_SNACKBAR } from \"../../../actions/Type\";\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\nimport { useForm } from \"react-hook-form\";\r\nimport { yupResolver } from \"@hookform/resolvers/yup\";\r\nimport * as yup from \"yup\";\r\nimport NotificationSuccess from \"../../../component/Notification/NotificationSuccess\";\r\nimport moment from \"moment\";\r\nimport Controls from \"../../../component/controls/Controls\";\r\nimport useTable from \"../../../component/useTable\";\r\nimport { faEdit, faEye, faFilePdf } from \"@fortawesome/free-solid-svg-icons\";\r\nimport DialogActions from \"@material-ui/core/DialogActions\";\r\nimport { jsPDF } from \"jspdf\";\r\nimport \"jspdf-autotable\";\r\nimport ahmis from \"../../../assets/ahmis.png\";\r\nimport leaf from \"../../../assets/leaf.png\";\r\nconst headCells = [\r\n { id: \"srNo\", label: \"Sl No.\" },\r\n { id: \"purchaseOrderId\", label: \"Purchase Order ID\" },\r\n { id: \"vendorName\", label: \"Vendor Name\" },\r\n { id: \"totalBillAmount\", label: \"Total Bill Amount (₹)\" },\r\n\r\n { id: \"billNo\", label: \"Bill No.\" },\r\n { id: \"receiptDate\", label: \"Receipt Date\" },\r\n\r\n { id: \"returnNo\", label: \"Return No.\" },\r\n { id: \"action\", label: \"Action\", disableSorting: true },\r\n];\r\n//css defined\r\nconst StyledTableCell = withStyles(theme => ({\r\n head: {\r\n backgroundColor: \"#07A0B0\",\r\n color: theme.palette.common.white,\r\n fontSize: \"1rem\",\r\n },\r\n body: {\r\n fontSize: 14,\r\n },\r\n}))(TableCell);\r\nconst AccordionSummary = withStyles(theme => ({\r\n root: {\r\n color: \"white\",\r\n minHeight: \"40px\",\r\n \"&$expanded\": {\r\n minHeight: \"40px\",\r\n },\r\n },\r\n content: {\r\n \"&$expanded\": {\r\n margin: \"12px 0\",\r\n },\r\n },\r\n\r\n expanded: {},\r\n}))(MuiAccordionSummary);\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n root: {\r\n marginTop: \"0.5%\",\r\n marginLeft: \"-0.5%\",\r\n },\r\n\r\n icon: {\r\n color: \"white\",\r\n },\r\n content: {\r\n backgroundColor: \"white\",\r\n color: \"black\",\r\n display: \"block\",\r\n },\r\n btnActive: {\r\n backgroundColor: \"green\",\r\n fontSize: 12,\r\n height: 20,\r\n color: \"white\",\r\n minWidth: 100,\r\n zIndex: -1,\r\n },\r\n btnInActive: {\r\n backgroundColor: \"red\",\r\n fontSize: 12,\r\n height: 20,\r\n color: \"white\",\r\n minWidth: 100,\r\n zIndex: -1,\r\n },\r\n btnPending: {\r\n backgroundColor: \"rgb(231 108 25)\",\r\n fontSize: 12,\r\n height: 20,\r\n color: \"white\",\r\n minWidth: 100,\r\n zIndex: -1,\r\n },\r\n inputFont: {\r\n fontSize: \"15px\",\r\n fontWeight: 400,\r\n color: \"#474444 !important\",\r\n \"&.Mui-disabled\": {\r\n backgroundColor: \"#f5f7f5\",\r\n color: \"black\",\r\n },\r\n },\r\n}));\r\n\r\nexport const defaultComplexRow = () => ({\r\n batchNo: \"\",\r\n qty: \"\",\r\n mfgDate: null,\r\n expDate: null,\r\n returnedQty: \"\",\r\n stockQty: \"\",\r\n isSelect: false,\r\n id: 0,\r\n});\r\n\r\nexport const defaultComplex = () => ({\r\n drugTypeName: \"\",\r\n drugName: \"\",\r\n uomName: \"\",\r\n singleUnit: \"\",\r\n approvedQty: \"\",\r\n singleQtyPrice: \"\",\r\n price: \"\",\r\n id: 0,\r\n remark: \"\",\r\n purchaseDetId: 0,\r\n rows: [defaultComplexRow()],\r\n});\r\n\r\nconst [W, H] = [210, 297];\r\nconst margin = 10;\r\n\r\nconst style = {\r\n cellPadding: 1, // a number, array or object (see margin below)\r\n fontSize: 8,\r\n font: \"helvetica\", // helvetica, times, courier\r\n lineWidth: 0.01,\r\n lineColor: 127,\r\n fontStyle: \"normal\", // normal, bold, italic, bolditalic\r\n overflow: \"linebreak\", // visible, hidden, ellipsize or linebreak\r\n fillColor: false, // false for transparent or a color as described below\r\n textColor: 0,\r\n halign: \"left\", // left, center, right\r\n valign: \"middle\", // top, middle, bottom\r\n cellWidth: \"auto\", // 'auto', 'wrap' or a number\r\n};\r\n\r\nfunction Inner() {\r\n const classes = useStyles();\r\n const myOwnColor = useSelector(state => state.MainReducer.selectedColor);\r\n const dispatch = useDispatch();\r\n\r\n const complexRowSchema = yup.object().shape({\r\n batchNo: yup.string(),\r\n\r\n stockQty: yup.string(),\r\n qty: yup.string(),\r\n mfgDate: yup.string(),\r\n\r\n expDate: yup.string(),\r\n id: yup.string(),\r\n isSelect: yup.boolean(),\r\n\r\n returnedQty: yup.string().when([\"isSelect\", \"qty\"], (isSelect, qty) => {\r\n if (isSelect === true) {\r\n return yup.number().nullable().typeError(\"This field is required\").max(qty, \"Must be <= received Qty\");\r\n }\r\n }),\r\n });\r\n //validation\r\n const complexSchema = yup.object().shape({\r\n drugTypeName: yup.string(),\r\n drugName: yup.string(),\r\n uomName: yup.string(),\r\n singleUnit: yup.string(),\r\n approvedQty: yup.string(),\r\n singleQtyPrice: yup.string(),\r\n price: yup.string(),\r\n id: yup.string(),\r\n purchaseDetId: yup.string(),\r\n remark: yup.string(),\r\n rows: yup.array().of(complexRowSchema).required(\"Must have fields\"),\r\n });\r\n\r\n const schema = yup.object().shape({\r\n billNo: yup.string(),\r\n complex: yup.array().of(complexSchema).required(\"Must have fields\"),\r\n });\r\n\r\n const defaultValues = {\r\n complex: [],\r\n billNo: \"\",\r\n };\r\n\r\n const {\r\n register,\r\n watch,\r\n reset,\r\n handleSubmit,\r\n setValue,\r\n setError,\r\n getValues,\r\n trigger,\r\n control,\r\n formState: { errors, isValid, isSubmitting },\r\n } = useForm({\r\n defaultValues,\r\n resolver: yupResolver(schema),\r\n mode: \"onChange\",\r\n });\r\n\r\n const complexRef = React.useRef(null);\r\n\r\n const staff = useSelector(state => state.loginReducer.staffLogin);\r\n\r\n const orgId = staff?.orgId;\r\n const staffId = staff?.staffId;\r\n const storeId = staff?.storeId;\r\n\r\n const [editData, setDataEdit] = React.useState(null);\r\n const [viewData, setdata] = React.useState(null);\r\n const [overAllData, setOverAllData] = React.useState(null);\r\n\r\n const [createdDate, setCreateddate] = React.useState();\r\n const [isEditMode, setIsEditMode] = React.useState(false);\r\n const [viewMood, setViewMood] = React.useState(false);\r\n\r\n const [VendorName, setVendorName] = React.useState();\r\n const [open, setOpen] = React.useState(false);\r\n const [entryId, setEntryId] = React.useState(\"\");\r\n const [loading, setLoading] = React.useState(false);\r\n const [orderID, setOrderId] = React.useState(\"\");\r\n const [totalBillAmount, setTotalBillAmount] = React.useState();\r\n const [records, setRecords] = React.useState([]);\r\n const [purchaseOrderId, setPurchaseOrderId] = useState(\"\");\r\n const [filterFn, setFilterFn] = React.useState({\r\n fn: items => {\r\n return items;\r\n },\r\n });\r\n\r\n const { TblContainer, TblHead, TblPagination, recordsAfterPagingAndSorting } = useTable(records, headCells, filterFn);\r\n\r\n const handleSearch = e => {\r\n let value = e.target.value;\r\n\r\n setFilterFn({\r\n fn: items => {\r\n if (value === \"\") {\r\n return items;\r\n }\r\n return items.filter(\r\n x =>\r\n x.billNo?.toLowerCase().includes(value.toLowerCase()) ||\r\n x.purchaseOrderNo?.toLowerCase().includes(value.toLowerCase()) ||\r\n x.vendorName?.toLowerCase().includes(value.toLowerCase())\r\n );\r\n },\r\n });\r\n };\r\n\r\n const fetchpurchaseReceipt = () => {\r\n setLoading(true);\r\n InventoryInstance.get(\"purchaseReturn/fetchOrdByOrg/\" + orgId)\r\n .then(res => {\r\n var mydatais = res.data.sort((a, b) => a.id - b.id);\r\n\r\n setRecords(mydatais);\r\n setLoading(false);\r\n })\r\n .catch(() => {\r\n setLoading(false);\r\n });\r\n };\r\n\r\n const fetchBillData = async (orderId, entryId) => {\r\n setIsEditMode(true);\r\n setEntryId(entryId);\r\n setOrderId(orderId);\r\n try {\r\n const { data } = await InventoryInstance.get(`purchaseReturn/fetchByEntryId/${orderId}/${entryId}`);\r\n setdata(data);\r\n\r\n setCreateddate(data.createdDatetimeString);\r\n setTotalBillAmount(data.totalBillAmount);\r\n setPurchaseOrderId(data.purchaseOrderNo);\r\n } catch (error) {\r\n dispatch({\r\n type: SHOW_SNACKBAR,\r\n payload: {\r\n type: \"error\",\r\n msg: \"Something went wrong\",\r\n openSnackbar: true,\r\n },\r\n });\r\n }\r\n // InventoryInstance.get(`purchaseReturn/fetchByEntryId/${orderId}/${entryId}`)\r\n // .then((response) => {\r\n // return response.data;\r\n // })\r\n // .then((data) => {\r\n // setdata(data);\r\n\r\n // setCreateddate(data.createdDatetimeString);\r\n // setTotalBillAmount(data.totalBillAmount);\r\n\r\n // })\r\n // .catch(() => {\r\n // dispatch({\r\n // type: SHOW_SNACKBAR,\r\n // payload: {\r\n // type: \"error\",\r\n // msg: \"Something went wrong\",\r\n // openSnackbar: true,\r\n // },\r\n // });\r\n // });\r\n };\r\n\r\n const fetchpdfdata = (orderId, entryId) => {\r\n setEntryId(entryId);\r\n setOrderId(orderId);\r\n\r\n InventoryInstance.get(`purchaseReturn/fetchByEntryId/${orderId}/${entryId}`)\r\n .then(response => {\r\n return response.data;\r\n })\r\n .then(data => {\r\n const reportName = \"Purchase Return Report\";\r\n\r\n generatePdf(reportName, data, staff);\r\n })\r\n .catch(() => {\r\n dispatch({\r\n type: SHOW_SNACKBAR,\r\n payload: {\r\n type: \"error\",\r\n msg: \"Something went wrong\",\r\n openSnackbar: true,\r\n },\r\n });\r\n });\r\n };\r\n\r\n const generatePdf = (report, data, staffData) => {\r\n console.log(data);\r\n const org = staffData.orgName;\r\n\r\n const now = moment(new Date()).format(\"DD-MM-YYYY\");\r\n const time = new Date().toLocaleTimeString();\r\n\r\n const filterData = data.purchaseOrderDetailsDtos.filter(item => item.entryDetailsDrugDtl.length);\r\n console.log(filterData, \"filterData\");\r\n let amt = 0;\r\n filterData.forEach(item => {\r\n if (item.returnAmount !== undefined) {\r\n const price = +item.returnAmount;\r\n amt += price;\r\n }\r\n });\r\n const body = [\r\n ...filterData\r\n .map((d, index) => [\r\n [\r\n {\r\n content: d.drugTypeName,\r\n rowSpan: d.entryDetailsDrugDtl.length,\r\n styles: { halign: \"left\" },\r\n },\r\n {\r\n content: d.drugName,\r\n rowSpan: d.entryDetailsDrugDtl.length,\r\n styles: { halign: \"left\" },\r\n },\r\n {\r\n content: d.uomName,\r\n rowSpan: d.entryDetailsDrugDtl.length,\r\n styles: { halign: \"left\" },\r\n },\r\n {\r\n content: d?.singleUnit === undefined ? \"\" : d?.singleUnit,\r\n rowSpan: d.entryDetailsDrugDtl.length,\r\n styles: { halign: \"center\" },\r\n },\r\n {\r\n content: d.requiredQty,\r\n rowSpan: d.entryDetailsDrugDtl.length,\r\n styles: { halign: \"center\" },\r\n },\r\n {\r\n content: d.approvedQty,\r\n rowSpan: d.entryDetailsDrugDtl.length,\r\n styles: { halign: \"center\" },\r\n },\r\n {\r\n content: d.returnAmount,\r\n rowSpan: d.entryDetailsDrugDtl.length,\r\n styles: { halign: \"center\" },\r\n },\r\n moment(d.entryDetailsDrugDtl[0].manufactureDate).format(\"DD-MM-YYYY\"),\r\n moment(d.entryDetailsDrugDtl[0].expiryDate).format(\"DD-MM-YYYY\"),\r\n d.entryDetailsDrugDtl[0].serialNo,\r\n d.entryDetailsDrugDtl[0].returnQty,\r\n ],\r\n ...d.entryDetailsDrugDtl.slice(1).map(ml => [moment(ml.manufactureDate).format(\"DD-MM-YYYY\"), moment(ml.expiryDate).format(\"DD-MM-YYYY\"), ml.serialNo, ml.returnQty]),\r\n ])\r\n .flat(),\r\n ];\r\n console.log(body, \"body\");\r\n const pdf = new jsPDF(\"p\", \"mm\", [W, H], true);\r\n let Y = margin;\r\n pdf.addImage(ahmis, \"PNG\", margin, Y + 2, 15, 15);\r\n pdf.addImage(leaf, \"PNG\", W - margin - 20, Y + 2, 15, 15);\r\n pdf.setFontSize(14);\r\n let splitTitle = pdf.splitTextToSize(org.toUpperCase(), 150);\r\n pdf.text(splitTitle, W / 2, Y, { align: \"center\" });\r\n pdf.setFontSize(13);\r\n pdf.text(report, W / 2, Y + 15, \"center\");\r\n Y += 30;\r\n pdf.setFontSize(10);\r\n pdf.text(`Purchase Order No.: ${data.purchaseOrderNo}`, margin, Y);\r\n // pdf.text(`Status: ${filterData[0]?.entryStatus},`, margin, Y + 5);\r\n pdf.text(`Vendor Name: ${data?.vendorName},`, margin, Y + 11);\r\n pdf.text(`GST No.: ${data?.vendorGstNo},`, margin, Y + 17);\r\n pdf.text(`CGST: ${data?.vendorCgst}`, W - margin, Y + 11, \"right\");\r\n pdf.text(`SGST: ${data?.vendorSgst}`, W - margin, Y + 17, \"right\");\r\n\r\n Y += 26;\r\n\r\n pdf.autoTable({\r\n head: [[\"Drug Type\", \"Drug Name\", \"UOM\", \"Single Unit\", \"Required Qty\", \"Approved Qty\", \"Amount(₹)\", \"Mfg. Date\", \"Exp. Date\", \"Batch No.\", \"Return Qty\"]],\r\n body: body,\r\n\r\n foot: [\r\n [\r\n {\r\n content: `Total Amount(Rs).: ${amt}`,\r\n colSpan: 11,\r\n styles: {\r\n halign: \"right\",\r\n fillColor: [255, 255, 255],\r\n textColor: [0, 0, 0],\r\n },\r\n },\r\n ],\r\n ],\r\n startY: Y,\r\n margin,\r\n headStyles: {\r\n ...style,\r\n fillColor: [11, 156, 171],\r\n textColor: 255,\r\n lineColor: 255,\r\n fontSize: 8,\r\n fontWeight: 500,\r\n },\r\n bodyStyles: { ...style },\r\n footStyles: { ...style },\r\n });\r\n\r\n pdf.save(`Purchase Return Report-${now}, ${time}.pdf`);\r\n };\r\n\r\n const onFormSubmit = data => {\r\n console.log(data.complex, \"form Data\");\r\n\r\n const result = data.complex\r\n .map(item => ({\r\n ...item,\r\n rows: item.rows.filter(child => child.isSelect === true),\r\n }))\r\n .filter(item => item.rows.length > 0);\r\n\r\n const req = {\r\n purchaseEntryId: entryId,\r\n retTotalAmount: result.totalBillAmount,\r\n organizationId: orgId,\r\n createdBy: staffId,\r\n storeId: storeId,\r\n approvalStatus: 1,\r\n purchaseReturnDetailsDtos: result.map((el, index) => ({\r\n remarks: el.remark,\r\n purchaseEntryDetId: +el.purchaseDetId,\r\n amount: el.price,\r\n retrunDetailsDrugDtos: result[index].rows.map((ml, index) => ({\r\n returnQty: ml.returnedQty,\r\n entryDetDruId: ml.id,\r\n batchNo: ml.batchNo,\r\n expDate: ml.expDate,\r\n })),\r\n })),\r\n };\r\n\r\n if (result.length !== 0) {\r\n InventoryInstance.post(`purchaseReturn/save`, req)\r\n .then(response => {\r\n if (response.data === \"success\") {\r\n setOpen(false);\r\n dispatch({\r\n type: SHOW_SNACKBAR,\r\n payload: {\r\n type: \"success\",\r\n msg: \"Record Updated successfully\",\r\n openSnackbar: true,\r\n },\r\n });\r\n // reset(defaultValues);\r\n setIsEditMode(false);\r\n\r\n fetchpurchaseReceipt();\r\n } else {\r\n setOpen(false);\r\n dispatch({\r\n type: SHOW_SNACKBAR,\r\n payload: {\r\n type: \"error\",\r\n msg: \"Something went wrong\",\r\n openSnackbar: true,\r\n },\r\n });\r\n }\r\n })\r\n .catch(() => {\r\n setOpen(false);\r\n console.log(\"error\");\r\n });\r\n } else {\r\n dispatch({\r\n type: SHOW_SNACKBAR,\r\n payload: {\r\n type: \"error\",\r\n msg: \"Please at least one Drug Type\",\r\n openSnackbar: true,\r\n },\r\n });\r\n }\r\n };\r\n console.log(errors);\r\n const handleReceipt = () => {\r\n const req = {\r\n purchaseOrderId: orderID,\r\n organizationId: orgId,\r\n createdBy: staffId,\r\n approvalStatus: 1,\r\n billNo: viewData.billNo,\r\n purchaseEntryId: entryId,\r\n\r\n purchaseOrderNo: viewData.purchaseOrderNo,\r\n vendorNameId: viewData.vendorNameId,\r\n totalBillAmount: viewData.totalBillAmount,\r\n expectedDate: moment(viewData.expectedDate).format(\"YYYY-MM-DD\"),\r\n };\r\n\r\n InventoryInstance.post(`purchaseReceipt/save`, req)\r\n .then(response => {\r\n if (response.data === \"success\") {\r\n setOpen(false);\r\n dispatch({\r\n type: SHOW_SNACKBAR,\r\n payload: {\r\n type: \"success\",\r\n msg: \"Record Updated successfully\",\r\n openSnackbar: true,\r\n },\r\n });\r\n reset(defaultValues);\r\n setIsEditMode(false);\r\n // setViewMood(false);\r\n\r\n fetchpurchaseReceipt();\r\n } else {\r\n setOpen(false);\r\n dispatch({\r\n type: SHOW_SNACKBAR,\r\n payload: {\r\n type: \"error\",\r\n msg: \"Something went wrong\",\r\n openSnackbar: true,\r\n },\r\n });\r\n }\r\n })\r\n .catch(() => {\r\n setOpen(false);\r\n console.log(\"error\");\r\n });\r\n };\r\n\r\n const handleClose = (e, type) => {\r\n setOpen(false);\r\n };\r\n React.useEffect(() => {\r\n fetchpurchaseReceipt();\r\n }, []);\r\n\r\n const initialValue = 0;\r\n\r\n const getSum = arr => {\r\n if (Array.isArray(arr)) {\r\n return arr.reduce((previousValue, currentValue) => previousValue + currentValue, initialValue);\r\n }\r\n };\r\n\r\n const getlength = overAllData && overAllData.purchaseOrderDetailsDtos.map((d, index) => getSum(d.entryDetDtoSet.map(a => a.entryDetailsDrugDtos.length)));\r\n\r\n const CheckError = (e, childData) => {\r\n e.preventDefault();\r\n };\r\n\r\n // console.log(getValues().map(()))\r\n\r\n return (\r\n <>\r\n
\r\n
\r\n\r\n \r\n {`Clinical Status: ${row?.resource?.clinicalStatus?.coding[0]?.display}`}\r\n
\r\n {/* */}\r\n {/* \r\n \r\n \r\n Patient Medical History\r\n \r\n \r\n\r\n \r\n closeDialog()}\r\n edge=\"start\"\r\n color=\"primary\"\r\n aria-label=\"menu\"\r\n size=\"small\"\r\n >\r\n \r\n \r\n
\r\n\r\n \r\n\r\n {displayConditionCard(\r\n opConsultation?.entry?.filter(\r\n (ele) => ele?.resource?.resourceType === \"Condition\"\r\n )\r\n )}\r\n
\r\n {displayConditionCard(\r\n discharge?.entry?.filter(\r\n (ele) => ele?.resource?.resourceType === \"Condition\"\r\n )\r\n )}\r\n
\r\n {displayDiagnosticsCard(\r\n discharge?.entry?.filter(\r\n (ele) => ele?.resource?.resourceType === \"Observation\"\r\n )\r\n )}\r\n
\r\n \r\n props.onClose()}\r\n disableBackdropClick\r\n aria-labelledby=\"alert-dialog-title\"\r\n aria-describedby=\"alert-dialog-description\"\r\n >\r\n \r\n \r\n \r\n \r\n \r\n ABDM Consent Request Form\r\n \r\n \r\n\r\n \r\n props.onClose()}\r\n edge=\"start\"\r\n color=\"primary\"\r\n aria-label=\"menu\"\r\n size=\"small\"\r\n >\r\n \r\n \r\n \r\n Patient Identifier \r\n \r\n \r\n \r\n {configData?.cm_id}\r\n \r\n ),\r\n }}\r\n placeholder=\"ABHA ID\"\r\n onInput={(e) => {\r\n restrict.alphanumerichypen(e);\r\n }}\r\n fullWidth\r\n variant=\"outlined\"\r\n required\r\n error={!!errors.consent?.patient?.id}\r\n helperText={errors.consent?.patient?.id?.message}\r\n />\r\n \r\n \r\n\r\n \r\n \r\n Purpose of request \r\n \r\n \r\n \r\n (\r\n {\r\n setValue(`consent.purpose.code`, data?.code);\r\n setValue(`consent.purpose.text`, data?.text);\r\n }}\r\n value={\r\n consStatus &&\r\n consStatus.find(\r\n (el) =>\r\n el.code ===\r\n getValues(`consent.purpose.code`)\r\n )\r\n }\r\n menuPosition=\"fixed\"\r\n options={consStatus}\r\n placeholder={\"Select Purpose of request\"}\r\n getOptionLabel={(option) => option.text}\r\n getOptionValue={(option) => option.code}\r\n />\r\n )}\r\n />\r\n \r\n {errors?.consent?.purpose?.code?.message}\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n Health Info From \r\n \r\n \r\n (\r\n \r\n {\r\n const fromDate = moment(date)?.toISOString();\r\n onChange(fromDate);\r\n }}\r\n disableFuture\r\n KeyboardButtonProps={{\r\n \"aria-label\": \"change date\",\r\n }}\r\n />\r\n \r\n )}\r\n />\r\n \r\n \r\n\r\n \r\n \r\n Health Info To \r\n \r\n \r\n (\r\n \r\n {\r\n const toDate = moment(date)?.toISOString();\r\n onChange(toDate);\r\n }}\r\n disableFuture\r\n KeyboardButtonProps={{\r\n \"aria-label\": \"change date\",\r\n }}\r\n />\r\n \r\n )}\r\n />\r\n \r\n \r\n\r\n \r\n \r\n Health Info Type \r\n \r\n \r\n {\r\n setTypeChecked({\r\n ...typeChecked,\r\n OPConsultation: event.target.value,\r\n });\r\n }}\r\n label=\"OP Consultation\"\r\n />\r\n {\r\n setTypeChecked({\r\n ...typeChecked,\r\n DiagnosticReport: event.target.value,\r\n });\r\n }}\r\n label=\"Diagnostics Reports\"\r\n />\r\n {\r\n setTypeChecked({\r\n ...typeChecked,\r\n Prescription: event.target.value,\r\n });\r\n }}\r\n label=\"Prescription\"\r\n />\r\n {\r\n setTypeChecked({\r\n ...typeChecked,\r\n HealthDocumentRecord: event.target.value,\r\n });\r\n }}\r\n label=\"Record artifact\"\r\n />\r\n \r\n \r\n {\r\n setTypeChecked({\r\n ...typeChecked,\r\n DischargeSummary: event.target.value,\r\n });\r\n }}\r\n label=\"Discharge Summary\"\r\n />\r\n {\r\n setTypeChecked({\r\n ...typeChecked,\r\n ImmunizationRecord: event.target.value,\r\n });\r\n }}\r\n label=\"Immunization Record\"\r\n />\r\n {\r\n setTypeChecked({\r\n ...typeChecked,\r\n WellnessRecord: event.target.value,\r\n });\r\n }}\r\n label=\"Wellness Record\"\r\n />\r\n \r\n \r\n\r\n \r\n \r\n Consent Expiry \r\n \r\n \r\n (\r\n \r\n {\r\n const expiryDate = moment(date)?.toISOString();\r\n onChange(expiryDate);\r\n }}\r\n disablePast\r\n KeyboardButtonProps={{\r\n \"aria-label\": \"change date\",\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 Request Consent\r\n \r\n {/* */}\r\n setOpenFhirDisplay(true)}\r\n >\r\n View Patient Data\r\n \r\n {/* */}\r\n \r\n \r\n \r\n \r\n setOpenFhirDisplay(false)}\r\n >\r\n setOpenFhirDisplay(false)} />\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n hidden ? '' : \r\n {/* {label} */}\r\n \r\n {\r\n items.map(\r\n item => (\r\n } label={item.activeStatus} />\r\n )\r\n )\r\n \r\n }\r\n \r\n \r\n }\r\n \r\n
\r\n )\r\n}\r\n","//material-ui\r\nimport {\r\n FormControl,\r\n FormHelperText,\r\n InputLabel,\r\n MenuItem,\r\n Select as MuiSelect,\r\n} from \"@material-ui/core\";\r\nimport React from \"react\";\r\n\r\n//Select function is defined here\r\nexport default function Select(props) {\r\n const { name, label, value, error = null, onChange, options } = props;\r\n\r\n return (\r\n \r\n \r\n \r\n {successSnackbarMessage}\r\n \r\n \r\n
\r\n );\r\n}\r\n","import * as Types from \"./Type\";\r\n\r\nexport const changeThemes = (themeName) => ({\r\n type: Types.CHANGE_THEME,\r\n themeName,\r\n});\r\nexport const changeThemeColor = (selectedColor) => ({\r\n type: Types.CHANGE_COLOR,\r\n selectedColor,\r\n});\r\n\r\nexport const changeMenuThemeColor = (selectedMenuTheme) => ({\r\n type: Types.CHANGE_MENU_COLOR,\r\n selectedMenuTheme,\r\n});\r\n"],"sourceRoot":""}