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

package/src/Screens/PdfPreview.js

@@ -0,0 +1,507 @@
+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' },
+})