react-native-altibbi 0.1.2 → 0.1.4

package/lib/example/App.js

@@ -0,0 +1,4 @@
+import React from 'react';
+import Navigation from './src/navigation/navigation';
+const App = () => React.createElement(Navigation, null);
+export default App;

package/lib/example/src/component/radio.js

@@ -0,0 +1,28 @@
+import { Text, TouchableOpacity, View } from 'react-native';
+export const Radio = (props) => {
+    const [picked, setPicked] = props.pick;
+    const { array, title } = props;
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Text, { style: {
+                fontWeight: 'bold',
+                fontSize: 18,
+                color: 'black',
+                marginTop: 20,
+            } }, title),
+        React.createElement(View, { style: {
+                flex: 1,
+                flexDirection: 'row',
+                marginTop: 10,
+                flexWrap: 'wrap',
+            } }, array.map((item) => {
+            return (React.createElement(TouchableOpacity, { activeOpacity: 1, key: item, style: { marginRight: 20 }, onPress: () => {
+                    setPicked(item);
+                } },
+                React.createElement(Text, { style: {
+                        marginTop: 5,
+                        fontWeight: 'bold',
+                        fontSize: 18,
+                        color: item === picked ? '#10e1d0' : '#9d9d9d',
+                    } }, '  ' + item)));
+        }))));
+};

package/lib/example/src/screen/Chat.js

@@ -0,0 +1,232 @@
+import React, { useEffect, useRef, useState } from 'react';
+import { ActivityIndicator, Button, FlatList, Image, Platform, StyleSheet, Text, TextInput, View, } from 'react-native';
+import { PERMISSIONS, request } from 'react-native-permissions';
+import { ImageLibraryOptions, ImagePickerResponse, launchImageLibrary, } from 'react-native-image-picker';
+import { AltibbiChat, ConnectionHandler, GroupChannelHandler, GroupChannelModule, uploadMedia, GroupChannel, } from 'react-native-altibbi';
+const Chat = (props) => {
+    const data = props?.route?.params?.event;
+    const ref = useRef(null);
+    const channelRef = useRef();
+    const [loading, setLoading] = useState(true);
+    const [textInput, setTextInput] = useState('');
+    const [message, setMessage] = useState(null);
+    const [messageList, setMessageList] = useState([]);
+    const init = () => {
+        ref.current = AltibbiChat.init({
+            appId: data.app_id,
+            modules: [new GroupChannelModule()],
+        });
+    };
+    const connect = async () => {
+        await ref?.current?.connect(data.chat_user_id, data.chat_user_token);
+    };
+    const disconnect = () => {
+        ref?.current?.disconnect().then((r) => {
+            console.log(r);
+        });
+    };
+    const reconnect = () => {
+        ref?.current?.reconnect();
+    };
+    const getChannel = async (channelURL) => {
+        const channel = await ref?.current?.groupChannel
+            .getChannel(channelURL)
+            .catch((e) => {
+            console.log(e);
+            return e;
+        });
+        channelRef.current = channel;
+        return channel;
+    };
+    const sendMessage = (msg) => {
+        const send = channelRef?.current?.sendUserMessage(msg);
+        send?.onSucceeded((message1) => {
+            console.log('onSucceeded');
+            const newMessage = {
+                createdAt: message1.createdAt,
+                message: message1.message,
+                messageId: message1.messageId,
+                sender: {
+                    userId: message1.sender.userId,
+                },
+            };
+            setMessage(newMessage);
+        });
+        send.onFailed((err) => {
+            console.log('onFailed', err);
+        });
+        send.onPending(() => {
+            console.log('onPending');
+        });
+    };
+    const loadAllMessage = async (channelURL) => {
+        const channel = await getChannel(channelURL);
+        const previousMessageList = await channel.createPreviousMessageListQuery();
+        let allMessages = [];
+        while (previousMessageList.hasNext) {
+            let newMsgArr = await previousMessageList.load();
+            allMessages = [...allMessages, ...newMsgArr];
+        }
+        return allMessages;
+    };
+    const renderMessage = ({ item }) => (React.createElement(View, { style: item.sender.userId == data.chat_user_id
+            ? styles.userMessage
+            : styles.otherMessage }, item?.message?.includes('cdn') ? (React.createElement(Image, { source: { uri: item.message }, style: { width: 150, height: 150 }, resizeMode: 'cover' })) : (React.createElement(Text, { style: styles.messageText }, item.message))));
+    const onUserJoined = () => { };
+    const onUserLeft = () => { };
+    const onTypingStatusUpdated = () => { };
+    const onMessageReceived = (channel, message) => {
+        setMessage({
+            createdAt: message.createdAt,
+            message: message.message,
+            messageId: message.messageId,
+            sender: message.sender.userId,
+        });
+    };
+    const onConnected = (userId) => {
+        console.log(userId);
+    };
+    const onReconnectStarted = () => { };
+    const onReconnectSucceeded = () => { };
+    const onReconnectFailed = () => { };
+    const onDisconnected = () => { };
+    const addHandler = () => {
+        let groupChannelHandler = new GroupChannelHandler({
+            onUserJoined,
+            onUserLeft,
+            onTypingStatusUpdated,
+            onMessageReceived,
+        });
+        let connectionHandler = new ConnectionHandler({
+            onConnected,
+            onReconnectStarted,
+            onReconnectSucceeded,
+            onReconnectFailed,
+            onDisconnected,
+        });
+        ref?.current?.groupChannel?.addGroupChannelHandler('CHA_HAN', groupChannelHandler);
+        ref?.current?.addConnectionHandler('CHA_CONN', connectionHandler);
+    };
+    const removeConnectionHandler = (appChannel) => {
+        ref.current.removeConnectionHandler(appChannel);
+    };
+    const removeGroupChannelHandler = (appChannel) => {
+        ref.current.groupChannel.removeGroupChannelHandler(appChannel);
+    };
+    const setPushTriggerOption = (pushTriggerOption) => {
+        ref.current.setPushTriggerOption(pushTriggerOption);
+    };
+    // for ios
+    const registerAPNSPushTokenForCurrentUser = (token) => {
+        ref.current.registerAPNSPushTokenForCurrentUser(token);
+    };
+    // for android
+    const registerFCMPushTokenForCurrentUser = (token) => {
+        ref.current.registerFCMPushTokenForCurrentUser(token);
+    };
+    const openImagePicker = () => {
+        const options = {
+            mediaType: 'photo',
+            includeBase64: false,
+            maxHeight: 2000,
+            maxWidth: 2000,
+        };
+        launchImageLibrary(options, (response) => {
+            if (response.didCancel) {
+                console.log('User cancelled image picker');
+            }
+            else if (response.errorMessage) {
+                console.log('Image picker error: ', response.errorMessage);
+            }
+            else {
+                const source = Platform.OS === 'android'
+                    ? response.assets?.[0].uri
+                    : response.assets?.[0].uri?.replace('file://', '');
+                const fileName = encodeURI(source.replace(/^.*[\\\/]/, ''));
+                uploadMedia(source, response.assets?.[0]?.type || '', fileName).then((res) => {
+                    sendMessage({
+                        message: res.data.url,
+                    });
+                });
+            }
+        });
+    };
+    const uploadUsingGallery = async () => {
+        let permission = await request(Platform.OS === 'ios'
+            ? PERMISSIONS.IOS.PHOTO_LIBRARY
+            : parseFloat(Platform.Version + '') > 32
+                ? PERMISSIONS.ANDROID.READ_MEDIA_IMAGES
+                : PERMISSIONS.ANDROID.READ_EXTERNAL_STORAGE);
+        if (permission === 'granted' ||
+            permission === 'limited' ||
+            ['undetermined', 'authorized'].includes(permission)) {
+            openImagePicker();
+        }
+        return null;
+    };
+    useEffect(() => {
+        if (message !== '') {
+            const newArray = [...messageList];
+            newArray.push(message);
+            setMessageList([...newArray]);
+        }
+    }, [message]);
+    useEffect(() => {
+        const chatStart = async () => {
+            init();
+            addHandler();
+            connect().then(() => {
+                loadAllMessage(`channel_${data.group_id}`).then((res) => {
+                    setMessageList(res);
+                    setLoading(false);
+                });
+            });
+        };
+        chatStart();
+    }, []);
+    if (loading) {
+        return React.createElement(ActivityIndicator, null);
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement(View, { style: styles.container },
+            React.createElement(FlatList, { data: messageList, keyExtractor: (item, index) => `${item.messageId}_${index}`, renderItem: renderMessage })),
+        React.createElement(View, { style: { flexDirection: 'row', width: '100%', padding: 10 } },
+            React.createElement(Button, { title: 'image', onPress: () => uploadUsingGallery() }),
+            React.createElement(TextInput, { style: styles.input, onChangeText: (txt) => setTextInput(txt), value: textInput, placeholder: "type .." }),
+            React.createElement(Button, { title: 'send', onPress: () => sendMessage({
+                    message: textInput,
+                }) }))));
+};
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        justifyContent: 'flex-end', // to show the latest messages at the bottom
+        padding: 16,
+    },
+    userMessage: {
+        alignSelf: 'flex-end',
+        backgroundColor: '#10e1d0', // blue color for user messages
+        padding: 8,
+        borderRadius: 8,
+        marginBottom: 8,
+        maxWidth: '70%',
+    },
+    otherMessage: {
+        alignSelf: 'flex-start',
+        backgroundColor: '#a1a1a1', // light gray color for other messages
+        padding: 8,
+        borderRadius: 8,
+        marginBottom: 8,
+        maxWidth: '70%',
+    },
+    messageText: {
+        color: '#fff', // text color for user messages
+    },
+    input: {
+        flex: 1,
+        height: 40,
+        marginHorizontal: 12,
+        borderWidth: 1,
+    },
+});
+export default Chat;

package/lib/example/src/screen/Consultation.js

@@ -0,0 +1,219 @@
+import React, { useState } from 'react';
+import { View, Text, ScrollView, TextInput, TouchableOpacity, StyleSheet, Platform, } from 'react-native';
+import { createConsultation, deleteConsultation, getConsultationInfo, getConsultationList, getLastConsultation, getPrescription, MediumArray, MediumType, uploadMedia, } from 'react-native-altibbi';
+import { ImageLibraryOptions, ImagePickerResponse, launchImageLibrary, } from 'react-native-image-picker';
+import { PERMISSIONS, request } from 'react-native-permissions';
+import RNFetchBlob from 'rn-fetch-blob';
+import { Buffer } from 'buffer';
+import { Radio } from '../component/radio';
+const styles = StyleSheet.create({
+    textInput: {
+        flex: 1,
+        height: 40,
+        borderRadius: 15,
+        textAlign: 'center',
+        borderColor: 'gray',
+        borderWidth: 1,
+        marginTop: 10,
+        marginRight: 10,
+    },
+    button: {
+        backgroundColor: '#10e1d0',
+        flex: 1,
+        borderRadius: 15,
+        marginTop: 20,
+        height: 40,
+        marginRight: 10,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    viewHolder: {
+        flexDirection: 'row',
+        width: '100%',
+    },
+    buttonText: {
+        fontWeight: 'bold',
+        fontSize: 18,
+        color: 'white',
+    },
+    input: {
+        marginVertical: 20,
+        fontSize: 16,
+        borderColor: 'gray',
+        borderWidth: 1,
+        borderRadius: 8,
+        padding: 20,
+        textAlign: 'auto',
+    },
+    input2: {
+        marginTop: 20,
+        fontSize: 16,
+        borderColor: 'gray',
+        borderWidth: 1,
+        borderRadius: 8,
+        textAlign: 'auto',
+        paddingLeft: 20,
+        minHeight: 50,
+    },
+    input3: {
+        marginTop: 20,
+        borderColor: 'gray',
+        borderWidth: 1,
+        borderRadius: 8,
+        textAlign: 'center',
+        height: 40,
+        marginRight: 20,
+        width: 40,
+    },
+});
+const Consultation = (props) => {
+    const [picked, setPicked] = useState(MediumArray[0]);
+    const [textBody, setTextBody] = useState('');
+    const [deleteConsultationId, setDeleteConsultationId] = useState('');
+    const [getConsultationId, setGetConsultationId] = useState('');
+    const [getConsultationListId, setGetConsultationListId] = useState('');
+    const [prescriptionId, setPrescriptionId] = useState('');
+    const [userId, setUserId] = useState();
+    const [imageID, setImageID] = useState();
+    const openImagePicker = () => {
+        const options = {
+            mediaType: 'photo',
+            includeBase64: false,
+            maxHeight: 2000,
+            maxWidth: 2000,
+        };
+        launchImageLibrary(options, (response) => {
+            const source = Platform.OS === 'android'
+                ? response?.assets?.[0].uri
+                : response?.assets?.[0].uri?.replace('file://', '');
+            const fileName = encodeURI(source.replace(/^.*[\\\/]/, ''));
+            const type = response?.assets?.[0]?.type || '';
+            uploadMedia(source, type, fileName).then((res) => {
+                setImageID(res?.data?.id);
+            });
+        }).then();
+    };
+    const uploadUsingGallery = async () => {
+        let permission = await request(Platform.OS === 'ios'
+            ? PERMISSIONS.IOS.PHOTO_LIBRARY
+            : parseFloat(Platform.Version + '') > 32
+                ? PERMISSIONS.ANDROID.READ_MEDIA_IMAGES
+                : PERMISSIONS.ANDROID.READ_EXTERNAL_STORAGE);
+        if (permission === 'granted' ||
+            permission === 'limited' ||
+            ['undetermined', 'authorized'].includes(permission)) {
+            openImagePicker();
+        }
+        return null;
+    };
+    const getCurrentConsultationInfo = () => {
+        getLastConsultation().then((res) => {
+            console.log(res);
+            if (res.data[0].status !== 'closed') {
+                props.navigation.navigate('WaitingRoom', {
+                    videoConfig: res?.data[0]?.videoConfig,
+                    voipConfig: res?.data[0]?.voipConfig,
+                    chatConfig: res?.data[0]?.chatConfig,
+                    status: res?.data[0]?.status,
+                    medium: res?.data[0]?.medium,
+                    channel: res.data[0].pusherChannel,
+                    consultationId: res.data[0].id,
+                    socketParams: res.data[0].socketParams,
+                });
+            }
+        });
+    };
+    return (React.createElement(ScrollView, { style: { backgroundColor: '#F3F3F4' } },
+        React.createElement(View, { style: { padding: 20 } },
+            React.createElement(Radio, { pick: [picked, setPicked], array: MediumArray, title: 'Medium' }),
+            React.createElement(View, { style: { flexDirection: 'row', flex: 1 } },
+                React.createElement(TextInput, { keyboardType: 'number-pad', style: [styles.input2, { flex: 1 }], placeholder: "userId", value: `${userId || ''}`, onChangeText: (text) => setUserId(parseInt(text, 10)) }),
+                React.createElement(TouchableOpacity, { onPress: () => uploadUsingGallery(), style: {
+                        alignItems: 'center',
+                        justifyContent: 'center',
+                        backgroundColor: '#10e1d0',
+                        marginTop: 20,
+                        marginLeft: 10,
+                        paddingHorizontal: 20,
+                        borderRadius: 15,
+                    } },
+                    React.createElement(Text, { style: styles.buttonText }, "file"))),
+            React.createElement(TextInput, { style: styles.input, multiline: true, placeholder: "Medical consultaiton question with minimum 10 characters", value: textBody, onChangeText: (text) => setTextBody(text) }),
+            React.createElement(TouchableOpacity, { onPress: () => {
+                    if (!textBody || textBody.length < 10 || !userId) {
+                        return;
+                    }
+                    if (picked === 'video') {
+                        request(Platform.OS === 'ios'
+                            ? PERMISSIONS.IOS.CAMERA
+                            : PERMISSIONS.ANDROID.CAMERA);
+                    }
+                    createConsultation({
+                        question: textBody,
+                        medium: picked,
+                        user_id: userId,
+                        mediaIds: imageID ? [imageID] : [],
+                    })
+                        .then((res) => {
+                        console.log(res);
+                        getCurrentConsultationInfo();
+                    })
+                        .catch((error) => {
+                        console.log(error);
+                    });
+                }, style: styles.button },
+                React.createElement(Text, { style: styles.buttonText }, "Create Consultation")),
+            React.createElement(View, { style: { flexDirection: 'row' } },
+                React.createElement(TextInput, { keyboardType: 'number-pad', style: styles.input3, placeholder: "id", value: getConsultationListId, onChangeText: (idText) => setGetConsultationListId(idText) }),
+                React.createElement(TouchableOpacity, { onPress: () => {
+                        getConsultationList(parseInt(getConsultationListId), 1, 20).then((res) => {
+                            console.log(res);
+                        });
+                    }, style: styles.button },
+                    React.createElement(Text, { style: styles.buttonText }, "Consultation List"))),
+            React.createElement(TouchableOpacity, { onPress: () => {
+                    getCurrentConsultationInfo();
+                }, style: styles.button },
+                React.createElement(Text, { style: styles.buttonText }, "Last Consultation")),
+            React.createElement(View, { style: { flexDirection: 'row' } },
+                React.createElement(TextInput, { keyboardType: 'number-pad', style: styles.input3, placeholder: "id", value: deleteConsultationId, onChangeText: (idText) => setDeleteConsultationId(idText) }),
+                React.createElement(TouchableOpacity, { onPress: () => {
+                        if (!deleteConsultationId) {
+                            return;
+                        }
+                        deleteConsultation(parseInt(deleteConsultationId)).then((res) => {
+                            console.log(res);
+                        });
+                    }, style: styles.button },
+                    React.createElement(Text, { style: styles.buttonText }, "Delete Consultation"))),
+            React.createElement(View, { style: { flexDirection: 'row' } },
+                React.createElement(TextInput, { keyboardType: 'number-pad', style: styles.input3, placeholder: "id", value: getConsultationId, onChangeText: (idText) => setGetConsultationId(idText) }),
+                React.createElement(TouchableOpacity, { onPress: () => {
+                        if (!getConsultationId) {
+                            return;
+                        }
+                        getConsultationInfo(parseInt(getConsultationId)).then((res) => {
+                            console.log(res);
+                        });
+                    }, style: styles.button },
+                    React.createElement(Text, { style: styles.buttonText }, "Get Consultation by id"))),
+            React.createElement(View, { style: { flexDirection: 'row' } },
+                React.createElement(TextInput, { keyboardType: 'number-pad', style: styles.input3, placeholder: "id", value: prescriptionId, onChangeText: (idText) => setPrescriptionId(idText) }),
+                React.createElement(TouchableOpacity, { onPress: () => {
+                        getPrescription(parseInt(prescriptionId)).then(async (response) => {
+                            const { dirs: { DownloadDir, DocumentDir }, // DownloadDir for android  , DocumentDir for ios
+                             } = RNFetchBlob.fs;
+                            const arrayBuffer = await response.arrayBuffer();
+                            const buffer = Buffer.from(arrayBuffer);
+                            const base64String = buffer.toString('base64');
+                            const filePath = (Platform.OS === 'ios' ? DocumentDir : DownloadDir) +
+                                '/prescription' +
+                                new Date().getTime() +
+                                '.pdf';
+                            await RNFetchBlob.fs.createFile(filePath, base64String, 'base64');
+                            console.log('Download Completed');
+                        });
+                    }, style: styles.button },
+                    React.createElement(Text, { style: styles.buttonText }, "download Prescription"))))));
+};
+export default Consultation;

package/lib/example/src/screen/Home.js

@@ -0,0 +1,38 @@
+import React, { useEffect } from 'react';
+import { StyleSheet, Text, TouchableOpacity, View, } from 'react-native';
+import { init } from 'react-native-altibbi';
+import { useNavigation } from '@react-navigation/native';
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        padding: 20,
+    },
+    button: {
+        width: '100%',
+        borderRadius: 15,
+        height: 50,
+        backgroundColor: '#10e1d0',
+        alignItems: 'center',
+        justifyContent: 'center',
+        marginTop: 20,
+    },
+    buttonText: {
+        color: 'white',
+        fontSize: 20,
+    },
+});
+const Home = () => {
+    useEffect(() => {
+        init('', '', 'ar');
+    }, []);
+    const navigation = useNavigation();
+    const navigate = (page) => {
+        navigation.navigate(page);
+    };
+    return (React.createElement(View, { style: styles.container },
+        React.createElement(TouchableOpacity, { onPress: () => navigate('User'), style: styles.button },
+            React.createElement(Text, { style: styles.buttonText }, "User Page")),
+        React.createElement(TouchableOpacity, { onPress: () => navigate('Consultation'), style: styles.button },
+            React.createElement(Text, { style: styles.buttonText }, "consultation Page"))));
+};
+export default Home;

package/lib/example/src/screen/User.js

@@ -0,0 +1,133 @@
+import React, { useState } from 'react';
+import { ScrollView, StyleSheet, Text, TextInput, TouchableOpacity, View } from 'react-native';
+import { bloodTypeArray, boolStringArray, createUser, deleteUser, genderTypeArray, getUser, getUsers, materialStatusArray, } from 'react-native-altibbi';
+import { Radio } from '../component/radio';
+const styles = StyleSheet.create({
+    textInput: {
+        flex: 1,
+        height: 40,
+        borderRadius: 15,
+        textAlign: 'center',
+        borderColor: 'gray',
+        borderWidth: 1,
+        marginTop: 10,
+        marginRight: 10,
+    },
+    button: {
+        backgroundColor: '#10e1d0',
+        flex: 1,
+        borderRadius: 15,
+        marginTop: 10,
+        height: 40,
+        marginRight: 10,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    viewHolder: {
+        flexDirection: 'row',
+        width: '100%',
+    },
+    buttonText: {
+        fontSize: 16,
+        color: 'white',
+    },
+});
+const User = () => {
+    const [name, setName] = useState('');
+    const [phoneNumber, setPhoneNumber] = useState('');
+    const [email, setEmail] = useState('');
+    const [dateOfBirth, setDateOfBirth] = useState('');
+    const [gender, setGender] = useState(genderTypeArray[0]);
+    const [insuranceId, setInsuranceId] = useState('');
+    const [policyNumber, setPolicyNumber] = useState('');
+    const [nationalityNumber, setNationalityNumber] = useState('');
+    const [height, setHeight] = useState('');
+    const [weight, setWeight] = useState('');
+    const [bloodType, setBloodType] = useState();
+    const [smoker, setSmoker] = useState();
+    const [alcoholic, setAlcoholic] = useState();
+    const [maritalStatus, setMaritalStatus] = useState();
+    const [id, setID] = useState('');
+    const [id2, setID2] = useState('');
+    return (React.createElement(ScrollView, { style: { backgroundColor: '#F3F3F4' } },
+        React.createElement(View, { style: { padding: 20 } },
+            React.createElement(View, { style: styles.viewHolder },
+                React.createElement(TextInput, { style: styles.textInput, onChangeText: (text) => setName(text), value: name, placeholder: 'Name' }),
+                React.createElement(TextInput, { style: styles.textInput, onChangeText: (text) => setDateOfBirth(text), value: dateOfBirth, placeholder: 'date of birth' })),
+            React.createElement(View, { style: styles.viewHolder },
+                React.createElement(TextInput, { style: styles.textInput, onChangeText: (text) => setEmail(text), value: email, placeholder: 'email' }),
+                React.createElement(TextInput, { style: styles.textInput, onChangeText: (text) => setPhoneNumber(text), value: phoneNumber, placeholder: 'phoneNumber' })),
+            React.createElement(View, { style: styles.viewHolder },
+                React.createElement(TextInput, { style: styles.textInput, onChangeText: (text) => setInsuranceId(text), value: insuranceId, placeholder: 'insuranceId' })),
+            React.createElement(View, { style: styles.viewHolder },
+                React.createElement(TextInput, { style: styles.textInput, onChangeText: (text) => setHeight(text), value: height, placeholder: 'height' }),
+                React.createElement(TextInput, { style: styles.textInput, onChangeText: (text) => setWeight(text), value: weight, placeholder: 'weight' })),
+            React.createElement(View, { style: styles.viewHolder },
+                React.createElement(TextInput, { style: styles.textInput, onChangeText: (text) => setPolicyNumber(text), value: policyNumber, placeholder: 'policyNumber' }),
+                React.createElement(TextInput, { style: styles.textInput, onChangeText: (text) => setNationalityNumber(text), value: nationalityNumber, placeholder: 'nationalityNumber' })),
+            React.createElement(Radio, { pick: [gender, setGender], array: genderTypeArray, title: 'Gender' }),
+            React.createElement(Radio, { pick: [maritalStatus, setMaritalStatus], array: materialStatusArray, title: 'Marital Status' }),
+            React.createElement(Radio, { pick: [alcoholic, setAlcoholic], array: boolStringArray, title: 'Alcoholic' }),
+            React.createElement(Radio, { pick: [smoker, setSmoker], array: boolStringArray, title: 'Smoker' }),
+            React.createElement(Radio, { pick: [bloodType, setBloodType], array: bloodTypeArray, title: 'Gender' }),
+            React.createElement(TouchableOpacity, { style: styles.button, onPress: () => {
+                    const params = {
+                        name,
+                        phone_number: phoneNumber,
+                        email,
+                        date_of_birth: dateOfBirth,
+                        gender,
+                        insurance_id: insuranceId,
+                        policy_number: policyNumber,
+                        nationality_number: nationalityNumber,
+                        height,
+                        weight,
+                        blood_type: bloodType,
+                        smoker,
+                        alcoholic,
+                        marital_status: maritalStatus,
+                    };
+                    createUser(params).then((res) => {
+                        console.log(res);
+                    }).catch((err) => {
+                        console.log('something went wrong', err);
+                    });
+                    ;
+                } },
+                React.createElement(Text, { style: styles.buttonText }, "Create User")),
+            React.createElement(View, { style: styles.viewHolder },
+                React.createElement(TouchableOpacity, { style: styles.button, onPress: () => {
+                        if (!id || id.length === 0) {
+                            console.log(id);
+                            return;
+                        }
+                        getUser(id).then((res) => {
+                            console.log('Example userName: ', res.data.name);
+                        }).catch((err) => {
+                            console.log('something went wrong', err);
+                        });
+                    } },
+                    React.createElement(Text, { style: styles.buttonText }, "Get User By Id")),
+                React.createElement(TextInput, { keyboardType: 'number-pad', style: styles.textInput, onChangeText: (text) => setID(text), value: id, placeholder: 'user Id' })),
+            React.createElement(View, { style: styles.viewHolder },
+                React.createElement(TouchableOpacity, { style: styles.button, onPress: () => {
+                        deleteUser(id2).then((res) => {
+                            console.log(res);
+                        }).catch((err) => {
+                            console.log('something went wrong', err);
+                        });
+                        ;
+                    } },
+                    React.createElement(Text, { style: styles.buttonText }, "delete user")),
+                React.createElement(TextInput, { style: styles.textInput, onChangeText: (text) => setID2(text), value: id2, placeholder: 'userDeleteId' })),
+            React.createElement(TouchableOpacity, { style: styles.button, onPress: () => {
+                    getUsers(1).then((res) => {
+                        console.log(res);
+                    }).catch((err) => {
+                        console.log('something went wrong', err);
+                    });
+                    ;
+                } },
+                React.createElement(Text, { style: styles.buttonText }, "get all users")))));
+};
+export default User;