react-native-iinstall 0.2.8 → 0.2.10

package/lib/FeedbackModal.js

@@ -220,8 +220,13 @@ const FeedbackModal = ({ visible, onClose, screenshotUri, videoUri, onStartRecor
     };
     if (!visible)
         return null;
+    const dismissKeyboard = () => {
+        react_native_1.Keyboard.dismiss();
+    };
     return (<react_native_1.Modal visible={visible} transparent animationType="slide" onRequestClose={handleClose}>
-      <react_native_1.KeyboardAvoidingView behavior={react_native_1.Platform.OS === 'ios' ? 'padding' : 'height'} style={styles.container}>
+      <react_native_1.TouchableWithoutFeedback onPress={dismissKeyboard}>
+        <react_native_1.KeyboardAvoidingView behavior={react_native_1.Platform.OS === 'ios' ? 'padding' : 'height'} style={styles.container}>
+        <react_native_1.ScrollView contentContainerStyle={styles.scrollContainer} keyboardShouldPersistTaps="handled" showsVerticalScrollIndicator={false}>
         <react_native_1.View style={styles.card}>
           <react_native_1.View style={styles.header}>
             <react_native_1.Text style={styles.title}>Report an Issue</react_native_1.Text>
@@ -247,7 +252,7 @@ const FeedbackModal = ({ visible, onClose, screenshotUri, videoUri, onStartRecor
                  </react_native_1.View>)}
           </react_native_1.View>
 
-          <react_native_1.TextInput style={styles.input} placeholder="What happened? Describe the bug..." placeholderTextColor="#999" multiline value={description} onChangeText={setDescription}/>
+          <react_native_1.TextInput style={styles.input} placeholder="What happened? Describe the bug..." placeholderTextColor="#999" multiline value={description} onChangeText={setDescription} returnKeyType="done" blurOnSubmit={true} onSubmitEditing={() => react_native_1.Keyboard.dismiss()}/>
 
           {/* Media Actions Row */}
           <react_native_1.View style={styles.actionsRow}>
@@ -268,7 +273,9 @@ const FeedbackModal = ({ visible, onClose, screenshotUri, videoUri, onStartRecor
             {isSending ? (<react_native_1.ActivityIndicator color="#FFF"/>) : (<react_native_1.Text style={styles.submitText}>Send Feedback</react_native_1.Text>)}
           </react_native_1.TouchableOpacity>
         </react_native_1.View>
-      </react_native_1.KeyboardAvoidingView>
+         </react_native_1.ScrollView>
+       </react_native_1.KeyboardAvoidingView>
+       </react_native_1.TouchableWithoutFeedback>
     </react_native_1.Modal>);
 };
 exports.FeedbackModal = FeedbackModal;
@@ -278,6 +285,10 @@ const styles = react_native_1.StyleSheet.create({
         backgroundColor: 'rgba(0,0,0,0.5)',
         justifyContent: 'flex-end',
     },
+    scrollContainer: {
+        flexGrow: 1,
+        justifyContent: 'flex-end',
+    },
     card: {
         backgroundColor: '#FFF',
         borderTopLeftRadius: 20,

package/lib/ShakeDetector.js

@@ -1,8 +1,21 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ShakeDetector = void 0;
-const react_native_sensors_1 = require("react-native-sensors");
+/* eslint-disable */
 const operators_1 = require("rxjs/operators");
+// Safe import for react-native-sensors to prevent crashes if native module is missing
+let accelerometer;
+let setUpdateIntervalForType;
+let SensorTypes;
+try {
+    const sensors = require('react-native-sensors');
+    accelerometer = sensors.accelerometer;
+    setUpdateIntervalForType = sensors.setUpdateIntervalForType;
+    SensorTypes = sensors.SensorTypes;
+}
+catch (e) {
+    console.warn('[iInstall SDK] Shake detection disabled: react-native-sensors native module not found. Please ensure the native module is linked and the app is rebuilt.');
+}
 const SHAKE_THRESHOLD = 2.5; // g-force
 const MIN_TIME_BETWEEN_SHAKES = 1000; // ms
 class ShakeDetector {
@@ -11,21 +24,39 @@ class ShakeDetector {
     onShake;
     constructor(onShake) {
         this.onShake = onShake;
-        (0, react_native_sensors_1.setUpdateIntervalForType)(react_native_sensors_1.SensorTypes.accelerometer, 100); // 100ms interval
+        if (setUpdateIntervalForType && SensorTypes) {
+            try {
+                setUpdateIntervalForType(SensorTypes.accelerometer, 100); // 100ms interval
+            }
+            catch (e) {
+                console.warn('[iInstall SDK] Failed to set accelerometer update interval:', e);
+            }
+        }
     }
     start() {
         if (this.subscription)
             return;
-        this.subscription = react_native_sensors_1.accelerometer
-            .pipe((0, operators_1.map)(({ x, y, z }) => Math.sqrt(x * x + y * y + z * z)), (0, operators_1.filter)(g => g > SHAKE_THRESHOLD))
-            .subscribe(() => {
-            const now = Date.now();
-            if (now - this.lastShakeTime > MIN_TIME_BETWEEN_SHAKES) {
-                this.lastShakeTime = now;
-                console.log('TesterFlow: Shake detected!');
-                this.onShake();
-            }
-        });
+        if (!accelerometer) {
+            // Don't spam logs, just return silently or maybe log once if debugging
+            return;
+        }
+        try {
+            this.subscription = accelerometer
+                .pipe((0, operators_1.map)(({ x, y, z }) => Math.sqrt(x * x + y * y + z * z)), (0, operators_1.filter)((g) => g > SHAKE_THRESHOLD))
+                .subscribe(() => {
+                const now = Date.now();
+                if (now - this.lastShakeTime > MIN_TIME_BETWEEN_SHAKES) {
+                    this.lastShakeTime = now;
+                    console.log('TesterFlow: Shake detected!');
+                    this.onShake();
+                }
+            }, (error) => {
+                console.warn('[iInstall SDK] Error in shake detection subscription:', error);
+            });
+        }
+        catch (e) {
+            console.warn('[iInstall SDK] Failed to start shake detection:', e);
+        }
     }
     stop() {
         if (this.subscription) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-iinstall",
-  "version": "0.2.8",
+  "version": "0.2.10",
   "description": "🎯 IInstall React Native SDK - The ultimate beta testing & QA feedback tool. Shake-to-report with voice recordings, screen recordings, and screenshots. Zero-config setup with TypeScript support. Perfect for beta testing, QA teams, and user feedback collection.",
   "author": "TesterFlow Team",
   "license": "MIT",

package/src/FeedbackModal.tsx

@@ -11,7 +11,10 @@ import {
   Alert,
   Platform,
   KeyboardAvoidingView,
-  PermissionsAndroid
+  PermissionsAndroid,
+  Keyboard,
+  TouchableWithoutFeedback,
+  ScrollView
 } from 'react-native';
 import DeviceInfo from 'react-native-device-info';
 import AudioRecorderPlayer, {
@@ -242,12 +245,22 @@ export const FeedbackModal: React.FC<FeedbackModalProps> = ({
 
   if (!visible) return null;
 
+  const dismissKeyboard = () => {
+    Keyboard.dismiss();
+  };
+
   return (
     <Modal visible={visible} transparent animationType="slide" onRequestClose={handleClose}>
-      <KeyboardAvoidingView 
-        behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
-        style={styles.container}
-      >
+      <TouchableWithoutFeedback onPress={dismissKeyboard}>
+        <KeyboardAvoidingView 
+          behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
+          style={styles.container}
+        >
+        <ScrollView 
+          contentContainerStyle={styles.scrollContainer}
+          keyboardShouldPersistTaps="handled"
+          showsVerticalScrollIndicator={false}
+        >
         <View style={styles.card}>
           <View style={styles.header}>
             <Text style={styles.title}>Report an Issue</Text>
@@ -284,6 +297,9 @@ export const FeedbackModal: React.FC<FeedbackModalProps> = ({
             multiline
             value={description}
             onChangeText={setDescription}
+            returnKeyType="done"
+            blurOnSubmit={true}
+            onSubmitEditing={() => Keyboard.dismiss()}
           />
 
           {/* Media Actions Row */}
@@ -321,7 +337,9 @@ export const FeedbackModal: React.FC<FeedbackModalProps> = ({
             )}
           </TouchableOpacity>
         </View>
-      </KeyboardAvoidingView>
+         </ScrollView>
+       </KeyboardAvoidingView>
+       </TouchableWithoutFeedback>
     </Modal>
   );
 };
@@ -332,6 +350,10 @@ const styles = StyleSheet.create({
     backgroundColor: 'rgba(0,0,0,0.5)',
     justifyContent: 'flex-end',
   },
+  scrollContainer: {
+    flexGrow: 1,
+    justifyContent: 'flex-end',
+  },
   card: {
     backgroundColor: '#FFF',
     borderTopLeftRadius: 20,

package/src/ShakeDetector.ts

@@ -1,6 +1,20 @@
-import { accelerometer, setUpdateIntervalForType, SensorTypes } from 'react-native-sensors';
+/* eslint-disable */
 import { map, filter } from 'rxjs/operators';
 
+// Safe import for react-native-sensors to prevent crashes if native module is missing
+let accelerometer: any;
+let setUpdateIntervalForType: any;
+let SensorTypes: any;
+
+try {
+  const sensors = require('react-native-sensors');
+  accelerometer = sensors.accelerometer;
+  setUpdateIntervalForType = sensors.setUpdateIntervalForType;
+  SensorTypes = sensors.SensorTypes;
+} catch (e) {
+  console.warn('[iInstall SDK] Shake detection disabled: react-native-sensors native module not found. Please ensure the native module is linked and the app is rebuilt.');
+}
+
 const SHAKE_THRESHOLD = 2.5; // g-force
 const MIN_TIME_BETWEEN_SHAKES = 1000; // ms
 
@@ -11,25 +25,42 @@ export class ShakeDetector {
 
   constructor(onShake: () => void) {
     this.onShake = onShake;
-    setUpdateIntervalForType(SensorTypes.accelerometer, 100); // 100ms interval
+    if (setUpdateIntervalForType && SensorTypes) {
+      try {
+        setUpdateIntervalForType(SensorTypes.accelerometer, 100); // 100ms interval
+      } catch (e) {
+        console.warn('[iInstall SDK] Failed to set accelerometer update interval:', e);
+      }
+    }
   }
 
   start() {
     if (this.subscription) return;
 
-    this.subscription = accelerometer
-      .pipe(
-        map(({ x, y, z }) => Math.sqrt(x * x + y * y + z * z)),
-        filter(g => g > SHAKE_THRESHOLD)
-      )
-      .subscribe(() => {
-        const now = Date.now();
-        if (now - this.lastShakeTime > MIN_TIME_BETWEEN_SHAKES) {
-          this.lastShakeTime = now;
-          console.log('TesterFlow: Shake detected!');
-          this.onShake();
-        }
-      });
+    if (!accelerometer) {
+      // Don't spam logs, just return silently or maybe log once if debugging
+      return;
+    }
+
+    try {
+      this.subscription = accelerometer
+        .pipe(
+          map(({ x, y, z }: any) => Math.sqrt(x * x + y * y + z * z)),
+          filter((g: number) => g > SHAKE_THRESHOLD)
+        )
+        .subscribe(() => {
+          const now = Date.now();
+          if (now - this.lastShakeTime > MIN_TIME_BETWEEN_SHAKES) {
+            this.lastShakeTime = now;
+            console.log('TesterFlow: Shake detected!');
+            this.onShake();
+          }
+        }, (error: any) => {
+          console.warn('[iInstall SDK] Error in shake detection subscription:', error);
+        });
+    } catch (e) {
+      console.warn('[iInstall SDK] Failed to start shake detection:', e);
+    }
   }
 
   stop() {