@jescon-technologies/react-native-ui-kit 0.0.6 → 0.0.8

package/src/Screens/PdfPreview.js

@@ -1,507 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import {
-  StyleSheet,
-  Dimensions,
-  View,
-  Platform,
-  BackHandler,
-  TouchableOpacity,
-} from 'react-native';
-import CFooterView from '../CustomComponents/CFooterView';
-import CContainerView from '../CustomComponents/CContainerView';
-import CDetailView from '../CustomComponents/CDetailView';
-import HeaderBlock from './HeaderBlock';
-import { normalize } from '../CommonStyle/componentStyle';
-import {
-  CShadowDynamic,
-  getLoading,
-  isBNU,
-  isBNUL,
-  isNUQ,
-  isPermitted,
-  Loader,
-  notifyMessage,
-} from '../CommonStyle/ComponentFunctions';
-import RNFetchBlob from 'rn-fetch-blob';
-import moment from 'moment';
-import { Global } from '../../../../../src/Common/Global';
-import Share from 'react-native-share';
-import {
-  MenuProvider,
-  Menu,
-  MenuOptions,
-  MenuOption,
-  MenuTrigger,
-} from 'react-native-popup-menu';
-import Icons from '../Common/Icons';
-import { Text } from 'react-native-elements';
-import ReactNativeBlobUtil from 'react-native-blob-util';
-import axios from 'axios';
-import { EMRAPI } from '../../../../../src/Common/apiConstants';
-import NetworkServiceCall from '../Common/NetworkServiceCall';
-import HShadowButton from '../HOC/HShadowButton';
-import PDFContentViewer from '../CustomComponents/PDFContentViewer';
-// Get screen dimensions
-const { width: SCREEN_WIDTH, height: SCREEN_HEIGHT } = Dimensions.get('window');
-
-// Responsive size calculations
-const MIN_WIDTH = SCREEN_WIDTH * 0.1;   // 25% of screen width
-const MAX_WIDTH = SCREEN_WIDTH * 0.9;    // 90% of screen width
-
-const MIN_HEIGHT = SCREEN_HEIGHT * 0.1; // 5% of screen height
-const MAX_HEIGHT = SCREEN_HEIGHT * 0.1; // 12% of screen height
-
-export default function PdfPreview({ route, navigation, ...props }) {
-  console.log('PdfPreviewllllll', route.params.link);
-
-  const [pdfviewdata, setPdfViewData] = useState();
-  const [isLoading, setIsLoading] = useState(false);
-  const FooterArr = [
-    {
-      keyid: 1,
-      displaytext: 'Download',
-      size: 10,
-      iconname: 'download',
-      icongroup: 4,
-      iconcolor: Global.AppTheme.primary_color,
-      fontcolor: '#a30e0e',
-      shadowcolor: '#ffe5e5',
-      selected: false,
-      visibility: Platform.OS != 'web',
-      iconsize: 20,
-      functionid: 'D01',
-    },
-    {
-      keyid: 2,
-      displaytext: 'Share',
-      size: 10,
-      iconname: 'share',
-      icongroup: 4,
-      iconcolor: Global.AppTheme.primary_color,
-      fontcolor: '#a30e0e',
-      shadowcolor: '#ffe5e5',
-      selected: false,
-      visibility: Platform.OS != 'web',
-      iconsize: 20,
-      functionid: 'D02',
-    },
-  ];
-
-  const SendPrint = async (results, printer) => {
-    console.log('llllllllll', JSON.stringify(printer));
-    console.log('llllllllll2', JSON.stringify(results));
-    if (await isPermitted()) {
-      setIsLoading(true);
-      let filePath =
-        RNFetchBlob.fs.dirs.DownloadDir +
-        '/' +
-        moment().format('DD-MM-YYYY hmmssSSS') +
-        '.pdf';
-      const fileBase64 = await ReactNativeBlobUtil.fs.readFile(
-        results,
-        'base64',
-      );
-      if (isBNU(fileBase64)) {
-        RNFetchBlob.fs
-          .writeFile(filePath, fileBase64, 'base64')
-          .then(response => {
-            var formData = new FormData();
-            formData.append('file', {
-              uri: 'file://' + filePath,
-              type: 'application/pdf',
-              name: '.pdf',
-            });
-            let multiformapi = EMRAPI.postPrintDocument;
-            console.log(
-              'PRINTERAPI--------------------',
-              JSON.stringify(multiformapi),
-            );
-            console.log(
-              'FORMDATA--------------------',
-              JSON.stringify(formData),
-            );
-            NetworkServiceCall('multiform', multiformapi, formData)
-              .then(function (responsedata) {
-                console.log(
-                  'PRINTERDATA--------------------',
-                  JSON.stringify(responsedata),
-                );
-                if (responsedata.httpstatus == 200) {
-                  let printapi = EMRAPI.postPrintFile;
-                  let letprintername = printer;
-                  let output = {
-                    heading1: responsedata.data.fileuri,
-                    heading2: letprintername,
-                  };
-                  console.log('printer output', JSON.stringify(output));
-                  axios
-                    .post(printapi, output)
-                    .then(function (response) {
-                      if (
-                        response &&
-                        isBNU(response.data) &&
-                        isBNU(response.data.httpstatus) &&
-                        response.data.httpstatus == 200
-                      ) {
-                        notifyMessage('Printed Successfully', 1);
-                        setIsLoading(false);
-                      } else {
-                        notifyMessage('Print Failed', 2);
-                        setIsLoading(false);
-                      }
-                    })
-                    .catch(function (error) {
-                      notifyMessage('Print Failed', 2);
-                      setIsLoading(false);
-                    });
-                } else {
-                  notifyMessage('PRINT FAILED.Try Again', 2);
-                  setIsLoading(false);
-                }
-              })
-              .catch(error => {
-                notifyMessage('PRINT FAILED.Try Again', 2);
-                setIsLoading(false);
-              });
-          })
-          .catch(error => {
-            notifyMessage('FILE CREATION FAILED.Try Again.', 2);
-            setIsLoading(false);
-          });
-      } else {
-        notifyMessage('conversion failed.Try Again.', 2);
-        setIsLoading(false);
-      }
-    }
-  };
-
-  useEffect(() => {
-    const backAction = () => {
-      navigation.goBack();
-      return true;
-    };
-    const backHandler = BackHandler.addEventListener(
-      'hardwareBackPress',
-      backAction,
-    );
-    return () => backHandler.remove();
-  }, []);
-
-  useEffect(() => {
-    setIsLoading(true);
-    getLoading(v => setIsLoading(false));
-  }, []);
-
-  // const navigation = useNavigation();
-
-  const onPressFooter = val => {
-    switch (val.functionid) {
-      case 'D01':
-        DownloadPdf(pdfviewdata);
-        break;
-      case 'D02':
-        handleShare(pdfviewdata);
-        break;
-      case 'D03':
-        break;
-      default:
-        break;
-    }
-  };
-  const handleShare = async params => {
-    if (isPermitted()) {
-      try {
-        setIsLoading(true);
-
-        // Read file as base64
-        const fileBase64 = await ReactNativeBlobUtil.fs.readFile(
-          params,
-          'base64',
-        );
-
-        // Construct file path for sharing (temporary)
-        const filePath =
-          RNFetchBlob.fs.dirs.CacheDir +
-          '/' +
-          moment().format('DD-MM-YYYY hmmssSSS') +
-          '.pdf';
-
-        // Write the file temporarily
-        await RNFetchBlob.fs.writeFile(filePath, fileBase64, 'base64');
-
-        // Share the file
-        const options = {
-          title: 'Share PDF',
-          url: 'file://' + filePath,
-          type: 'application/pdf',
-        };
-
-        await Share.open(options);
-        console.log('PDF shared successfully');
-      } catch (error) {
-        console.log('Error sharing PDF:', error);
-        notifyMessage('Share Failed');
-      } finally {
-        setIsLoading(false);
-      }
-    }
-  };
-
-  const DownloadPdf = async params => {
-    if (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);
-          console.log('success');
-        })
-        .catch(errors => {
-          console.log('catch', errors);
-          notifyMessage('Download Failed');
-          setIsLoading(false);
-        });
-    }
-  };
-
-  return (
-    <CContainerView>
-      <HeaderBlock
-        style={
-          isNUQ(route.params.headerblockstyle)
-            ? route.params.headerblockstyle
-            : {}
-        }
-        navigation={navigation}
-        // backhandler={true}
-        callback={() => {
-          navigation.goBack();
-        }}
-        consultation={false}
-      />
-      <CDetailView>
-        {isLoading ? <Loader /> : null}
-        <PDFContentViewer
-          link={route.params.link}
-          style={styles.pdfView}
-          onLoadComplete={(path) => {
-            console.log('PDF loaded:', path);
-            setPdfViewData(path);
-            setIsLoading(false);
-          }}
-          onError={(error) => {
-            console.log('PDF error:', error);
-            setIsLoading(false);
-          }}
-        />
-      </CDetailView>
-      <CFooterView>
-        <View
-          style={{
-            flexDirection: 'row',
-            alignItems: 'center',
-            justifyContent: 'flex-start',
-            width: '100%',
-            bottom: 0,
-          }}>
-          {isBNUL(FooterArr)
-            ? FooterArr.map((item, i) => {
-              return item.visibility ? (
-                <View style={{ marginHorizontal: normalize(2) }} key={i}>
-                  <HShadowButton
-                    key={i}
-                    useicon={true}
-                    usetext={true}
-                    disabled={false}
-                    buttonstyle={[styles.actionButton, CShadowDynamic(-3, 3, 5, 0, Global.AppTheme.primary_color)]}
-                    iconcolor={Global.AppTheme.primary_color}
-                    icongroup={item.icongroup}
-                    iconname={item.iconname}
-                    iconsize={normalize(20)}
-                    displaytext={item.displaytext}
-                    buttonCallback={val =>
-                      val == undefined ? null : onPressFooter(item)
-                    }
-                    textstyle={styles.optionText}
-                  />
-                </View>
-              ) : null;
-            })
-            : null}
-          {Platform.OS != "web" && < Menu style={{ borderRadius: 10, borderWidth: 0 }}>
-            <MenuTrigger
-              customStyles={{
-                triggerWrapper: {
-                  borderWidth: 0,
-                  borderRadius: 10,
-                  elevation: 0,
-                },
-              }}>
-              <View
-                style={[styles.actionButton, CShadowDynamic(-3, 3, 5, 0, Global.AppTheme.primary_color)]}>
-                <Icons.FontAwesome5
-                  name={'print'}
-                  size={normalize(20)}
-                  color={Global.AppTheme.primary_color}
-                  style={{ textAlign: 'center' }}
-                />
-                <Text style={styles.optionText}>
-                  {'Print'}
-                </Text>
-              </View>
-            </MenuTrigger>
-            <MenuOptions
-              optionsContainerStyle={{ marginTop: normalize(-30) }}
-              customStyles={{
-                optionsContainer: {
-                  shadowColor: '#ffe5e5',
-                  shadowRadius: 10,
-                  borderRadius: 5,
-                  borderWidth: 0.5,
-                  borderColor: 'lightgrey',
-                  elevation: 3,
-                  width: '60%',
-                },
-                optionText: {},
-              }}>
-              <View style={{}}>
-                {isBNUL(Global?.userData?.printerarray)
-                  ? Global?.userData?.printerarray.map((item, i) => {
-                    return (
-                      <View
-                        key={i}
-                        style={styles.printerOption}>
-                        <Text
-                          style={{
-                            fontSize: normalize(9),
-                            fontWeight: 'bold',
-                            color: 'black',
-                            paddingHorizontal: normalize(5),
-                          }}>
-                          {isBNU(item.displayvalue)
-                            ? item.displayvalue
-                            : 'Printer not found'}
-                        </Text>
-                        {isBNU(item.printername) ? (
-                          <HShadowButton
-                            key={i}
-                            useicon={true}
-                            usetext={true}
-                            disabled={false}
-                            buttonstyle={styles.printButton}
-                            iconcolor={Global.AppTheme.primary_color}
-                            icongroup={5}
-                            iconname={'print'}
-                            iconsize={normalize(20)}
-                            displaytext={"Print"}
-                            buttonCallback={() => {
-                              SendPrint(pdfviewdata, item.printername)
-                            }}
-                            textstyle={styles.optionText}
-                          />
-                        ) : null}
-                      </View>
-                    );
-                  })
-                  : null}
-              </View>
-            </MenuOptions>
-          </Menu>}
-        </View>
-      </CFooterView>
-    </CContainerView >
-  );
-}
-const styles = StyleSheet.create({
-  selectionButtonText: {
-    fontSize: normalize(6.2),
-    fontWeight: 'bold',
-    color: 'black',
-    textAlign: 'center',
-  },
-  printer: {
-    borderRadius: 10,
-    borderWidth: 0.5,
-    height:
-      Dimensions.get('screen').height * 0.054,
-    width: Dimensions.get('screen').height * 0.07,
-    backgroundColor: '#fff',
-    paddingHorizontal: 0,
-    paddingBottom: 0,
-    paddingTop: 0,
-    borderColor: Global.AppTheme.primary_color,
-    justifyContent: 'center',
-    alignItems: 'center',
-    marginHorizontal: normalize(3),
-    elevation: 4, // raiseLevel equivalent for Android
-    shadowColor: '#ffe5e5', // optional for iOS shadow
-    shadowOffset: { width: 0, height: 2 },
-    shadowOpacity: 0.2,
-    shadowRadius: 2,
-  },
-  actionButton: {
-    minWidth: Platform.OS === "web" && MIN_WIDTH,
-    maxWidth: Platform.OS === "web" && MAX_WIDTH,
-    minHeight: Platform.OS === "web" && MIN_HEIGHT,
-    maxHeight: Platform.OS === "web" && MAX_HEIGHT,
-    borderRadius: 10,
-    borderWidth: 0.5,
-    height: Dimensions.get('screen').height * 0.054,
-    width: Dimensions.get('screen').height * 0.07,
-    backgroundColor: '#fff',
-    paddingHorizontal: 0,
-    paddingBottom: 0,
-    paddingTop: 0,
-    borderColor: Global.AppTheme.primary_color,
-    justifyContent: 'center',
-    alignItems: 'center',
-    marginHorizontal: normalize(3),
-    elevation: 4, // raiseLevel equivalent for Android
-    shadowColor: '#ffe5e5', // optional for iOS shadow
-    shadowOffset: { width: 0, height: 2 },
-    shadowOpacity: 0.2,
-    shadowRadius: 2,
-  },
-  actionButtonIcon: {
-    textAlign: 'center',
-  },
-  actionButtonText: {
-    fontSize: normalize(7),
-    fontWeight: 'normal',
-    color: Global.AppTheme.primary_color,
-    textAlign: 'center',
-  },
-  printButton: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    padding: normalize(5),
-    backgroundColor: '#f0f0f0',
-    borderRadius: 5,
-  },
-  printerOption: {
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-    alignItems: 'center',
-    padding: normalize(5),
-    borderBottomWidth: 0.5,
-    borderBottomColor: '#eee',
-  },
-  optionText: {
-    fontSize: normalize(8),
-    color: Global.AppTheme.primary_color,
-    fontWeight: 'bold',
-    textAlign: 'center',
-    maxWidth: normalize(60),
-  },
-  pdfView: { flex: 1, backgroundColor: 'white' },
-})