@mindedsolutions/bug-reporter-sdk 0.3.9 → 0.4.0

package/dist/components/ReportModal.js

@@ -1,17 +1,52 @@
 "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.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 ImagePicker = __importStar(require("expo-image-picker"));
 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");
+const base64_1 = require("../utils/base64");
 function ReportModal() {
-    const { config, translations, isModalVisible, closeModal } = (0, useBugReporter_1.useBugReporter)();
+    const { config, translations, isModalVisible, closeModal, pendingScreenshot } = (0, useBugReporter_1.useBugReporter)();
     const { captureAndUpload } = (0, useScreenCapture_1.useScreenCapture)();
     const { getDeviceInfo, getAppInfo, getNetworkInfo } = (0, useDeviceInfo_1.useDeviceInfo)();
     const [description, setDescription] = (0, react_1.useState)('');
@@ -21,15 +56,21 @@ function ReportModal() {
     const [screenshotUrl, setScreenshotUrl] = (0, react_1.useState)(null);
     const [isSubmitting, setIsSubmitting] = (0, react_1.useState)(false);
     const categories = config.categories ?? constants_1.DEFAULT_CATEGORIES;
-    // Capture screenshot and upload when modal opens
+    // Use pre-captured screenshot if available (shake flow), otherwise capture on open (button flow)
     (0, react_1.useEffect)(() => {
         if (isModalVisible) {
-            captureAndUpload().then((result) => {
-                if (result) {
-                    setScreenshotUri(result.uri);
-                    setScreenshotUrl(result.url || null);
-                }
-            });
+            if (pendingScreenshot) {
+                setScreenshotUri(pendingScreenshot.uri);
+                setScreenshotUrl(pendingScreenshot.url || null);
+            }
+            else {
+                captureAndUpload().then((result) => {
+                    if (result) {
+                        setScreenshotUri(result.uri);
+                        setScreenshotUrl(result.url || null);
+                    }
+                });
+            }
         }
         else {
             // Reset form when modal closes
@@ -41,6 +82,36 @@ function ReportModal() {
             setIsSubmitting(false);
         }
     }, [isModalVisible]);
+    const handlePickImage = (0, react_1.useCallback)(async () => {
+        const result = await ImagePicker.launchImageLibraryAsync({
+            mediaTypes: ['images'],
+            quality: 0.7,
+            base64: true,
+        });
+        if (result.canceled || !result.assets[0])
+            return;
+        const asset = result.assets[0];
+        setScreenshotUri(asset.uri);
+        // Upload to Supabase Storage if base64 is available
+        if (asset.base64) {
+            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 arrayBuffer = (0, base64_1.base64ToArrayBuffer)(asset.base64);
+                const { error } = await supabase.storage
+                    .from('screenshots')
+                    .upload(fileName, arrayBuffer, { contentType: 'image/jpeg' });
+                if (!error) {
+                    const { data } = supabase.storage.from('screenshots').getPublicUrl(fileName);
+                    setScreenshotUrl(data.publicUrl);
+                }
+            }
+            catch {
+                // Upload failed, URI still available for preview
+            }
+        }
+    }, [config]);
     const handleSubmit = (0, react_1.useCallback)(async () => {
         if (!description.trim())
             return;
@@ -84,7 +155,7 @@ function ReportModal() {
             setIsSubmitting(false);
         }
     }, [description, category, severity, screenshotUrl, config, translations, closeModal]);
-    return ((0, jsx_runtime_1.jsx)(react_native_1.Modal, { visible: isModalVisible, animationType: "slide", presentationStyle: "fullScreen", onRequestClose: closeModal, children: (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.container, children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.safeTop }), (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) => {
+    return ((0, jsx_runtime_1.jsx)(react_native_1.Modal, { visible: isModalVisible, animationType: "slide", presentationStyle: "fullScreen", onRequestClose: closeModal, children: (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.container, children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.safeTop }), (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: [(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 }), screenshotUri ? ((0, jsx_runtime_1.jsx)(ScreenshotPreview_1.ScreenshotPreview, { uri: screenshotUri, onRemove: () => { setScreenshotUri(null); setScreenshotUrl(null); }, removeLabel: translations.removeScreenshot })) : null, (0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { style: styles.addImageButton, onPress: handlePickImage, children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.addImageText, children: translations.addImage }) })] }), (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,
@@ -183,4 +254,19 @@ const styles = react_native_1.StyleSheet.create({
     chipTextActive: {
         color: '#fff',
     },
+    addImageButton: {
+        marginTop: 8,
+        paddingVertical: 10,
+        paddingHorizontal: 16,
+        borderRadius: 8,
+        borderWidth: 1,
+        borderColor: '#6366f1',
+        borderStyle: 'dashed',
+        alignItems: 'center',
+    },
+    addImageText: {
+        fontSize: 14,
+        color: '#6366f1',
+        fontWeight: '500',
+    },
 });

package/dist/context/BugReporterContext.d.ts

@@ -1,6 +1,10 @@
 import type { RefObject } from 'react';
 import type { View } from 'react-native';
 import type { BugReporterConfig, Translations } from '../types';
+export interface ScreenshotData {
+    uri: string;
+    url: string;
+}
 export interface BugReporterContextValue {
     config: BugReporterConfig;
     translations: Translations;
@@ -11,5 +15,6 @@ export interface BugReporterContextValue {
     openBoard: () => void;
     closeBoard: () => void;
     viewRef: RefObject<View>;
+    pendingScreenshot: ScreenshotData | null;
 }
 export declare const BugReporterContext: import("react").Context<BugReporterContextValue | null>;

package/dist/context/BugReporterProvider.js

@@ -4,28 +4,71 @@ exports.BugReporterProvider = BugReporterProvider;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const react_native_1 = require("react-native");
+const react_native_view_shot_1 = require("react-native-view-shot");
+const supabase_js_1 = require("@supabase/supabase-js");
 const BugReporterContext_1 = require("./BugReporterContext");
 const ReportModal_1 = require("../components/ReportModal");
 const FeatureBoardModal_1 = require("../components/FeatureBoardModal");
 const FloatingButton_1 = require("../components/FloatingButton");
 const useShakeDetection_1 = require("../hooks/useShakeDetection");
 const i18n_1 = require("../i18n");
+const constants_1 = require("../constants");
+const base64_1 = require("../utils/base64");
 function BugReporterProvider({ config, children }) {
     const [isModalVisible, setIsModalVisible] = (0, react_1.useState)(false);
     const [isBoardVisible, setIsBoardVisible] = (0, react_1.useState)(false);
+    const [pendingScreenshot, setPendingScreenshot] = (0, react_1.useState)(null);
     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), []);
+    const closeModal = (0, react_1.useCallback)(() => {
+        setIsModalVisible(false);
+        setPendingScreenshot(null);
+    }, []);
     const openBoard = (0, react_1.useCallback)(() => setIsBoardVisible(true), []);
     const closeBoard = (0, react_1.useCallback)(() => setIsBoardVisible(false), []);
+    // Capture screenshot BEFORE opening modal to avoid iOS crash.
+    // Uses captureScreen to capture actual displayed pixels instead of view hierarchy,
+    // which avoids capturing the wrong screen in stack navigators.
+    const captureAndOpenModal = (0, react_1.useCallback)(async () => {
+        try {
+            const uri = await (0, react_native_view_shot_1.captureScreen)({
+                format: constants_1.SCREENSHOT_FORMAT,
+                quality: constants_1.SCREENSHOT_QUALITY,
+            });
+            const base64 = await (0, react_native_view_shot_1.captureScreen)({
+                format: constants_1.SCREENSHOT_FORMAT,
+                quality: constants_1.SCREENSHOT_QUALITY,
+                result: 'base64',
+            });
+            // Upload to Supabase Storage
+            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 arrayBuffer = (0, base64_1.base64ToArrayBuffer)(base64);
+            const { error } = await supabase.storage
+                .from('screenshots')
+                .upload(fileName, arrayBuffer, { contentType: 'image/jpeg' });
+            if (error) {
+                setPendingScreenshot({ uri, url: '' });
+            }
+            else {
+                const { data } = supabase.storage.from('screenshots').getPublicUrl(fileName);
+                setPendingScreenshot({ uri, url: data.publicUrl });
+            }
+        }
+        catch {
+            // Screenshot failed — open modal without screenshot
+        }
+        setIsModalVisible(true);
+    }, [config]);
     const shakeEnabled = config.enableShake ?? !__DEV__;
     (0, useShakeDetection_1.useShakeDetection)({
         enabled: shakeEnabled,
         threshold: config.shakeThreshold,
-        onShake: openModal,
+        onShake: captureAndOpenModal,
     });
-    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)(react_native_1.View, { pointerEvents: "box-none", style: react_native_1.StyleSheet.absoluteFill, children: (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, {})] }));
+    return ((0, jsx_runtime_1.jsxs)(BugReporterContext_1.BugReporterContext.Provider, { value: { config, translations, isModalVisible, openModal, closeModal, isBoardVisible, openBoard, closeBoard, viewRef, pendingScreenshot }, 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)(react_native_1.View, { pointerEvents: "box-none", style: react_native_1.StyleSheet.absoluteFill, children: (0, jsx_runtime_1.jsx)(FloatingButton_1.FloatingButton, { onPress: captureAndOpenModal, 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/useScreenCapture.js

@@ -6,50 +6,19 @@ 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 base64ToArrayBuffer(base64) {
-    const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';
-    // Count padding from the original string before stripping
-    let padding = 0;
-    if (base64.endsWith('=='))
-        padding = 2;
-    else if (base64.endsWith('='))
-        padding = 1;
-    // Remove all non-base64 characters (including '=' padding)
-    const clean = base64.replace(/[^A-Za-z0-9+/]/g, '');
-    const len = clean.length;
-    // The byte length formula requires the padded base64 length (multiple of 4).
-    // Since clean has '=' stripped, we add padding back for the calculation.
-    const paddedLen = len + padding;
-    const byteLen = (paddedLen * 3) / 4 - padding;
-    const buffer = new ArrayBuffer(byteLen);
-    const bytes = new Uint8Array(buffer);
-    let p = 0;
-    for (let i = 0; i < len; i += 4) {
-        const a = chars.indexOf(clean[i]);
-        const b = chars.indexOf(clean[i + 1]);
-        const c = chars.indexOf(clean[i + 2]);
-        const d = chars.indexOf(clean[i + 3]);
-        const bits = (a << 18) | (b << 12) | (c << 6) | d;
-        bytes[p++] = (bits >> 16) & 0xff;
-        if (p < byteLen)
-            bytes[p++] = (bits >> 8) & 0xff;
-        if (p < byteLen)
-            bytes[p++] = bits & 0xff;
-    }
-    return buffer;
-}
+const base64_1 = require("../utils/base64");
 function useScreenCapture() {
-    const { viewRef, config } = (0, useBugReporter_1.useBugReporter)();
+    const { config } = (0, useBugReporter_1.useBugReporter)();
     const captureAndUpload = (0, react_1.useCallback)(async () => {
         try {
-            if (!viewRef.current)
-                return null;
-            // Capture as both URI (for preview) and base64 (for upload)
-            const uri = await (0, react_native_view_shot_1.captureRef)(viewRef.current, {
+            // Use captureScreen to capture the actual displayed screen pixels
+            // instead of captureRef which captures the view hierarchy and can
+            // show the wrong screen in stack navigators
+            const uri = await (0, react_native_view_shot_1.captureScreen)({
                 format: constants_1.SCREENSHOT_FORMAT,
                 quality: constants_1.SCREENSHOT_QUALITY,
             });
-            const base64 = await (0, react_native_view_shot_1.captureRef)(viewRef.current, {
+            const base64 = await (0, react_native_view_shot_1.captureScreen)({
                 format: constants_1.SCREENSHOT_FORMAT,
                 quality: constants_1.SCREENSHOT_QUALITY,
                 result: 'base64',
@@ -58,7 +27,7 @@ function useScreenCapture() {
             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 arrayBuffer = base64ToArrayBuffer(base64);
+            const arrayBuffer = (0, base64_1.base64ToArrayBuffer)(base64);
             const { error } = await supabase.storage
                 .from('screenshots')
                 .upload(fileName, arrayBuffer, { contentType: 'image/jpeg' });
@@ -72,6 +41,6 @@ function useScreenCapture() {
         catch {
             return null;
         }
-    }, [viewRef, config]);
+    }, [config]);
     return { captureAndUpload };
 }

package/dist/i18n/en.js

@@ -19,6 +19,7 @@ exports.en = {
     severityMedium: 'Medium',
     severityHigh: 'High',
     severityCritical: 'Critical',
+    addImage: 'Add Image',
     featureBoard: 'Feature Board',
     suggestFeature: 'Suggest a Feature',
 };

package/dist/i18n/fr.js

@@ -19,6 +19,7 @@ exports.fr = {
     severityMedium: 'Moyen',
     severityHigh: 'Élevé',
     severityCritical: 'Critique',
+    addImage: 'Ajouter une image',
     featureBoard: 'Tableau des fonctionnalités',
     suggestFeature: 'Suggérer une fonctionnalité',
 };

package/dist/types.d.ts

@@ -2,7 +2,7 @@ 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';
+export type BugStatus = 'open' | 'in_progress' | 'resolved' | 'test' | 'closed';
 export type SupportedLocale = 'en' | 'fr';
 export type FeatureCategory = 'UI/UX' | 'Performance' | 'New Feature' | 'Integration' | 'Improvement' | 'Other';
 export type FeatureStatus = 'under_review' | 'planned' | 'in_progress' | 'completed' | 'declined';
@@ -79,6 +79,7 @@ export interface Translations {
     severityMedium: string;
     severityHigh: string;
     severityCritical: string;
+    addImage: string;
     featureBoard: string;
     suggestFeature: string;
 }

package/dist/utils/base64.d.ts

@@ -0,0 +1 @@
+export declare function base64ToArrayBuffer(base64: string): ArrayBuffer;

package/dist/utils/base64.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.base64ToArrayBuffer = base64ToArrayBuffer;
+const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';
+function base64ToArrayBuffer(base64) {
+    // Count padding from the original string before stripping
+    let padding = 0;
+    if (base64.endsWith('=='))
+        padding = 2;
+    else if (base64.endsWith('='))
+        padding = 1;
+    // Remove all non-base64 characters (including '=' padding)
+    const clean = base64.replace(/[^A-Za-z0-9+/]/g, '');
+    const len = clean.length;
+    // The byte length formula requires the padded base64 length (multiple of 4).
+    // Since clean has '=' stripped, we add padding back for the calculation.
+    const paddedLen = len + padding;
+    const byteLen = (paddedLen * 3) / 4 - padding;
+    const buffer = new ArrayBuffer(byteLen);
+    const bytes = new Uint8Array(buffer);
+    let p = 0;
+    for (let i = 0; i < len; i += 4) {
+        const a = chars.indexOf(clean[i]);
+        const b = chars.indexOf(clean[i + 1]);
+        const c = chars.indexOf(clean[i + 2]);
+        const d = chars.indexOf(clean[i + 3]);
+        const bits = (a << 18) | (b << 12) | (c << 6) | d;
+        bytes[p++] = (bits >> 16) & 0xff;
+        if (p < byteLen)
+            bytes[p++] = (bits >> 8) & 0xff;
+        if (p < byteLen)
+            bytes[p++] = bits & 0xff;
+    }
+    return buffer;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mindedsolutions/bug-reporter-sdk",
-  "version": "0.3.9",
+  "version": "0.4.0",
   "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",
@@ -23,6 +23,7 @@
   "peerDependencies": {
     "expo-application": ">=5 <8",
     "expo-device": ">=6 <9",
+    "expo-image-picker": ">=15 <17",
     "expo-network": ">=6 <9",
     "expo-sensors": ">=13 <17",
     "react": ">=18",
@@ -36,6 +37,7 @@
   "devDependencies": {
     "@types/react": "^18",
     "@types/react-native": "^0.72",
+    "expo-image-picker": "^55.0.14",
     "typescript": "^5.5.0"
   }
 }