shakebug-react-native 2.4.5 → 2.4.6

package/README.md

@@ -94,27 +94,7 @@ export default App = () => {
 } 
 ```
 
-If you use NavigationContainer in App.js/root file (where you import ShakebugView) then you need to pass independent as parameter in NavigationContainer
 
-```javascript
-
-Import ShakebugView from 'shakebug-react-native';
-
-export default App = () => {
-    return(
-        <ShakebugView 
-            Android_appkey= “your android app key”  
-            iOS_appkey= “your ios app key”
-            other options…
-        >
-	        <NavigationContainer independent>
-                //Your code...	
-	        </NavigationContainer>
-        </ShakebugView>
-    )	
-}
-
-```
 You can add event on click:
 
 ```javascript

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "shakebug-react-native",
   "title": "shakebug-react-native",
-  "version": "2.4.5",
+  "version": "2.4.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",
+  "types": "src/index.tsx",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   },

package/src/Componanats/NavigationContext.js

@@ -1,6 +1,5 @@
 // NavigationContext.js
 import React, { createContext, useContext, useState } from 'react';
-import { useFocusEffect } from '@react-navigation/native';
 
 const NavigationContext = createContext();
 
@@ -23,16 +22,14 @@ export const NavigationProvider = ({ children }) => {
     }
   };
 
-  useFocusEffect(
-    React.useCallback(() => {
-      if (navigationState && navigationState.length > 0) {
-        setFocusedScreen(navigationState[navigationState.length - 1].name);
-      }
-      return () => {
-        setFocusedScreen('');
-      };
-    }, [navigationState])
-  );
+  React.useEffect(() => {
+    if (navigationState && navigationState.length > 0) {
+      setFocusedScreen(navigationState[navigationState.length - 1].name);
+    }
+    return () => {
+      setFocusedScreen('');
+    };
+  }, [navigationState]);
 
   return (
     <NavigationContext.Provider value={{ navigationState, navigate, goBack, focusedScreen, goToScreenAtIndex}}>

package/src/Screens/Shakebug.js

@@ -6,7 +6,6 @@ import AddDetailsScreen from './AddDetailsScreen';
 import TrimVideoScreen from './TrimVideoScreen'
 import DeviceInfo from '../../DeviceInfo';
 import { useEffect, useState } from 'react';
-import { useFocusEffect } from '@react-navigation/native';
 import GetLocation from '../../GetLocation'
 import NetInfo from '../../NetInfo/src'
 import { SessionStartApi } from '../APIs/StartSession';
@@ -53,7 +52,7 @@ global.isScreeenShotTaken = false;
 global.restrictedViews = [];
 global.currentScreen = ""
 global.isShakebugSDKOpen = false;
-global.sdk_version = "2.4.5";
+global.sdk_version = "2.4.6";
 global.app_lunch_count = 0;
 global.POPUP_LAUNCH_THRESHOLD = 3;
 global.POPUP_COOLDOWN_DAYS = 2;
@@ -76,16 +75,14 @@ const NavigationContainer = ({ screens, setFocusedScreen }) => {
   const animation = React.useRef(new Animated.Value(0)).current;
   const { width } = Dimensions.get('window');
 
-  useFocusEffect(
-    React.useCallback(() => {
-      if (navigationState && navigationState.length > 0) {
-        setFocusedScreen(navigationState[navigationState.length - 1].name);
-      }
-      return () => {
-        setFocusedScreen('');
-      };
-    }, [navigationState, setFocusedScreen])
-  );
+  React.useEffect(() => {
+    if (navigationState && navigationState.length > 0) {
+      setFocusedScreen(navigationState[navigationState.length - 1].name);
+    }
+    return () => {
+      setFocusedScreen('');
+    };
+  }, [navigationState, setFocusedScreen]);
 
   React.useEffect(() => {
     Animated.timing(animation, {

package/src/index.tsx

@@ -1,6 +1,5 @@
 import React from 'react';
 import Shakebug, { AddEvent } from '../src/Screens/Shakebug';
-import { NavigationContainer, findFocusedRoute } from '@react-navigation/native';
 import { getLocales } from '../GetLocals/src';
 import { NativeModules, Text, View, findNodeHandle } from 'react-native';
 import { useGlobalState } from './Componanats/GlobalStateContext'
@@ -14,7 +13,7 @@ let LocalLanguage = LanguageCodes.indexOf(getLocales()[0].languageCode)
 
 
 // Define the props interface for ShakebugView
-interface ShakebugViewProps {
+export interface ShakebugViewProps {
   children?: React.ReactNode;
   Android_appkey?: string;
   iOS_appkey?: string;
@@ -47,22 +46,20 @@ const ShakebugView: React.FC<ShakebugViewProps> = ({
 }) => {
 
   return (
-    <NavigationContainer>
-      <Shakebug
-        children={children}
-        Android_appkey={Android_appkey}
-        iOS_appkey={iOS_appkey}
-        showTutorialScreenFirstTime={showTutorialScreenFirstTime}
-        ShakebugThemeColor={ShakebugThemeColor}
-        changeSDKScreenTitle={changeSDKScreenTitle}
-        allowToReportBugByScreenCapture={allowToReportBugByScreenCapture}
-        allowToReportBugByShakingMobile={allowToReportBugByShakingMobile}
-        allowCrashReport={__DEV__ ? false : allowCrashReport}
-        makeLogEnabled={makeLogEnabled}
-        ShakebugLanguage={Languages.includes(ShakebugLanguage) ? ShakebugLanguage : LocalLanguage != -1 ? Languages[LocalLanguage] : "ENGLISH"}
-        setShakebugSDKEndPointURL={setShakebugSDKEndPointURL}
-      />
-    </NavigationContainer>
+    <Shakebug
+      children={children}
+      Android_appkey={Android_appkey}
+      iOS_appkey={iOS_appkey}
+      showTutorialScreenFirstTime={showTutorialScreenFirstTime}
+      ShakebugThemeColor={ShakebugThemeColor}
+      changeSDKScreenTitle={changeSDKScreenTitle}
+      allowToReportBugByScreenCapture={allowToReportBugByScreenCapture}
+      allowToReportBugByShakingMobile={allowToReportBugByShakingMobile}
+      allowCrashReport={__DEV__ ? false : allowCrashReport}
+      makeLogEnabled={makeLogEnabled}
+      ShakebugLanguage={Languages.includes(ShakebugLanguage) ? ShakebugLanguage : LocalLanguage != -1 ? Languages[LocalLanguage] : "ENGLISH"}
+      setShakebugSDKEndPointURL={setShakebugSDKEndPointURL}
+    />
   );
 };