shakebug-react-native 2.3.7 → 2.3.8

package/package.json

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

@@ -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

@@ -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/Shakebug.js

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