@mindedsolutions/bug-reporter-sdk 0.3.3 → 0.3.5

package/dist/components/FloatingButton.d.ts

@@ -1,5 +1,7 @@
+import { type ViewStyle } from 'react-native';
 interface Props {
     onPress: () => void;
+    style?: ViewStyle;
 }
-export declare function FloatingButton({ onPress }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function FloatingButton({ onPress, style }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/FloatingButton.js

@@ -3,14 +3,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FloatingButton = FloatingButton;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_native_1 = require("react-native");
-function FloatingButton({ onPress }) {
-    return ((0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { style: styles.button, onPress: onPress, activeOpacity: 0.8, children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.icon, children: "\uD83D\uDC1B" }) }));
+function FloatingButton({ onPress, style }) {
+    return ((0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { style: [styles.button, style], onPress: onPress, activeOpacity: 0.8, children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.icon, children: "\uD83D\uDC1B" }) }));
 }
 const styles = react_native_1.StyleSheet.create({
     button: {
         position: 'absolute',
         bottom: 100,
         right: 20,
+        zIndex: 9999,
         width: 56,
         height: 56,
         borderRadius: 28,

package/dist/context/BugReporterProvider.js

@@ -25,7 +25,7 @@ function BugReporterProvider({ config, children }) {
         threshold: config.shakeThreshold,
         onShake: openModal,
     });
-    return ((0, jsx_runtime_1.jsxs)(BugReporterContext_1.BugReporterContext.Provider, { value: { config, translations, isModalVisible, openModal, closeModal, isBoardVisible, openBoard, closeBoard, viewRef }, children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { ref: viewRef, collapsable: false, style: styles.container, children: children }), config.floatingButton !== false && (0, jsx_runtime_1.jsx)(FloatingButton_1.FloatingButton, { onPress: openModal }), (0, jsx_runtime_1.jsx)(ReportModal_1.ReportModal, {}), (0, jsx_runtime_1.jsx)(FeatureBoardModal_1.FeatureBoardModal, {})] }));
+    return ((0, jsx_runtime_1.jsxs)(BugReporterContext_1.BugReporterContext.Provider, { value: { config, translations, isModalVisible, openModal, closeModal, isBoardVisible, openBoard, closeBoard, viewRef }, children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { ref: viewRef, collapsable: false, style: styles.container, children: children }), config.floatingButton !== false && (0, jsx_runtime_1.jsx)(FloatingButton_1.FloatingButton, { onPress: openModal, style: config.floatingButtonStyle }), (0, jsx_runtime_1.jsx)(ReportModal_1.ReportModal, {}), (0, jsx_runtime_1.jsx)(FeatureBoardModal_1.FeatureBoardModal, {})] }));
 }
 const styles = react_native_1.StyleSheet.create({
     container: { flex: 1 },

package/dist/hooks/useDeviceInfo.js

@@ -40,19 +40,29 @@ const Application = __importStar(require("expo-application"));
 const Network = __importStar(require("expo-network"));
 function useDeviceInfo() {
     const getDeviceInfo = (0, react_1.useCallback)(() => {
-        return {
-            brand: Device.brand,
-            model: Device.modelName,
-            os: Device.osName,
-            osVersion: Device.osVersion,
-        };
+        try {
+            return {
+                brand: Device.brand,
+                model: Device.modelName,
+                os: Device.osName,
+                osVersion: Device.osVersion,
+            };
+        }
+        catch {
+            return { brand: null, model: null, os: null, osVersion: null };
+        }
     }, []);
     const getAppInfo = (0, react_1.useCallback)(() => {
-        return {
-            name: Application.applicationName,
-            version: Application.nativeApplicationVersion,
-            build: Application.nativeBuildVersion,
-        };
+        try {
+            return {
+                name: Application.applicationName,
+                version: Application.nativeApplicationVersion,
+                build: Application.nativeBuildVersion,
+            };
+        }
+        catch {
+            return { name: null, version: null, build: null };
+        }
     }, []);
     const getNetworkInfo = (0, react_1.useCallback)(async () => {
         try {

package/dist/hooks/useShakeDetection.js

@@ -13,24 +13,29 @@ function useShakeDetection({ enabled, threshold, onShake }) {
     (0, react_1.useEffect)(() => {
         if (!enabled)
             return;
-        expo_sensors_1.Accelerometer.setUpdateInterval(100);
-        const subscription = expo_sensors_1.Accelerometer.addListener(({ x, y, z }) => {
-            const magnitude = Math.sqrt(x * x + y * y + z * z);
-            if (magnitude < shakeThreshold)
-                return;
-            const now = Date.now();
-            // Cooldown check
-            if (now - lastShake.current < constants_1.SHAKE_COOLDOWN_MS)
-                return;
-            // Add timestamp and clean old ones
-            timestamps.current.push(now);
-            timestamps.current = timestamps.current.filter((t) => now - t < constants_1.SHAKE_WINDOW_MS);
-            if (timestamps.current.length >= constants_1.SHAKE_COUNT) {
-                lastShake.current = now;
-                timestamps.current = [];
-                onShakeRef.current();
-            }
-        });
-        return () => subscription.remove();
+        try {
+            expo_sensors_1.Accelerometer.setUpdateInterval(100);
+            const subscription = expo_sensors_1.Accelerometer.addListener(({ x, y, z }) => {
+                const magnitude = Math.sqrt(x * x + y * y + z * z);
+                if (magnitude < shakeThreshold)
+                    return;
+                const now = Date.now();
+                // Cooldown check
+                if (now - lastShake.current < constants_1.SHAKE_COOLDOWN_MS)
+                    return;
+                // Add timestamp and clean old ones
+                timestamps.current.push(now);
+                timestamps.current = timestamps.current.filter((t) => now - t < constants_1.SHAKE_WINDOW_MS);
+                if (timestamps.current.length >= constants_1.SHAKE_COUNT) {
+                    lastShake.current = now;
+                    timestamps.current = [];
+                    onShakeRef.current();
+                }
+            });
+            return () => subscription.remove();
+        }
+        catch {
+            // Native module not available (e.g. version mismatch)
+        }
     }, [enabled, shakeThreshold]);
 }

package/dist/types.d.ts

@@ -1,3 +1,5 @@
+import type { ViewStyle } from 'react-native';
+type ViewStyleProp = ViewStyle;
 export type BugCategory = 'Bug' | 'Crash' | 'UI' | 'Performance' | 'Feature Request' | 'Other';
 export type BugSeverity = 'low' | 'medium' | 'high' | 'critical';
 export type BugStatus = 'open' | 'in_progress' | 'resolved' | 'closed';
@@ -50,6 +52,7 @@ export interface BugReporterConfig {
     enableShake?: boolean;
     shakeThreshold?: number;
     floatingButton?: boolean;
+    floatingButtonStyle?: ViewStyleProp;
     categories?: BugCategory[];
     defaultCategory?: BugCategory;
     onReportSubmitted?: (report: BugReportPayload) => void;
@@ -79,3 +82,4 @@ export interface Translations {
     featureBoard: string;
     suggestFeature: string;
 }
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mindedsolutions/bug-reporter-sdk",
-  "version": "0.3.3",
+  "version": "0.3.5",
   "description": "In-app bug reporting and feature request SDK for React Native/Expo with shake detection, screenshot capture, feature board, and Supabase integration",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -21,14 +21,14 @@
     "clean": "rm -rf dist"
   },
   "peerDependencies": {
-    "expo-application": ">=5",
-    "expo-device": ">=6",
-    "expo-network": ">=6",
-    "expo-sensors": ">=13",
+    "expo-application": ">=5 <8",
+    "expo-device": ">=6 <9",
+    "expo-network": ">=6 <8",
+    "expo-sensors": ">=13 <16",
     "react": ">=18",
     "react-native": ">=0.72",
-    "react-native-view-shot": ">=3",
-    "react-native-webview": ">=13"
+    "react-native-view-shot": ">=3 <5",
+    "react-native-webview": ">=13 <14"
   },
   "dependencies": {
     "@supabase/supabase-js": "^2.49.0"