Merge pull request #149 from fusioncharts/rel/5.1.0

Added notification module for iOS & Updated README.md

Author: vishal-appwrk

README.md

@@ -1,7 +1,3 @@
-## Deprecation disclaimer :
-
-This is the oldest version of `React Native wrapper` which was released upto 4.1.2 .The project is no longer actively maintained
-
 ## FusionCharts React Native :
 A `React Native` component which provides bindings for `FusionCharts` JavaScript Charting Library. It easily adds rich and interactive charts to any `React Native` Projects.
 
@@ -37,7 +33,9 @@ A `React Native` component which provides bindings for `FusionCharts` JavaScript
 
 If you're using this package with Expo Tools, please make sure your Expo SDK version is higher than or equal to `v38.0.0`.
 
-In bare React Native application you need to also install the react-native-unimodules package, and configure the content of ios and android build directiories like it's described [here](https://docs.expo.io/bare/installing-unimodules/#installation).
+In bare React Native application you need to also install the expo-modules package, and configure the content of ios and android build directories like it's described [here](https://docs.expo.dev/bare/installing-expo-modules/).
+
+To use the export file in iOS you need to get the file’s storage permission and to get notifications in iOS you need to get notifications permission.
 
 As the original `webview` module will be deprecated from `react-native`, please update `react-native-fusioncharts` and follow the given steps in your project:
 

src/FusionCharts.js

@@ -8,6 +8,7 @@ import {
   askAsync,
   MEDIA_LIBRARY_WRITE_ONLY,
   NOTIFICATIONS,
+  getAsync
 } from "expo-permissions";
 import * as Notifications from "expo-notifications";
 import * as Sharing from "expo-sharing";
@@ -88,55 +89,122 @@ export default class ReactNativeFusionCharts extends Component {
   };
 
   exportData = async (data) => {
-    let extension, base64Code;
-    const { status } = await askAsync(MEDIA_LIBRARY_WRITE_ONLY);
-    const fileUri = FileSystem.documentDirectory + data.name;
-
-    if (status === "granted") {
-      extension = data.name.substr(data.name.indexOf(".") + 1);
-
-      switch (extension) {
-        case "jpg": {
-          console.log(data);
-          base64Code = data.edata.split("data:image/jpeg;base64,")[1];
-          break;
-        }
-        case "png": {
-          base64Code = data.edata.split("data:image/png;base64,")[1];
-          break;
-        }
-        case "svg": {
-          base64Code = data.edata.split("data:image/svg+xml;base64,")[1];
-          break;
-        }
-        case "pdf": {
-          base64Code = data.edata.split("data:application/pdf;base64,")[1];
-          break;
-        }
-        case "csv": {
-          if (Platform.OS === "ios") {
-            base64Code = data.edata.split("data:text/csv;base64,")[1];
-          } else {
-            base64Code = data.edata.split("data:text/csv;base64;;base64,")[1];
+    if (Platform.OS === "ios") {
+      let extension, base64Code;
+      const { status } = await MediaLibrary.getPermissionsAsync();
+      const fileUri = FileSystem.documentDirectory + data.name;
+
+      if (status === "granted") {
+        extension = data.name.substr(data.name.indexOf(".") + 1);
+
+        switch (extension) {
+          case "jpg": {
+            base64Code = data.edata.split("data:image/jpeg;base64,")[1];
+            break;
+          }
+          case "png": {
+            base64Code = data.edata.split("data:image/png;base64,")[1];
+            break;
+          }
+          case "svg": {
+            base64Code = data.edata.split("data:image/svg+xml;base64,")[1];
+            break;
+          }
+          case "pdf": {
+            base64Code = data.edata.split("data:application/pdf;base64,")[1];
+            break;
+          }
+          case "csv": {
+            if (Platform.OS === "ios") {
+              base64Code = data.edata.split("data:text/csv;base64,")[1];
+            } else {
+              base64Code = data.edata.split("data:text/csv;base64;;base64,")[1];
+            }
+            break;
+          }
+          case "xlsx": {
+            base64Code = data.edata.split(
+              "data:application/vnd.ms-excel;base64,"
+            )[1];
+            break;
           }
-          break;
-        }
-        case "xlsx": {
-          base64Code = data.edata.split(
-            "data:application/vnd.ms-excel;base64,"
-          )[1];
-          break;
         }
-      }
 
-      FileSystem.writeAsStringAsync(fileUri, base64Code, {
-        encoding: FileSystem.EncodingType.Base64,
-      }).then(() => {
-        if (Platform.OS === "ios") {
+        FileSystem.writeAsStringAsync(fileUri, base64Code, {
+          encoding: FileSystem.EncodingType.Base64,
+        }).then(() => {
+
           Sharing.shareAsync(fileUri);
+          MediaLibrary.saveToLibraryAsync(fileUri).then(async () => {
+            await askAsync(NOTIFICATIONS);
+
+            Notifications.setNotificationChannelAsync("download", {
+              name: "download notifications",
+              sound: "email-sound.wav",
+            });
+
+            Notifications.scheduleNotificationAsync({
+              content: {
+                title: `${data.name}`,
+                body: `Download complete`,
+                sound: "email-sound.wav",
+                data: { data: fileUri },
+              },
+              trigger: {
+                seconds: 1,
+                channelId: "download",
+              },
+            });
+          });
+        });
+      } else {
+        await MediaLibrary.requestPermissionsAsync();
+      }
+    } else {
+      let extension, base64Code;
+      const { status } = await askAsync(MEDIA_LIBRARY_WRITE_ONLY);
+      const fileUri = FileSystem.documentDirectory + data.name;
+
+      if (status === "granted") {
+        extension = data.name.substr(data.name.indexOf(".") + 1);
+
+        switch (extension) {
+          case "jpg": {
+            console.log(data);
+            base64Code = data.edata.split("data:image/jpeg;base64,")[1];
+            break;
+          }
+          case "png": {
+            base64Code = data.edata.split("data:image/png;base64,")[1];
+            break;
+          }
+          case "svg": {
+            base64Code = data.edata.split("data:image/svg+xml;base64,")[1];
+            break;
+          }
+          case "pdf": {
+            base64Code = data.edata.split("data:application/pdf;base64,")[1];
+            break;
+          }
+          case "csv": {
+            if (Platform.OS === "ios") {
+              base64Code = data.edata.split("data:text/csv;base64,")[1];
+            } else {
+              base64Code = data.edata.split("data:text/csv;base64;;base64,")[1];
+            }
+            break;
+          }
+          case "xlsx": {
+            base64Code = data.edata.split(
+              "data:application/vnd.ms-excel;base64,"
+            )[1];
+            break;
+          }
         }
 
-        if (Platform.OS === "android") {
+        FileSystem.writeAsStringAsync(fileUri, base64Code, {
+          encoding: FileSystem.EncodingType.Base64,
+        }).then(() => {
           Sharing.shareAsync(fileUri);
           MediaLibrary.saveToLibraryAsync(fileUri).then(async () => {
             await askAsync(NOTIFICATIONS);
@@ -159,10 +227,10 @@ export default class ReactNativeFusionCharts extends Component {
               },
             });
           });
-        }
-      });
-    } else {
-      await askAsync(MEDIA_LIBRARY_WRITE_ONLY);
+        });
+      } else {
+        await askAsync(MEDIA_LIBRARY_WRITE_ONLY);
+      }
     }
   };
 
@@ -637,4 +705,4 @@ const styles = StyleSheet.create({
     flex: 1,
     backgroundColor: "transparent",
   },
-});
+});