@mindedsolutions/bug-reporter-sdk 0.3.1 → 0.3.3

package/dist/components/FeatureBoardModal.d.ts

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

package/dist/components/FeatureBoardModal.js

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FeatureBoardModal = FeatureBoardModal;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const react_native_webview_1 = require("react-native-webview");
+const useBugReporter_1 = require("../hooks/useBugReporter");
+const useFeatureBoard_1 = require("../hooks/useFeatureBoard");
+// Cast to work around React 18/19 JSX type incompatibility
+const WebView = react_native_webview_1.WebView;
+function FeatureBoardModal() {
+    const { translations, isBoardVisible, closeBoard } = (0, useBugReporter_1.useBugReporter)();
+    const { boardUrl } = (0, useFeatureBoard_1.useFeatureBoard)();
+    if (!boardUrl)
+        return null;
+    return ((0, jsx_runtime_1.jsx)(react_native_1.Modal, { visible: isBoardVisible, animationType: "slide", presentationStyle: "fullScreen", onRequestClose: closeBoard, 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: closeBoard, children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.closeText, children: translations.cancel }) }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.title, children: translations.featureBoard }), (0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.placeholder })] }), (0, jsx_runtime_1.jsx)(WebView, { source: { uri: boardUrl }, style: styles.webview, startInLoadingState: true, renderLoading: () => ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.loading, children: (0, jsx_runtime_1.jsx)(react_native_1.ActivityIndicator, { size: "large", color: "#6366f1" }) })) })] }) }));
+}
+const styles = react_native_1.StyleSheet.create({
+    container: {
+        flex: 1,
+        backgroundColor: '#fff',
+    },
+    safeTop: {
+        paddingTop: react_native_1.Platform.OS === 'android' ? react_native_1.StatusBar.currentHeight ?? 44 : 54,
+        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',
+    },
+    closeText: {
+        fontSize: 16,
+        color: '#6b7280',
+    },
+    placeholder: {
+        width: 50,
+    },
+    webview: {
+        flex: 1,
+    },
+    loading: {
+        ...react_native_1.StyleSheet.absoluteFillObject,
+        justifyContent: 'center',
+        alignItems: 'center',
+        backgroundColor: '#fff',
+    },
+});

package/dist/context/BugReporterContext.d.ts

@@ -7,6 +7,9 @@ export interface BugReporterContextValue {
     isModalVisible: boolean;
     openModal: () => void;
     closeModal: () => void;
+    isBoardVisible: boolean;
+    openBoard: () => void;
+    closeBoard: () => void;
     viewRef: RefObject<View>;
 }
 export declare const BugReporterContext: import("react").Context<BugReporterContextValue | null>;

package/dist/context/BugReporterProvider.js

@@ -6,22 +6,26 @@ const react_1 = require("react");
 const react_native_1 = require("react-native");
 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");
 function BugReporterProvider({ config, children }) {
     const [isModalVisible, setIsModalVisible] = (0, react_1.useState)(false);
+    const [isBoardVisible, setIsBoardVisible] = (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), []);
+    const openBoard = (0, react_1.useCallback)(() => setIsBoardVisible(true), []);
+    const closeBoard = (0, react_1.useCallback)(() => setIsBoardVisible(false), []);
     const shakeEnabled = config.enableShake ?? !__DEV__;
     (0, useShakeDetection_1.useShakeDetection)({
         enabled: shakeEnabled,
         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, {})] }));
+    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, {})] }));
 }
 const styles = react_native_1.StyleSheet.create({
     container: { flex: 1 },

package/dist/hooks/useFeatureBoard.d.ts

@@ -1,4 +1,6 @@
 export declare function useFeatureBoard(): {
     boardUrl: string | null;
     openFeatureBoard: () => void;
+    closeFeatureBoard: () => void;
+    isBoardVisible: boolean;
 };

package/dist/hooks/useFeatureBoard.js

@@ -2,10 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useFeatureBoard = useFeatureBoard;
 const react_1 = require("react");
-const react_native_1 = require("react-native");
 const useBugReporter_1 = require("./useBugReporter");
 function useFeatureBoard() {
-    const { config } = (0, useBugReporter_1.useBugReporter)();
+    const { config, openBoard, closeBoard, isBoardVisible } = (0, useBugReporter_1.useBugReporter)();
     const boardUrl = (0, react_1.useMemo)(() => {
         if (!config.featureBoard)
             return null;
@@ -13,10 +12,5 @@ function useFeatureBoard() {
         const url = `${base}/${config.projectId}`;
         return config.userId ? `${url}?voter_id=${encodeURIComponent(config.userId)}` : url;
     }, [config.featureBoard, config.projectId, config.userId]);
-    const openFeatureBoard = (0, react_1.useCallback)(() => {
-        if (boardUrl) {
-            react_native_1.Linking.openURL(boardUrl);
-        }
-    }, [boardUrl]);
-    return { boardUrl, openFeatureBoard };
+    return { boardUrl, openFeatureBoard: openBoard, closeFeatureBoard: closeBoard, isBoardVisible };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mindedsolutions/bug-reporter-sdk",
-  "version": "0.3.1",
+  "version": "0.3.3",
   "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,13 +21,14 @@
     "clean": "rm -rf dist"
   },
   "peerDependencies": {
+    "expo-application": ">=5",
+    "expo-device": ">=6",
+    "expo-network": ">=6",
+    "expo-sensors": ">=13",
     "react": ">=18",
     "react-native": ">=0.72",
-    "expo-sensors": ">=13",
     "react-native-view-shot": ">=3",
-    "expo-device": ">=6",
-    "expo-application": ">=5",
-    "expo-network": ">=6"
+    "react-native-webview": ">=13"
   },
   "dependencies": {
     "@supabase/supabase-js": "^2.49.0"