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

package/src/Screens/RegistrationDetails.js

@@ -0,0 +1,467 @@
+
+import React, { useState, useEffect, useContext } from 'react';
+import { StyleSheet, Dimensions, View, Platform, BackHandler } from 'react-native';
+// import { useNavigation } from '@react-navigation/native';
+import CFooterView from '../CustomComponents/CFooterView';
+import CContainerView from '../CustomComponents/CContainerView';
+import CDetailView from '../CustomComponents/CDetailView';
+import HeaderBlock from './HeaderBlock';
+import CAwesomeButton from '../CustomComponents/CAwesomeButton';
+import { normalize } from '../CommonStyle/componentStyle';
+import ReactNativeBlobUtil from 'react-native-blob-util';
+import { isBNUL, isNU, isNUQ, isNUQZ, isPermitted, Loader, notifyMessage } from '../CommonStyle/ComponentFunctions';
+import RNFetchBlob from 'rn-fetch-blob';
+import moment from 'moment';
+import { Global } from '../../../../../src/Common/Global';
+import HHeading from '../HOC/HHeading';
+import { APIURL, EMRAPI, PORT } from '../../../../../src/Common/apiConstants';
+import NetworkServiceCall from '../Common/NetworkServiceCall';
+import { API } from '../Common/api_Lab';
+import RNFS from 'react-native-fs';
+import { useNavigation } from '../Navigation/useNavigation';
+
+import PDFContentViewer from '../CustomComponents/PDFContentViewer';
+
+export default function RegistrationDetails(props) {
+
+    const [pdfviewdata, setPdfViewData] = useState();
+    const [isLoading, setIsLoading] = useState(false);
+    const navigation = useNavigation();
+    useEffect(() => {
+        const backAction = () => {
+            if (!navigation.isFocused()) {
+                return false;
+            }
+            else {
+                navigation.goBack();
+            }
+            return true;
+        };
+        const backHandler = BackHandler.addEventListener(
+            'hardwareBackPress',
+            backAction,
+        );
+        return () => backHandler.remove();
+    }, []);
+
+    useEffect(() => {
+        getRegistrationData();
+    }, []);
+
+    // console.log('patientdetails...', JSON.stringify(Global.PatientDetails))
+
+    const blobToBase64 = (blob) => {
+        return new Promise((resolve, reject) => {
+            const reader = new FileReader();
+            reader.onloadend = () => resolve(reader.result.split(',')[1]); // Get base64 part
+            reader.onerror = reject;
+            reader.readAsDataURL(blob);
+        });
+    };
+
+    const sanitizeJSON = (data) => {
+        const sanitizedData = JSON.parse(
+            JSON.stringify(data, (key, value) => {
+                if (typeof value === 'string') {
+                    // Replace single quotes with double quotes and remove backslashes
+                    return value.replace(/'/g, '"').replace(/\\/g, '');
+                }
+                return value;
+            })
+        );
+        return sanitizedData;
+    };
+
+    const downloadFirstPdfPreview = async (body, link) => {
+
+        setIsLoading(true);
+        let buttonapi = link;
+        const jsonBody = body;
+        const sanitizedData = sanitizeJSON(jsonBody);
+
+        // {"group":{"firstname":"REJUL","lastname":null,"hopapatient":0,"hoparegistrationform":1,"dateofbirth":"2025-04-28","mobilenumber":"7994378855","landphone":"","housename":"house","houseno":"","pin":"","country":1,"countryname":"INDIA","parishname":0,"street":"","postoffice":"post office","district":1,"districtname":"","state":1,"statename":"","religion":1,"individualstatus":1,"hrsuqualification":1,"occupation":0,"nominee":"","relation":0,"aadharno":"","rationcard":"","anualincome":"","bloodgroup":"","insurance":0,"foreginpatient":0,"imageurl":"http://localhost:9393/ppfile/getFile/image/whitebackground.jpg","email":"","srfno":"","passportno":"","abhaid":"","uhid":"","whatsappno":"7994378855","mcrregistrationno":"","gender":"M","editflag":1,"imagefiles":"","pdffiles":"","imagefilesarray":[],"pdffilesarray":[],"signurl":"http://localhost:9393/ppfile/getFile/image/whitebackground.jpg"}}
+
+        console.log('downloadFirstPdfPreview buttonapi', buttonapi);
+        console.log('downloadFirstPdfPreview', JSON.stringify(sanitizedData));
+
+        try {
+            const response = await fetch(buttonapi, {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify(sanitizedData),
+            });
+            if (!response.ok) {
+                setIsLoading(false);
+                console.log('111')
+                throw new Error('Failed to fetch file');
+            }
+            const fileData = await response.blob();
+            const fileName = moment().format('DD-MM-YYYY hmmssSSS') + '.pdf';
+            const cachePath = `${RNFS.CachesDirectoryPath}/${fileName}`;
+            const base64Data = await blobToBase64(fileData);
+            await RNFS.writeFile(cachePath, base64Data, 'base64');
+            setPdfViewData({
+                'linknew': cachePath
+            })
+            setIsLoading(false);
+
+            let dataset = {
+                fileid: 1,
+                uri: 'file://' + cachePath,
+                filename: fileName + Date(),
+                uritype: false
+            };
+            saveSecondPdf(dataset);
+
+        } catch (error) {
+            setIsLoading(false);
+        }
+    };
+
+    async function saveSecondPdf(image) {
+
+        console.log('saveSecondPdf')
+
+        let pdftype = `.pdf`;
+        let fileid_autogenerate = 0;
+        let dataset2 = {
+            fileid: fileid_autogenerate + 1,
+            filename: pdftype,
+            filetype: 'application/pdf',
+            uri: image.uri,
+            uritype: false,
+        };
+        // let buttonapi = API.savePdf;
+        let buttonapi = APIURL + 'insurancefile/fileupload/emr/document';
+
+        console.log('saveSecondPdf buttonapi', buttonapi);
+        if (!dataset2.uritype) {
+            if (dataset2.uri) {
+                var formData = new FormData();
+                formData.append('file', {
+                    uri: dataset2.uri,
+                    type: 'document/pdf',
+                    name: dataset2.filename,
+                });
+                NetworkServiceCall('multiform', buttonapi, formData)
+                    .then(function (responsedata) {
+                        console.log('response', JSON.stringify(responsedata))
+                        if (responsedata.httpstatus == 200) {
+                            // responsedata.data.fileuri;
+                            savePdfToPatient(responsedata.data.fileuri)
+                        }
+                    })
+                    .catch(error => {
+
+                    });
+            }
+        }
+    }
+
+    function savePdfToPatient(fileuri) {
+
+        let output = {
+            "groups": {
+                "procedurename": "rnhopaeditformpdf1",
+                "suuser": Global.userData.suuser,
+                "hopapatient": Global.PatientDetails.hopapatient,
+                "registrationformurl": fileuri
+            }
+        };
+
+        let buttonapi = EMRAPI.saveCommon;
+        console.log('savePdfToPatient buttonapi', buttonapi);
+        console.log('savePdfToPatient', JSON.stringify(output));
+
+
+        NetworkServiceCall("post", buttonapi, output)
+            .then(function (response) {
+                console.log('savePdfToPatient response', JSON.stringify(response))
+                if (response.httpstatus == 200) {
+
+                }
+                else {
+
+                }
+            })
+    }
+
+
+    const DownloadPdf = async (params) => {
+        console.log('jjjjj')
+        if (await isPermitted()) {
+            setIsLoading(true);
+            const fileBase64 = await ReactNativeBlobUtil.fs.readFile(params, 'base64');
+            const filePath = RNFetchBlob.fs.dirs.DownloadDir + '/' + moment().format('DD-MM-YYYY hmmssSSS') + '.pdf';
+            RNFetchBlob.fs.writeFile(filePath, fileBase64, 'base64').then(response => {
+                notifyMessage(filePath);
+                setIsLoading(false);
+            }).catch(errors => {
+                console.log('catch', errors);
+                notifyMessage("Download Failed");
+                setIsLoading(false);
+            });
+        }
+    };
+
+    function getRegistrationData() {
+
+        setPdfViewData();
+        setIsLoading(true);
+
+        let buttonapi = APIURL + 'insuranceadvanceget/emrcommonget/rnhomrpatientregistration ' + Global.PatientDetails.hopapatient;
+        console.log('buttonapi', buttonapi);
+
+        NetworkServiceCall("get", buttonapi, "")
+            .then(function (response) {
+                if (response.httpstatus == 200 && isNU(response.data) && isBNUL(response.data.data) && isNU(response.data.data[0])) {
+                    if (isNUQ(response.data.data[0].registrationformurl)) {
+
+
+                        setPdfViewData({
+                            // 'linknew':'https://www.adobe.com/support/products/enterprise/knowledgecenter/media/c4611_sample_explain.pdf',
+                            'linknew': response.data.data[0].registrationformurl,
+                            'registrationhistory': isBNUL(response.data.history) ? response.data.history : [],
+                            'savedimages': isBNUL(response.data.data[0].savedimages) ? response.data.data[0].savedimages : [],
+                            'savedfile': isBNUL(response.data.data[0].savedfile) ? response.data.data[0].savedfile : [],
+                        })
+                    }
+                    else {
+
+                        const jsonBody = {
+                            "group": {
+                                ...response.data.data[0],
+                                "imagefilesarray": [],
+                                "pdffilesarray": [],
+                                "imageurl": isNUQ(response.data.data[0].imageurl) ? response.data.data[0].imageurl : "http://localhost:" + PORT + "/insurancefile/getCommonFile/image/whitebackground.jpg",
+                                "signurl": "http://localhost:" + PORT + "/insurancefile/getCommonFile/image/whitebackground.jpg"
+                            }
+                        }
+                        const jsonlink = APIURL + 'jrinsurance/jrcommonpreport/jrhoparegistrationform/0/PatientRegForm';
+                        downloadFirstPdfPreview(jsonBody, jsonlink);
+                        // 2512308
+                    }
+
+                    setIsLoading(false);
+                }
+                else {
+
+
+                    setIsLoading(false);
+                    notifyMessage("Data not found", 2);
+                }
+            })
+
+    }
+
+    // "firstname": "REJUL",
+    // "lastname": null,
+    // "hopapatient": 0,
+    // "hoparegistrationform": 1,
+    // "dateofbirth": "2025-04-28",
+    // "mobilenumber": "7994378855",
+    // "landphone": "",
+    // "housename": "house",
+    // "houseno": "",
+    // "pin": "",
+    // "countryname": "INDIA",
+    // "street": "",
+    // "postoffice": "post office",
+    // "districtname": "",
+    // "statename": "",
+    // "aadharno": "",
+    // "bloodgroup": "",
+    // "email": "",
+    // "srfno": "",
+    // "passportno": "",
+    // "abhaid": "",
+    // "uhid": "",
+    // "whatsappno": "7994378855",
+    // "mcrregistrationno": "",
+    // "gender": "M",
+    // "imagefiles": "",
+    // "pdffiles": "",
+
+    const transformJson = (input) => {
+        return {
+            data: input.map(({ uploaddate, filename }) => ({
+                filename: ' ',
+                filelink: filename
+            })).filter(item => isNUQ(item.filename) && isNUQ(item.filelink))
+        };
+    };
+
+    const [buttonConfigs, setButtonConfigs] = useState([
+        // {
+        //     displayText: 'DOWNLOAD PDF',
+        //     iconGroup: 5,
+        //     iconName: 'file-pdf',
+        //     visibility: true
+        // },
+        {
+            displayText: 'REGISTRATION HISTORY',
+            iconGroup: 3,
+            iconName: 'history',
+            visibility: isNU(pdfviewdata) && isBNUL(pdfviewdata.registrationhistory) ? true : false
+        },
+        // {
+        //     displayText: 'DOCUMENTS',
+        //     iconGroup: 3,
+        //     iconName: 'file-document',
+        //     visibility: true
+        // },
+        // {
+        //     displayText: 'IMAGES',
+        //     iconGroup: 4,
+        //     iconName: 'file-image-o',
+        //     visibility: true
+        // }
+    ]);
+
+    function getFooterFunctions(val) {
+
+        switch (val.displayText) {
+            case "DOWNLOAD PDF":
+                console.log("registrationnnnnnnnnnnnnnnnn", pdfviewdata.registrationhistory)
+                break;
+            case "REGISTRATION HISTORY":
+                navigation.navigate('CPdfGallery', {
+                    index: 5,
+                    displayarray: transformJson(pdfviewdata.registrationhistory).data
+                })
+                break;
+            case "DOCUMENTS":
+                navigation.navigate('CPdfGallery', {
+                    index: 0,
+                    displayarray: transformJson(pdfviewdata.savedfile).data
+                })
+
+                break;
+            case "IMAGES":
+
+                navigation.navigate('CPhotoGallery', {
+                    index: 0,
+                    displayarray:
+                        transformJson(pdfviewdata.savedimages).data
+                })
+                break;
+            default:
+                break;
+        }
+
+    }
+
+
+    const renderButton = (config, index) => {
+
+        return (
+            config.visibility ?
+                <CAwesomeButton
+                    key={index}
+                    callback={() => { getFooterFunctions(config) }}
+                    buttonstyle={{
+                        borderRadius: 10,
+                        borderWidth: 0.5,
+                        height: Dimensions.get('screen').height * 0.055,
+                        width: Dimensions.get('screen').height * 0.06,
+                        backgroundColor: '#f2f3ff',
+                        paddingHorizontal: 0,
+                        raiseLevel: 4,
+                        paddingBottom: 0,
+                        borderColor: 'white',
+                        paddingTop: 0,
+                        style: {
+                            padding: 0,
+                            marginHorizontal: normalize(5),
+                            marginVertical: normalize(5)
+                        }
+                    }}
+                    viewstyle={{
+                        borderWidth: 0,
+                        borderRadius: 0,
+                        justifyContent: 'center',
+                        alignItems: 'center'
+                    }}
+                    icon={{
+                        icongroup: config.iconGroup,
+                        name: config.iconName,
+                        color: Global.AppTheme.primary_color,
+                        size: normalize(25),
+                        style: {
+                            textAlign: 'center'
+                        }
+                    }}
+                    text={{
+                        fontSize: normalize(6),
+                        fontWeight: 'bold',
+                        color: Global.AppTheme.primary_color,
+                        textAlign: 'center'
+                    }}
+                    displaytext={config.displayText}
+                />
+                : null
+        )
+    };
+
+    return (
+        <CContainerView>
+            <HeaderBlock />
+            <CDetailView>
+                <HHeading
+                    styles={{
+                        "iconname": 'user-alt',
+                        "bgcolor": "#f2efef",
+                        "iconsize": 16,
+                        "iconcolor": Global.AppTheme.primary_color,
+                        "displaytext": "REGISTRATION DETAILS",
+                        "textsize": 14,
+                        "textcolor": Global.AppTheme.primary_color
+                    }}
+                    callBack={val => (val == undefined ? null : console.log(val))}
+                >
+                </HHeading>
+                {isLoading ? <Loader /> : null}
+                {pdfviewdata && pdfviewdata.linknew ?
+                    <PDFContentViewer
+                        link={pdfviewdata.linknew}
+                        style={{ flex: 1, backgroundColor: 'white' }}
+                        onLoadComplete={() => {
+                            setIsLoading(false);
+                        }}
+                        onError={(error) => {
+                            console.log('onError', error);
+                            setIsLoading(false);
+                        }}
+                    />
+                    : null}
+            </CDetailView>
+            <CFooterView>
+                {isNU(pdfviewdata) && isNUQ(pdfviewdata.linknew) ?
+                    <View style={{ flexDirection: 'row', alignItems: 'center', width: '100%' }}>
+                        {[{
+                            displayText: 'REGISTRATION HISTORY',
+                            iconGroup: 3,
+                            iconName: 'history',
+                            visibility: isNU(pdfviewdata) && isBNUL(pdfviewdata.registrationhistory) ? true : false
+                        },
+                        {
+                            displayText: 'DOCUMENTS',
+                            iconGroup: 3,
+                            iconName: 'file-document',
+                            visibility: isNU(pdfviewdata) && isBNUL(pdfviewdata.savedfile) ? true : false
+                        },
+                        {
+                            displayText: 'IMAGES',
+                            iconGroup: 4,
+                            iconName: 'file-image-o',
+                            visibility: isNU(pdfviewdata) && isBNUL(pdfviewdata.savedimages) ? true : false
+                        }
+                        ].map(renderButton)}
+                    </View>
+                    : null}
+            </CFooterView>
+        </CContainerView>
+    );
+}