shakebug-react-native 2.2.4 → 2.2.6

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "shakebug-react-native",
   "title": "shakebug-react-native",
-  "version": "2.2.4",
+  "version": "2.2.6",
   "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/Screens/AddDetailsScreen.js

@@ -1,4 +1,4 @@
-import { View, Text, TouchableOpacity, Image, TextInput, SafeAreaView, PanResponder, Alert, StyleSheet, Keyboard, LogBox, Platform, StatusBar, NativeModules, BackHandler, DeviceEventEmitter, Dimensions } from 'react-native'
+import { View, Text, TouchableOpacity, Image, TextInput, PanResponder, Alert, StyleSheet, Keyboard, LogBox, Platform, StatusBar, NativeModules, BackHandler, DeviceEventEmitter, Dimensions } from 'react-native'
 import React, { useState, useRef, useEffect } from 'react'
 import { launchImageLibrary } from '../../ImageOrVedioPicker/src/index';
 import { AddIssueApi } from '../APIs/AddIssue';
@@ -13,7 +13,8 @@ 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';
+import { SafeAreaView } from 'react-native-safe-area-context';
+
 
 console.ignoredYellowBox = ["Warning: Each", "Warning: Failed", "Non-serializable"];
 
@@ -287,7 +288,7 @@ const AddDetailsScreen = ({ media, updateParent, mediaType, themeColor, SDKScree
     }
 
     return (
-        <SafeAreaView style={{ width: "100%", height: "100%", backgroundColor: themeColor, paddingTop: insets.top, paddingBottom: insets.bottom }}>
+        <SafeAreaView style={{ width: "100%", height: "100%", backgroundColor: themeColor}}>
             <StatusBar backgroundColor={ThemeColor} hidden={false} />
             <KeyboardAvoidingWrapper>
                 <>

package/src/Screens/FirstScreen.js

@@ -11,15 +11,12 @@ 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 { setIsScreenShot, setIsRecordingStart } = useGlobalState()
 
   const ThemeColor = themeColor ? themeColor : "#1dd3e3";
@@ -312,7 +309,7 @@ const FirstScreen = ({ img, themeColor, SDKScreenTitle }) => {
   // backgroundColor: "#181818"
 
   return (
-    <SafeAreaView style={{ width: "100%", height: '100%', backgroundColor: themeColor, paddingTop: insets.top, paddingBottom: insets.bottom}}>
+    <View style={{ width: "100%", height: '100%', backgroundColor: themeColor, paddingTop: Platform.OS == 'android' ? DeviceInfo?.getSystemVersion() > 14 ? StatusBar.currentHeight : 0 : StatusBar.currentHeight, paddingBottom: Platform.OS == 'android' ? DeviceInfo?.getSystemVersion() > 14 ? StatusBar.currentHeight : 0 : StatusBar.currentHeight}}>
       <StatusBar backgroundColor={ThemeColor} />
 
       <View style={{ width: "100%", height: "100%", backgroundColor: "#e4fdfd" }}>
@@ -572,7 +569,7 @@ 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 }} />}
 
-    </SafeAreaView >
+    </View>
   )
 }
 

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 { SafeAreaView } 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.6";
 global.app_lunch_count = 0;
 global.POPUP_LAUNCH_THRESHOLD = 3;
 global.POPUP_COOLDOWN_DAYS = 2;
@@ -451,7 +451,6 @@ function Shakebug({ children, Android_appkey, iOS_appkey, showTutorialScreenFirs
   };
 
   return (
-    <SafeAreaProvider>
       <View
         style={{
           width: '100%',
@@ -476,7 +475,6 @@ function Shakebug({ children, Android_appkey, iOS_appkey, showTutorialScreenFirs
 
         <ReviewModal color={ThemeColor} visible={showModal} onClose={() => { setShowModal(false) }} />
       </View>
-    </SafeAreaProvider>
   )
 }