shakebug-react-native 2.3.7 → 2.3.9

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "shakebug-react-native",
   "title": "shakebug-react-native",
-  "version": "2.3.7",
+  "version": "2.3.9",
   "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/APIs/MatchKey.js

@@ -27,7 +27,7 @@ async function MatchKeyApi(appkey, BundleId) {
             const total_video = data.response_data.total_video;
             const used_video = data.response_data.used_video;
             const video_duration = data.response_data.video_duration; 
-            return { success: true, application_id, total_mau, used_mau, total_video, used_video, video_duration, message: data.msg };
+            return { success: true, application_id, total_mau, used_mau, total_video, used_video, video_duration, shakebug_type: data.response_data.shakebug_type, message: data.msg };
         } else {
             return { success: false, message: data.msg };
         }

package/src/Componanats/CustomAlert.js

@@ -1,21 +1,8 @@
-import React, { useState } from 'react';
-import { View, Text, Button, StyleSheet, Modal, TouchableOpacity, ScrollView, Clipboard, Platform } from 'react-native';
+import React from 'react';
+import { View, Text, Button, StyleSheet, Modal, TouchableOpacity } from 'react-native';
 
-const CustomeAlert = ({color, isVisible, OnPrees, text, showCopyOption}) => {
+const CustomeAlert = ({color, isVisible, OnPrees, text}) => {
     
-    const [copied, setCopied] = useState(false);
-
-    const handleCopy = () => {
-        Clipboard.setString(text);
-        setCopied(true);
-        setTimeout(() => setCopied(false), 2000);
-    };
-
-    const handleClose = () => {
-        setCopied(false);
-        OnPrees();
-    };
-
     return (
         <Modal
             transparent={true}
@@ -30,58 +17,30 @@ const CustomeAlert = ({color, isVisible, OnPrees, text, showCopyOption}) => {
                         height: text.length > 120 ? 300 : text.length < 50 ? 170 : 200
                     }]}
                 >
-                    {showCopyOption ? (
-                        <ScrollView 
-                            style={styles.scrollContainer} 
-                            contentContainerStyle={styles.scrollContent}
-                            showsVerticalScrollIndicator={true}
-                        >
-                            <Text style={styles.errorText} selectable={true}>
-                                {text}
-                            </Text>
-                        </ScrollView>
-                    ) : (
-                        <Text style={styles.text}>
-                            {text}
-                        </Text>
-                    )}
-
-                    {showCopyOption ? (
-                        <View style={styles.buttonRow}>
-                            <TouchableOpacity
-                                style={[styles.button, { backgroundColor: '#6c757d', marginRight: 10 }]}
-                                onPress={handleCopy}
-                            >
-                                <Text style={styles.buttonText}>
-                                    {copied ? '✓ Copied' : '📋 Copy'}
-                                </Text>
-                            </TouchableOpacity>
-                            <TouchableOpacity
-                                style={[styles.button, { backgroundColor: color }]}
-                                onPress={handleClose}
-                            >
-                                <Text style={styles.buttonText}>
-                                    Okay
-                                </Text>
-                            </TouchableOpacity>
-                        </View>
-                    ) : (
-                        <TouchableOpacity
+                    <Text style={styles.text}>
+                        {text}
+                    </Text>
+                    
+                    <TouchableOpacity
+                        style={{
+                            width: '100%',
+                            backgroundColor: color,
+                            height: 40,
+                            alignItems: 'center',
+                            justifyContent: 'center',
+                            borderRadius: 8
+                        }}
+                        onPress={OnPrees}
+                    >
+                        <Text
                             style={{
-                                width: '100%',
-                                backgroundColor: color,
-                                height: 40,
-                                alignItems: 'center',
-                                justifyContent: 'center',
-                                borderRadius: 8
+                                fontSize: 16,
+                                color: "#fff"
                             }}
-                            onPress={handleClose}
                         >
-                            <Text style={styles.buttonText}>
-                                Okay
-                            </Text>
-                        </TouchableOpacity>
-                    )}
+                            Okay
+                        </Text>
+                    </TouchableOpacity>
                 </View>
             </View>
         </Modal>
@@ -116,40 +75,6 @@ const styles = StyleSheet.create({
         textAlign: 'center',
         color: "#000"
     },
-    scrollContainer: {
-        maxHeight: 140,
-        width: '100%',
-        backgroundColor: '#f8f9fa',
-        borderRadius: 8,
-        borderWidth: 1,
-        borderColor: '#dee2e6',
-    },
-    scrollContent: {
-        padding: 12,
-    },
-    errorText: {
-        fontSize: 13,
-        color: '#dc3545',
-        lineHeight: 18,
-        fontFamily: Platform.OS === 'ios' ? 'Menlo' : 'monospace',
-    },
-    buttonRow: {
-        flexDirection: 'row',
-        width: '100%',
-        justifyContent: 'center',
-        marginTop: 10,
-    },
-    button: {
-        flex: 1,
-        height: 40,
-        alignItems: 'center',
-        justifyContent: 'center',
-        borderRadius: 8,
-    },
-    buttonText: {
-        fontSize: 16,
-        color: '#fff',
-    },
 });
 
 export default CustomeAlert;

package/src/Componanats/ReviewModal.js

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import { Modal, View, Text, TextInput, TouchableOpacity, StyleSheet, Image, KeyboardAvoidingView, ScrollView, TouchableWithoutFeedback, Keyboard, NativeModules } from 'react-native';
-import { AddReviewApi } from 'shakebug-react-native/src/APIs/AddReview';
+import { AddReviewApi } from '../APIs/AddReview';
 
 const ReviewModal = ({ visible, onClose, onSubmit, color }) => {
 

package/src/Componanats/ShakeFunction.js

@@ -12,7 +12,7 @@ console.ignoredYellowBox = ["Warning: Each", "Warning: Failed", "Possible", "WAR
 
 import { logger, consoleTransport } from "react-native-logs";
 import { ActivityIndicator } from 'react-native';
-import { useGlobalState } from 'shakebug-react-native/src/Componanats/GlobalStateContext';
+import { useGlobalState } from './GlobalStateContext';
 
 LogBox.ignoreAllLogs()
 
@@ -490,27 +490,26 @@ const ShakeFunction = ({ children, themeColor, showTutorialScreen, SDKScreenTitl
     >
 
       <ShakebugCapture ref={ref} options={{ format: "jpg", quality: 1, }} style={{ flex: 1 }}>
-        {isDraw ? (
-          <ImageBackground
-            source={{ uri: img }}
+        <View style={{ flex: 1 }}>
+          {children}
+        </View>
+        {isDraw && (
+          <RNDrawingView
+            ref={canvasRef}
             style={{
-              alignItems: 'center',
-              width: "100%",
-              height: "100%"
+              position: 'absolute',
+              top: 0,
+              left: 0,
+              right: 0,
+              bottom: 0,
+              width: '100%',
+              height: '100%',
+              zIndex: 999
             }}
-            resizeMode='contain'
-          >
-            <RNDrawingView
-              ref={canvasRef}
-              style={{ width: '100%', height: '100%' }}
-              color={'red'}
-              strokeWidth={Platform.OS == 'android' ? 5 : 3}
-            />
-
-          </ImageBackground>
-        ) : (<View style={{ flex: 1 }}>
-          {children}
-        </View>)}
+            color={'red'}
+            strokeWidth={Platform.OS == 'android' ? 5 : 3}
+          />
+        )}
 
 
       </ShakebugCapture>
@@ -555,18 +554,9 @@ const ShakeFunction = ({ children, themeColor, showTutorialScreen, SDKScreenTitl
 
           {isDraw == false ? (
             <TouchableOpacity
-              onPress={async () => {
-                StatusBar.setHidden(false, 'slide')
-                let ImgUrl = null;
-                try {
-                  ImgUrl = Platform.OS === 'android' ? await captureScreen({ format: 'jpg', quality: 1 }) : (ref.current ? await ref.current.capture() : null);
-                } catch (e) {
-                  log.error("Failed to capture screenshot in stop recording", e);
-                }
-                if (ImgUrl != undefined || ImgUrl != null) {
-                  setImg(ImgUrl)
-                  setIsDraw(true)
-                }
+              onPress={() => {
+                setIsDraw(true)
+                global.isDraw = true
               }}
               hitSlop={{ top: 10, bottom: 10, left: 10, right: 10 }}
             >
@@ -576,6 +566,7 @@ const ShakeFunction = ({ children, themeColor, showTutorialScreen, SDKScreenTitl
             <TouchableOpacity
               onPress={() => {
                 setIsDraw(false)
+                global.isDraw = false
                 ClearCanvas(canvasRef)
               }}
               hitSlop={{ top: 10, bottom: 10, left: 10, right: 10 }}

package/src/Screens/AddDetailsScreen.js

@@ -10,9 +10,9 @@ import { ActivityIndicator } from 'react-native';
 import { UIManager } from 'react-native';
 import { ScrollView } from 'react-native';
 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 { useGlobalState } from '../Componanats/GlobalStateContext';
+import CustomeAlert from '../Componanats/CustomAlert';
+import NetInfo from '../../NetInfo/src';
 import DeviceInfo from '../../DeviceInfo';
 
 console.ignoredYellowBox = ["Warning: Each", "Warning: Failed", "Non-serializable"];
@@ -254,7 +254,7 @@ const AddDetailsScreen = ({ media, updateParent, mediaType, themeColor, SDKScree
                         log.debug("------------------------------------------------------------------------------------------")
                     } else {
                         setIsLoading(false)
-                        setAPIMessage(message || "Something went wrong! Please try again later!")
+                        setAPIMessage("Something went wrong! Please try again later!")
                         setErrorInAPI(true)
                         log.debug("------------------------------------------------------------------------------------------")
                         log.warn('API response:', message);
@@ -262,8 +262,7 @@ const AddDetailsScreen = ({ media, updateParent, mediaType, themeColor, SDKScree
                     }
                 }
                 catch (err) {
-                    const errorMsg = err?.message || err?.toString() || "Something went wrong! Please try again later!"
-                    setAPIMessage(errorMsg)
+                    setAPIMessage("Something went wrong! Please try again later!")
                     setErrorInAPI(true)
                     setIsLoading(false)
                     log.error("err", err)
@@ -433,7 +432,6 @@ const AddDetailsScreen = ({ media, updateParent, mediaType, themeColor, SDKScree
                         isVisible={isErrorInAPI || isBugReported}
                         text={apiMessage}
                         color={themeColor}
-                        showCopyOption={isErrorInAPI}
                         OnPrees={() => {
                             if (isBugReported) {
                                 global.isScreenShotDetected = false;

package/src/Screens/FirstScreen.js

@@ -5,12 +5,12 @@ import { ShakebugCapture, captureScreen } from '../index';
 import { launchImageLibrary } from '../../ImageOrVedioPicker/src/index';
 import { logger, consoleTransport } from "react-native-logs";
 import { NativeModules } from 'react-native';
-import { useNavigation } from '../../src/Componanats/NavigationContext';
-import { Localization } from '../../src/Componanats/localization';
+import { useNavigation } from '../Componanats/NavigationContext';
+import { Localization } from '../Componanats/localization';
 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 CustomeAlert from '../Componanats/CustomAlert.js';
 
 console.disableYellowBox = true;
 console.ignoredYellowBox = ["Warning: Each", "Warning: Failed", "Possible"];

package/src/Screens/Shakebug.js

@@ -19,8 +19,8 @@ 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';
-import ReviewModal from 'shakebug-react-native/src/Componanats/ReviewModal';
+import CustomeAlert from '../Componanats/CustomAlert';
+import ReviewModal from '../Componanats/ReviewModal';
 import { SafeAreaView } from 'react-native-safe-area-context';
 
 console.ignoredYellowBox = ["Warning: Each", "Warning: Failed"];
@@ -53,11 +53,19 @@ global.isScreeenShotTaken = false;
 global.restrictedViews = [];
 global.currentScreen = ""
 global.isShakebugSDKOpen = false;
-global.sdk_version = "2.3.7";
+global.sdk_version = "2.3.9";
 global.app_lunch_count = 0;
 global.POPUP_LAUNCH_THRESHOLD = 3;
 global.POPUP_COOLDOWN_DAYS = 2;
 global.KEY_REVIEW_SUBMITTED = false;
+// Initialize feature flags with defaults (allow all)
+global.allowBugReport = true;
+global.allowCrashReport = true;
+global.allowEvent = true;
+global.allowReview = true;
+global.allowSession = true;
+global.shakebug_type = "1"; // default allow all
+
 
 const ShakebugContext = React.createContext();
 
@@ -147,6 +155,12 @@ const ShakeScreen = () => {
 
 function Shakebug({ children, Android_appkey, iOS_appkey, showTutorialScreenFirstTime, ShakebugThemeColor, changeSDKScreenTitle, allowToReportBugByShakingMobile, allowToReportBugByScreenCapture, allowCrashReport, ShakebugLanguage, makeLogEnabled, setShakebugSDKEndPointURL }) {
 
+  const [allowBugReport, setAllowBugReport] = useState(true);
+  const [allowCrashFlag, setAllowCrashFlag] = useState(true);
+  const [allowEventFlag, setAllowEventFlag] = useState(true);
+  const [allowReviewFlag, setAllowReviewFlag] = useState(true);
+  const [allowSessionFlag, setAllowSessionFlag] = useState(true);
+
   const { ShakebugSDKSharedPreferencesModule } = NativeModules;
 
   const ThemeColor = ShakebugThemeColor ? ShakebugThemeColor : "#1dd3e3";
@@ -237,7 +251,7 @@ function Shakebug({ children, Android_appkey, iOS_appkey, showTutorialScreenFirs
 
       global.app_lunch_count = (parseInt(KEY_APP_LAUNCH_COUNT) + 1);
 
-      if (global.app_lunch_count >= POPUP_LAUNCH_THRESHOLD) {
+      if (global.app_lunch_count >= POPUP_LAUNCH_THRESHOLD && global.allowReview) {
         if (LAST_POPUP_TIME && LAST_POPUP_TIME != "" && IS_REVIEW_SUBMITTED != "true") {
           const now = Date.now(); // current timestamp in milliseconds
           const sevenDaysInMs = global.POPUP_COOLDOWN_DAYS * 24 * 60 * 60 * 1000; // 7 days in milliseconds
@@ -365,7 +379,7 @@ function Shakebug({ children, Android_appkey, iOS_appkey, showTutorialScreenFirs
     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);
+      const { success, application_id: newApplication_id, message, total_mau, used_mau, total_video, used_video, video_duration, shakebug_type } = await MatchKeyApi(appkey, BundleId);
 
       global.videoDuration = video_duration;
 
@@ -395,11 +409,64 @@ function Shakebug({ children, Android_appkey, iOS_appkey, showTutorialScreenFirs
         else {
           global.isIOSValid = true
         }
-        global.application_id = newApplication_id
-        log.debug("------------------------------------------------------------------------------------------")
+        global.application_id = newApplication_id;
+        // Set feature flags based on shakebug_type (supports comma‑separated codes)
+        // Reset all flags to false initially
+        global.allowBugReport = false;
+        global.allowCrashReport = false;
+        global.allowEvent = false;
+        global.allowReview = false;
+        global.allowSession = false;
+        // Helper to enable a specific flag
+        const enableFlag = (code) => {
+          switch (code) {
+            case "0":
+              // Disable all – already false
+              break;
+            case "1":
+              // Enable all
+              global.allowBugReport = true;
+              global.allowCrashReport = true;
+              global.allowEvent = true;
+              global.allowReview = true;
+              global.allowSession = true;
+              break;
+            case "2":
+              global.allowBugReport = true;
+              break;
+            case "3":
+              global.allowCrashReport = true;
+              break;
+            case "4":
+              global.allowEvent = true;
+              break;
+            case "5":
+              global.allowReview = true;
+              break;
+            case "6":
+              global.allowSession = true;
+              break;
+            default:
+              // ignore unknown codes
+              break;
+          }
+        };
+        // Split the incoming string and enable flags for each code
+        if (shakebug_type) {
+          const codes = String(shakebug_type).split(',').map(c => c.trim());
+          codes.forEach(enableFlag);
+        }
+        // Store raw type for reference
+        global.shakebug_type = shakebug_type;
+        // Update React state so UI re‑renders with new flags
+        setAllowBugReport(global.allowBugReport);
+        setAllowCrashFlag(global.allowCrashReport);
+        setAllowEventFlag(global.allowEvent);
+        setAllowReviewFlag(global.allowReview);
+        setAllowSessionFlag(global.allowSession);  log.debug("------------------------------------------------------------------------------------------");
         log.info('API response:', message);
-        log.debug("------------------------------------------------------------------------------------------")
-        StartSession()
+        log.debug("------------------------------------------------------------------------------------------");
+        if (global.allowSession) { StartSession(); }
       } else {
         if (Platform.OS == "android") {
           global.isAndroidValid = false
@@ -461,9 +528,9 @@ function Shakebug({ children, Android_appkey, iOS_appkey, showTutorialScreenFirs
       showTutorialScreenFirstTime,
       FirstScreenTitle,
       SecondScreenTitle,
-      allowToReportBugByShakingMobile,
-      allowToReportBugByScreenCapture,
-      allowCrashReport,
+      allowToReportBugByShaking: allowToReportBugByShakingMobile && allowBugReport,
+      allowToReportBugByScreenCapture: allowToReportBugByScreenCapture && allowBugReport,
+      allowCrashReport: allowCrashReport && allowCrashFlag,
       ShakebugLanguage
     }}>
       <View
@@ -534,6 +601,10 @@ export const AddEvent = async (name, value) => {
 
   var log = logger.createLogger(defaultConfig);
 
+  if (!global.allowEvent) {
+    log.warn("Event reporting is disabled by shakebug_type");
+    return;
+  }
 
   if (global.application_id != "") {
     try {
@@ -566,4 +637,4 @@ const styles = StyleSheet.create({
   screen: {
     ...StyleSheet.absoluteFillObject,
   },
-});
+});