@jescon-technologies/react-native-ui-kit 0.0.1 → 0.0.2

package/src/StaticComponents/STimingSwitch.js

@@ -0,0 +1,34 @@
+import React, { useState } from 'react';
+import { View, Text, Switch } from 'react-native';
+import { Global } from '../Common/Global';
+import { ValueCheck } from '../CommonStyle/ComponentFunctions';
+import { normalize } from '../CommonStyle/componentStyle';
+
+export default function STimingSwitch(props) {
+    const [refresh, setRefresh] = useState(0);
+    const [data, setData] = useState(props.data);
+    return (
+        <View style={{ flexDirection: 'row' ,borderWidth: 0, marginTop:ValueCheck(props.type) ? 0 : 19,alignItems:'center',justifyContent:'center',marginHorizontal:5}}>
+            {data.map((selectslot, k) => {
+                return (
+                    <View key={k} style={{alignItems:'center',justifyContent:'center'}}>
+                        <Switch
+                            trackColor={{ false: '#767577', true: Global.AppTheme.primary_color }}
+                            thumbColor={'lightgrey'}
+                            onChange={() => getSwitch(selectslot)}
+                            value={selectslot.selected}
+                        />
+                        <Text style={{ color: 'black', fontWeight: 'bold', fontSize: normalize(10) }}>{selectslot.slotname}</Text>
+                    </View>);
+            })}
+        </View>
+    );
+
+    function getSwitch(params) {
+        data.map((item) => item.selected = false);
+        params.selected = !params.selected;
+        props.callBack(params);
+        setRefresh(refresh + 1);
+    }
+}
+

package/src/layout/CContainerView.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import { StyleSheet, View} from 'react-native';
+import { Global } from '../Common/Global';
+
+const CContainerView = props => {
+
+    const styles = StyleSheet.create({
+        CContainerView : {
+            flex: 1,
+            backgroundColor: Global.AppTheme.primary_color,
+        },
+    });
+
+    return (
+        <View style={styles.CContainerView}>
+            {props.children}
+        </View>
+    );
+};
+
+export default CContainerView;

package/src/layout/CDetailView.js

@@ -0,0 +1,81 @@
+import React, { useContext, useState } from 'react';
+import { StyleSheet, View, ImageBackground, Text, Dimensions } from 'react-native';
+import { Global } from '../Common/Global';
+import { useNavigation } from '../Navigation/useNavigation';
+import CCard from '../Custom/CCard';
+import { normalize } from '../CommonStyle/componentStyle';
+import { isNU } from '../CommonStyle/ComponentFunctions';
+import CTemplateCard from '../Custom/CTemplateCard';
+import AppContext from '../Handlers/AppContext';
+import { APIURL } from '../Common/apiConstants';
+
+const CDetailView = (props) => {
+
+
+    const styles = StyleSheet.create({
+        CDetailView: {
+            flex: 1,
+            shadowColor: '#000',
+            shadowOffset: { width: 0, height: 2 },
+            shadowOpacity: 0.8,
+            shadowRadius: 2,
+            borderTopLeftRadius: 20,
+            borderTopRightRadius: 20,
+            width: '100%',
+            backgroundColor: props.backgroundColor ? props.backgroundColor : 'white'
+        },
+        image: {
+            flex: 1
+        }
+    });
+
+    // console.log("PATIENT DATATTTTTTATTATTATTATATATATTATATAAT",JSON.stringify(Global.PatientDetails))
+    const [patientdata] = useState(Global.PatientDetails)
+    const [userListShow] = useState(props.userlist != undefined ? props.userlist : true)
+    const { inputText, setInputText } = useContext(AppContext);
+
+    const navigation = useNavigation();
+    return (
+        <View style={styles.CDetailView}>
+            {/* {console.log('patientdata----------',JSON.stringify(patientdata))} */}
+            <ImageBackground
+                source={props.bgimage != undefined ? { uri: props.bgimage } : {uri:`${APIURL}insurancefile/getCommonFile/image/IMA.png`}}
+                resizeMode={props.bgimage != undefined ? "stretch" : "contain"}
+                imageStyle={props.bgimage != undefined ? { opacity: 1 } : { opacity: 0.1 }}
+                style={styles.image}
+            >
+                {patientdata != null
+                    && patientdata != undefined && userListShow && !props.hideCard ?
+                    <View style={{ marginHorizontal: normalize(5), marginTop: normalize(-30) }}>
+                        <CCard
+                            // navigation={navigation}
+                            type={2}
+                            disableTouch={true}
+                            data={[Global.PatientDetails]}
+                            consultation={props.consultation ? true : false}
+                            expandheight={normalize(100)}
+                            disabledetailcard={props.disabledetailcard ? true : false}
+                            disabledetailcardcallback={() => {
+                                // console.log('kkkk')
+                                isNU(props.disabledetailcardcallback) ? props.disabledetailcardcallback(true) : null
+                            }}
+                        />
+                    </View> : null}
+                {isNU(inputText) && isNU(inputText.templatedata) && inputText.showtemplatecard && props.showTemplateCard ?
+                    <View style={{ marginTop: normalize(-10) }}>
+                        <CTemplateCard
+                            data={inputText.templatedata}
+                            Cardcallback={(val) => {
+                                console.log('Cardcallback.....')
+                            }}
+                        />
+                    </View> : null}
+                {props.children}
+            </ImageBackground>
+        </View>
+    );
+};
+
+
+
+export default CDetailView;

package/src/layout/FooterBlock.js

@@ -23,9 +23,6 @@ import { normalize } from '../CommonStyle/componentStyle';
 import { isBNUL } from '../CommonStyle/ComponentFunctions';
 import CAwesomeButtonLIS from '../Custom/CAwesomeButton';
 import SSearchBar from '../StaticComponents/SSearchBar';
-import { APIURL, imageURL } from '../Common/apiConstants';
-import NetworkServiceCall from '../Common/NetworkServiceCall';
-import { notifyMessage } from '../CommonStyle/ComponentFunctions';
 import { Global } from '../Common/Global';
 import SAlphabet from '../StaticComponents/SAlphabet';
 import { useNavigation } from '../Navigation/useNavigation';

package/src/layout/HeaderBlock.js

@@ -0,0 +1,353 @@
+import React, { useContext, useEffect, useState } from 'react';
+import {
+  StyleSheet,
+  Text,
+  View,
+  StatusBar,
+  Image,
+  TouchableOpacity,
+  Alert,
+  Modal,
+  Dimensions,
+  ScrollView
+} from 'react-native';
+import Ionicons from 'react-native-vector-icons/Ionicons';
+import Feather from 'react-native-vector-icons/Feather';
+import { Global } from '../Common/Global';
+import CSliderMenu from '../Custom/CSliderMenu';
+import { normalize } from '../CommonStyle/componentStyle';
+import NotificationContext from '../Handlers/NoticationsContext';
+import moment from 'moment';
+import { ValueCheck, isNUQZ } from '../CommonStyle/ComponentFunctions';
+import ABlink from '../Alerts/ABlink';
+import COverlay from '../CustomComponents/COverlay';
+import OUserView from '../Custom/OUserView';
+import CBackHandler from '../CustomComponents/CBackHandler';
+import InsureResponseComponentContext from '../Handlers/insureResponseComponentContext';
+import CNetworkStatus from '../CustomComponents/CNetworkStatus';
+import { useNavigation } from '../Navigation/useNavigation';
+
+const HeaderBlock = (props) => {
+  const { responseJSON, setResponseJSON } = useContext(InsureResponseComponentContext);
+  const [isShowSlidermenu, setIsShowSlidermenu] = useState(false);
+  const [backHandler, setBackHandler] = useState(false);
+  const [backHandlerLogOut, setBackHandlerLogOut] = useState(false);
+  const [refresh, setRefresh] = useState(0);
+  const [overlay, setOverlay] = useState(false);
+  const [jsonoverlay, setJsonOverlay] = useState(false);
+  const navigation = useNavigation()
+
+  const OverlayHOCComponent = COverlay(OUserView);
+
+  const NoticationData = React.useContext(NotificationContext);
+
+  const result = NoticationData.filter(obj => obj.status === true);
+
+  const styles = StyleSheet.create({
+    container: {
+      display: 'flex',
+      backgroundColor: Global.AppTheme.primary_color,
+      justifyContent: 'center',
+      paddingLeft: normalize(3),
+      marginTop: StatusBar.currentHeight,
+    },
+    headerContent: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      marginBottom: normalize(6),
+      paddingBottom: normalize(0),
+    },
+    backButton: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      borderWidth: 0,
+    },
+    logoContainer: {
+      width: normalize(100),
+      height: normalize(40),
+    },
+    betaContainer: {
+      position: 'absolute',
+      bottom: normalize(-4),
+      right: normalize(-70),
+    },
+    betaText: {
+      color: '#ffffff',
+      fontSize: normalize(20),
+      letterSpacing: 5,
+      fontWeight: 'bold',
+      textShadowColor: '#000000',
+      textShadowOffset: { width: 0.5, height: 0.5 },
+      textShadowRadius: 0.5,
+    },
+    versionText: {
+      color: 'white',
+      fontSize: normalize(8),
+    },
+    userInfoButton: {
+      flexDirection: 'row',
+      borderWidth: 0,
+      flex: 1,
+      justifyContent: 'flex-start',
+    },
+    userInfoContainer: {
+      borderWidth: 0,
+    },
+    userNameText: {
+      fontWeight: 'bold',
+      fontSize: normalize(13),
+      marginLeft: 5,
+      color: 'white',
+    },
+    departmentText: {
+      fontFamily: Global.fontNormal,
+      fontSize: normalize(11),
+      marginLeft: 5,
+      color: 'white',
+    },
+    rightIconsContainer: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'flex-end',
+      borderWidth: 0,
+    },
+    notificationButton: {
+      marginRight: normalize(5),
+    },
+    notificationBadge: {
+      position: 'absolute',
+      right: normalize(-5),
+      top: normalize(-8),
+      backgroundColor: 'white',
+      alignItems: 'center',
+      borderRadius: 20,
+      width: normalize(15),
+    },
+    notificationCount: {
+      fontSize: normalize(7),
+      fontWeight: 'bold',
+    },
+    menuButton: {
+      alignItems: 'center',
+      justifyContent: 'center',
+    },
+    loginTimeText: {
+      fontSize: normalize(9),
+      marginLeft: 0,
+      color: 'white',
+    },
+    jsonModalContainer: {
+      backgroundColor: 'white',
+      borderWidth: 1,
+      height: Dimensions.get('screen').height * 0.9,
+      alignSelf: 'center',
+      width: Dimensions.get('screen').width * 0.9,
+    },
+    closeButton: {
+      textAlign: 'right',
+      fontWeight: 'bold',
+      color: 'black',
+    },
+    jsonText: {
+      fontSize: normalize(10),
+      color: 'black',
+      fontFamily: 'Courier New',
+    },
+  });
+
+  const OnPressGoBack = () => {
+    if (props.callback) {
+      props.callback(true);
+    } else {
+      if (ValueCheck(props.backhandler)) {
+        if (ValueCheck(props.consultation) && Global.EditStatus == 1) {
+          setBackHandler(true);
+        } else {
+          navigation.goBack();       // 👈 works
+        }
+      } else {
+        navigation.goBack();       // 👈 works
+      }
+    }
+  };
+
+  const renderJsonModal = () => (
+    <Modal
+      onRequestClose={() => setJsonOverlay(false)}
+      style={{
+        height: Dimensions.get('screen').height,
+        width: Dimensions.get('screen').width,
+        backgroundColor: 'transparent',
+        justifyContent: 'center',
+        alignItems: 'center',
+      }}
+      transparent={true}
+    >
+      <View style={styles.jsonModalContainer}>
+        <TouchableOpacity onPress={() => setJsonOverlay(false)}>
+          <Text style={styles.closeButton}>Close</Text>
+        </TouchableOpacity>
+        <ScrollView>
+          <Text selectable={true} style={styles.jsonText}>
+            {JSON.stringify(responseJSON, null, 2)}
+          </Text>
+        </ScrollView>
+      </View>
+    </Modal>
+  );
+
+  const renderBetaVersion = () => (
+    <View style={styles.betaContainer}>
+      <ABlink duration={500}>
+        <View style={{ justifyContent: 'center', alignItems: 'center' }}>
+          <Text style={styles.betaText}>BETA TESTING</Text>
+          <Text style={styles.versionText}>
+            {Global.version ? `V ${Global.version}` : null}
+          </Text>
+        </View>
+      </ABlink>
+    </View>
+  );
+
+  const renderUserInfo = () => (
+    <TouchableOpacity
+      onPress={() => props.webview != undefined ? null : setOverlay(true)}
+      style={styles.userInfoButton}
+    >
+      <View style={styles.userInfoContainer}>
+        <Text
+          adjustsFontSizeToFit
+          numberOfLines={2}
+          style={styles.userNameText}
+        >
+          {props.webview != undefined ? "" : Global.userData && Global.userData.department != undefined && Global.userData.department != "" ? Global.userData.username : ''}
+        </Text>
+        {Global.userData && Global.userData.department != undefined && Global.userData.department != "" && props.webview == undefined ? (
+          <Text
+            adjustsFontSizeToFit
+            style={styles.departmentText}
+          >
+            {Global.userData.department}
+          </Text>
+        ) : null}
+      </View>
+    </TouchableOpacity>
+  );
+
+  const renderRightIcons = () => (
+    <View style={styles.rightIconsContainer}>
+      <CNetworkStatus />
+      <TouchableOpacity
+        onPress={() => navigation.navigate('Notifications')}
+        style={styles.notificationButton}
+      >
+        <View style={styles.notificationBadge}>
+          <ABlink>
+            <Text
+              numberOfLines={1}
+              adjustsFontSizeToFit
+              style={[
+                styles.notificationCount,
+                { color: result.length > 0 ? "red" : 'black' }
+              ]}
+            >
+              {result.length}
+            </Text>
+          </ABlink>
+        </View>
+        <Ionicons name={'notifications-outline'} color="white" size={normalize(15)} />
+      </TouchableOpacity>
+      <View style={{ paddingLeft: normalize(2) }}>
+        <TouchableOpacity
+          onPress={() => setIsShowSlidermenu(true)}
+          style={styles.menuButton}
+        >
+          <Feather name={'menu'} color="white" size={normalize(25)} />
+          <View>
+            {Global.LoginTime != undefined ? (
+              <Text style={styles.loginTimeText}>
+                {(moment.duration(moment().diff(Global.LoginTime)).asMinutes()).toFixed(0) + " Min."}
+              </Text>
+            ) : null}
+          </View>
+        </TouchableOpacity>
+      </View>
+    </View>
+  );
+
+  return (
+    <View style={[styles.container, props.style]} key={refresh}>
+      <StatusBar
+        translucent
+        backgroundColor={Global.AppTheme.primary_color}
+        barStyle="light-content"
+      />
+
+      {jsonoverlay && renderJsonModal()}
+
+      <View style={styles.headerContent}>
+        <TouchableOpacity
+          style={styles.backButton}
+          onPress={OnPressGoBack}
+        >
+          <Ionicons
+            name={'chevron-back'}
+            color='white'
+            size={normalize(25)}
+          />
+          <View style={styles.logoContainer}>
+            {Global.betaversion ? (
+              <View style={styles.logoContainer} />
+            ) : (
+              <Image
+                style={{
+                  width: normalize(100),
+                  height: normalize(40),
+                  resizeMode: 'contain',
+                  borderRadius: 8,
+                }}
+                source={{ uri: Global?.HospitalData?.hospitallogo3 ? Global.HospitalData.hospitallogo3 : null }}
+              />
+            )}
+          </View>
+          {Global.betaversion && renderBetaVersion()}
+        </TouchableOpacity>
+
+        {renderUserInfo()}
+
+        {props.webview != undefined ? null : renderRightIcons()}
+      </View>
+
+      {overlay && (
+        <OverlayHOCComponent
+          visibility={val => (val == undefined ? null : setOverlay(val))}
+        />
+      )}
+      {isShowSlidermenu && (
+        <CSliderMenu
+          navigation={navigation.navigate}
+          isShow={isShowSlidermenu}
+          visibility={(val) => (val == undefined ? null : setIsShowSlidermenu(val))}
+        />
+      )}
+
+      {backHandler && (
+        <CBackHandler
+          type={5}
+          callBack={(val) => (val == undefined ? null : (setBackHandler(val), navigation.goBack()))}
+          close={(val) => (val == undefined ? null : setBackHandler(val))}
+        />
+      )}
+
+      {backHandlerLogOut && (
+        <CBackHandler
+          type={6}
+          callBack={(val) => (val == undefined ? null : (setBackHandlerLogOut(val), navigation.goBack()))}
+          close={(val) => (val == undefined ? null : setBackHandlerLogOut(val))}
+        />
+      )}
+    </View>
+  );
+};
+
+export default HeaderBlock;

package/src/index.js

@@ -1,15 +0,0 @@
-export { default as CaptureImageWithoutEdit } from './components/CaptureImageWithoutEdit';
-export { default as Card } from './components/Card';
-export { default as CountdownTimer } from './components/CountdownTimer';
-export { default as Loader } from './components/Loader';
-export { default as Notification } from './components/Notification';
-export { default as StepIndicator } from './components/StepIndicator';
-
-export default {
-  CaptureImageWithoutEdit,
-  Card,
-  CountdownTimer,
-  Loader,
-  Notification,
-  StepIndicator,
-};