shakebug-react-native 2.2.4 → 2.2.5

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "shakebug-react-native",
   "title": "shakebug-react-native",
-  "version": "2.2.4",
+  "version": "2.2.5",
   "description": "Shakebug allows users to report the bug from your mobile phone for your application. Here users just need to shake their mobile and all the data regarding bugs & crashes can be seen by developers through their log in panel easily",
   "main": "src/index.tsx",
   "scripts": {

package/src/Componanats/ShakeFunction.js

@@ -16,7 +16,7 @@ import { useGlobalState } from 'shakebug-react-native/src/Componanats/GlobalStat
 
 LogBox.ignoreAllLogs()
 
-const ShakeFunction = ({ children, themeColor, showTutorialScreen, SDKScreenTitle, allowToReportBugByShaking, allowToReportBugByScreenCapture, allowCrashReport }) => {
+const ShakeFunction = ({ children, themeColor, showTutorialScreen, SDKScreenTitle, allowToReportBugByShaking, allowToReportBugByScreenCapture, allowCrashReport, insets }) => {
 
   const { ShakebugSDKScreenShotDetector, ShakebugSDKSharedPreferencesModule, ShakebugSDKCustomScreenCapture} = NativeModules;
 
@@ -198,7 +198,7 @@ const ShakeFunction = ({ children, themeColor, showTutorialScreen, SDKScreenTitl
       clearInterval(intervalId);
       setIsLoading(false)
       global.isRecording = false;
-      navigate("AddDetailsScreen", { media: res.result.outputURL, mediaType: 'Recordvideo', themeColor: themeColor, SDKScreenTitle: `${SDKScreenTitle}` })
+      navigate("AddDetailsScreen", { media: res.result.outputURL, mediaType: 'Recordvideo', themeColor: themeColor, SDKScreenTitle: `${SDKScreenTitle}`, insets: insets })
     })
       .catch(e => {
         log.warn("e", e)
@@ -307,7 +307,7 @@ const ShakeFunction = ({ children, themeColor, showTutorialScreen, SDKScreenTitl
                     subscription.unsubscribe();
                     global.IsBackground = false
                     global.isShakebugSDKOpen = true
-                    navigate("FirstScreen", { img: `${ImgUrl}`, themeColor: `${themeColor}`, SDKScreenTitle: `${SDKScreenTitle}` })
+                    navigate("FirstScreen", { img: `${ImgUrl}`, themeColor: `${themeColor}`, SDKScreenTitle: `${SDKScreenTitle}`, insets: insets })
                   }
                   else {
                     setIsScreenShot(false)
@@ -335,7 +335,7 @@ const ShakeFunction = ({ children, themeColor, showTutorialScreen, SDKScreenTitl
                 if (ImgUrl != undefined || ImgUrl != null) {
                   subscription.unsubscribe();
                   global.isShakebugSDKOpen = true
-                  navigate("FirstScreen", { img: `${ImgUrl}`, themeColor: `${themeColor}`, SDKScreenTitle: `${SDKScreenTitle}` })
+                  navigate("FirstScreen", { img: `${ImgUrl}`, themeColor: `${themeColor}`, SDKScreenTitle: `${SDKScreenTitle}`, insets: insets })
                 }
                 else {
                   setIsScreenShot(false)
@@ -381,7 +381,7 @@ const ShakeFunction = ({ children, themeColor, showTutorialScreen, SDKScreenTitl
           global.isScreenShotDetected = true;
           setTriggred(false)
           global.isShakebugSDKOpen = true
-          navigate("FirstScreen", { img: `${ImgUrl}`, themeColor: `${themeColor}`, SDKScreenTitle: `${SDKScreenTitle}` })
+          navigate("FirstScreen", { img: `${ImgUrl}`, themeColor: `${themeColor}`, SDKScreenTitle: `${SDKScreenTitle}`, insets: insets })
         }
       }
     }

package/src/Screens/AddDetailsScreen.js

@@ -13,7 +13,6 @@ import KeyboardAvoidingWrapper from '../Componanats/KeyboardAvoidingWrapper';
 import { useGlobalState } from 'shakebug-react-native/src/Componanats/GlobalStateContext';
 import CustomeAlert from 'shakebug-react-native/src/Componanats/CustomAlert';
 import NetInfo from 'shakebug-react-native/NetInfo/src';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
 
 console.ignoredYellowBox = ["Warning: Each", "Warning: Failed", "Non-serializable"];
 
@@ -23,9 +22,7 @@ LogBox.ignoreLogs([
 
 const { CreateThumbnail } = NativeModules;
 
-const AddDetailsScreen = ({ media, updateParent, mediaType, themeColor, SDKScreenTitle }) => {
-
-    const insets = useSafeAreaInsets();
+const AddDetailsScreen = ({ media, updateParent, mediaType, themeColor, SDKScreenTitle, insets }) => {
 
     const { setIsScreenShot, setIsRecordingStart } = useGlobalState()
 
@@ -170,9 +167,9 @@ const AddDetailsScreen = ({ media, updateParent, mediaType, themeColor, SDKScree
                 let videoUri = await response.uri || response.assets?.[0]?.uri;
                 if (response.assets?.[0]?.type.slice(0, 5).trim() == "video") {
                     if (mediaType == "img")
-                        navigate("TrimVideoScreen", { video: `${videoUri}`, Type: "imgReplacedWithVideo", themeColor: ThemeColor, SDKScreenTitle: SDKScreenTitle, UpdateStatusBar: UpdateStatusBar, updateParent: updateParent })
+                        navigate("TrimVideoScreen", { video: `${videoUri}`, Type: "imgReplacedWithVideo", themeColor: ThemeColor, SDKScreenTitle: SDKScreenTitle, UpdateStatusBar: UpdateStatusBar, updateParent: updateParent, insets: insets })
                     else
-                        navigate("TrimVideoScreen", { video: `${videoUri}`, Type: "videoReplacedWithVideo", themeColor: ThemeColor, SDKScreenTitle: SDKScreenTitle, UpdateStatusBar: UpdateStatusBar, updateParent: updateParent })
+                        navigate("TrimVideoScreen", { video: `${videoUri}`, Type: "videoReplacedWithVideo", themeColor: ThemeColor, SDKScreenTitle: SDKScreenTitle, UpdateStatusBar: UpdateStatusBar, updateParent: updateParent, insets: insets })
                 }
                 else {
                     setAPIMessage("Invalid selection, Please choose a valid video file")
@@ -287,7 +284,7 @@ const AddDetailsScreen = ({ media, updateParent, mediaType, themeColor, SDKScree
     }
 
     return (
-        <SafeAreaView style={{ width: "100%", height: "100%", backgroundColor: themeColor, paddingTop: insets.top, paddingBottom: insets.bottom }}>
+        <View style={{ width: "100%", height: "100%", backgroundColor: themeColor, paddingTop: insets.top, paddingBottom: insets.bottom }}>
             <StatusBar backgroundColor={ThemeColor} hidden={false} />
             <KeyboardAvoidingWrapper>
                 <>
@@ -469,7 +466,7 @@ const AddDetailsScreen = ({ media, updateParent, mediaType, themeColor, SDKScree
                 }}
             />
 
-        </SafeAreaView >
+        </View >
     )
 }
 

package/src/Screens/FirstScreen.js

@@ -11,14 +11,11 @@ import { ActivityIndicator } from 'react-native';
 import DeviceInfo from '../../DeviceInfo';
 import { useGlobalState } from '../Componanats/GlobalStateContext.js';
 import CustomeAlert from 'shakebug-react-native/src/Componanats/CustomAlert.js';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
 
 console.disableYellowBox = true;
 console.ignoredYellowBox = ["Warning: Each", "Warning: Failed", "Possible"];
 
-const FirstScreen = ({ img, themeColor, SDKScreenTitle }) => {
-
-  const insets = useSafeAreaInsets();
+const FirstScreen = ({ img, themeColor, SDKScreenTitle, insets}) => {
 
   const { setIsScreenShot, setIsRecordingStart } = useGlobalState()
 
@@ -127,7 +124,7 @@ const FirstScreen = ({ img, themeColor, SDKScreenTitle }) => {
         let vedioUri = await response.uri || response.assets?.[0]?.uri;
         if (response.assets?.[0]?.type.slice(0, 5).trim() == "video") {
           setIsLoading(false)
-          navigate("TrimVideoScreen", { video: `${vedioUri}`, Type: "video", themeColor: `${ThemeColor}`, SDKScreenTitle: `${SDKScreenTitle}`, UpdateStatusBar: UpdateStatusBar, updateParent: updateImage })
+          navigate("TrimVideoScreen", { video: `${vedioUri}`, Type: "video", themeColor: `${ThemeColor}`, SDKScreenTitle: `${SDKScreenTitle}`, UpdateStatusBar: UpdateStatusBar, updateParent: updateImage, insets: insets })
         }
         else {
           setIsAlertText("Invalid selection, Please choose a valid video file")
@@ -348,7 +345,7 @@ const FirstScreen = ({ img, themeColor, SDKScreenTitle }) => {
               const ImgUrl = await ref.current.capture()
               if (ImgUrl != undefined || ImgUrl != null) {
                 global.IsBackground = 'true'
-                navigate("AddDetailsScreen", { media: `${ImgUrl}`, updateParent: updateImage, mediaType: 'img', themeColor: ThemeColor, SDKScreenTitle: `${SDKScreenTitle}` })
+                navigate("AddDetailsScreen", { media: `${ImgUrl}`, updateParent: updateImage, mediaType: 'img', themeColor: ThemeColor, SDKScreenTitle: `${SDKScreenTitle}`, insets: insets })
               }
 
             }}
@@ -571,6 +568,8 @@ const FirstScreen = ({ img, themeColor, SDKScreenTitle }) => {
       />
 
       {isLoading && <ActivityIndicator size={'large'} color={themeColor} collapsable={true} style={{ position: 'absolute', top: 0, bottom: 0, left: 0, right: 0, elevation: 2 }} />}
+      
+       <View style={{height: insets?.bottom, marginTop: 5, backgroundColor: "#e4fdfd"}}/>
 
     </SafeAreaView >
   )

package/src/Screens/Shakebug.js

@@ -20,7 +20,7 @@ import { Localization } from '../Componanats/localization';
 import { GlobalStateProvider, useGlobalState } from '../Componanats/GlobalStateContext';
 import CustomeAlert from 'shakebug-react-native/src/Componanats/CustomAlert';
 import ReviewModal from 'shakebug-react-native/src/Componanats/ReviewModal';
-import { SafeAreaProvider } from 'react-native-safe-area-context';
+import { SafeAreaProvider, useSafeAreaInsets } from 'react-native-safe-area-context';
 
 console.ignoredYellowBox = ["Warning: Each", "Warning: Failed"];
 
@@ -52,7 +52,7 @@ global.isScreeenShotTaken = false;
 global.restrictedViews = [];
 global.currentScreen = ""
 global.isShakebugSDKOpen = false;
-global.sdk_version = "2.2.4";
+global.sdk_version = "2.2.5";
 global.app_lunch_count = 0;
 global.POPUP_LAUNCH_THRESHOLD = 3;
 global.POPUP_COOLDOWN_DAYS = 2;
@@ -392,13 +392,15 @@ function Shakebug({ children, Android_appkey, iOS_appkey, showTutorialScreenFirs
   // For shakeFunctionscreen with childern as props
   const ShakeScreen = () => {
 
+    const insets = useSafeAreaInsets();
+
     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}>
+      <ShakeFunction isRealDevice={global.isRealDevice} themeColor={ThemeColor} showTutorialScreen={showTutorialScreenFirstTime} SDKScreenTitle={[FirstScreenTitle, SecondScreenTitle]} allowToReportBugByShaking={allowToReportBugByShakingMobile} allowToReportBugByScreenCapture={allowToReportBugByScreenCapture} allowCrashReport={allowCrashReport} ShakebugLanguage={ShakebugLanguage} insets={insets}>
         {children}
       </ShakeFunction>
     )

package/src/Screens/TrimVideoScreen.js

@@ -8,7 +8,7 @@ console.ignoredYellowBox = ["Warning: Each", "Warning: Failed"];
 
 
 
-const TrimVideoScreen = ({ video, themeColor, SDKScreenTitle, Type, UpdateStatusBar, updateParent }) => {
+const TrimVideoScreen = ({ video, themeColor, SDKScreenTitle, Type, UpdateStatusBar, updateParent, insets}) => {
 
   const { goToScreenAtIndex, navigate, goBack } = useNavigation();
 
@@ -53,7 +53,7 @@ const TrimVideoScreen = ({ video, themeColor, SDKScreenTitle, Type, UpdateStatus
         case 'onFinishTrimming': {
           global.IsBackground = 'true'
           UpdateStatusBar()
-          navigate("AddDetailsScreen", { media: `${event.outputPath}`, mediaType: 'video', themeColor: themeColor, SDKScreenTitle: SDKScreenTitle, updateParent: updateParent });
+          navigate("AddDetailsScreen", { media: `${event.outputPath}`, mediaType: 'video', themeColor: themeColor, SDKScreenTitle: SDKScreenTitle, updateParent: updateParent, insets: insets });
           return;
         }
         case 'onCancel': {