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

package/src/Custom/CCard.js

@@ -0,0 +1,880 @@
+import React, { useEffect, useState, useRef, memo, useCallback, useMemo } from 'react';
+import { Text, View, Image, TouchableHighlight, TouchableOpacity, TouchableWithoutFeedback, StyleSheet, ImageBackground, FlatList, ActivityIndicator, Platform, TextInput, Alert, ScrollView } from 'react-native';
+import { SwipeListView, SwipeRow } from 'react-native-swipe-list-view';
+import ComponentStyles, { normalize } from '../CommonStyle/componentStyle';
+import { ArrayCheck, CButtonShadow, getLoading, getProfilecardOnlineStatusBadgeContainer, isBNU, isBNUL, isNU, isNUQ, isNUQZ, notifyMessage, ValueCheck } from '../CommonStyle/ComponentFunctions';
+import { APIURL, EMRAPI } from '../../../../../src/Common/apiConstants';
+import { Global } from '../../../../../src/Common/Global';
+import CVectorIcon from '../CustomComponents/CVectorIcon';
+import { Icons } from '@jescon-technologies/react-native-ui-kit';;
+import HOverlay from '../../../../../src/HOC/HOverlay';
+import Loader from './Loader';
+import { Loader as LoaderLocal } from '../CommonStyle/ComponentFunctions';
+import { NetworkServiceCall } from '@jescon-technologies/react-native-ui-kit';
+import moment from 'moment';
+import ABlink from '../Alerts/ABlink';
+import HOCIcons from '../HOC/HOCIcons';
+import FastImage from 'react-native-fast-image';
+import { Menu, MenuOptions, MenuTrigger } from 'react-native-popup-menu';
+import { useNavigation } from '../Navigation/useNavigation';
+
+
+import CDetailCard from './CDetailCard';
+
+function GetCard(props) {
+
+    const navigation = useNavigation();
+    const [data, setData] = useState(props.data);
+    const listRef = useRef();
+    const [overlay, setOverlay] = useState(false);
+    const [iconsArr, setIconsArr] = useState([
+        { 'iconname': 'pills', 'stage': 1, 'color': '#F5EEE6', 'selected': false, 'displaytext': 'Prescription' },
+        { 'iconname': 'heartbeat', 'stage': 5, 'color': '#FFF8E3', 'selected': false, 'displaytext': 'Vitals' },
+        { 'iconname': 'user-injured', 'stage': 4, 'color': '#F3D7CA', 'selected': false, 'displaytext': 'Services' },
+        { 'iconname': 'file-medical', 'stage': 0, 'color': '#E6A4B4', 'selected': false, 'displaytext': 'Chart' }]);
+    const [activity, setActivity] = useState(false);
+    const [isLoading, setIsLoading] = useState(false);
+    const [refresh, setRefresh] = useState(0);
+    const moveToTop = () => listRef.current.scrollToIndex({ index: 0 });
+
+    useEffect(() => {
+        setData(props.data);
+    }, [props]);
+
+    const newData = isBNUL(data) &&
+        data.filter(function (item) {
+            var badge = ValueCheck(item.profilecontent[0][props.filter]) ? item.profilecontent[0][props.filter] : '';
+            var patientno = ValueCheck(item.profilecontent[0].patientno) ? item.profilecontent[0].patientno : '';
+            const dataItem = badge + '' + item.profilecontent[0].patientname + ' ' + patientno + ' ';
+            const textData = props.search != null ? props.search.toUpperCase() : '';
+            return dataItem.indexOf(textData) > -1;
+        });
+
+    function getSpelling(data) {
+        if (data == 'FIRST VISIT') {
+            return ['N', 'e', 'w'];
+        }
+        else if (data == 'RENEWAL') {
+            return ['R', 'e', 'n', 'e', 'w', 'a', 'l'];
+        }
+        else if (data == 'CROSS CONSULTATION') {
+            return ['C', 'r', 'o', 's', 's', '.', 'C'];
+        }
+        else if (data == 'REVISIT') {
+            return ['R', 'e', 'v', 'i', 's', 'i', 't'];
+        }
+        else if (data == 'REGISTRATION') {
+            return ['R', 'e', 'g'];
+        }
+        else if (data == 'REFFERED') {
+            return ['R', 'e', 'f', 'f', 'e', 'r', 'e', 'd'];
+        }
+        else if (data == 'OPINION VISIT') {
+            return ['O', 'p', 'i', 'n', 'i', 'o', 'n', 'V'];
+        }
+        else if (data == 'ROUNDS') {
+            return ['R', 'o', 'u', 'n', 'd', 's'];
+        }
+        else if (data == 'DEPARTMENT REGISTRATION') {
+            return ['D', 'e', 'p', 't', '.', 'R', 'e', 'g'];
+        }
+        else if (data == 'ADMISSION') {
+            return ['A', 'd', 'm', 'i', 's', 's', 'i', 'o', 'n'];
+        }
+        else if (data == 'MLC') {
+            return ['M', 'L', 'C'];
+        }
+        else if (data == 'BOOKING') {
+            return ['B', 'O', 'O', 'K', 'I', 'N', 'G'];
+        }
+        else {
+            return ['O', 'P'];
+        }
+    }
+
+    function getXRay(data) {
+        Global.PatientDetails = data.item;
+        console.log('getXRay', data.item);
+        if (isNU(data.item.profilecontent) && isNU(data.item.profilecontent[0]) && isNU(data.item.profilecontent[0].patientno) && isNU(Global.hospitalcode) && Global.hospitalcode == 'DH9192') {
+            props.navigation.navigate('CXRay', { data: { link: `${'http://103.171.224.161:5000/mobile/?patientid='}${data.item.profilecontent[0].patientno}` } });
+        }
+        else if (isNU(data.item.profilecontent) && isNU(data.item.profilecontent[0]) && isNU(data.item.profilecontent[0].patientno) && isNU(Global.hospitalcode) && Global.hospitalcode == 'AIMS8090') {
+            props.navigation.navigate('CXRay', { data: { link: `${'http://pacs.amalaims.org:23666/Launch_Viewer.asp?username=hisuser&password=hisuser&patientid='}${data.item.profilecontent[0].patientno}` } });
+        }
+        else if (isNU(data.item.profilecontent) && isNU(data.item.profilecontent[0]) && isNU(data.item.profilecontent[0].patientno) && isNU(Global.hospitalcode) && Global.hospitalcode == 'NMC8090') {
+            notifyMessage('Incorporate Soon', 5);
+        }
+        else {
+            notifyMessage('Incorporate Soon', 5);
+        }
+
+    }
+
+    function getLabResults(data, type) {
+        Global.PatientDetails = data.item;
+        props.navigation.navigate('CValueSummary', { type: type });
+    }
+
+    function getInvestigations(patientitem) {
+        Global.PatientDetails = patientitem;
+        props.navigation.navigate('CValueSummary');
+    }
+
+    function getConsultationScreenData(patientitem) {
+        if (ValueCheck(patientitem.detailapi)) {
+            Global.EditStatus = null;
+            Global.PatientDetails = patientitem;
+            props.navigation.navigate('Consultation');
+        }
+    }
+
+    function getMedication(patientitem) {
+        Global.PatientDetails = patientitem;
+        props.navigation.navigate('CalendarMedications');
+    }
+
+    function getOverlayScreen() {
+        // setOverlay(true)
+    }
+
+    const keyExtractor = useCallback(
+        (item) => item.datalistid.toString(),
+        []);
+
+    function fnMapStatus(i, array) {
+        isBNUL(array) ? array.filter((val, k) => { val.inconsultation != null && val.inconsultation != undefined && k != i ? (val.inconsultation = false) : null; }) : null;
+    }
+
+    function getTokenStatusList(val) {
+
+        let buttonapi = EMRAPI.getPatientData + Global.userData.hosuconsultant;
+        console.log('getPatientData buttonapi', buttonapi);
+
+        NetworkServiceCall('get', buttonapi, '')
+            .then(function (response) {
+                console.log('RESPONSEEEEEEEE patienttoken status', JSON.stringify(response));
+                if (isNU(response.data) && isBNUL(response.data.data)) {
+
+                    const array2Map = new Map(response.data.data.map(item => [item.hopapatient, item.patientstatus]));
+
+                    val.forEach(item => {
+                        if (array2Map.has(item.hopapatient)) {
+                            item.patientstatus = array2Map.get(item.hopapatient);
+                        }
+                    });
+                }
+                else {
+                }
+            });
+    }
+
+    function savePatientConsultation(blockData, array) {
+
+        setIsLoading(true);
+        let output = {
+            'groups': {
+                'procedurename': 'hopaconsultation1',
+                'hosuconsultant': Global.userData.hosuconsultant,
+                'hopapatient': blockData.item.hopapatient,
+            },
+        };
+
+        let buttonapi = APIURL + 'commondelete/RnCommonDelete';
+        console.log('output', output, buttonapi);
+
+        getTokenStatusList(array);
+
+        NetworkServiceCall('post', buttonapi, output)
+            .then(function (response) {
+                console.log('response of saved.....', JSON.stringify(response));
+                if (response.httpstatus == 200) {
+                    fnMapStatus(blockData.index, newData);
+                    blockData.item.consultationstart = true;
+                    blockData.item.inconsultation = true;
+                    setIsLoading(false);
+                    (ValueCheck(props.medications) ? getMedication(blockData.item) : props.disableTouch != undefined && props.disableTouch != null ? getOverlayScreen() : ValueCheck(props.type) && props.type == 1 ? getInvestigations(blockData.item) : getConsultationScreenData(blockData.item));
+                }
+                else {
+                    notifyMessage('Data not saved', 2);
+                    setIsLoading(false);
+                }
+            });
+        getLoading(v => setIsLoading(false));
+    }
+
+    function fnGetConsultaionAdmissionHistory(blockData) {
+        if (isNU(blockData.item.hopapatient)) {
+            let buttonapi = EMRAPI.getConsultationAdmissionHistory + blockData.item.hopapatient;
+            console.log('fnGetConsultaionAdmissionHistory', buttonapi);
+            NetworkServiceCall('get', buttonapi, '')
+                .then(function (response) {
+                    if (isNU(response.data)) {
+                        blockData.item.cardbottomviewloading = false;
+                        blockData.item.cardbottomviewdata = {
+                            'consultationdetails': isBNUL(response.data.consultationdetails) ? response.data.consultationdetails : [],
+                            'admissiondetails': isBNUL(response.data.admissiondetails) ? response.data.admissiondetails : [],
+                        };
+                        setRefresh(0);
+                        setTimeout(() => {
+                            setRefresh(refresh + 1);
+                        });
+                    }
+                    else {
+                        blockData.item.cardbottomviewloading = false;
+
+                        setRefresh(0);
+                        setTimeout(() => {
+                            setRefresh(refresh + 1);
+                        });
+                    }
+                });
+        }
+        else {
+            blockData.item.cardbottomviewloading = false;
+            notifyMessage('Data Not Found.');
+        }
+    }
+
+    function NavigateToPatientChart(blockData, specificnature, customdate, fromdate, todate) {
+
+        setIsLoading(true);
+        Global.consultationapi = blockData.item.detailapi;
+        Global.PatientDetails = blockData.item;
+        setTimeout(() => {
+            props.navigation.navigate('ChartScreenNew', {
+                specificnature: specificnature,
+                customdate: customdate ? true : false,
+                fromdate: fromdate,
+                todate: todate,
+            });
+            setIsLoading(false);
+        });
+
+    }
+
+    function navigateToVitalSignReport(blockData) {
+
+        setIsLoading(true);
+        Global.consultationapi = blockData.item.detailapi;
+        Global.PatientDetails = blockData.item;
+        setTimeout(() => {
+            navigation.navigate('PdfPreview', {
+                'headerblockstyle': { marginBottom: normalize(35) },
+                // 'link': APIURL + "jremr/jrcommonreport/jrhosuconsultanttokenreport(0," + Global.userData.hosuconsultant + ")/0/consulttoken",
+                'link': `${APIURL}jremr/jrcommonreport/rnhopapatientvitalsign(${blockData.item.hopapatient},${blockData.item.homrpatientchart},NULL,NULL,NULL,1)/0/VitalSignDetail`,
+            });
+            setIsLoading(false);
+        });
+    }
+
+    function FnChangeTab(array, i) {
+        isBNUL(array) ? array.filter((val, k) => { (val.selected = false); }) : null;
+    }
+
+    function renderAdmissionConsultationlist(array, blockData, admissiontype) {
+
+        return (
+            <ScrollView>
+                {isBNUL(array) ?
+                    <FlatList
+                        nestedScrollEnabled={true}
+                        data={array}
+                        initialNumToRender={6}
+                        maxToRenderPerBatch={10}
+                        renderItem={(val) => renderEachAdmissionConsultation(val, blockData, admissiontype)}
+                    />
+                    : null}
+            </ScrollView>
+        );
+
+    }
+
+    function renderEachAdmissionConsultation(val, blockData, admissiontype) {
+
+        return (
+            <CDetailCard
+                val={val}
+                blockData={blockData}
+                admissiontype={admissiontype}
+                NavigateToPatientChart={NavigateToPatientChart}
+                getXRay={getXRay}
+                getLabResults={getLabResults}
+            />
+        );
+
+    }
+
+    function renderCardNew(blockData) {
+
+        return (
+            <>
+                <SwipeRow
+                    swipeToOpenPercent={1}
+                    swipeToClosePercent={1}
+                    leftOpenValue={normalize(190)}
+                    rightOpenValue={-normalize(100)}
+                    style={{
+                        borderRadius: 10,
+                        width: '100%',
+                        marginBottom: normalize(7),
+                        // marginTop: normalize(5),
+                    }}
+                >
+                    <View style={{ alignItems: 'center', borderWidth: 0, flexDirection: 'row', justifyContent: 'space-between', borderRadius: 10 }}>
+                        <View style={{ flexDirection: 'row', width: '100%', alignItems: 'center', justifyContent: 'center', borderWidth: 0, backgroundColor: 'white', height: normalize(45), borderRadius: 10 }}>
+                            <View style={{ width: '60%', justifyContent: 'center', alignItems: 'flex-start' }}>
+                                <View>
+                                    {ValueCheck(blockData.item.leftcontent) ?
+                                        <View style={{ flexDirection: 'row', alignItems: 'center', justifyContent: 'center' }}>
+                                            {isBNUL(iconsArr) ? iconsArr.map((iconsFoot, i) => {
+                                                return (
+                                                    <TouchableOpacity key={i}
+                                                        onPress={() => NavigateToPatientChart(blockData, iconsFoot.stage, false, '', '')}
+                                                        style={{ backgroundColor: iconsFoot.color, alignItems: 'center', justifyContent: 'center', width: normalize(45), height: normalize(45), borderTopLeftRadius: (i == 0) ? 10 : 0, borderBottomLeftRadius: (i == 0) ? 10 : 0 }}
+                                                    >
+                                                        <View style={{ alignItems: 'center', justifyContent: 'center' }}>
+                                                            <Icons.FontAwesome5 name={iconsFoot.iconname} size={normalize(20)} color={Global.AppTheme.primary_color} style={{}} />
+                                                            <Text style={{ fontSize: normalize(8), fontWeight: 'bold' }}>{iconsFoot.displaytext}</Text>
+                                                        </View>
+                                                    </TouchableOpacity>
+                                                );
+                                            }) : null}
+                                        </View> : null}
+                                </View>
+                            </View>
+
+                            <View style={{ borderWidth: 0, width: '40%', alignItems: 'center', justifyContent: 'flex-end', flexDirection: 'row' }}>
+                                <TouchableOpacity
+                                    disabled={false}
+                                    onPress={() => { getXRay(blockData); }}
+                                    style={{ height: normalize(45), width: normalize(45), backgroundColor: '#FFC374', alignItems: 'center', justifyContent: 'center', padding: normalize(7), borderWidth: 0 }}
+                                >
+                                    <View style={{ alignItems: 'center', justifyContent: 'center' }}>
+                                        <Icons.FontAwesome5 name={'x-ray'} size={normalize(24)} color={Global.AppTheme.primary_color} style={{}} />
+                                        <Text style={{ fontSize: normalize(7), fontWeight: 'bold' }}>{'X-Ray'}</Text>
+                                    </View>
+                                </TouchableOpacity>
+
+                                <TouchableOpacity
+                                    disabled={blockData.item.hopapatient > 0 ? false : true}
+                                    onPress={() => getLabResults(blockData, false)}
+                                    style={{ height: normalize(45), width: normalize(45), backgroundColor: '#E1F0DA', alignItems: 'center', justifyContent: 'center', borderTopRightRadius: 10, borderBottomRightRadius: 10 }}
+                                >
+                                    <View style={{ alignItems: 'center', justifyContent: 'center' }}>
+                                        <Icons.MaterialCommunityIcons name={'test-tube'} size={normalize(26)} color={Global.AppTheme.primary_color} style={{}} />
+                                        <Text adjustsFontSizeToFit style={{ fontSize: normalize(8), fontWeight: 'bold' }}>{'Lab Results'}</Text>
+                                    </View>
+                                </TouchableOpacity>
+                            </View>
+                        </View>
+                    </View>
+                    <View>
+                        <TouchableHighlight
+                            style={[{
+                                height: normalize(45),
+                                width: '100%',
+                                alignSelf: 'center',
+                                backgroundColor: '#fff',
+                                flexDirection: 'row',
+                                alignItems: 'center',
+                                borderRadius: 10,
+                                borderColor: blockData.item.verified == true ? 'green' : '#094485',
+                            },
+                            props.type != undefined && props.type == 2 ?
+                                { ...CButtonShadow() } : { ...CButtonShadow() },
+                            ]}
+                            activeOpacity={0.5}
+                            underlayColor={'white'}
+                            disabled={(blockData.item.verified || props.disabled) ? true : false}
+                            onPress={() => ValueCheck(props.medications) ?
+                                getMedication(blockData.item)
+                                : props.disableTouch != undefined
+                                    && props.disableTouch != null ?
+                                    getOverlayScreen() :
+                                    ValueCheck(props.type) && props.type == 1 ?
+                                        getInvestigations(blockData.item)
+                                        : getConsultationScreenData(blockData.item)}
+                        >
+                            <View style={{ flex: 1, backgroundColor: 'white', borderRadius: 10, borderWidth: 0 }}>
+                                <View style={{
+                                    backgroundColor: (props.type != undefined && props.type == 1) ? '#fff' : blockData.item.verified ? '#f5fffa' : blockData.item.profilecontent[0].patienttype == 'IP' ? '#fffafa' : props.type != undefined && props.type == 2 ? '#fff' : '#f7fbff',
+                                    borderRadius: 10,
+                                    borderColor: 'white',
+                                    flexDirection: 'row',
+                                    justifyContent: 'flex-end',
+                                    minHeight: normalize(45),
+                                }}>
+                                    {ArrayCheck(blockData.item.leftcontent) ?
+                                        <View style={{ zIndex: 1, alignItems: 'center', justifyContent: 'center', left: normalize(22) }}>
+                                            <Icons.MaterialCommunityIcons
+                                                name={'chevron-left'}
+                                                size={normalize(18)}
+                                                color={'grey'}
+                                                style={{ opacity: 1 }}
+                                            />
+                                        </View> : null}
+
+                                    {blockData.item.verified ? (
+                                        <View style={{ borderBottomLeftRadius: 10, borderTopStartRadius: 10, backgroundColor: 'green', alignItems: 'center', justifyContent: 'center', width: '3%', flexDirection: 'column' }}>
+                                            {['V', 'e', 'r', 'i', 'f', 'i', 'e', 'd'].map((item, i) => {
+                                                return (
+                                                    <Text key={i} style={{ fontSize: normalize(5), fontWeight: 'bold', color: 'white' }}>
+                                                        {item}
+                                                    </Text>
+                                                );
+                                            })}
+                                        </View>
+                                    ) :
+                                        blockData.item.profilecontent[0].patienttype == 'IP' ?
+                                            <View style={{ borderBottomLeftRadius: 10, borderTopStartRadius: 10, backgroundColor: '#ea6767', alignItems: 'center', justifyContent: 'center', width: '3%', flexDirection: 'column' }}>
+                                                {['R', 'O', 'U', 'N', 'D', 'S'].map((item, i) => {
+                                                    return (
+                                                        <Text key={i} style={{ fontSize: normalize(6), fontWeight: 'bold', color: 'white' }}>
+                                                            {item}
+                                                        </Text>
+                                                    );
+                                                })}
+                                            </View>
+                                            :
+                                            <View style={{ borderBottomLeftRadius: 10, borderTopStartRadius: 10, backgroundColor: blockData.item.profilecontent[0].logo1 == 'FIRST VISIT' ? '#094485' : blockData.item.profilecontent[0].logo1 == 'RENEWAL' || blockData.item.profilecontent[0].logo1 == 'REVISIT' ? '#3b86db' : blockData.item.profilecontent[0].logo1 == 'MLC' ? '#FF0000' : blockData.item.profilecontent[0].logo1 == 'CROSS CONSULTATION' ? '#fca671' : blockData.item.profilecontent[0].logo1 == 'BOOKED' || blockData.item.profilecontent[0].logo1 == 'BOOKING' ? '#7a1241' : '#3b86db', alignItems: 'center', justifyContent: 'center', width: '3%', flexDirection: 'column' }}>
+                                                {getSpelling(blockData.item.profilecontent[0].logo1).map((item, k) => {
+                                                    return (
+                                                        <Text key={k} style={{ textShadowColor: 'black', textShadowRadius: 1, textShadowOffset: { width: 0, height: 1 }, textAlign: 'center', fontSize: normalize(6), fontWeight: 'bold', color: 'white' }}>
+                                                            {item}
+                                                        </Text>
+                                                    );
+                                                })}
+                                            </View>}
+
+                                    <View style={{ width: '95%', flexDirection: 'row' }}>
+                                        <View style={{ flexDirection: 'row', padding: normalize(5), borderWidth: 0, width: '70%' }}>
+                                            <TouchableWithoutFeedback>
+                                                <TouchableOpacity
+                                                    onPress={() => { NavigateToPatientChart(blockData, null, false, '', ''); }}
+                                                    style={{ marginLeft: normalize(5), borderWidth: 0, borderColor: blockData.item.verified ? 'green' : blockData.item.profilecontent[0].patienttype == 'IP' ? '#ea6767' : '#3b86db', borderRadius: 1000 }}
+                                                >
+                                                    <FastImage style={{ width: normalize(35), height: normalize(35), borderRadius: 1000, resizeMode: 'contain' }}
+                                                        source={isNUQ(blockData.item.profilecontent[0].patientimage) ? { uri: EMRAPI.getPatientProfile + blockData.item.profilecontent[0].patientimage } : blockData.item.profilecontent[0].gender == 'MALE' ? {uri: `${APIURL}file/getCommonFile/image/Male(2).png`} : {uri: `${APIURL}file/getCommonFile/image/FemaleI(1).png`}}
+                                                    />
+                                                </TouchableOpacity>
+                                            </TouchableWithoutFeedback>
+
+                                            <View style={{ alignItems: 'flex-start', justifyContent: 'center', borderWidth: 0 }}>
+                                                <View style={{ flexDirection: 'row', alignItems: 'center', borderWidth: 0 }}>
+                                                    <Text style={{ fontSize: normalize(14), paddingLeft: normalize(5), fontWeight: 'bold', color: Global.AppTheme.primary_color }}>
+                                                        {blockData.item.profilecontent[0].patientname}
+                                                    </Text>
+                                                    <View style={{ flexDirection: 'row' }}>
+                                                        {blockData.item.profilecontent[0].infectioncontrol &&
+                                                            blockData.item.profilecontent[0].infectioncontrol != null &&
+                                                            blockData.item.profilecontent[0].infectioncontrol != undefined &&
+                                                            blockData.item.profilecontent[0].infectioncontrol != 'undefined' &&
+                                                            blockData.item.profilecontent[0].infectioncontrol.length > 0 ?
+                                                            blockData.item.profilecontent[0].infectioncontrol.map((data, i) => {
+                                                                return (
+                                                                    <Text key={i} style={{ fontSize: normalize(12), color: 'red' }}>{' '}{data.infectioncontrol != undefined ? '(' + data.infectioncontrol + ')' : '' + ' '}</Text>
+                                                                );
+                                                            }) : null}
+                                                    </View>
+                                                </View>
+                                                <View style={{ flexDirection: 'row', justifyContent: 'center', alignItems: 'center', borderWidth: 0 }}>
+                                                    {isBNU(blockData.item.profilecontent[0].patientno) ?
+                                                        <Menu>
+                                                            <MenuTrigger customStyles={{ triggerWrapper: {} }} >
+                                                                <Text selectable style={{ marginLeft: normalize(3), fontSize: normalize(12), color: 'black', fontWeight: 'bold' }}>
+                                                                    {blockData.item.profilecontent[0].patientno}
+                                                                </Text>
+                                                            </MenuTrigger>
+                                                            <MenuOptions optionsContainerStyle={{ marginTop: normalize(15) }} customStyles={{ optionsContainer: { width: '30%', backgroundColor: '#f0f0f0', borderRadius: 10, borderWidth: 1, borderColor: 'lightgrey' }, optionText: {} }}>
+                                                                <View style={{ borderWidth: 0, padding: normalize(5), justifyContent: 'center', alignItems: 'center' }}>
+                                                                    <Text style={{ letterSpacing: 5, fontSize: normalize(15), color: 'black', fontWeight: 'bold' }} selectable>{blockData.item.profilecontent[0].patientno}</Text>
+                                                                    <View style={{ flexDirection: 'row' }}>
+                                                                        <HOCIcons.Feather
+                                                                            name={'info'}
+                                                                            size={normalize(10)}
+                                                                            color={'grey'}
+                                                                            style={{ marginHorizontal: normalize(3) }}
+                                                                        />
+                                                                        <Text style={{ color: 'grey', fontSize: normalize(8), fontStyle: 'italic' }}>long press to copy</Text>
+                                                                    </View>
+                                                                </View>
+                                                            </MenuOptions>
+                                                        </Menu>
+                                                        : null}
+                                                    <Text style={{ fontSize: normalize(10), paddingLeft: normalize(5), fontWeight: 'normal', color: 'black' }}>{blockData.item.profilecontent[0].gender}</Text>
+                                                    <Text style={{ fontSize: normalize(10), paddingLeft: normalize(5), fontWeight: 'normal', color: 'black' }}>{blockData.item.profilecontent[0].age}</Text>
+                                                    {isNUQ(blockData.item.profilecontent[0].subheading3) ?
+                                                        <Icons.FontAwesome5
+                                                            name={'home'}
+                                                            color={Global.AppTheme.primary_color}
+                                                            size={normalize(9)}
+                                                            style={{ marginHorizontal: normalize(2) }}
+                                                        />
+                                                        : null}
+                                                    <Text style={{ fontSize: normalize(10), paddingLeft: normalize(5), fontWeight: 'normal', color: 'black' }}>{blockData.item.profilecontent[0].subheading3}</Text>
+                                                    <View style={{ flexDirection: 'row', alignSelf: 'flex-end', position: 'absolute', right: 0 }}>
+                                                        {ValueCheck(blockData.item.investigations) &&
+                                                            ArrayCheck(blockData.item.investigations) ?
+                                                            (blockData.item.investigations).map((item, i) => {
+                                                                return (
+                                                                    <TouchableOpacity key={i}
+                                                                        onPress={() => getLabResults(blockData, true)}
+                                                                        style={{ alignItems: 'center', marginLeft: normalize(0), justifyContent: 'center' }}
+                                                                    >
+                                                                        <ABlink>
+                                                                            <View
+                                                                                style={{
+                                                                                    width: normalize(35),
+                                                                                    height: normalize(35),
+                                                                                    borderRadius: normalize(35) / 2,
+                                                                                    justifyContent: 'center',
+                                                                                    borderColor: item.color,
+                                                                                    alignItems: 'center',
+                                                                                    backgroundColor: '#fff',
+                                                                                }}>
+                                                                                <Icons.FontAwesome5 name={item.iconname} size={normalize(23)} color={item.color} />
+                                                                                <Text numberOfLines={1} style={{ color: 'black', fontSize: normalize(8), fontWeight: '600', paddingTop: normalize(0) }}>{item.displaytext}</Text>
+                                                                            </View>
+                                                                        </ABlink>
+                                                                    </TouchableOpacity>
+                                                                );
+                                                            })
+                                                            : null}
+                                                    </View>
+                                                </View>
+                                                {isBNUL(blockData.item.cardbottomarray) && isBNUL(blockData.item.profilecontent) && isNU(blockData.item.profilecontent[0].mobileno) ?
+                                                    <View style={{ flexDirection: 'row', borderWidth: 0, alignItems: 'center' }}>
+                                                        <HOCIcons.Icons
+                                                            icongroup={5}
+                                                            size={normalize(9)}
+                                                            name={'phone-alt'}
+                                                            color={Global.AppTheme.primary_color}
+                                                            style={{ paddingHorizontal: normalize(3) }}
+                                                        />
+                                                        <Text style={{ fontSize: normalize(10), color: 'black', fontWeight: 'bold' }}>
+                                                            {isNU(blockData.item.profilecontent[0].mobileno) ? blockData.item.profilecontent[0].mobileno : null}
+                                                        </Text>
+                                                    </View>
+                                                    : null}
+                                            </View>
+                                        </View>
+
+                                        {blockData.item.profilecontent[0].badgenumber && blockData.item.profilecontent[0].badgenumber != null && blockData.item.profilecontent[0].badgenumber != undefined ?
+                                            <TouchableWithoutFeedback>
+                                                <View style={{ width: '30%', justifyContent: 'flex-end', alignItems: 'center', borderWidth: 0, flexDirection: 'row' }}>
+                                                    {isBNUL(blockData.item.vitalsignstatus) && isNUQ(blockData.item.vitalsignstatus[0].hopapatientobservationnature) ?
+                                                        <View style={{ position: 'absolute', top: 0, left: 0, borderWidth: 0 }}>
+                                                            <TouchableOpacity
+                                                                onPress={() => { navigateToVitalSignReport(blockData); }}
+                                                                style={{ borderWidth: 0, justifyContent: 'center', alignItems: 'center', flexDirection: 'row' }}
+                                                            >
+                                                                <ABlink duration={1000}>
+                                                                    <View style={{ borderWidth: 1, borderColor: 'lightgrey', borderRadius: 5, marginHorizontal: normalize(5), justifyContent: 'center', alignItems: 'center' }}>
+                                                                        <HOCIcons.MaterialCommunityIcons
+                                                                            name={'clipboard-pulse'}
+                                                                            size={normalize(22)}
+                                                                            color={isNUQ(blockData.item.vitalsignstatus[0].color) ? blockData.item.vitalsignstatus[0].color : Global.AppTheme.primary_color}
+                                                                        />
+                                                                        <Text numberOfLines={1}
+                                                                            style={{
+                                                                                fontSize: normalize(8),
+                                                                                color: isNUQ(blockData.item.vitalsignstatus[0].color) ? blockData.item.vitalsignstatus[0].color : Global.AppTheme.primary_color,
+                                                                                fontWeight: 'normal',
+                                                                                textAlign: 'center',
+                                                                                width: normalize(40),
+                                                                            }}>
+                                                                            {blockData.item.vitalsignstatus[0].hopapatientobservationnature}
+                                                                        </Text>
+                                                                    </View>
+                                                                </ABlink>
+                                                            </TouchableOpacity>
+                                                        </View>
+                                                        : null}
+                                                    {props.consultationmode && isNU(blockData.item.patientstatus) && blockData.item.patientstatus == 'Y' ?
+                                                        <View style={{ flexDirection: 'row', justifyContent: 'center', alignItems: 'center' }}>
+                                                            <HOCIcons.Icons
+                                                                icongroup={2}
+                                                                size={normalize(20)}
+                                                                name={'emoji-people'}
+                                                                color={'green'}
+                                                            />
+                                                        </View>
+                                                        : null}
+                                                    <TouchableOpacity
+                                                        onPress={() => {
+                                                            if (isBNUL(blockData.item.cardbottomarray)) {
+                                                                blockData.item.cardbottomviewloading = false;
+                                                                blockData.item.cardbottomviewdata = null;
+                                                                blockData.item.cardbottomarray = [];
+                                                                setRefresh(0);
+                                                                setTimeout(() => {
+                                                                    setRefresh(refresh + 1);
+                                                                });
+                                                            }
+                                                            else {
+                                                                blockData.item.cardbottomarray = [
+                                                                    {
+                                                                        code: 1,
+                                                                        name: 'ADMISSION',
+                                                                        selected: true,
+                                                                    },
+                                                                    {
+                                                                        code: 2,
+                                                                        name: 'CONSULTATION',
+                                                                        selected: false,
+                                                                    },
+                                                                ];
+                                                                blockData.item.cardbottomviewloading = true;
+                                                                setRefresh(0);
+                                                                setTimeout(() => {
+                                                                    setRefresh(refresh + 1);
+                                                                    fnGetConsultaionAdmissionHistory(blockData);
+                                                                });
+                                                            }
+                                                        }}
+                                                        style={{
+                                                            borderWidth: 0.5,
+                                                            borderColor: 'lightgrey',
+                                                            borderRadius: 100,
+                                                            padding: normalize(4),
+                                                            justifyContent: 'center',
+                                                            alignItems: 'center',
+                                                            alignSelf: 'flex-end',
+                                                        }}>
+                                                        <View
+                                                            style={{
+                                                                borderRadius: 5,
+                                                                borderColor: 'lightgrey',
+                                                                justifyContent: 'center',
+                                                                alignItems: 'center',
+                                                            }}
+                                                        >
+                                                            <HOCIcons.FontAwesome5
+                                                                name={isBNUL(blockData.item.cardbottomarray) ? 'chevron-up' : 'chevron-down'}
+                                                                size={normalize(14)}
+                                                                color={'darkblue'}
+                                                                style={{
+                                                                    opacity: 1,
+                                                                    marginHorizontal: normalize(3),
+                                                                }}
+                                                            />
+                                                        </View>
+                                                    </TouchableOpacity>
+                                                    <View style={{ flexDirection: 'row', borderWidth: 0 }}>
+                                                        <View style={{ justifyContent: 'center', alignItems: 'center', marginRight: normalize(5), borderColor: 'lightgrey', borderRadius: 10, borderWidth: 0 }}>
+                                                            <TouchableOpacity
+                                                                disabled={props.consultationmode ? false : true}
+                                                                onLongPress={() => {
+                                                                    if (blockData.item.consultationstart) {
+                                                                    }
+                                                                    else {
+                                                                        savePatientConsultation(blockData, newData);
+                                                                    }
+                                                                }}
+                                                                style={{ borderLeftWidth: props.consultationmode ? 3 : 0, borderBottomWidth: props.consultationmode ? 3 : 0, borderColor: 'grey', width: normalize(35), backgroundColor: blockData.item.inconsultation ? 'darkred' : blockData.item.consultationstart ? '#fc8d32' : '#094485', height: normalize(35), borderRadius: normalize(1000), alignItems: 'center', justifyContent: 'center', elevation: 5, borderWidth: 0 }}
+                                                            >
+                                                                <Text numberOfLines={1} adjustsFontSizeToFit style={{
+                                                                    color: 'white',
+                                                                    fontSize: normalize(17),
+                                                                    fontWeight: 'bold',
+                                                                    textAlign: 'center',
+                                                                }}>{blockData.item.profilecontent[0].badgenumber}</Text>
+                                                            </TouchableOpacity>
+                                                            {isNU(blockData.item.consultationtime) ?
+                                                                <View style={{ flexDirection: 'row', justifyContent: 'center', alignItems: 'center' }}>
+                                                                    <HOCIcons.MaterialCommunityIcons
+                                                                        name={'clock-time-seven'}
+                                                                        size={normalize(10)}
+                                                                        color={'darkblue'}
+                                                                        style={{ marginHorizontal: normalize(5) }}
+                                                                    />
+                                                                    <Text style={{ fontWeight: 'bold', color: 'black', fontSize: normalize(10) }}>{isNU(blockData.item.consultationtime) ? blockData.item.consultationtime : null}</Text>
+                                                                </View>
+                                                                : null}
+                                                        </View>
+                                                    </View>
+
+                                                </View>
+                                            </TouchableWithoutFeedback> : null}
+                                    </View>
+
+                                    {ArrayCheck(blockData.item.rightcontent) ?
+                                        <View style={{ zIndex: 1, position: 'absolute', top: normalize(18), alignItems: 'center', justifyContent: 'center', right: 1 }}>
+                                            <Icons.MaterialCommunityIcons
+                                                name={'chevron-right'}
+                                                size={normalize(18)}
+                                                color={'grey'}
+                                                style={{ opacity: 1 }}
+                                            />
+                                        </View>
+                                        : null}
+
+                                    {ValueCheck(blockData.item.bookingstatus) ?
+                                        <View style={{ borderBottomRightRadius: 10, borderTopRightRadius: 10, backgroundColor: '#7a1241', alignItems: 'center', justifyContent: 'center', width: '2%', flexDirection: 'column' }}>
+
+                                            {['B', 'o', 'o', 'k', 'e', 'd'].map((item, i) => {
+                                                return (
+                                                    <Text key={i} style={{
+                                                        fontSize: normalize(6), fontWeight: 'bold', color: 'white',
+                                                    }}>{item}</Text>
+                                                );
+                                            })}
+
+                                        </View> :
+                                        <View style={{ borderBottomRightRadius: 10, borderTopRightRadius: 10, backgroundColor: blockData.item.profilecontent[0].logo1 == 'FIRST VISIT' ? '#094485' : blockData.item.profilecontent[0].logo1 == 'RENEWAL' || blockData.item.profilecontent[0].logo1 == 'REVISIT' ? '#3b86db' : blockData.item.profilecontent[0].logo1 == 'MLC' ? '#FF0000' : blockData.item.profilecontent[0].logo1 == 'CROSS CONSULTATION' ? '#fca671' : blockData.item.profilecontent[0].logo1 == 'BOOKED' || blockData.item.profilecontent[0].logo1 == 'BOOKING' ? '#7a1241' : '#3b86db', alignItems: 'center', justifyContent: 'center', width: '2%', opacity: 0.7, flexDirection: 'column' }}>
+
+                                            {[' '].map((item, i) => {
+                                                return (
+                                                    <Text key={i} style={{
+                                                        fontSize: normalize(6), fontWeight: 'bold', color: 'white',
+                                                    }}>{item}</Text>
+                                                );
+                                            })}
+                                        </View>
+                                    }
+                                </View>
+                            </View>
+                        </TouchableHighlight>
+                    </View>
+                </SwipeRow>
+                {isBNUL(blockData.item.cardbottomarray) ?
+                    <View>
+                        <View style={{ backgroundColor: 'white', borderRadius: 5, borderWidth: 1, borderColor: 'lightgrey', elevation: 0, width: '99%', flexDirection: 'row', justifyContent: 'space-evenly', alignItems: 'center' }}>
+                            <View style={{ width: '100%', borderWidth: 0, borderRadius: 5, borderColor: 'grey', justifyContent: 'flex-start', alignItems: 'flex-start' }}>
+                                <View style={{ borderWidth: 0, elevation: 5, backgroundColor: 'white', borderColor: 'lightgrey', flexDirection: 'row', width: '97%', alignSelf: 'center', marginVertical: normalize(5) }}>
+                                    {blockData.item.cardbottomarray.map((val, i) => {
+                                        return (
+                                            <TouchableOpacity
+                                                onPress={() => {
+                                                    FnChangeTab(blockData.item.cardbottomarray, i);
+                                                    val.selected = true;
+                                                    setRefresh(refresh + 1);
+                                                }}
+                                                style={{
+                                                    borderBottomWidth: 5,
+                                                    borderColor: (val.selected) ? Global.AppTheme.primary_color : 'white',
+                                                    width: '50%',
+                                                    height: normalize(20),
+                                                    justifyContent: 'center',
+                                                    alignItems: 'center',
+                                                    paddingHorizontal: normalize(20),
+                                                    backgroundColor: (val.selected) ? '#eaedf9' : 'white',
+                                                }}>
+                                                <Text adjustsFontSizeToFit numberOfLines={1} style={{
+                                                    borderWidth: 0,
+                                                    fontSize: normalize(10),
+                                                }}>{val.name}</Text>
+                                            </TouchableOpacity>
+                                        );
+                                    })}
+                                </View>
+                                {blockData.item.cardbottomviewloading ?
+                                    <View style={{ justifyContent: 'center', alignItems: 'center', width: '100%', height: normalize(50), borderWidth: 0 }}>
+                                        <LoaderLocal
+                                        />
+                                    </View>
+                                    : null}
+                                <View style={{ height: normalize(100), flex: 1 }}>
+                                    {isNU(blockData.item.cardbottomviewdata) ?
+                                        blockData.item.cardbottomarray[0].selected && blockData.item.cardbottomviewdata.admissiondetails ?
+                                            renderAdmissionConsultationlist(blockData.item.cardbottomviewdata.admissiondetails, blockData, 'IP')
+                                            :
+                                            blockData.item.cardbottomarray[1].selected && blockData.item.cardbottomviewdata.consultationdetails ?
+                                                renderAdmissionConsultationlist(blockData.item.cardbottomviewdata.consultationdetails, blockData, 'OP')
+                                                : null
+                                        : null}
+                                </View>
+                            </View>
+                        </View>
+                    </View>
+                    : null
+                }
+            </>
+        );
+
+    }
+
+    const getItemLayout = useCallback(
+        (data, index) => ({
+            length: 100,
+            offset: 100 * index,
+            index,
+        }),
+        []);
+
+    return (
+        <>
+            <View>
+                <FlatList
+                    nestedScrollEnabled={true}
+                    ref={listRef}
+                    data={newData}
+                    initialNumToRender={6}
+                    maxToRenderPerBatch={10}
+                    keyExtractor={keyExtractor}
+                    listKey={keyExtractor}
+                    getItemLayout={getItemLayout}
+                    renderItem={renderCardNew}
+                    ListHeaderComponent={
+                        <View style={{ flexDirection: 'row', alignItems: 'center' }}>
+                            {ValueCheck(newData.length) && !ValueCheck(props.disableTouch) && props.consultationmode ?
+                                <View style={{ borderWidth: 0.5, minWidth: normalize(35), padding: normalize(2), alignItems: 'center', justifyContent: 'center', borderRadius: normalize(100), margin: normalize(4) }}>
+                                    <Text style={{ fontSize: normalize(14), fontWeight: 'bold' }}>{newData.length}</Text>
+                                </View>
+                                : null}
+                            {isNUQZ(Global.userData.consultationstatus) && ValueCheck(newData.length) && !ValueCheck(props.disableTouch) && props.consultationmode ?
+                                <ABlink>
+                                    <View
+                                        style={{
+                                            flexDirection: 'row',
+                                            justifyContent: 'center',
+                                            alignItems: 'center',
+                                        }}>
+                                        <Icons.FontAwesome5 name={'user-md'} size={normalize(10)} color={Global.AppTheme.primary_color} style={{ marginHorizontal: normalize(5) }} />
+                                        <Text style={{ color: 'black', fontSize: normalize(9), fontWeight: 'bold' }}>{Global.userData.consultationstatus == 1 ? ' CONSULTATION STARTED ' : Global.userData.consultationstatus == 2 ? ' CONSULTATION PAUSED ' : Global.userData.consultationstatus == 3 ? ' CONSULTATION RESUMED ' : Global.userData.consultationstatus == 4 ? ' CONSULTATION COMPLETED ' : ''}</Text>
+                                    </View>
+                                </ABlink>
+                                : null}
+                        </View>
+                    }
+                    ListFooterComponent={
+                        newData != undefined && newData.length > 7 && props.noscroll == undefined && !props.noscroll ?
+                            <View style={{
+                                alignSelf: 'flex-end', marginRight: normalize(20),
+                                paddingHorizontal: normalize(10),
+                            }}>
+                                <CVectorIcon
+                                    data={{
+                                        'displaytext': 'Top',
+                                        'fontcolor': 'black',
+                                        'size': 8,
+                                        'iconname': 'arrow-up',
+                                        'iconcolor': '#f28585',
+                                        'selected': false,
+                                        'visibility': true,
+                                        'iconsize': 20,
+                                        'functionid': 'UL01',
+                                    }}
+                                    callBack={val => val == undefined ? null : moveToTop(val)}
+                                />
+                            </View> : null}
+
+                />
+            </View>
+
+            {overlay ?
+                <HOverlay
+                    component={'ConsultationPreview'}
+                    visibility={val => (val == undefined ? null : setOverlay(val))}
+                />
+                : null}
+            {isLoading || activity ? <Loader displaytext={true} /> : null}
+        </>
+    );
+}
+
+function CCard(props) {
+    return GetCard(props);
+}
+
+export default memo(CCard);