shakebug-react-native 2.4.6 → 2.4.7

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "shakebug-react-native",
   "title": "shakebug-react-native",
-  "version": "2.4.6",
+  "version": "2.4.7",
   "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",

package/src/Componanats/NavigationContext.js

@@ -1,5 +1,6 @@
 // NavigationContext.js
 import React, { createContext, useContext, useState } from 'react';
+import { useFocusEffect } from '@react-navigation/native';
 
 const NavigationContext = createContext();
 
@@ -22,14 +23,16 @@ export const NavigationProvider = ({ children }) => {
     }
   };
 
-  React.useEffect(() => {
-    if (navigationState && navigationState.length > 0) {
-      setFocusedScreen(navigationState[navigationState.length - 1].name);
-    }
-    return () => {
-      setFocusedScreen('');
-    };
-  }, [navigationState]);
+ useFocusEffect(
+    React.useCallback(() => {
+      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/Componanats/ShakeFunction.js

@@ -492,7 +492,8 @@ const ShakeFunction = ({ children, themeColor, showTutorialScreen, SDKScreenTitl
   return (
     <View
       style={{
-        flex: 1,
+          width: '100%',
+          height: '100%',
       }}
     >
 

package/src/Screens/Shakebug.js

@@ -6,6 +6,7 @@ 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';
@@ -52,7 +53,7 @@ global.isScreeenShotTaken = false;
 global.restrictedViews = [];
 global.currentScreen = ""
 global.isShakebugSDKOpen = false;
-global.sdk_version = "2.4.6";
+global.sdk_version = "2.4.7";
 global.app_lunch_count = 0;
 global.POPUP_LAUNCH_THRESHOLD = 3;
 global.POPUP_COOLDOWN_DAYS = 2;
@@ -75,14 +76,16 @@ const NavigationContainer = ({ screens, setFocusedScreen }) => {
   const animation = React.useRef(new Animated.Value(0)).current;
   const { width } = Dimensions.get('window');
 
-  React.useEffect(() => {
-    if (navigationState && navigationState.length > 0) {
-      setFocusedScreen(navigationState[navigationState.length - 1].name);
-    }
-    return () => {
-      setFocusedScreen('');
-    };
-  }, [navigationState, setFocusedScreen]);
+  useFocusEffect(
+    React.useCallback(() => {
+      if (navigationState && navigationState.length > 0) {
+        setFocusedScreen(navigationState[navigationState.length - 1].name);
+      }
+      return () => {
+        setFocusedScreen('');
+      };
+    }, [navigationState, setFocusedScreen])
+  );
 
   React.useEffect(() => {
     Animated.timing(animation, {
@@ -538,7 +541,8 @@ function Shakebug({ children, Android_appkey, iOS_appkey, showTutorialScreenFirs
     }}>
       <View
         style={{
-          flex: 1,
+          width: '100%',
+          height: '100%',
         }}
       >
         <GlobalStateProvider>

package/src/index.tsx

@@ -1,5 +1,6 @@
 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'
@@ -13,7 +14,7 @@ let LocalLanguage = LanguageCodes.indexOf(getLocales()[0].languageCode)
 
 
 // Define the props interface for ShakebugView
-export interface ShakebugViewProps {
+interface ShakebugViewProps {
   children?: React.ReactNode;
   Android_appkey?: string;
   iOS_appkey?: string;
@@ -46,20 +47,22 @@ const ShakebugView: React.FC<ShakebugViewProps> = ({
 }) => {
 
   return (
-    <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}
+      />
+    </NavigationContainer>
   );
 };