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

package/src/Custom/CCard.js

@@ -1,880 +0,0 @@
-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);