shakebug-react-native 2.3.5 → 2.3.7

package/README.md

@@ -26,7 +26,7 @@ Or if you prefer to use Yarn instead of npm:
 Make sure to install Required Libraries also
 
 ```bash
- npm i react-native-view-shot react-native-video react-native-video-trim@3.0.9
+ npm i react-native-video react-native-video-trim@3.0.9
 ```
 Or if you prefer to use Yarn instead of npm:
 
@@ -84,7 +84,7 @@ you Need to import ShakebugView in root file of application (App.js)
 
 ```javascript
 
-Import ShakebugView from 'shakebug-react-native';
+import ShakebugView from 'shakebug-react-native';
 
 export default App = () => {
     return(

package/android/.gradle/buildOutputCleanup/cache.properties

@@ -0,0 +1,2 @@
+#Wed Apr 29 17:06:34 IST 2026
+gradle.version=8.9

package/android/.project

@@ -5,11 +5,6 @@
 	<projects>
 	</projects>
 	<buildSpec>
-		<buildCommand>
-			<name>org.eclipse.jdt.core.javabuilder</name>
-			<arguments>
-			</arguments>
-		</buildCommand>
 		<buildCommand>
 			<name>org.eclipse.buildship.core.gradleprojectbuilder</name>
 			<arguments>
@@ -17,7 +12,6 @@
 		</buildCommand>
 	</buildSpec>
 	<natures>
-		<nature>org.eclipse.jdt.core.javanature</nature>
 		<nature>org.eclipse.buildship.core.gradleprojectnature</nature>
 	</natures>
 	<filteredResources>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "shakebug-react-native",
   "title": "shakebug-react-native",
-  "version": "2.3.5",
+  "version": "2.3.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",
   "scripts": {

package/src/Componanats/CustomAlert.js

@@ -1,8 +1,21 @@
-import React from 'react';
-import { View, Text, Button, StyleSheet, Modal, TouchableOpacity } from 'react-native';
+import React, { useState } from 'react';
+import { View, Text, Button, StyleSheet, Modal, TouchableOpacity, ScrollView, Clipboard, Platform } from 'react-native';
 
-const CustomeAlert = ({color, isVisible, OnPrees, text}) => {
+const CustomeAlert = ({color, isVisible, OnPrees, text, showCopyOption}) => {
     
+    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}
@@ -17,30 +30,58 @@ const CustomeAlert = ({color, isVisible, OnPrees, text}) => {
                         height: text.length > 120 ? 300 : text.length < 50 ? 170 : 200
                     }]}
                 >
-                    <Text style={styles.text}>
-                        {text}
-                    </Text>
-                    
-                    <TouchableOpacity
-                        style={{
-                            width: '100%',
-                            backgroundColor: color,
-                            height: 40,
-                            alignItems: 'center',
-                            justifyContent: 'center',
-                            borderRadius: 8
-                        }}
-                        onPress={OnPrees}
-                    >
-                        <Text
+                    {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
                             style={{
-                                fontSize: 16,
-                                color: "#fff"
+                                width: '100%',
+                                backgroundColor: color,
+                                height: 40,
+                                alignItems: 'center',
+                                justifyContent: 'center',
+                                borderRadius: 8
                             }}
+                            onPress={handleClose}
                         >
-                            Okay
-                        </Text>
-                    </TouchableOpacity>
+                            <Text style={styles.buttonText}>
+                                Okay
+                            </Text>
+                        </TouchableOpacity>
+                    )}
                 </View>
             </View>
         </Modal>
@@ -75,6 +116,40 @@ 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/Screens/AddDetailsScreen.js

@@ -254,7 +254,7 @@ const AddDetailsScreen = ({ media, updateParent, mediaType, themeColor, SDKScree
                         log.debug("------------------------------------------------------------------------------------------")
                     } else {
                         setIsLoading(false)
-                        setAPIMessage("Something went wrong! Please try again later!")
+                        setAPIMessage(message || "Something went wrong! Please try again later!")
                         setErrorInAPI(true)
                         log.debug("------------------------------------------------------------------------------------------")
                         log.warn('API response:', message);
@@ -262,7 +262,8 @@ const AddDetailsScreen = ({ media, updateParent, mediaType, themeColor, SDKScree
                     }
                 }
                 catch (err) {
-                    setAPIMessage("Something went wrong! Please try again later!")
+                    const errorMsg = err?.message || err?.toString() || "Something went wrong! Please try again later!"
+                    setAPIMessage(errorMsg)
                     setErrorInAPI(true)
                     setIsLoading(false)
                     log.error("err", err)
@@ -432,6 +433,7 @@ 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/Shakebug.js

@@ -53,7 +53,7 @@ global.isScreeenShotTaken = false;
 global.restrictedViews = [];
 global.currentScreen = ""
 global.isShakebugSDKOpen = false;
-global.sdk_version = "2.3.4";
+global.sdk_version = "2.3.7";
 global.app_lunch_count = 0;
 global.POPUP_LAUNCH_THRESHOLD = 3;
 global.POPUP_COOLDOWN_DAYS = 2;