shakebug-react-native 1.0.14

package/src/Screens/Shakebug.js

@@ -0,0 +1,487 @@
+import React from 'react';
+import { Platform, Alert, AppState, NativeModules, View, StyleSheet, Animated, Dimensions, SafeAreaView } from 'react-native';
+import ShakeFunction from '../Componanats/ShakeFunction';
+import FirstScreen from './FirstScreen';
+import AddDetailsScreen from './AddDetailsScreen';
+import TrimVideoScreen from './TrimVideoScreen'
+import DeviceInfo from '../../DeviceInfo';
+import { useEffect, useState } from 'react';
+import GetLocation from '../../GetLocation'
+import NetInfo from '../../NetInfo/src'
+import { SessionStartApi } from '../APIs/StartSession';
+import { MatchKeyApi } from '../APIs/MatchKey';
+import { SessionEndApi } from '../APIs/EndSession';
+import { logger, consoleTransport } from "react-native-logs";
+import { EventApi } from '../APIs/Event';
+import TutorialScreen from './TutorialScreen';
+import { setGlobalErrorHandler } from '../Componanats/ErrorHandler';
+import { NavigationProvider, useNavigation } from '../Componanats/NavigationContext';
+import { Localization } from '../Componanats/localization';
+import { GlobalStateProvider, useGlobalState } from '../Componanats/GlobalStateContext';
+import CustomeAlert from 'shakebug-react-native/src/Componanats/CustomAlert';
+
+console.ignoredYellowBox = ["Warning: Each", "Warning: Failed"];
+
+
+global.session_id = "";
+global.application_id = "";
+global.IsBackground = 'true';
+global.isAndroidValid = false;
+global.isIOSValid = false;
+global.isRealDevice = true;
+global.latitude = "";
+global.longitude = "";
+global.isFirstTime = "false";
+global.isRecording = false
+global.isScreenShotDetected = false
+global.ShakebugLanguage = "ENGLISH"
+global.makeLogEnabled = false
+global.ShakebugSDKEndPointURL = "https://www.shakebug.com/api/v1.3/webservice.php/";
+global.ShakebugSDKEndPointURLheaderKey = 'MarchShake2022';
+global.AllowVideo = false;
+global.total_video = 0;
+global.used_video = 0;
+global.videoDuration = 0;
+global.isMic = false;
+global.isRecordingStart = false;
+global.isTrigger = false;
+global.isShakebugOpen = false;
+global.isScreeenShotTaken = false;
+global.restrictedViews = [];
+global.currentScreen = ""
+global.isShakebugSDKOpen = false;
+
+function Shakebug({ children, Android_appkey, iOS_appkey, showTutorialScreenFirstTime, ShakebugThemeColor, changeSDKScreenTitle, allowToReportBugByShakingMobile, allowToReportBugByScreenCapture, allowCrashReport, ShakebugLanguage, makeLogEnabled, setShakebugSDKEndPointURL }) {
+
+  const ThemeColor = ShakebugThemeColor ? ShakebugThemeColor : "#1dd3e3";
+  const FirstScreenTitle = changeSDKScreenTitle ? changeSDKScreenTitle[0] != "" ? changeSDKScreenTitle[0] : Localization[ShakebugLanguage].FirstScreenTitle : Localization[ShakebugLanguage].FirstScreenTitle;
+  const SecondScreenTitle = changeSDKScreenTitle ? changeSDKScreenTitle[1] != "" ? changeSDKScreenTitle[1] : Localization[ShakebugLanguage].SecondScreenTitle : Localization[ShakebugLanguage].SecondScreenTitle;
+  const [isAlert, setIsAlert] = useState(false)
+  const [isAlertText, setAlertText] = useState("")
+  global.ShakebugLanguage = ShakebugLanguage;
+  global.makeLogEnabled = makeLogEnabled;
+  global.ShakebugSDKEndPointURL = setShakebugSDKEndPointURL[0].length > 0 ? setShakebugSDKEndPointURL[0] : "https://www.shakebug.com/api/v1.3/webservice.php/";
+  global.ShakebugSDKEndPointURLheaderKey = setShakebugSDKEndPointURL[1].length > 0 ? setShakebugSDKEndPointURL[1] : "MarchShake2022";
+
+  const { ShakebugSDKSharedPreferencesModule } = NativeModules;
+
+  // DefaulfConfig for log
+  const defaultConfig = {
+    levels: {
+      debug: 0,
+      info: 1,
+      warn: 2,
+      error: 3,
+    },
+    severity: "debug",
+    transport: consoleTransport,
+    transportOptions: {
+      colors: {
+        info: "blueBright",
+        warn: "yellowBright",
+        error: "redBright",
+      },
+    },
+    async: true,
+    dateFormat: "time",
+    printLevel: false,
+    printDate: false,
+    fixedExtLvlLength: false,
+    enabled: makeLogEnabled == true ? true : false,
+  };
+
+  var log = logger.createLogger(defaultConfig);
+
+  // For get current latitude and longitude
+  useEffect(() => {
+    async function fetchData() {
+      await GetLocation.getCurrentPosition({
+        enableHighAccuracy: true,
+        timeout: 60000,
+      })
+        .then(async (location) => {
+          global.latitude = location.latitude
+          global.longitude = location.longitude
+        })
+        .catch(error => {
+          const { code, message } = error;
+          log.error(code, message);
+        })
+    }
+    fetchData();
+  }, [Android_appkey, iOS_appkey])
+
+  // For check mau limit, valid appkey and call MatchKeyFunc
+  useEffect(() => {
+    async function fetchData() {
+      if (Android_appkey != undefined || iOS_appkey != undefined) {
+        if (Platform.OS == 'android') {
+          if (Android_appkey.trim().length > 0) {
+            try {
+              const ismauReached = await ShakebugSDKSharedPreferencesModule.getString('mauReachedTime')
+              if (ismauReached == undefined || ismauReached == null || ismauReached == "") {
+                MatchKeyFunc(Android_appkey)
+              }
+              else {
+                if (parseInt(ismauReached) < new Date().getTime()) {
+                  MatchKeyFunc(Android_appkey)
+                  ShakebugSDKSharedPreferencesModule.setString("mauReachedTime", "")
+                }
+                else {
+                  log.debug("------------------------------------------------------------------------------------------")
+                  log.warn('MAU limit is arrived, please try after', new Date(parseInt(ismauReached)).toLocaleString());
+                  log.debug("------------------------------------------------------------------------------------------")
+                }
+              }
+            }
+            catch (err) {
+              log.error("Err here", err)
+            }
+          }
+          else {
+            log.warn("Please provide valid android appkey")
+          }
+        }
+        else if (Platform.OS == 'ios') {
+          if (iOS_appkey.trim().length > 0) {
+            try {
+              const ismauReached = await ShakebugSDKSharedPreferencesModule.getString('mauReachedTime')
+              if (ismauReached == undefined || ismauReached == null || ismauReached == "") {
+                MatchKeyFunc(iOS_appkey)
+              }
+              else {
+                if (parseInt(ismauReached) < new Date().getTime()) {
+                  MatchKeyFunc(iOS_appkey)
+                  ShakebugSDKSharedPreferencesModule.setString("mauReachedTime", "")
+                }
+                else {
+                  log.debug("------------------------------------------------------------------------------------------")
+                  log.warn('MAU limit is arrived, please try after', new Date(parseInt(ismauReached)).toLocaleString());
+                  log.debug("------------------------------------------------------------------------------------------")
+                }
+              }
+            }
+            catch (err) {
+              log.error("Err", err)
+            }
+          }
+          else {
+            log.warn("Please provide valid ios appkey")
+          }
+        }
+      }
+      else {
+        if (Platform.OS == 'android') {
+          console.log("Please provide Android_appkey");
+        }
+        else if (Platform.OS == 'ios') {
+          console.log("Please provide iOS_appkey");
+        }
+      }
+    }
+
+    let i = 0;
+    NetInfo.addEventListener(state => {
+      if (i == 0) {
+        if (state.isConnected == true) {
+          fetchData()
+        }
+        else {
+          setAlertText(Localization[global.ShakebugLanguage].InterNetConnetionError)
+          setIsAlert(true)
+        }
+      }
+      i++;
+    })
+  }, [Android_appkey, iOS_appkey])
+
+
+  // For close or start session according app state
+  useEffect(() => {
+    const handleAppStateChange = (nextAppState) => {
+      if (global.IsBackground == 'true') {
+        if (nextAppState == 'active' && global.IsBackground == 'true') {
+          if (Platform.OS == 'android' && global.isAndroidValid) {
+            StartSession()
+          }
+          else if (Platform.OS == 'ios' && global.isIOSValid)
+            StartSession()
+        }
+        else if (nextAppState == "background" || nextAppState == 'inactive') {
+          if (global.session_id != "" && global.IsBackground == 'true') {
+            async function FetchEndSessionData() {
+              try {
+                const { success, message } = await SessionEndApi(global.session_id);
+                if (success) {
+                  log.debug("------------------------------------------------------------------------------------------")
+                  log.info('API response:', message);
+                  log.debug("------------------------------------------------------------------------------------------")
+                  global.session_id = ""
+                } else {
+                  log.debug("------------------------------------------------------------------------------------------")
+                  log.warn(message);
+                  log.debug("------------------------------------------------------------------------------------------")
+                }
+              }
+              catch (err) {
+                log.error("err", err)
+              }
+            }
+            FetchEndSessionData()
+          }
+        }
+      }
+    };
+
+    // Subscribe to app state changes
+    const appStateSubscription = AppState.addEventListener('change', handleAppStateChange);
+
+    // Unsubscribe when component unmounts
+    return () => {
+      appStateSubscription.remove();
+    };
+  }, [global.IsBackground]);
+
+
+  // For call Match key app and get application id
+  const MatchKeyFunc = async (appkey) => {
+    try {
+      let BundleId = DeviceInfo.getBundleId();
+
+      const { success, application_id: newApplication_id, message, total_mau, used_mau, total_video, used_video, video_duration } = await MatchKeyApi(appkey, BundleId);
+
+      global.videoDuration = video_duration;
+
+      if (success) {
+        if (total_video == "Unlimited") {
+          global.AllowVideo = true;
+        }
+        else if (used_video == null) {
+          global.AllowVideo = true;
+        }
+        else if (parseInt(total_video) > parseInt(used_video)) {
+          global.AllowVideo = true;
+        }
+        else {
+          global.AllowVideo = false;
+          global.total_video = total_video;
+          global.used_video - used_video;
+        }
+
+        if (total_mau.toString() == used_mau.toString()) {
+          let date = new Date().getTime() + 6 * 60 * 60 * 1000
+          ShakebugSDKSharedPreferencesModule.setString("mauReachedTime", date.toString())
+        }
+        if (Platform.OS == "android") {
+          global.isAndroidValid = true
+        }
+        else {
+          global.isIOSValid = true
+        }
+        global.application_id = newApplication_id
+        log.debug("------------------------------------------------------------------------------------------")
+        log.info('API response:', message);
+        log.debug("------------------------------------------------------------------------------------------")
+        StartSession()
+      } else {
+        if (Platform.OS == "android") {
+          global.isAndroidValid = false
+        }
+        else {
+          global.isIOSValid = false
+        }
+        log.debug("------------------------------------------------------------------------------------------")
+        log.warn(message);
+        log.debug("------------------------------------------------------------------------------------------")
+        global.application_id = ""
+      }
+    }
+    catch (err) {
+      log.error("Err", err)
+      if (err = "Network request failed") {
+        log.warn("Please check your internet connection")
+      }
+    }
+  }
+
+  // For call Startsesstion and get session id 
+  const StartSession = async () => {
+    if (global.session_id == "") {
+      try {
+        const { success, session_id: newSessionId, message } = await SessionStartApi(global.latitude, global.longitude, global.application_id);
+        if (success) {
+          global.session_id = newSessionId
+          log.debug("------------------------------------------------------------------------------------------")
+          log.info('API response:', message);
+          log.debug("------------------------------------------------------------------------------------------")
+        } else {
+          log.debug("------------------------------------------------------------------------------------------")
+          log.warn(message);
+          log.debug("------------------------------------------------------------------------------------------")
+          global.session_id = ""
+        }
+      }
+      catch (err) {
+        log.error("err", err)
+      }
+    }
+
+    DeviceInfo.isEmulator().then(res => {
+      if (res === true) {
+        log.info("Supports real device only");
+      }
+    })
+  }
+
+  // For shakeFunctionscreen with childern as props
+  const ShakeScreen = () => {
+
+    DeviceInfo.isEmulator()
+      .then(res => {
+        global.isRealDevice = !res
+      })
+
+    return (
+      <ShakeFunction isRealDevice={global.isRealDevice} themeColor={ThemeColor} showTutorialScreen={showTutorialScreenFirstTime} SDKScreenTitle={[FirstScreenTitle, SecondScreenTitle]} allowToReportBugByShaking={allowToReportBugByShakingMobile} allowToReportBugByScreenCapture={allowToReportBugByScreenCapture} allowCrashReport={allowCrashReport} ShakebugLanguage={ShakebugLanguage}>
+        {children}
+      </ShakeFunction>
+    )
+  }
+
+  // For handel error globaly
+  setGlobalErrorHandler()
+
+  const { width } = Dimensions.get('window');
+
+  // For register all screen
+  const screens = {
+    ShakebugHome: ShakeScreen,
+    TutorialScreen: TutorialScreen,
+    FirstScreen: FirstScreen,
+    TrimVideoScreen: TrimVideoScreen,
+    AddDetailsScreen: AddDetailsScreen
+  };
+
+  // For navigation in register screen
+  const NavigationContainer = () => {
+    const { navigationState } = useNavigation();
+    const animation = React.useRef(new Animated.Value(0)).current;
+
+    React.useEffect(() => {
+      Animated.timing(animation, {
+        toValue: navigationState.length - 1,
+        duration: 300,
+        useNativeDriver: true,
+      }).start();
+    }, [navigationState]);
+
+    return (
+      <View style={styles.container}>
+        {navigationState.map((screen, index) => {
+          const ScreenComponent = screens[screen.name];
+          const translateX = animation.interpolate({
+            inputRange: [index - 1, index, index + 1],
+            outputRange: [width, 0, -width],
+          });
+
+          return (
+            <Animated.View key={index} style={[styles.screen, { transform: [{ translateX }] }]}>
+              <ScreenComponent {...screen.params} />
+            </Animated.View>
+          );
+        })}
+      </View>
+    );
+  };
+
+  return (
+    <SafeAreaView
+      style={{
+        width: '100%',
+        height: '100%'
+      }}
+    >
+      <GlobalStateProvider>
+        <NavigationProvider>
+          <NavigationContainer />
+        </NavigationProvider>
+      </GlobalStateProvider>
+
+      <CustomeAlert 
+        isVisible={isAlert}
+        text={isAlertText}
+        color={ThemeColor}
+        OnPrees={() => {
+          setAlertText("")
+          setIsAlert(false)
+        }}
+      />
+    </SafeAreaView>
+  )
+}
+
+
+export default Shakebug;
+
+// For add event api
+export const AddEvent = async (name, value) => {
+
+  const defaultConfig = {
+    levels: {
+      debug: 0,
+      info: 1,
+      warn: 2,
+      error: 3,
+    },
+    severity: "debug",
+    transport: consoleTransport,
+    transportOptions: {
+      colors: {
+        info: "blueBright",
+        warn: "yellowBright",
+        error: "redBright",
+      },
+    },
+    async: true,
+    dateFormat: "time",
+    printLevel: false,
+    printDate: false,
+    fixedExtLvlLength: false,
+    enabled: global.makeLogEnabled == true ? true : false,
+  };
+
+  var log = logger.createLogger(defaultConfig);
+
+
+  if (global.application_id != "") {
+    try {
+      const { success, message } = await EventApi(global.application_id, name, value);
+      if (success) {
+        log.debug("------------------------------------------------------------------------------------------")
+        log.info('API response:', message);
+        log.debug("------------------------------------------------------------------------------------------")
+      } else {
+        log.debug("------------------------------------------------------------------------------------------")
+        log.warn(message);
+        log.debug("------------------------------------------------------------------------------------------")
+      }
+    }
+    catch (err) {
+      log.error("err", err)
+    }
+  }
+  else {
+    log.info("application", global.application_id)
+  }
+}
+
+// Navigation styles
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    position: 'relative',
+  },
+  screen: {
+    ...StyleSheet.absoluteFillObject,
+  },
+});

package/src/Screens/StrockView.js

@@ -0,0 +1,20 @@
+import { Platform, requireNativeComponent, NativeModules, findNodeHandle} from 'react-native';
+
+
+export const RNDrawingView = requireNativeComponent('ShakebugSDKDrawingView')
+
+
+export const ClearCanvas = (ref) => {
+
+  const { ShakebugSDKDrawingView } = NativeModules;
+  
+  if (ref.current) {
+    if (Platform.OS == "android") {
+      ref.current.setNativeProps({ clearCanvas: true });
+    }
+    else {
+      const reactTag = findNodeHandle(ref.current);
+      NativeModules.ShakebugSDKDrawingView.clearCanvas(reactTag);
+    }
+  }
+};

package/src/Screens/TrimVideoScreen.js

@@ -0,0 +1,81 @@
+import { NativeEventEmitter, NativeModules, SafeAreaView, StatusBar } from 'react-native'
+import React, { useEffect, useState } from 'react'
+import { showEditor } from '../../trimVideo/src/index';
+import { useNavigation } from '../Componanats/NavigationContext';
+import { Localization } from '../Componanats/localization';
+
+console.ignoredYellowBox = ["Warning: Each", "Warning: Failed"];
+
+
+
+const TrimVideoScreen = ({ video, themeColor, SDKScreenTitle, Type, UpdateStatusBar, updateParent }) => {
+
+  const { goToScreenAtIndex, navigate, goBack } = useNavigation();
+
+  // For display video trimmer
+  useEffect(() => {
+    StatusBar.setHidden(true)
+    showEditor(video, {
+      saveButtonText: Localization[global.ShakebugLanguage].Choose,
+      cancelButtonText: Localization[global.ShakebugLanguage].Cancel,
+      trimmingText: Localization[global.ShakebugLanguage].TrimmingText,
+      enableCancelDialog: true,
+      cancelDialogCancelText: Localization[global.ShakebugLanguage].No,
+      cancelDialogConfirmText: Localization[global.ShakebugLanguage].Yes,
+      cancelDialogTitle: "",
+      cancelDialogMessage: Localization[global.ShakebugLanguage].CancelDialog,
+      saveToPhoto: false,
+      enableSaveDialog: true,
+      maxDuration: parseInt(global.videoDuration),
+      saveDialogMessage: "",
+      saveDialogTitle: Localization[global.ShakebugLanguage].TrimmingDialog,
+      saveDialogCancelText: Localization[global.ShakebugLanguage].No,
+      saveDialogConfirmText: Localization[global.ShakebugLanguage].Yes
+    });
+    const eventEmitter = new NativeEventEmitter(NativeModules.ShakebugSDKVideoTrim);
+    const subscription = eventEmitter.addListener('ShakebugSDKVideoTrim', (event) => {
+      switch (event.name) {
+        case 'onShow': {
+          break;
+        }
+        case 'onHide': {
+          break;
+        }
+        case 'onStartTrimming': {
+          break;
+        }
+        case 'onFinishTrimming': {
+          global.IsBackground = 'true'
+          UpdateStatusBar()
+          navigate("AddDetailsScreen", { media: `${event.outputPath}`, mediaType: 'video', themeColor: themeColor, SDKScreenTitle: SDKScreenTitle, updateParent: updateParent });
+          return;
+        }
+        case 'onCancelTrimming': {
+          UpdateStatusBar()
+          if (Type == "video") {
+            goToScreenAtIndex(1)
+          }
+          else if (Type == "imgReplacedWithVideo") {
+            goBack()
+          }
+          else if (Type == "videoReplacedWithVideo") {
+            goToScreenAtIndex(3)
+          }
+          return;
+          // break;
+        }
+        case 'onError': {
+          break;
+        }
+      }
+    });
+
+    return () => {
+      subscription.remove();
+    };
+  }, [])
+
+  return;
+}
+
+export default TrimVideoScreen;

package/src/Screens/TutorialScreen.js

@@ -0,0 +1,36 @@
+import { View, Text, SafeAreaView, TouchableOpacity, Image, StatusBar} from 'react-native'
+import React from 'react'
+import { useNavigation } from '../Componanats/NavigationContext';
+
+
+const TutorialScreen = () => {
+
+    const { goBack } = useNavigation();
+
+    return (
+        <SafeAreaView style={{ width: '100%', height: '100%', backgroundColor: '#FFF', alignItems: 'center', justifyContent: 'center' }}>
+            <StatusBar 
+                backgroundColor='#fff'
+                barStyle={'dark-content'}
+            />
+            <TouchableOpacity
+                style={{ width: '100%', height: '100%', alignItems: 'center', justifyContent: 'space-around'}}
+                onPress={() => {
+                    goBack()
+                }}
+            >
+                <Image source={require("../Assets/images/shakebugLogo.png")} resizeMode='contain' style={{ width: '80%', height: '20%' }} />
+
+                <View style={{width: '100%', height: "20%", alignItems: 'center', justifyContent: 'center', marginTop: '-15%'}}>
+                    <Image source={require("../Assets/images/shake.png")} resizeMode='contain' style={{ width: '40%', height: '100%'}} />
+                    <Text style={{width: '60%', letterSpacing: 1, fontSize: 16, fontWeight: '500', color: '#000', textAlign: 'center'}}>Shake your mobile to report a bug</Text>
+                </View>
+
+
+                <Text style={{ letterSpacing: 1, fontSize: 16, fontWeight: '500', color: '#000', textAlign: 'center'}}>Tap anywhare to dismiss</Text>
+            </TouchableOpacity>
+        </SafeAreaView>
+    )
+}
+
+export default TutorialScreen