@jescon-technologies/react-native-ui-kit 0.0.4 → 0.0.5

package/src/Screens/Consultation.js

@@ -0,0 +1,1500 @@
+import React, { useState, useEffect, useRef, useContext, useCallback } from 'react';
+import { Text, View, TouchableOpacity, Dimensions, BackHandler, Alert, FlatList, RefreshControl, DeviceEventEmitter } from 'react-native';
+import Loader from '../Custom/Loader';
+import HeaderBlock from './HeaderBlock';
+// import CContainerView from '../CustomComponents/CContainerView';
+import CDetailView from '../CustomComponents/CDetailView';
+import CFooterView from '../CustomComponents/CFooterView';
+// import { useIsFocused } from '@react-navigation/native';
+import InsureResponseComponentContext from '../Handlers/insureResponseComponentContext';
+import NetworkServiceCall from '../Common/NetworkServiceCall';
+import { ArrayCheck, getLoading, getSound, isBNUL, isNU, isNUQ, notifyMessage, ValueCheck } from '../CommonStyle/ComponentFunctions';
+import HHeading from '../HOC/HHeading';
+import { normalize } from '../CommonStyle/componentStyle';
+import HMoreButton from '../HOC/HMoreButton';
+import HView from '../HOC/HView';
+import { APIURL } from '../../../../../src/Common/apiConstants';
+import NotesInstructionComments from '../CustomComponents/NotesInstructionComments';
+import Icons from '../Common/Icons';
+import HOverlay from '../HOC/HOverlay';
+import CConfirmation from '../CustomComponents/CConfirmation';
+import Footer from './Footer';
+import FooterJSON from '../Json/Footer.json';
+import { Global } from '../../../../../src/Common/Global';
+import CBackHandler from '../CustomComponents/CBackHandler';
+import HAbsolute from '../HOC/HAbsolute';
+
+import { FlashList } from '@shopify/flash-list';
+import HNatureHeading from '../HOC/HNatureHeading';
+import { Menu, MenuOptions, MenuTrigger } from 'react-native-popup-menu';
+import HOCIcons from '../HOC/HOCIcons';
+import CDropDownList from '../CustomComponents/CDropDownList';
+import CDetailCard from '../Custom/CDetailCard';
+import FileExplorer from './FileExplorer';
+
+var deletearg = {};
+export default function Consultation(props) {
+
+    const [footer, setFooter] = useState();
+    // const navigation = useNavigation();
+    const [visibility, setVisibility] = useState(true)
+    const [backHandler, setBackHandler] = useState(false)
+    const [exitbackHandler, setExitBackHandler] = useState(false)
+    const [pulltorefresh] = useState(false)
+    const [overlay, setOverlay] = useState(false)
+    const [data, setData] = useState()
+    const [overlayData, setOverlayData] = useState()
+    const [isLoading, setIsLoading] = useState(false)
+    const { responseJSON, setResponseJSON } = useContext(InsureResponseComponentContext);
+    const [refresh, setRefresh] = useState(0);
+    const [deleteConfirmation, setDeleteConfirmation] = useState(false);
+    const [deleteClassificationNature, setDeleteClassificationNature] = useState();
+    // const isFocused = useIsFocused();
+
+    // useEffect(() => {
+    //     BackHandler.addEventListener('hardwareBackPress2', backAction);
+    //     return () =>
+    //         BackHandler.removeEventListener('hardwareBackPress2', backAction);
+    // }, []);
+
+    useEffect(() => {
+        const backAction = () => {
+            if (!navigation.isFocused()) {
+                return false;
+            }
+            else {
+                if (isNU(responseJSON) && isBNUL(responseJSON.consultation) && CheckIfEdited(responseJSON.consultation)) {
+                    setExitBackHandler(true)
+                }
+                else {
+                    navigation.goBack();
+                }
+            }
+            return true;
+        };
+
+        const backHandler = BackHandler.addEventListener(
+            "hardwareBackPress",
+            backAction
+        );
+
+        return () => backHandler.remove();
+    }, [navigation, responseJSON]);
+
+    useEffect(() => {
+        getConsultation()
+    }, [])
+
+    // useEffect(() => {
+    //     if (props?.route?.params?.chartscan) {
+
+    //         {
+    //             isNU(data) && isBNUL(data.consultation) ?
+
+    //                 data.consultation.map((fileEx, i) => {
+    //                     fileEx.customcomponent == 'FileExplorer' ? setResponseJSON({ ...responseJSON, "consultationEdit": fileEx }) : null;
+    //                 })
+    //                 : null
+    //         }
+    //     }
+    // }, [])
+
+
+    // const backAction = () => {
+    //     if (navigation.isFocused() && isNU(responseJSON) && responseJSON.editStatus) {
+    //         getSound('datanotsaved.mp3')
+    //         setExitBackHandler(true)
+    //         return true;
+    //     }
+    //     // else{
+    //     //     setExitBackHandler(false)
+    //     // }
+    // };
+
+    function getExpand(params) {
+        params.expand = !params.expand
+        setRefresh(refresh + 1)
+    }
+
+    function getSelection(val, item, index) {
+
+        // if (ValueCheck(data) && ArrayCheck(data.consultation)) {
+        //     data.consultation.map((forSelect) => forSelect.selected = false)
+        //     item.selected = true
+        //     setRefresh(refresh + 1)
+        // }
+
+        getHeaderMoreButtonPress(val, item, index)
+    }
+
+    function DeleteNotesOrInstructions(val, index, arrayname) {
+
+        const keysToRemove = [val.datavalue]
+
+        console.log('DeleteNotesOrInstructions', keysToRemove)
+
+        const updatedResponseJSON = {
+            ...responseJSON,
+            editStatus: true,
+            consultation: [...responseJSON.consultation], // Clone the consultation array
+        };
+
+        const natureindex = index;
+
+        const name = arrayname;
+
+        updatedResponseJSON.consultation[natureindex] = {
+            ...updatedResponseJSON.consultation[natureindex],
+            editStatus: true,
+            moreButton: [...updatedResponseJSON.consultation[natureindex].moreButton]
+        }
+
+        const indexOfSelected = isBNUL(updatedResponseJSON.consultation[natureindex].moreButton) ? updatedResponseJSON.consultation[natureindex].moreButton.findIndex(item => item.name === name) : 0;
+
+
+        if (name == 'Notes') {
+            updatedResponseJSON.consultation[natureindex].moreButton[indexOfSelected] = {
+                ...updatedResponseJSON.consultation[natureindex].moreButton[indexOfSelected],
+                NotesArray: [...updatedResponseJSON.consultation[natureindex].moreButton[indexOfSelected].NotesArray]
+            };
+
+            updatedResponseJSON.consultation[natureindex].moreButton[indexOfSelected].NotesArray = [
+                ...updatedResponseJSON.consultation[natureindex].moreButton[indexOfSelected].NotesArray.filter(item => !keysToRemove.includes(item.datavalue))
+            ]
+        }
+
+        if (name == 'Instructions') {
+            updatedResponseJSON.consultation[natureindex].moreButton[indexOfSelected] = {
+                ...updatedResponseJSON.consultation[natureindex].moreButton[indexOfSelected],
+                InstructionsArray: [...updatedResponseJSON.consultation[natureindex].moreButton[indexOfSelected].InstructionsArray]
+            };
+            updatedResponseJSON.consultation[natureindex].moreButton[indexOfSelected].InstructionsArray = [
+                ...updatedResponseJSON.consultation[natureindex].moreButton[indexOfSelected].InstructionsArray.filter(item => !keysToRemove.includes(item.datavalue))
+            ]
+        }
+
+        setResponseJSON(updatedResponseJSON);
+
+    }
+
+    function renderItem({ item, index }) {
+
+        return (
+            <View>
+                {item.visibility ?
+                    <View style={{
+                        marginVertical: normalize(4),
+                        alignSelf: 'center',
+                        elevation: 5,
+                        borderWidth: 0.5,
+                        borderColor: 'lightgrey',
+                        width: '98%',
+                        backgroundColor: '#f2efef', //'#f2efef',
+                    }}>
+                        <HNatureHeading
+                            styles={{
+                                "iconname": item.iconname,
+                                "bgcolor": "#f2efef",
+                                "iconsize": 16,
+                                "iconcolor": item.editStatus != undefined && item.editStatus ? "#2085ec" : Global.AppTheme.primary_color,
+                                "displaytext": item.heading,
+                                "textsize": 14,
+                                "textcolor": Global.AppTheme.primary_color
+                            }}
+                            callBack={val => (val == undefined ? null :
+                                getHeaderClick(item, index)
+                            )}
+                            Expand={val => (val == undefined ? null :
+                                {}
+                                // getExpand(item)
+                            )}
+                            moreButtonArray={item.moreButton}
+                            moreCallBack={val => (val == undefined ? null : getSelection(val, item, index))}
+                        >
+
+                        </HNatureHeading>
+                        {/* <HHeading
+                        styles={{
+                            "iconname": item.iconname,
+                            "bgcolor": "#f2efef",
+                            "iconsize": 16,
+                            "iconcolor": item.editStatus != undefined && item.editStatus ? "#2085ec" : Global.AppTheme.primary_color,
+                            "displaytext": item.heading,
+                            "textsize": 14,
+                            "textcolor": Global.AppTheme.primary_color
+                        }}
+                        callBack={val => (val == undefined ? null :
+                            getHeaderClick(item, index)
+                        )}
+                        Expand={val => (val == undefined ? null :
+                            {}
+                        )}>
+
+                        <HMoreButton
+                            styles={{
+                                "iconname": 'dots-vertical',
+                                "iconsize": 23,
+                                "iconcolor": Global.AppTheme.primary_color,
+                                "textsize": 9,
+                                "textcolor": Global.AppTheme.primary_color
+                            }}
+                            moreButtonArray={item.moreButton}
+                            // callBack={val => (val == undefined ? null : getHeaderMoreButtonPress(val, item))} />
+                            callBack={val => (val == undefined ? null : getSelection(val, item, index))}
+                        />
+                    </HHeading> */}
+
+                        {isBNUL(item.moreButton) &&
+                            item.moreButton.map((Subitem, i) => {
+                                return (
+                                    <View style={{ borderWidth: 0 }}>
+                                        {Subitem.name == 'Notes' && Subitem.NotesArray != undefined ? (
+                                            <NotesInstructionComments
+                                                key={i}
+                                                disabled={false}
+                                                data={Subitem.NotesArray}
+                                                icon={'notes'}
+                                                verification={true}
+                                                more={Subitem}
+                                                buttonFunction={(val) => buttonFunctionality(Subitem, i, Subitem.nature, item, index, val)}
+                                                deletebutton={true}
+                                                deleteCallback={(val) => {
+                                                    DeleteNotesOrInstructions(val, index, 'Notes')
+                                                }}
+                                            />
+                                        ) : Subitem.name == 'Instructions' && Subitem.InstructionsArray != undefined ? (
+                                            <NotesInstructionComments
+                                                key={i}
+                                                disabled={true}
+                                                data={Subitem.InstructionsArray}
+                                                icon={'instruction'}
+                                                verification={true}
+                                                more={Subitem}
+                                                buttonFunction={() => buttonFunctionality(Subitem, i, Subitem.nature, item, index)}
+                                                deletebutton={true}
+                                                deleteCallback={(val) => {
+                                                    DeleteNotesOrInstructions(val, index, 'Instructions')
+                                                }}
+                                            />
+                                        ) : Subitem.name == 'Comments' ? (
+                                            ValueCheck(Subitem.comments) ? (
+                                                <TouchableOpacity key={i}
+                                                    onPress={() => buttonFunctionality(Subitem, i, Subitem.nature, item, index)}
+                                                    style={{
+                                                        paddingLeft: normalize(5),
+                                                        padding: normalize(5),
+                                                        borderWidth: 0.34,
+                                                        borderColor: 'lightgrey',
+                                                        backgroundColor: '#fff',
+                                                        marginLeft: normalize(10),
+                                                        borderRadius: normalize(10),
+                                                        flexDirection: 'row',
+                                                        alignItems: 'center',
+                                                        justifyContent: 'flex-start',
+                                                        marginTop: normalize(1),
+                                                        elevation: 3,
+                                                    }}>
+                                                    <Icons.FontAwesome5
+                                                        name={'comments'}
+                                                        size={normalize(13)}
+                                                    />
+                                                    <Text
+                                                        adjustsFontSizeToFit
+                                                        style={{
+                                                            fontSize: normalize(13),
+                                                            paddingLeft: normalize(5),
+                                                        }}>
+                                                        {Subitem.comments}
+                                                    </Text>
+                                                </TouchableOpacity>
+                                            ) : null
+                                        ) : null}
+                                    </View>
+                                )
+                            })}
+
+                        {item.expand ?
+                            <View>
+                                {item.NewData != null && item.NewData != undefined && item.NewData.length > 0 ?
+                                    <FlatList
+                                        data={item.details}
+                                        renderItem={(k) => renderView(k, item, index)}
+                                        keyExtractor={(item, index) => 'keyq' + index}
+                                        listKey={(item, index) => 'keys' + index}
+                                    />
+                                    : null}
+                            </View> : null}
+                    </View>
+                    : null}
+            </View>
+        )
+
+    }
+
+    function getConsultation() {
+
+        Global.EditStatus = null;
+        setIsLoading(true);
+        setResponseJSON({});
+        setData();
+        let buttonapi = props?.route?.params?.customlink ? props?.route?.params?.customlink : APIURL + Global.PatientDetails.detailapi;
+        console.log("getConsultation...................", buttonapi);
+
+        NetworkServiceCall("get", buttonapi, "", false)
+            .then(function (response) {
+                if (response.httpstatus == 200) {
+                    if (response.data != undefined
+                        && response.data.consultationdata != undefined) {
+                        Global.ParameterInfo = response.data.consultationdata
+                    }
+                    setResponseJSON(response.data)
+                    setData(response.data)
+                    setFooter(response.data.componentFooter)
+                    setIsLoading(false)
+                } else {
+                    notifyMessage(response.data.subtitle, 2)
+                    setIsLoading(false)
+                    navigation.goBack()
+                }
+            })
+        getLoading(v => setIsLoading(false))
+
+    }
+
+    const renderView = ({ item, index }, parent, natureindex) => {
+
+        console.log('renderView', item.componentname);
+
+        return (
+            <View>
+                <HView
+                    component={item.componentname}
+                    data={parent.data}
+                    index={index}
+                    natureindex={natureindex}
+                    parentClass={parent}
+                />
+            </View>
+        )
+    }
+
+    function getAddNature(params) {
+
+        isBNUL(params) ?
+            params.map((item) => { responseJSON.consultation.push({ ...item, "editStatus": true }) })
+            : null;
+
+        // ArrayCheck(params) ? params.map((item) => {
+        //     responseJSON.consultation.unshift({
+        //         ...item,
+        //         "editStatus": true
+        //     })
+        // }) : null
+
+        // console.log('hii...............', JSON.stringify(responseJSON));
+    }
+
+    function getAddTemplate(params) {
+        const Template = params.filter(({ hosumrclassificationnature: id1 }) => !responseJSON.consultation.some(({ hosumrclassificationnature: id2 }) => id2 === id1));
+        if (isBNUL(Template)) {
+            Template.map((item) => { responseJSON.consultation.push({ ...item, "editStatus": true }) });
+            setRefresh(refresh + 1);
+        }
+        else {
+        }
+    }
+
+    function getOverWriteTemplate(params) {
+
+        const Template = params.filter(function (item) { return item });
+
+        if (isBNUL(Template)) {
+
+            responseJSON.consultation.splice(0, responseJSON.consultation.length)
+            setVisibility(false);
+            setTimeout(() => {
+                Template.map((subItems) => {
+                    responseJSON.consultation.push({ ...subItems, "editStatus": true })
+                });
+                setVisibility(true);
+            });
+        }
+
+        // if (data.consultation != undefined) {
+        //     data.consultation.splice(0, data.consultation.length)
+        //     setVisibility(false)
+        //     setTimeout(() => {
+        //         params.map((subItems) => {
+        //             data.consultation.push({ ...subItems, "editStatus": true })
+        //         })
+        //         setVisibility(true)
+        //     });
+        // }
+    }
+
+    function getVerify() {
+
+        var groups = {
+            "consultationdata": responseJSON.consultationdata,
+            "consultation": responseJSON.consultation.map(function (itemclassification) {
+                if (itemclassification.hosumrclassificationnature) {
+                    switch (itemclassification.hosumrclassificationnature) {
+                        case 17:
+                        case 20:
+
+                            // const Validatation = itemclassification.NewData[0].editArray.map(item =>
+                            //     !item.multitiming ?
+                            //         item.timingdata[0].hosumrprescriptiontiming : item.timingdata.map(xxx => xxx.hosumrprescriptiontiming))
+                            // const merged = [].concat.apply([], Validatation).includes(0)
+                            // merged ? notifyMessage("Please fill out mandatory fields on Prescription") : null
+
+                            return ({
+                                ...itemclassification,
+                                "moreButton": itemclassification.moreButton != undefined ? getMoreButton(itemclassification) : []
+                            })
+                        case 0: return ({
+                            ...itemclassification,
+                            "NewData": itemclassification.NewData != undefined
+                                && itemclassification.NewData[0].editArray != undefined &&
+                                itemclassification.NewData[0].editArray != undefined ? getSavedFiles(itemclassification) : []
+                        })
+                        default: return ({
+                            ...itemclassification,
+                            "moreButton": itemclassification.moreButton != undefined ? getMoreButton(itemclassification) : [],
+                            "NewData": itemclassification.NewData != undefined && itemclassification.NewData.length > 0 ? getNewDataArray(itemclassification) : []
+                        })
+                    }
+                }
+            }).filter(n => n)
+        }
+
+        var dataset = { groups }
+        console.log("GRopsssssssss", groups.consultation)
+        console.log('------------------VERIFY----------------------------', JSON.stringify(dataset));
+        let buttonapi = APIURL + "commonsave/getpatientchartverify";
+        console.log('output-----------------------------', buttonapi);
+        setIsLoading(true);
+        NetworkServiceCall('post', buttonapi, dataset).then(function (response) {
+            console.log("REPOSNEEEEEEEEEEEEEEEEEE", JSON.stringify(response))
+            if (response.httpstatus == 200 && response.data != undefined &&
+                response.data != null && response.data.Code == 200) {
+                getSound('https://www.mboxdrive.com/datasaved.mp3');
+                notifyMessage('Data Verified!!!!!', 1);
+                setIsLoading(false)
+                setBackHandler(false)
+                props.navigation.goBack()
+            } else {
+                getSound('https://www.mboxdrive.com/datanotsaved.mp3');
+                notifyMessage('Data Not Verified!!!!!', 2);
+                setIsLoading(false);
+                setBackHandler(false)
+            }
+        });
+        getLoading(v => setIsLoading(false))
+    }
+
+    function getDataForPreview(data) {
+
+        const jsonremovedquotes = isNU(data) && isBNUL(data.consultation) ? data.consultation.map((val) => {
+            return ({
+                ...val,
+                "currentreportbuttonapi": ""
+            })
+        }) : [];
+
+        const jsonBody = {
+            "groups": {
+                ...data,
+                "consultation": jsonremovedquotes
+            }
+        }
+        return jsonBody
+    }
+
+    function getCheckSave(params) {
+        if (params) {
+            getSave()
+        }
+        else {
+            notifyMessage('No data to save.')
+        }
+    }
+
+    function getEditFlag(params) {
+        // console.log("PARAMS INSIDE PRESCRIPTIONNNNNNN", JSON.stringify(params))
+        if (params.EditFlag == 1) {
+            return params.EditFlag = 2
+        } else if (params.EditFlag == 3) {
+            return params.EditFlag = 4
+        }
+        else {
+            return params.EditFlag
+        }
+        // Global.EditStatus = 1
+        // responseJSON.consultationEdit.editStatus = true
+    }
+
+    function CheckIfEdited(array) {
+
+        let prevcodearray = array.filter((i, k) => { return i.editStatus ? { ...i } : undefined });
+        let prevcode = isBNUL(prevcodearray) ? true : false;
+        return prevcode;
+
+    }
+
+    function getFooterFunctions(val) {
+
+        switch (val.heading) {
+            case "Save":
+
+                if (CheckIfEdited(responseJSON.consultation)) {
+
+                    if (Global.PatientDetails.profilecontent[0].patienttype == 'IP') {
+
+                        navigate('PdfUnSavedViewer', {
+                            'headerblockstyle': {
+                                marginBottom: normalize(35)
+                            },
+                            'data': getDataForPreview(responseJSON),
+                            'link': APIURL + "jrinsurance/jrcommonjreport/" + "/rnhomrNatureChartPreview/0/ClassificationNatureDetails",
+                            'savebutton': true,
+                            savecallback: (val) => { getCheckSave(val) }
+                        })
+                    }
+                    else {
+                        getSave()
+                    }
+
+                }
+                else {
+                    notifyMessage("No data to save.", 3)
+                }
+
+
+                break;
+            case "Chart Download":
+                navigate('PdfPreview', { 'headerblockstyle': { marginBottom: normalize(35) }, 'link': APIURL + "jrinsurance/jrcommonreport/" + val.buttonapi })
+                break;
+            case "Chart Preview":
+                navigate('PdfUnSavedViewer', {
+                    'headerblockstyle': {
+                        marginBottom: normalize(35)
+                    },
+                    'data': getDataForPreview(data),
+                    'link': APIURL + "jrinsurance/jrcommonjreport/" + val.buttonapi
+                    // 'rnhomrNatureChartPreview/0/ClassificationNatureDetails'
+                })
+                break;
+            case "Registration Preview":
+                // console.log('Registration Preview');
+                navigate('RegistrationDetails', {
+                    'headerblockstyle': {
+                        marginBottom: normalize(35)
+                    },
+                    // 'data': getDataForPreview(data),
+                    // 'link': APIURL + "jrinsurance/jrcommonjreport/" + val.buttonapi
+                    // 'rnhomrNatureChartPreview/0/ClassificationNatureDetails'
+                })
+                break;
+            case "Verify":
+                var x = ValueCheck(responseJSON.consultation) ? responseJSON.consultation.filter((item) => item.editStatus == true ? item.editStatus : false) : []
+                console.log("VARIABLE ARRAYYYYYYYYYYYYYYY", JSON.stringify(x))
+                if (x.length == 0) {
+                    setBackHandler(true)
+                } else {
+                    notifyMessage("Please save patient data before verification", 5)
+                    setIsLoading(false);
+                }
+                break;
+            case "SaveAs Template":
+                navigate('SaveTemplate', {
+                    type: 0
+                    // data: responseJSON.consultation
+                })
+                break;
+            case "Template":
+                // setResponseJSON({
+                //     ...data,
+                // })
+                setOverlayData({
+                    "displaytext": "Template",
+                    "iconcolor": '#a30e0e',
+                    "fontcolor": '#a30e0e',
+                    "shadowcolor": '#ffe5e5',
+                    "iconname": "list-ul",
+                    "selected": false,
+                    "visibility": true,
+                    "iconsize": 22,
+                    "functionid": "C02",
+                    "componentname": "AddTemplate"
+                })
+                setOverlay(true)
+                break;
+            case "MicroTemplate":
+            case "Add Nature":
+                console.log('Add Nature jjj.........', JSON.stringify(val))
+                setOverlayData(val)
+                setOverlay(true)
+                break;
+            case "Lab Results":
+                navigate('CValueSummary')
+                break;
+            case "Diagnosis":
+                const sampledata = {
+                    "itemid": 7,
+                    "heading": "Diagnosis",
+                    "functionname": "overlay",
+                    "buttonapi": "insuranceadvanceget/emrcommonget/exec rndddaaddclassificationnature 6215896,7,176,3,1,",
+                    "name": "Diagnosis",
+                    "componentname": "CIcdView",
+                    "iconname": "file-text-o"
+                };
+                setOverlayData(sampledata);
+                setOverlay(true);
+                break;
+            case "Files":
+                data.consultation.map((fileEx, i) => {
+                    fileEx.customcomponent == 'FileExplorer'
+                        ?
+                        (navigate(fileEx.customcomponent, {
+                            data: fileEx.NewData[0].editArray[0],
+                            entireData: fileEx,
+                            eventData: fileEx,
+                            onselect: () => editStatus(fileEx),
+                        }),
+                            setResponseJSON({
+                                ...responseJSON,
+                                // "consultation": ValueCheck(data) && ValueCheck(data.consultation) ? data.consultation : [],
+                                "consultationEdit": fileEx
+                            }))
+                        : console.log('files null', fileEx.customcomponent);
+                })
+                break;
+            case "Medications":
+                navigate('CalendarMedications')
+                break;
+        }
+    }
+
+    function selectProps(...props) {
+        return function (obj) {
+            const newObj = {};
+            props.forEach(name => {
+                newObj[name] = obj[name];
+            });
+
+            return newObj;
+        }
+    }
+
+    function getSavedFiles(obj) {
+        for (const [key, value] of Object.entries(obj.NewData[0].editArray[0])) {
+            switch (key) {
+                case "savedimages": var ImagesString = value.map((images) => images.filename).toString()
+                    obj.FilesImagesString = ImagesString
+                    break;
+                case "savedvideo": var VideosString = value.map((videos) => videos.filename).toString()
+                    obj.FilesVideosString = VideosString
+                    break;
+                case "savedaudio": var AudiosString = value.map((audios) => audios.filename).toString()
+                    obj.FilesAudiosString = AudiosString
+                    break;
+                case "saveddoc": var DocumentString = value.map((docs) => docs.filename).toString()
+                    obj.FilesDocumentString = DocumentString
+                    break;
+                case "savedpdf": var PdfString = value.map((pdf) => pdf.filename).toString()
+                    obj.FilesPdfString = PdfString
+                    break;
+            }
+        }
+        return obj
+    }
+
+    function getMoreButton(itemclassification) {
+        itemclassification.moreButton.map(function (x) {
+
+            switch (x.name) {
+                // case "Notes": var stringNotes = ArrayCheck(x.NotesArray) ? x.NotesArray.map((notes) => notes.datavalue).toString() : ""
+                //     itemclassification.NotesString = stringNotes
+                //     break;
+                case "Notes":
+                    var stringNotes = ArrayCheck(x.NotesArray) ? x.NotesArray.map((notes) => notes.displayvalue).toString() : ""
+                    itemclassification.NotesString = stringNotes
+                    break;
+                case "Instructions": var InstructionsString = ArrayCheck(x.InstructionsArray) ? x.InstructionsArray.map((notes) => notes.datavalue).toString() : ""
+                    itemclassification.InstructionsString = InstructionsString
+                    break;
+                case "Images": var ImagesString = ArrayCheck(x.dataapi) && ArrayCheck(x.dataapi[0].savedimages) ? x.dataapi[0].savedimages.map((images) => images.filename).toString() : ""
+                    itemclassification.ImagesString = ImagesString
+                    break;
+                case "Videos": var VideosString = ArrayCheck(x.dataapi) && ArrayCheck(x.dataapi[0].savedvideo) ? x.dataapi[0].savedvideo.map((videos) => videos.filename).toString() : ""
+                    itemclassification.VideosString = VideosString
+                    break;
+                case "Audios": var AudiosString = ArrayCheck(x.dataapi) && ArrayCheck(x.dataapi[0].savedaudio) ? x.dataapi[0].savedaudio.map((audio) => audio.filename).toString() : ""
+                    itemclassification.AudiosString = AudiosString
+                    break;
+                case "Documents": var PdfString = ArrayCheck(x.dataapi) && ArrayCheck(x.dataapi[0].savedpdf) ? x.dataapi[0].savedpdf.map((audio) => audio.filename).toString() : ""
+                    itemclassification.PdfString = PdfString
+                    break;
+                case "Draw": var DrawString = ArrayCheck(x.dataapi) && ArrayCheck(x.dataapi[0].saveddoc) ? x.dataapi[0].saveddoc.map((audio) => audio.filename).toString() : ""
+                    itemclassification.DocumentString = DrawString
+                    break;
+                case "Files":
+                    var VideosString = ArrayCheck(x.dataapi) && ArrayCheck(x.dataapi[0].savedvideo) ? x.dataapi[0].savedvideo.map((videos) => videos.filename).toString() : ""
+                    itemclassification.FilesVideosString = VideosString
+                    var ImagesString = ArrayCheck(x.dataapi) && ArrayCheck(x.dataapi[0].savedimages) ? x.dataapi[0].savedimages.map((images) => images.filename).toString() : ""
+                    itemclassification.FilesImagesString = ImagesString
+                    var AudiosString = ArrayCheck(x.dataapi) && ArrayCheck(x.dataapi[0].savedaudio) ? x.dataapi[0].savedaudio.map((audio) => audio.filename).toString() : ""
+                    itemclassification.FilesAudiosString = AudiosString
+                    var DocumentString = ArrayCheck(x.dataapi) && ArrayCheck(x.dataapi[0].saveddoc) ? x.dataapi[0].saveddoc.map((docs) => docs.filename).toString() : ""
+                    itemclassification.FilesDocumentString = DocumentString
+                    var PdfString = ArrayCheck(x.dataapi) && ArrayCheck(x.dataapi[0].savedpdf) ? x.dataapi[0].savedpdf.map((docs) => docs.filename).toString() : ""
+                    itemclassification.FilesPdfString = PdfString
+                    break;
+                default: return x
+            }
+        })
+        return itemclassification.moreButton
+    }
+
+    function getNewDataArray(itemclassification) {
+        itemclassification.NewData != undefined &&
+            itemclassification.NewData.length > 0
+            ? itemclassification.NewData.map(function (x) {
+                switch (x.componentname) {
+                    case "CustomVitalSign":
+                        return ({
+                            ...x,
+                            "editArray": x.editArray != undefined && x.editArray.length > 0 ? x.editArray.map(function (y) {
+
+
+                                if (y.notesStatus != undefined && y.notesStatus == true) {
+                                    var stringNotes = y.NotesArray != undefined && typeof y.NotesArray != 'string' && y.NotesArray.length > 0 ? y.NotesArray.map((notes) => notes.displayvalue).toString() : ""
+                                    y.NotesString = stringNotes
+                                }
+
+                                if (y.instructionStatus != undefined && y.instructionStatus == true) {
+                                    var InstructionsString = y.InstructionsArray != undefined && typeof y.InstructionsArray != 'string' && y.InstructionsArray.length > 0 ? y.InstructionsArray.map((notes) => notes.datavalue).toString() : ""
+                                    y.InstructionsString = InstructionsString
+                                }
+
+                                // if (y.notesStatus != undefined && y.notesStatus == true) {
+                                //     var stringNotes = y.NotesArray != undefined && typeof y.NotesArray != 'string' && y.NotesArray.length > 0 ? y.NotesArray.map((notes) => notes.datavalue).toString() : ""
+                                //     y.NotesString = stringNotes
+                                // }
+                            }) : []
+                        })
+
+                    case "CAssessment":
+                        return ({
+                            ...x,
+                            "editArray": x.editArray != undefined && x.editArray.length > 0 ? x.editArray.map(function (y) {
+                                var stringNotes = y.NotesArray != undefined && y.NotesArray.length > 0 ? y.NotesArray.map((notes) => notes.datavalue).toString() : ""
+                                y.NotesString = stringNotes
+                                var savedString = y.savedtypes != undefined && y.savedtypes.length > 0 ? y.savedtypes.map((notes) => notes.datavalue).toString() : ""
+                                y.DataString = savedString
+                            }) : []
+                        })
+                    default: return x
+                }
+            }) : []
+        return itemclassification.NewData
+    }
+
+    function getSave() {
+
+        const newgroup = {
+            "groups": {
+                "procedurename": "homrcommonsave1",
+                "consultationdata": responseJSON.consultationdata,
+                consultation: [...responseJSON.consultation].map(function (itemclassification) {
+                    if (itemclassification.editStatus == true) {
+                        switch (itemclassification.hosumrclassificationnature) {
+                            case 20:
+                                const PostPrescription = Global.PatientDetails.profilecontent[0].patienttype == 'IP' && isBNUL(itemclassification.NewData[0].editArray) ? itemclassification.NewData[0].editArray.map((subItem) => ({
+                                    ...subItem,
+                                    "EditFlag": getEditFlag(subItem)
+                                })) : [];
+                                return ({
+                                    ...itemclassification,
+                                    "postflag": Global.PatientDetails.profilecontent[0].patienttype == 'IP' ? true : itemclassification.postflag,
+                                    "NewData": [
+                                        {
+                                            ...itemclassification.NewData[0],
+                                            'editArray': Global.PatientDetails.profilecontent[0].patienttype == 'IP' ? PostPrescription : itemclassification.NewData[0].editArray,
+                                        }
+                                    ],
+                                    "moreButton": itemclassification.moreButton != undefined ? getMoreButton(itemclassification) : []
+                                })
+                            case 0: return ({
+                                ...itemclassification,
+                                "NewData": itemclassification.NewData != undefined
+                                    && itemclassification.NewData[0].editArray != undefined &&
+                                    itemclassification.NewData[0].editArray != undefined ? getSavedFiles(itemclassification) : []
+                            })
+                            default: return ({
+                                ...itemclassification,
+                                "moreButton": itemclassification.moreButton != undefined ? getMoreButton(itemclassification) : [],
+                                "NewData": itemclassification.NewData != undefined && itemclassification.NewData.length > 0 ? getNewDataArray(itemclassification) : []
+                            })
+                        }
+                    }
+                }).filter(n => n)
+            }
+        };
+        SaveApi(newgroup);
+    }
+
+    function SaveApi(dataset) {
+
+
+        let buttonapi = APIURL + 'commonsave/PatientChartSave';
+        console.log('SaveApi buttonapi-----------------------------', buttonapi);
+        console.log('SaveApi JSON----------------------------------------------', JSON.stringify(dataset));
+
+        setIsLoading(true);
+        NetworkServiceCall('post', buttonapi, dataset).then(function (response) {
+            if (response.httpstatus == 200) {
+                if (response.data && response.data.Code == 200) {
+                    // getSound('https://www.mboxdrive.com/datasaved.mp3');
+                    setIsLoading(false);
+                    Global.ChartDataAll = null;
+                    if (Global.PatientDetails.profilecontent[0].patienttype == 'IP') {
+                        navigation.goBack()
+                    }
+                    else {
+                        getConsultation()
+                    }
+                    notifyMessage('Data Saved.', 1);
+                } else {
+                    setIsLoading(false);
+                    notifyMessage(response.data.message, 2);
+                }
+            } else {
+                // getSound('https://www.mboxdrive.com/datanotsaved.mp3');
+                setIsLoading(false);
+                notifyMessage('Data Not Saved. Network Error.', 4);
+            }
+        });
+
+
+
+    }
+
+    function buttonFunctionality(item, key, nature, classification, index, editnote) {
+
+        var x = {
+            ...item,
+            "key": key,
+            "nature": nature != undefined ? nature : "G",
+            "classification": classification != undefined ? classification : null,
+            "natureindex": index,
+            "editnote": isNU(editnote) && isNUQ(editnote.displayvalue) ? editnote.displayvalue : null
+        };
+        console.log('buttonFunctionality.............', JSON.stringify(x));
+        setOverlay(true);
+        setOverlayData(x);
+    }
+
+    function getComments(item, index) {
+
+        setResponseJSON({
+            ...responseJSON,
+            natureindex: index
+        });
+        setOverlayData({
+            ...item,
+            "natureindex": index,
+        });
+        setOverlay(true);
+
+        var x = {
+            ...item,
+            "key": key,
+            "nature": nature != undefined ? nature : "G",
+            "classification": classification != undefined ? classification : null,
+            "natureindex": index,
+        };
+        setOverlay(true);
+        setOverlayData(x);
+    }
+
+    function getHeaderMoreButtonPress(val, item, index) {
+
+        if (val.keyid == 3441) { // Vital Sign Early Warning Setup
+            setResponseJSON({
+                ...responseJSON,
+                natureindex: index,
+                "consultationEdit": item
+            });
+            navigate('CTprOverall');
+        }
+        else {
+
+            switch (val.name) {
+                case 'Add Parameter':
+                    setResponseJSON({
+                        ...responseJSON,
+                        natureindex: index,
+                        "consultationEdit": item
+                    })
+                    buttonFunctionality(val)
+                    break;
+                case 'Delete':
+                    deletearg.homrpatientchart = item.homrpatientchart;
+                    deletearg.homrpatientchartdetail = item.homrpatientchartdetail ? item.homrpatientchartdetail : 0;
+                    deletearg.hosumrclassificationnature = item.hosumrclassificationnature;
+                    deletearg.nature = item.nature;
+                    deletearg.keyid = item.keyid;
+                    setDeleteClassificationNature(deletearg);
+                    setDeleteConfirmation(true);
+                    break;
+                case 'Comments':
+                    // getComments(val, index);
+                    buttonFunctionality(val, index, item.nature, item, index)
+                    break;
+                case 'Instructions':
+                case 'Notes':
+                    buttonFunctionality(val, 1, item.nature, item, index)
+                    if (val.name != "Delete") {
+                        setResponseJSON({
+                            ...responseJSON,
+                            "consultationEdit": item
+                        })
+                    }
+                    break;
+                case 'Files':
+                    navigate(val.componentname, {
+                        data: val && val.dataapi ? val.dataapi[0] : null,
+                        entireData: val,
+                        eventData: item,
+                        onselect: editStatus,
+                    });
+                    if (val.name != "Delete") {
+                        setResponseJSON({
+                            ...responseJSON,
+                            "consultationEdit": item
+                        })
+                    }
+                    break;
+                case 'Images':
+                    console.log('Images', val.componentname, val.dataapi[0], '@@@@@@@@@@@@', val, '@@@@@@@@@@@@@@', item, '@@@@@@@@@@@@@@', editStatus)
+                    navigate(val.componentname, {
+                        data: val && val.dataapi ? val.dataapi[0] : null,
+                        entireData: val,
+                        eventData: item,
+                        visibility: 1,
+                        onselect: editStatus,
+                    });
+                    if (val.name != "Delete") {
+                        setResponseJSON({
+                            ...responseJSON,
+                            "consultationEdit": item
+                        })
+                    }
+                    break;
+                case 'Videos':
+                    navigate(val.componentname, {
+                        data: val && val.dataapi ? val.dataapi[0] : null,
+                        entireData: val,
+                        eventData: item,
+                        visibility: 3,
+                        onselect: editStatus,
+                    });
+                    if (val.name != "Delete") {
+                        setResponseJSON({
+                            ...responseJSON,
+                            "consultationEdit": item
+                        })
+                    }
+                    break;
+                case 'Audios':
+                    navigate(val.componentname, {
+                        data: val && val.dataapi ? val.dataapi[0] : null,
+                        entireData: val,
+                        eventData: item,
+                        visibility: 2,
+                        onselect: editStatus,
+                    });
+                    if (val.name != "Delete") {
+                        setResponseJSON({
+                            ...responseJSON,
+                            "consultationEdit": item
+                        })
+                    }
+                    break;
+                case 'Documents':
+                    navigate(val.componentname, {
+                        data: val && val.dataapi ? val.dataapi[0] : null,
+                        entireData: val,
+                        eventData: item,
+                        visibility: 4,
+                        onselect: editStatus,
+                    });
+                    if (val.name != "Delete") {
+                        setResponseJSON({
+                            ...responseJSON,
+                            "consultationEdit": item
+                        })
+                    }
+                    break;
+                case 'Draw':
+                    navigate(val.componentname, {
+                        data: val && val.dataapi ? val.dataapi[0] : null,
+                        entireData: val,
+                        eventData: item,
+                        visibility: 5,
+                        onselect: editStatus,
+                    });
+                    if (val.name != "Delete") {
+                        setResponseJSON({
+                            ...responseJSON,
+                            "consultationEdit": item
+                        })
+                    }
+                    break;
+                case 'Medication Chart':
+                    notifyMessage("Incorporate Soon")
+                    break;
+                default:
+                    buttonFunctionality(val)
+                    if (val.name != "Delete") {
+                        setResponseJSON({
+                            ...responseJSON,
+                            "consultationEdit": item
+                        })
+                    }
+                    break;
+            }
+
+        }
+
+
+
+
+
+    }
+
+    function editStatus(item) {
+        Global.EditStatus = 1;
+        if (item) {
+            item.editStatus = true
+            console.log("FILE", JSON.stringify(item))
+        }
+        setRefresh(refresh + 1);
+    }
+
+    function getHeaderClick(item, index) {
+        // console.log("response jsonnnnnnnnnnnnnnnnnnnnnnn", JSON.stringify(responseJSON))
+        // console.log("response jsonnnnnnnnnnnnnnnnnnnnnnn", JSON.stringify(data))
+        switch (item.hosumrclassificationnature) {
+            default:
+
+                const updateContext = {
+                    ...responseJSON,
+                    natureindex: index
+                };
+                setResponseJSON(updateContext);
+
+                // setResponseJSON({
+                //     ...responseJSON,
+                //     "natureindex": index
+                //     // "consultation": ValueCheck(data) && ValueCheck(data.consultation) ? data.consultation : responseJSON.consultation,
+                //     // "consultationEdit": item
+                // })
+                navigate('ConsultationEdit', {
+                    data: props.data,
+                    parent: item
+                })
+                break;
+        }
+    }
+
+    function renderFlashList(array) {
+
+        let newdata = isBNUL(array) ? array.filter(function (item) { return item }) : [];
+
+        return (
+            isBNUL(newdata) ?
+                <FlashList
+                    data={newdata}
+                    renderItem={(val) => renderItem(val)}
+                    keyExtractor={(item, index) => 'key' + index}
+                    estimatedItemSize={normalize(160)}
+                />
+                : null
+        )
+
+    }
+
+    const [optionsArray, setOptionsArray] = useState({
+        "success": true,
+        "httpstatus": 200,
+        "message": "SUCCESS",
+        "data": {
+            "data": [
+                {
+                    "datavalue": 1,
+                    "displayvalue": "PRESCIPTION",
+                    "selected": false
+                },
+                {
+                    "datavalue": 2,
+                    "displayvalue": "SUMMARY",
+                    "selected": false
+                },
+                {
+                    "datavalue": 2,
+                    "displayvalue": "VITAL SIGNS",
+                    "selected": false
+                }
+            ]
+        }
+    });
+
+    function fnstring(i) {
+        return isNU(i) ? i.toString() : null
+    }
+
+    function fnarray(i) {
+        let array = [];
+        isBNUL(i) ? i.map(data => { data.selected ? array.push(data.displayvalue) : null }) : null
+        return array
+    }
+
+    function fnGetDiagnosis(array) {
+        return fnstring(fnarray(array));
+    }
+
+    function newFunction(val) {
+        setOptionsArray(prevState => {
+
+            const updatedData = prevState.data.data.map(item => {
+                if (item.datavalue == val) {
+                    return {
+                        ...item,
+                        selected: true // Toggle the selected value
+                    };
+                }
+                return item; // Keep other items unchanged
+            });
+
+            return {
+                ...prevState,
+                data: {
+                    ...prevState.data,
+                    data: updatedData
+                }
+            };
+        })
+    }
+
+    return (
+        <CContainerView>
+            <HeaderBlock
+                style={{ marginBottom: normalize(30) }}
+                navigation={navigation}
+                backhandler={true}
+                consultation={true}
+                callback={(val) => {
+                    if (isNU(responseJSON) && isBNUL(responseJSON.consultation) && CheckIfEdited(responseJSON.consultation)) {
+                        setExitBackHandler(true)
+                    }
+                    else {
+                        navigation.goBack();
+                    }
+                }}
+            />
+            <CDetailView>
+                {/* <PanGestureHandler onGestureEvent={handleGesture}> */}
+                <View style={{ flex: 1 }}>
+                    {props?.route?.params?.chartscan ?
+                        <View style={{ flex: 1 }}>
+                            <HHeading
+                                styles={{
+                                    "icongroup": 3,
+                                    "iconname": 'scanner',
+                                    "bgcolor": "#f2efef",
+                                    "iconsize": 16,
+                                    "iconcolor": Global.AppTheme.primary_color,
+                                    "displaytext": 'CHART SCAN',
+                                    "textsize": 14,
+                                    "textcolor": Global.AppTheme.primary_color,
+                                }}
+                                callBack={val => (val == undefined ? null : console.log(val))}>
+                            </HHeading>
+                            {isNU(props.route.params.detailinfo) ?
+                                <CDetailCard
+                                    val={props?.route?.params?.detailinfo ? props?.route?.params?.detailinfo : null}
+                                    // blockData={blockData}
+                                    admissiontype={props?.route?.params?.admissiontype ? props.route.params.admissiontype : null}
+                                    NavigateToPatientChart={() => { }}
+                                    getXRay={() => { }}
+                                    getLabResults={() => { }}
+                                    chartscancallback={(blockData1, detailcardinfo) => { }}
+                                    chartscanfilescallback={(blockData, detailcardinfo) => { }}
+                                    hidefilebutton={true}
+                                    hidechartscanbutton={true}
+                                />
+                                : null}
+                            {/* <View>
+                                <Menu>
+                                    <MenuTrigger
+                                        // onPress={()=>{
+                                        //     getTokenList2(footerData, moment(item.postponedate).format('YYYY-MM-DD'),item)
+                                        // }}
+                                        customStyles={{
+                                            triggerWrapper: {
+                                                borderWidth: 0,
+                                                justifyContent: 'flex-start',
+                                                alignItems: 'flex-start'
+                                            }
+                                        }}
+                                    >
+                                        <View style={{ flexDirection: 'row', justifyContent: 'flex-start', alignItems: 'center', borderWidth: 0.5, borderRadius: 5, margin: normalize(5), backgroundColor: 'white', elevation: 5, borderColor: 'lightgrey', height: normalize(35) }}>
+                                            <HOCIcons.Icons
+                                                icongroup={3}
+                                                name={'view-list'}
+                                                size={normalize(18)}
+                                                color={Global.AppTheme.primary_color}
+                                                style={{ textAlign: 'center', marginHorizontal: normalize(5) }}
+                                            />
+                                            <Text adjustsFontSizeToFit style={{ flex: 1, color: 'black', fontSize: normalize(10), fontWeight: 'bold', paddingHorizontal: normalize(3) }}>
+                                                {isNU(optionsArray) && isNU(optionsArray.data) && isBNUL(optionsArray.data.data) ?
+                                                    fnGetDiagnosis(optionsArray.data.data)
+                                                    : null}
+                                            </Text>
+                                            <Text style={{
+                                                position: 'absolute',
+                                                // backgroundColor: 'white',
+                                                top: normalize(0),
+                                                left: normalize(10),
+                                                fontSize: normalize(10),
+                                                color: Global.AppTheme.primary_color
+                                            }}>{" Select Nature "}</Text>
+                                        </View>
+                                    </MenuTrigger>
+                                    <MenuOptions
+                                        optionsContainerStyle={{ marginTop: normalize(40), backgroundColor: '#ffffff00' }}
+                                        customStyles={{
+                                            optionsContainer: {
+                                                shadowColor: '#000000d8',
+                                                shadowRadius: 0,
+                                                borderRadius: 5,
+                                                borderWidth: 0.5,
+                                                padding: normalize(5),
+                                                borderColor: 'lightgrey',
+                                                elevation: 3,
+                                                width: Dimensions.get('screen').width * 0.5,
+                                                backgroundColor: 'white'
+                                            },
+                                            optionText: {},
+                                        }}>
+                                        <CDropDownList
+                                            // dropdownapi={EMRAPI.getDropDown1}
+                                            dropdownarray={optionsArray}
+                                            callback={val => { newFunction(val.datavalue) }}
+                                        />
+                                    </MenuOptions>
+                                </Menu>
+                            </View> */}
+                            {/* <View style={{ flex: 1 }}>
+                                {isNU(data) && isBNUL(data.consultation) ? data.consultation.map((fileEx, i) => {
+                                    return (
+                                        fileEx.customcomponent == 'FileExplorer'
+                                            ?
+                                            <View style={{ borderWidth: 0, flex: 1 }}>
+                                                <FileExplorer
+                                                    route={{
+                                                        'params': {
+                                                            'data': fileEx.NewData[0].editArray[0],
+                                                            'entireData': fileEx,
+                                                            'eventData': fileEx,
+                                                            'componenttype': true,
+                                                            onselect: () => editStatus(fileEx)
+                                                        }
+                                                    }}
+                                                />
+                                            </View>
+                                            // (navigate(fileEx.customcomponent, {
+                                            // data: fileEx.NewData[0].editArray[0],
+                                            // entireData: fileEx,
+                                            // eventData: fileEx,
+                                            // onselect: () => editStatus(fileEx),
+                                            //  }))
+                                            : null
+                                    )
+                                }) : null}
+                            </View> */}
+                        </View>
+                        : null}
+
+                    {backHandler ?
+                        <CBackHandler
+                            type={2} // 2 for confirmation
+                            callBack={(val) => (val == undefined ? null : getVerify())}
+                            close={(val) => (val == undefined ? null : setBackHandler(val))}
+                        /> : null}
+
+                    {exitbackHandler ?
+                        <CBackHandler
+                            type={5} // 2 for confirmation
+                            callBack={(val) => (val == undefined ? null : props.navigation.goBack())}
+                            close={(val) => (val == undefined ? null : setExitBackHandler(val))}
+                        /> : null}
+
+                    {/* <HAbsolute
+                            callBack={val => (val == undefined ? null : getHeaderMoreButtonPress(val, responseJSON.consultationEdit))}
+                        /> */}
+
+                    {!props?.route?.params?.chartscan && isNU(responseJSON) && isBNUL(responseJSON.consultation) && visibility ?
+                        // <FlatList
+                        //     data={responseJSON.consultation}
+                        //     renderItem={(val) => renderItem(val)}
+                        //     initialNumToRender={5}
+                        //     maxToRenderPerBatch={10}
+                        //     keyExtractor={(item, index) => 'keyh' + index}
+                        // />
+                        renderFlashList(responseJSON.consultation)
+                        : null}
+                </View>
+                {/* </PanGestureHandler> */}
+            </CDetailView>
+
+            {isBNUL(footer) ?
+                <Footer
+                    footerIcon={footer}
+                    buttonFunction={val => val == undefined ? null : getFooterFunctions(val)}
+                /> : null}
+
+            {isLoading ?
+                <Loader
+                    displaytext={true}
+                />
+                : null}
+
+            {deleteConfirmation ? (
+                <CConfirmation
+                    type={4}
+                    confirmation={val => val == undefined ? null : setDeleteConfirmation(val)}
+                    flag={0}
+                    deleteapi={APIURL + 'emrdeleteclassificationnature/deleteclassificationnature/' + deletearg.homrpatientchartdetail + '/' + deletearg.homrpatientchart + '/' + deletearg.hosumrclassificationnature + '/' + deletearg.nature}
+                    keyid={deletearg.hosumrclassificationnature}
+                    navigation={navigation}
+                    data={responseJSON}
+                    responseJSON={responseJSON.consultation}
+                    refreshCount={val => val == undefined ? null : setRefresh(refresh + val)}
+                />
+            ) : null}
+
+            {overlay ?
+                (console.log('overlayData.componentname........', overlayData.componentname),
+                    <HOverlay
+                        data={overlayData}
+                        component={overlayData.componentname}
+                        visibility={val => (val == undefined ? null : (setOverlay(val), console.log('visibility is false now')))}
+                        addNature={val => (val == undefined ? null : getAddNature(val))}
+                        loading={val => val == undefined ? null : setIsLoading(val)}
+                        callBack={val => (val == undefined ? null : getAddTemplate(val))}
+                        overwrite={val => (val == undefined ? null : getOverWriteTemplate(val))}
+                        notesSelectCallBack={(val) => {
+
+                            const newItem = isBNUL(val) ? val.filter((i, k) => { return i.selected ? { ...i } : undefined }) : [];
+
+                            const updatedResponseJSON = {
+                                ...responseJSON,
+                                editStatus: true,
+                                consultation: [...responseJSON.consultation], // Clone the consultation array
+                            };
+
+                            const natureindex = overlayData.natureindex ?? 0;
+
+                            const name = overlayData.name ?? null;
+
+                            updatedResponseJSON.consultation[natureindex] = {
+                                ...updatedResponseJSON.consultation[natureindex],
+                                editStatus: true,
+                                moreButton: [...updatedResponseJSON.consultation[natureindex].moreButton]
+                            }
+
+                            const indexOfSelected = isBNUL(updatedResponseJSON.consultation[natureindex].moreButton) ? updatedResponseJSON.consultation[natureindex].moreButton.findIndex(item => item.name === name) : 0;
+
+
+                            if (name == 'Notes') {
+                                updatedResponseJSON.consultation[natureindex].moreButton[indexOfSelected] = {
+                                    ...updatedResponseJSON.consultation[natureindex].moreButton[indexOfSelected],
+                                    NotesArray: [...updatedResponseJSON.consultation[natureindex].moreButton[indexOfSelected].NotesArray]
+                                };
+                                const combinedArray = [...updatedResponseJSON.consultation[natureindex].moreButton[indexOfSelected].NotesArray, ...newItem];
+                                // const seenHosumrcodes = new Set();
+                                // const uniqueItems = combinedArray.filter(item => {
+                                //     if (seenHosumrcodes.has(item.datavalue)) {
+                                //         return false;
+                                //     }
+                                //     seenHosumrcodes.add(item.datavalue);
+                                //     return true;
+                                // });
+                                // updatedResponseJSON.consultation[natureindex].moreButton[indexOfSelected].NotesArray = uniqueItems;
+                                updatedResponseJSON.consultation[natureindex].moreButton[indexOfSelected].NotesArray = combinedArray;
+                            }
+
+                            if (name == 'Instructions') {
+                                updatedResponseJSON.consultation[natureindex].moreButton[indexOfSelected] = {
+                                    ...updatedResponseJSON.consultation[natureindex].moreButton[indexOfSelected],
+                                    InstructionsArray: [...updatedResponseJSON.consultation[natureindex].moreButton[indexOfSelected].InstructionsArray]
+                                };
+                                const combinedArray = [...updatedResponseJSON.consultation[natureindex].moreButton[indexOfSelected].InstructionsArray, ...newItem];
+                                const seenHosumrcodes = new Set();
+                                const uniqueItems = combinedArray.filter(item => {
+                                    if (seenHosumrcodes.has(item.datavalue)) {
+                                        return false;
+                                    }
+                                    seenHosumrcodes.add(item.datavalue);
+                                    return true;
+                                });
+                                updatedResponseJSON.consultation[natureindex].moreButton[indexOfSelected].InstructionsArray = uniqueItems;
+                            }
+
+                            setResponseJSON(updatedResponseJSON);
+                        }}
+                        commentsCallback={(val) => {
+
+                            console.log('commentsCallbackcommentsCallback', val)
+
+                            const updatedResponseJSON = {
+                                ...responseJSON,
+                                editStatus: true,
+                                consultation: [...responseJSON.consultation], // Clone the consultation array
+                            };
+
+                            const natureindex = overlayData.natureindex ?? 0;
+
+                            const name = overlayData.name ?? null;
+
+                            updatedResponseJSON.consultation[natureindex] = {
+                                ...updatedResponseJSON.consultation[natureindex],
+                                editStatus: true,
+                                CommentsString: val,
+                                moreButton: [...updatedResponseJSON.consultation[natureindex].moreButton]
+                            }
+
+                            const indexOfSelected = isBNUL(updatedResponseJSON.consultation[natureindex].moreButton) ? updatedResponseJSON.consultation[natureindex].moreButton.findIndex(item => item.name === name) : 0;
+
+                            console.log('indexOfSelected', indexOfSelected);
+
+                            updatedResponseJSON.consultation[natureindex].moreButton[indexOfSelected] = {
+                                ...updatedResponseJSON.consultation[natureindex].moreButton[indexOfSelected],
+                                comments: val
+                            };
+
+                            console.log('commentsupdate', JSON.stringify(updatedResponseJSON))
+
+                            setResponseJSON(updatedResponseJSON);
+
+                        }}
+                    // flag={2}
+                    />
+                ) : null}
+        </CContainerView>
+    )
+}