@mindedsolutions/bug-reporter-sdk 0.1.0

package/dist/components/FloatingButton.d.ts

@@ -0,0 +1,5 @@
+interface Props {
+    onPress: () => void;
+}
+export declare function FloatingButton({ onPress }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/FloatingButton.js

@@ -0,0 +1,29 @@
+"use strict";
+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" }) }));
+}
+const styles = react_native_1.StyleSheet.create({
+    button: {
+        position: 'absolute',
+        bottom: 40,
+        right: 20,
+        width: 56,
+        height: 56,
+        borderRadius: 28,
+        backgroundColor: '#6366f1',
+        justifyContent: 'center',
+        alignItems: 'center',
+        elevation: 6,
+        shadowColor: '#000',
+        shadowOffset: { width: 0, height: 3 },
+        shadowOpacity: 0.27,
+        shadowRadius: 4.65,
+    },
+    icon: {
+        fontSize: 24,
+    },
+});

package/dist/components/ReportModal.d.ts

@@ -0,0 +1 @@
+export declare function ReportModal(): import("react/jsx-runtime").JSX.Element;

package/dist/components/ReportModal.js

@@ -0,0 +1,181 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReportModal = ReportModal;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+const supabase_js_1 = require("@supabase/supabase-js");
+const useBugReporter_1 = require("../hooks/useBugReporter");
+const useScreenCapture_1 = require("../hooks/useScreenCapture");
+const useDeviceInfo_1 = require("../hooks/useDeviceInfo");
+const ScreenshotPreview_1 = require("./ScreenshotPreview");
+const constants_1 = require("../constants");
+function ReportModal() {
+    const { config, translations, isModalVisible, closeModal } = (0, useBugReporter_1.useBugReporter)();
+    const { captureScreenshot, uploadScreenshot } = (0, useScreenCapture_1.useScreenCapture)();
+    const { getDeviceInfo, getAppInfo, getNetworkInfo } = (0, useDeviceInfo_1.useDeviceInfo)();
+    const [description, setDescription] = (0, react_1.useState)('');
+    const [category, setCategory] = (0, react_1.useState)(config.defaultCategory ?? 'Bug');
+    const [severity, setSeverity] = (0, react_1.useState)();
+    const [screenshotUri, setScreenshotUri] = (0, react_1.useState)(null);
+    const [isSubmitting, setIsSubmitting] = (0, react_1.useState)(false);
+    const categories = config.categories ?? constants_1.DEFAULT_CATEGORIES;
+    // Capture screenshot when modal opens
+    (0, react_1.useEffect)(() => {
+        if (isModalVisible) {
+            captureScreenshot().then(setScreenshotUri);
+        }
+        else {
+            // Reset form when modal closes
+            setDescription('');
+            setCategory(config.defaultCategory ?? 'Bug');
+            setSeverity(undefined);
+            setScreenshotUri(null);
+            setIsSubmitting(false);
+        }
+    }, [isModalVisible]);
+    const handleSubmit = (0, react_1.useCallback)(async () => {
+        if (!description.trim())
+            return;
+        setIsSubmitting(true);
+        try {
+            const device = getDeviceInfo();
+            const app = getAppInfo();
+            const network = await getNetworkInfo();
+            let screenshotUrl;
+            if (screenshotUri) {
+                const url = await uploadScreenshot(screenshotUri);
+                if (url)
+                    screenshotUrl = url;
+            }
+            const payload = {
+                description: description.trim(),
+                category,
+                severity,
+                screenshot_url: screenshotUrl,
+                device_brand: device.brand,
+                device_model: device.model,
+                device_os: device.os,
+                device_os_version: device.osVersion,
+                app_name: app.name,
+                app_version: app.version,
+                app_build: app.build,
+                network_type: network.type,
+                network_connected: network.connected,
+                current_screen: config.currentScreen,
+                timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
+                custom_data: config.customData,
+                project_id: config.projectId,
+                reported_by: config.userId,
+            };
+            const supabase = (0, supabase_js_1.createClient)(config.supabaseUrl, config.supabaseAnonKey);
+            const { error } = await supabase.from('bug_reports').insert(payload);
+            if (error)
+                throw error;
+            config.onReportSubmitted?.(payload);
+            react_native_1.Alert.alert('', translations.submitSuccess);
+            closeModal();
+        }
+        catch {
+            react_native_1.Alert.alert('', translations.submitError);
+        }
+        finally {
+            setIsSubmitting(false);
+        }
+    }, [description, category, severity, screenshotUri, config, translations, closeModal]);
+    return ((0, jsx_runtime_1.jsx)(react_native_1.Modal, { visible: isModalVisible, animationType: "slide", presentationStyle: "pageSheet", onRequestClose: closeModal, children: (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.container, children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.header, children: [(0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { onPress: closeModal, disabled: isSubmitting, children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.cancelText, children: translations.cancel }) }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.title, children: translations.reportBug }), (0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { onPress: handleSubmit, disabled: isSubmitting || !description.trim(), children: isSubmitting ? ((0, jsx_runtime_1.jsx)(react_native_1.ActivityIndicator, { size: "small", color: "#6366f1" })) : ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.submitText, !description.trim() && styles.disabledText], children: translations.submit })) })] }), (0, jsx_runtime_1.jsxs)(react_native_1.ScrollView, { style: styles.body, contentContainerStyle: styles.bodyContent, keyboardShouldPersistTaps: "handled", children: [screenshotUri && ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.section, children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.label, children: translations.screenshot }), (0, jsx_runtime_1.jsx)(ScreenshotPreview_1.ScreenshotPreview, { uri: screenshotUri, onRemove: () => setScreenshotUri(null), removeLabel: translations.removeScreenshot })] })), (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.section, children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.label, children: translations.description }), (0, jsx_runtime_1.jsx)(react_native_1.TextInput, { style: styles.textInput, value: description, onChangeText: setDescription, placeholder: translations.descriptionPlaceholder, placeholderTextColor: "#9ca3af", multiline: true, numberOfLines: 4, textAlignVertical: "top" })] }), (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.section, children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.label, children: translations.category }), (0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.chipRow, children: categories.map((cat) => ((0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { style: [styles.chip, category === cat && styles.chipActive], onPress: () => setCategory(cat), children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.chipText, category === cat && styles.chipTextActive], children: cat }) }, cat))) })] }), (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.section, children: [(0, jsx_runtime_1.jsxs)(react_native_1.Text, { style: styles.label, children: [translations.severity, " ", (0, jsx_runtime_1.jsxs)(react_native_1.Text, { style: styles.optional, children: ["(", translations.optional, ")"] })] }), (0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.chipRow, children: constants_1.SEVERITIES.map((sev) => {
+                                        const labels = {
+                                            low: translations.severityLow,
+                                            medium: translations.severityMedium,
+                                            high: translations.severityHigh,
+                                            critical: translations.severityCritical,
+                                        };
+                                        return ((0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { style: [styles.chip, severity === sev && styles.chipActive], onPress: () => setSeverity(severity === sev ? undefined : sev), children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.chipText, severity === sev && styles.chipTextActive], children: labels[sev] }) }, sev));
+                                    }) })] })] })] }) }));
+}
+const styles = react_native_1.StyleSheet.create({
+    container: {
+        flex: 1,
+        backgroundColor: '#fff',
+    },
+    header: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        paddingHorizontal: 16,
+        paddingVertical: 14,
+        borderBottomWidth: 1,
+        borderBottomColor: '#e5e7eb',
+    },
+    title: {
+        fontSize: 17,
+        fontWeight: '600',
+        color: '#111827',
+    },
+    cancelText: {
+        fontSize: 16,
+        color: '#6b7280',
+    },
+    submitText: {
+        fontSize: 16,
+        color: '#6366f1',
+        fontWeight: '600',
+    },
+    disabledText: {
+        opacity: 0.4,
+    },
+    body: {
+        flex: 1,
+    },
+    bodyContent: {
+        padding: 16,
+        paddingBottom: 40,
+    },
+    section: {
+        marginBottom: 20,
+    },
+    label: {
+        fontSize: 14,
+        fontWeight: '600',
+        color: '#374151',
+        marginBottom: 8,
+    },
+    optional: {
+        fontWeight: '400',
+        color: '#9ca3af',
+    },
+    textInput: {
+        borderWidth: 1,
+        borderColor: '#d1d5db',
+        borderRadius: 8,
+        padding: 12,
+        fontSize: 15,
+        color: '#111827',
+        minHeight: 100,
+    },
+    chipRow: {
+        flexDirection: 'row',
+        flexWrap: 'wrap',
+        gap: 8,
+    },
+    chip: {
+        paddingHorizontal: 14,
+        paddingVertical: 8,
+        borderRadius: 20,
+        backgroundColor: '#f3f4f6',
+        borderWidth: 1,
+        borderColor: '#e5e7eb',
+    },
+    chipActive: {
+        backgroundColor: '#6366f1',
+        borderColor: '#6366f1',
+    },
+    chipText: {
+        fontSize: 13,
+        color: '#374151',
+        fontWeight: '500',
+    },
+    chipTextActive: {
+        color: '#fff',
+    },
+});

package/dist/components/ScreenshotPreview.d.ts

@@ -0,0 +1,7 @@
+interface Props {
+    uri: string;
+    onRemove: () => void;
+    removeLabel: string;
+}
+export declare function ScreenshotPreview({ uri, onRemove, removeLabel }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ScreenshotPreview.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ScreenshotPreview = ScreenshotPreview;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+function ScreenshotPreview({ uri, onRemove, removeLabel }) {
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.container, children: [(0, jsx_runtime_1.jsx)(react_native_1.Image, { source: { uri }, style: styles.image, resizeMode: "contain" }), (0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { style: styles.removeButton, onPress: onRemove, children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.removeText, children: removeLabel }) })] }));
+}
+const styles = react_native_1.StyleSheet.create({
+    container: {
+        alignItems: 'center',
+        marginVertical: 12,
+    },
+    image: {
+        width: '100%',
+        height: 200,
+        borderRadius: 8,
+        backgroundColor: '#f3f4f6',
+    },
+    removeButton: {
+        marginTop: 8,
+        paddingHorizontal: 12,
+        paddingVertical: 6,
+        borderRadius: 4,
+        backgroundColor: '#ef4444',
+    },
+    removeText: {
+        color: '#fff',
+        fontSize: 13,
+        fontWeight: '600',
+    },
+});

package/dist/constants.d.ts

@@ -0,0 +1,9 @@
+import { BugCategory, BugSeverity } from './types';
+export declare const DEFAULT_SHAKE_THRESHOLD = 1.8;
+export declare const SHAKE_WINDOW_MS = 500;
+export declare const SHAKE_COUNT = 3;
+export declare const SHAKE_COOLDOWN_MS = 2000;
+export declare const DEFAULT_CATEGORIES: BugCategory[];
+export declare const SEVERITIES: BugSeverity[];
+export declare const SCREENSHOT_QUALITY = 0.7;
+export declare const SCREENSHOT_FORMAT: "jpg";

package/dist/constants.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SCREENSHOT_FORMAT = exports.SCREENSHOT_QUALITY = exports.SEVERITIES = exports.DEFAULT_CATEGORIES = exports.SHAKE_COOLDOWN_MS = exports.SHAKE_COUNT = exports.SHAKE_WINDOW_MS = exports.DEFAULT_SHAKE_THRESHOLD = void 0;
+exports.DEFAULT_SHAKE_THRESHOLD = 1.8;
+exports.SHAKE_WINDOW_MS = 500;
+exports.SHAKE_COUNT = 3;
+exports.SHAKE_COOLDOWN_MS = 2000;
+exports.DEFAULT_CATEGORIES = ['Bug', 'Crash', 'UI', 'Performance', 'Feature Request', 'Other'];
+exports.SEVERITIES = ['low', 'medium', 'high', 'critical'];
+exports.SCREENSHOT_QUALITY = 0.7;
+exports.SCREENSHOT_FORMAT = 'jpg';

package/dist/context/BugReporterContext.d.ts

@@ -0,0 +1,12 @@
+import type { RefObject } from 'react';
+import type { View } from 'react-native';
+import type { BugReporterConfig, Translations } from '../types';
+export interface BugReporterContextValue {
+    config: BugReporterConfig;
+    translations: Translations;
+    isModalVisible: boolean;
+    openModal: () => void;
+    closeModal: () => void;
+    viewRef: RefObject<View>;
+}
+export declare const BugReporterContext: import("react").Context<BugReporterContextValue | null>;

package/dist/context/BugReporterContext.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BugReporterContext = void 0;
+const react_1 = require("react");
+exports.BugReporterContext = (0, react_1.createContext)(null);

package/dist/context/BugReporterProvider.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { BugReporterConfig } from '../types';
+interface Props {
+    config: BugReporterConfig;
+    children: React.ReactNode;
+}
+export declare function BugReporterProvider({ config, children }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/context/BugReporterProvider.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BugReporterProvider = BugReporterProvider;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+const BugReporterContext_1 = require("./BugReporterContext");
+const ReportModal_1 = require("../components/ReportModal");
+const FloatingButton_1 = require("../components/FloatingButton");
+const useShakeDetection_1 = require("../hooks/useShakeDetection");
+const i18n_1 = require("../i18n");
+function BugReporterProvider({ config, children }) {
+    const [isModalVisible, setIsModalVisible] = (0, react_1.useState)(false);
+    const viewRef = (0, react_1.useRef)(null);
+    const translations = (0, i18n_1.getTranslations)(config.locale);
+    const openModal = (0, react_1.useCallback)(() => setIsModalVisible(true), []);
+    const closeModal = (0, react_1.useCallback)(() => setIsModalVisible(false), []);
+    (0, useShakeDetection_1.useShakeDetection)({
+        enabled: config.enableShake !== false,
+        threshold: config.shakeThreshold,
+        onShake: openModal,
+    });
+    return ((0, jsx_runtime_1.jsxs)(BugReporterContext_1.BugReporterContext.Provider, { value: { config, translations, isModalVisible, openModal, closeModal, 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, {})] }));
+}
+const styles = react_native_1.StyleSheet.create({
+    container: { flex: 1 },
+});

package/dist/hooks/useBugReporter.d.ts

@@ -0,0 +1,2 @@
+import { BugReporterContextValue } from '../context/BugReporterContext';
+export declare function useBugReporter(): BugReporterContextValue;

package/dist/hooks/useBugReporter.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useBugReporter = useBugReporter;
+const react_1 = require("react");
+const BugReporterContext_1 = require("../context/BugReporterContext");
+function useBugReporter() {
+    const context = (0, react_1.useContext)(BugReporterContext_1.BugReporterContext);
+    if (!context) {
+        throw new Error('useBugReporter must be used within a BugReporterProvider');
+    }
+    return context;
+}

package/dist/hooks/useDeviceInfo.d.ts

@@ -0,0 +1,6 @@
+import type { DeviceInfo, AppInfo, NetworkInfo } from '../types';
+export declare function useDeviceInfo(): {
+    getDeviceInfo: () => DeviceInfo;
+    getAppInfo: () => AppInfo;
+    getNetworkInfo: () => Promise<NetworkInfo>;
+};

package/dist/hooks/useDeviceInfo.js

@@ -0,0 +1,70 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDeviceInfo = useDeviceInfo;
+const react_1 = require("react");
+const Device = __importStar(require("expo-device"));
+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,
+        };
+    }, []);
+    const getAppInfo = (0, react_1.useCallback)(() => {
+        return {
+            name: Application.applicationName,
+            version: Application.nativeApplicationVersion,
+            build: Application.nativeBuildVersion,
+        };
+    }, []);
+    const getNetworkInfo = (0, react_1.useCallback)(async () => {
+        try {
+            const state = await Network.getNetworkStateAsync();
+            return {
+                type: state.type ? String(state.type) : null,
+                connected: state.isConnected ?? false,
+            };
+        }
+        catch {
+            return { type: null, connected: false };
+        }
+    }, []);
+    return { getDeviceInfo, getAppInfo, getNetworkInfo };
+}

package/dist/hooks/useScreenCapture.d.ts

@@ -0,0 +1,4 @@
+export declare function useScreenCapture(): {
+    captureScreenshot: () => Promise<string | null>;
+    uploadScreenshot: (uri: string) => Promise<string | null>;
+};

package/dist/hooks/useScreenCapture.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useScreenCapture = useScreenCapture;
+const react_1 = require("react");
+const react_native_view_shot_1 = require("react-native-view-shot");
+const supabase_js_1 = require("@supabase/supabase-js");
+const useBugReporter_1 = require("./useBugReporter");
+const constants_1 = require("../constants");
+function useScreenCapture() {
+    const { viewRef, config } = (0, useBugReporter_1.useBugReporter)();
+    const captureScreenshot = (0, react_1.useCallback)(async () => {
+        try {
+            if (!viewRef.current)
+                return null;
+            const uri = await (0, react_native_view_shot_1.captureRef)(viewRef.current, {
+                format: constants_1.SCREENSHOT_FORMAT,
+                quality: constants_1.SCREENSHOT_QUALITY,
+            });
+            return uri;
+        }
+        catch {
+            return null;
+        }
+    }, [viewRef, config]);
+    const uploadScreenshot = (0, react_1.useCallback)(async (uri) => {
+        try {
+            const supabase = (0, supabase_js_1.createClient)(config.supabaseUrl, config.supabaseAnonKey);
+            const uniqueId = `${Date.now()}-${Math.random().toString(36).slice(2, 10)}`;
+            const fileName = `${config.projectId}/${uniqueId}.jpg`;
+            const response = await fetch(uri);
+            const blob = await response.blob();
+            const { error } = await supabase.storage
+                .from('screenshots')
+                .upload(fileName, blob, { contentType: 'image/jpeg' });
+            if (error)
+                return null;
+            const { data } = supabase.storage.from('screenshots').getPublicUrl(fileName);
+            return data.publicUrl;
+        }
+        catch {
+            return null;
+        }
+    }, [config]);
+    return { captureScreenshot, uploadScreenshot };
+}

package/dist/hooks/useShakeDetection.d.ts

@@ -0,0 +1,7 @@
+interface UseShakeDetectionOptions {
+    enabled: boolean;
+    threshold?: number;
+    onShake: () => void;
+}
+export declare function useShakeDetection({ enabled, threshold, onShake }: UseShakeDetectionOptions): void;
+export {};

package/dist/hooks/useShakeDetection.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useShakeDetection = useShakeDetection;
+const react_1 = require("react");
+const expo_sensors_1 = require("expo-sensors");
+const constants_1 = require("../constants");
+function useShakeDetection({ enabled, threshold, onShake }) {
+    const shakeThreshold = threshold ?? constants_1.DEFAULT_SHAKE_THRESHOLD;
+    const timestamps = (0, react_1.useRef)([]);
+    const lastShake = (0, react_1.useRef)(0);
+    const onShakeRef = (0, react_1.useRef)(onShake);
+    onShakeRef.current = 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();
+    }, [enabled, shakeThreshold]);
+}

package/dist/i18n/en.d.ts

@@ -0,0 +1,2 @@
+import { Translations } from '../types';
+export declare const en: Translations;

package/dist/i18n/en.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.en = void 0;
+exports.en = {
+    reportBug: 'Report a Bug',
+    description: 'Description',
+    descriptionPlaceholder: 'Describe the issue...',
+    category: 'Category',
+    severity: 'Severity',
+    submit: 'Submit',
+    cancel: 'Cancel',
+    submitting: 'Submitting...',
+    submitSuccess: 'Bug report submitted successfully!',
+    submitError: 'Failed to submit bug report. Please try again.',
+    screenshot: 'Screenshot',
+    removeScreenshot: 'Remove',
+    optional: 'Optional',
+    severityLow: 'Low',
+    severityMedium: 'Medium',
+    severityHigh: 'High',
+    severityCritical: 'Critical',
+};

package/dist/i18n/fr.d.ts

@@ -0,0 +1,2 @@
+import { Translations } from '../types';
+export declare const fr: Translations;

package/dist/i18n/fr.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fr = void 0;
+exports.fr = {
+    reportBug: 'Signaler un bug',
+    description: 'Description',
+    descriptionPlaceholder: 'Décrivez le problème...',
+    category: 'Catégorie',
+    severity: 'Sévérité',
+    submit: 'Envoyer',
+    cancel: 'Annuler',
+    submitting: 'Envoi en cours...',
+    submitSuccess: 'Bug signalé avec succès !',
+    submitError: "Échec de l'envoi. Veuillez réessayer.",
+    screenshot: 'Capture d\'écran',
+    removeScreenshot: 'Supprimer',
+    optional: 'Optionnel',
+    severityLow: 'Faible',
+    severityMedium: 'Moyen',
+    severityHigh: 'Élevé',
+    severityCritical: 'Critique',
+};

package/dist/i18n/index.d.ts

@@ -0,0 +1,2 @@
+import { SupportedLocale, Translations } from '../types';
+export declare function getTranslations(locale?: SupportedLocale): Translations;

package/dist/i18n/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getTranslations = getTranslations;
+const en_1 = require("./en");
+const fr_1 = require("./fr");
+const translations = { en: en_1.en, fr: fr_1.fr };
+function getTranslations(locale = 'en') {
+    return translations[locale] ?? translations.en;
+}

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export { BugReporterProvider } from './context/BugReporterProvider';
+export { useBugReporter } from './hooks/useBugReporter';
+export { FloatingButton } from './components/FloatingButton';
+export type { BugReporterConfig, BugReportPayload, BugCategory, BugSeverity, BugStatus, SupportedLocale, DeviceInfo, AppInfo, NetworkInfo, Translations, } from './types';

package/dist/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FloatingButton = exports.useBugReporter = exports.BugReporterProvider = void 0;
+var BugReporterProvider_1 = require("./context/BugReporterProvider");
+Object.defineProperty(exports, "BugReporterProvider", { enumerable: true, get: function () { return BugReporterProvider_1.BugReporterProvider; } });
+var useBugReporter_1 = require("./hooks/useBugReporter");
+Object.defineProperty(exports, "useBugReporter", { enumerable: true, get: function () { return useBugReporter_1.useBugReporter; } });
+var FloatingButton_1 = require("./components/FloatingButton");
+Object.defineProperty(exports, "FloatingButton", { enumerable: true, get: function () { return FloatingButton_1.FloatingButton; } });

package/dist/types.d.ts

@@ -0,0 +1,73 @@
+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';
+export type SupportedLocale = 'en' | 'fr';
+export interface DeviceInfo {
+    brand: string | null;
+    model: string | null;
+    os: string | null;
+    osVersion: string | null;
+}
+export interface AppInfo {
+    name: string | null;
+    version: string | null;
+    build: string | null;
+}
+export interface NetworkInfo {
+    type: string | null;
+    connected: boolean;
+}
+export interface BugReportPayload {
+    screenshot_url?: string;
+    description: string;
+    category: BugCategory;
+    severity?: BugSeverity;
+    device_brand?: string | null;
+    device_model?: string | null;
+    device_os?: string | null;
+    device_os_version?: string | null;
+    app_name?: string | null;
+    app_version?: string | null;
+    app_build?: string | null;
+    network_type?: string | null;
+    network_connected?: boolean;
+    current_screen?: string;
+    timezone?: string;
+    custom_data?: Record<string, unknown>;
+    project_id: string;
+    reported_by?: string;
+}
+export interface BugReporterConfig {
+    supabaseUrl: string;
+    supabaseAnonKey: string;
+    projectId: string;
+    locale?: SupportedLocale;
+    enableShake?: boolean;
+    shakeThreshold?: number;
+    floatingButton?: boolean;
+    categories?: BugCategory[];
+    defaultCategory?: BugCategory;
+    onReportSubmitted?: (report: BugReportPayload) => void;
+    currentScreen?: string;
+    userId?: string;
+    customData?: Record<string, unknown>;
+}
+export interface Translations {
+    reportBug: string;
+    description: string;
+    descriptionPlaceholder: string;
+    category: string;
+    severity: string;
+    submit: string;
+    cancel: string;
+    submitting: string;
+    submitSuccess: string;
+    submitError: string;
+    screenshot: string;
+    removeScreenshot: string;
+    optional: string;
+    severityLow: string;
+    severityMedium: string;
+    severityHigh: string;
+    severityCritical: string;
+}

package/dist/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/utils/deepMerge.d.ts

@@ -0,0 +1 @@
+export declare function deepMerge<T extends Record<string, unknown>>(target: T, source: Partial<T>): T;

package/dist/utils/deepMerge.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.deepMerge = deepMerge;
+function deepMerge(target, source) {
+    const result = { ...target };
+    for (const key in source) {
+        const sourceVal = source[key];
+        const targetVal = result[key];
+        if (sourceVal &&
+            typeof sourceVal === 'object' &&
+            !Array.isArray(sourceVal) &&
+            targetVal &&
+            typeof targetVal === 'object' &&
+            !Array.isArray(targetVal)) {
+            result[key] = deepMerge(targetVal, sourceVal);
+        }
+        else {
+            result[key] = sourceVal;
+        }
+    }
+    return result;
+}

package/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "@mindedsolutions/bug-reporter-sdk",
+  "version": "0.1.0",
+  "description": "In-app bug reporting SDK for React Native/Expo with shake detection, screenshot capture, and Supabase integration",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/etroadec/bug-reporter"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "tsc",
+    "clean": "rm -rf dist"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-native": ">=0.72",
+    "expo-sensors": ">=13",
+    "react-native-view-shot": ">=3",
+    "expo-device": ">=6",
+    "expo-application": ">=5",
+    "expo-network": ">=6"
+  },
+  "dependencies": {
+    "@supabase/supabase-js": "^2.49.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18",
+    "@types/react-native": "^0.72",
+    "typescript": "^5.5.0"
+  }
+}