react-native-iinstall 0.2.14 → 0.2.16

package/lib/src/FeedbackModal.js

@@ -1,393 +0,0 @@
-"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.FeedbackModal = void 0;
-const react_1 = __importStar(require("react"));
-const react_native_1 = require("react-native");
-const nativeModules_1 = require("./nativeModules");
-const FeedbackModal = ({ visible, onClose, screenshotUri, videoUri, onStartRecording, apiKey, apiEndpoint }) => {
-    const [description, setDescription] = (0, react_1.useState)('');
-    const [isSending, setIsSending] = (0, react_1.useState)(false);
-    // Audio State
-    const [isRecordingAudio, setIsRecordingAudio] = (0, react_1.useState)(false);
-    const [audioUri, setAudioUri] = (0, react_1.useState)(null);
-    const [audioDuration, setAudioDuration] = (0, react_1.useState)('00:00');
-    const audioRecordingAvailable = (0, nativeModules_1.hasAudioRecordingSupport)();
-    const audioRecorderPlayer = (0, react_1.useRef)((0, nativeModules_1.createAudioRecorderPlayer)()).current;
-    (0, react_1.useEffect)(() => {
-        return () => {
-            // Cleanup
-            if (isRecordingAudio && audioRecorderPlayer) {
-                audioRecorderPlayer.stopRecorder().catch(() => undefined);
-            }
-        };
-    }, [audioRecorderPlayer, isRecordingAudio]);
-    const onStartAudioRecord = async () => {
-        if (!audioRecorderPlayer || !audioRecordingAvailable) {
-            react_native_1.Alert.alert('Audio unavailable', 'Install react-native-audio-recorder-player in your app root, then rebuild the app.');
-            return;
-        }
-        if (react_native_1.Platform.OS === 'android') {
-            try {
-                const grants = await react_native_1.PermissionsAndroid.requestMultiple([
-                    react_native_1.PermissionsAndroid.PERMISSIONS.WRITE_EXTERNAL_STORAGE,
-                    react_native_1.PermissionsAndroid.PERMISSIONS.READ_EXTERNAL_STORAGE,
-                    react_native_1.PermissionsAndroid.PERMISSIONS.RECORD_AUDIO,
-                ]);
-                // Note: Android 13+ might need different permissions for media, but keeping it simple
-                if (grants['android.permission.RECORD_AUDIO'] !== react_native_1.PermissionsAndroid.RESULTS.GRANTED) {
-                    react_native_1.Alert.alert('Permission needed', 'Audio recording permission is required.');
-                    return;
-                }
-            }
-            catch (err) {
-                console.warn(err);
-                return;
-            }
-        }
-        try {
-            const result = await audioRecorderPlayer.startRecorder(undefined, (0, nativeModules_1.getAudioRecordingPreset)());
-            audioRecorderPlayer.addRecordBackListener((e) => {
-                setAudioDuration(audioRecorderPlayer.mmssss(Math.floor(e.currentPosition)));
-                return;
-            });
-            setIsRecordingAudio(true);
-            setAudioUri(null);
-        }
-        catch (error) {
-            console.error('Failed to start recording', error);
-            react_native_1.Alert.alert('Error', 'Could not start audio recording');
-        }
-    };
-    const onStopAudioRecord = async () => {
-        if (!audioRecorderPlayer) {
-            return;
-        }
-        try {
-            const result = await audioRecorderPlayer.stopRecorder();
-            audioRecorderPlayer.removeRecordBackListener();
-            setIsRecordingAudio(false);
-            setAudioUri(result);
-        }
-        catch (error) {
-            console.error('Failed to stop recording', error);
-        }
-    };
-    const resetDraft = () => {
-        setDescription('');
-        setAudioUri(null);
-        setAudioDuration('00:00');
-    };
-    const handleClose = async () => {
-        if (isRecordingAudio && audioRecorderPlayer) {
-            try {
-                await audioRecorderPlayer.stopRecorder();
-            }
-            catch (error) {
-                console.warn('Failed to stop recorder during close', error);
-            }
-            finally {
-                audioRecorderPlayer.removeRecordBackListener();
-                setIsRecordingAudio(false);
-            }
-        }
-        resetDraft();
-        onClose();
-    };
-    const sendFeedback = async () => {
-        if (!description.trim() && !audioUri && !videoUri) {
-            react_native_1.Alert.alert('Please provide a description, audio, or video.');
-            return;
-        }
-        setIsSending(true);
-        try {
-            const formData = new FormData();
-            const normalizeUploadUri = (uri) => {
-                if (react_native_1.Platform.OS === 'ios' && uri.startsWith('/')) {
-                    return `file://${uri}`;
-                }
-                return uri;
-            };
-            // 1. Screenshot
-            if (screenshotUri) {
-                const filename = screenshotUri.split('/').pop();
-                const match = /\.(\w+)$/.exec(filename || '');
-                const type = match ? `image/${match[1]}` : `image/png`;
-                formData.append('screenshot', {
-                    uri: screenshotUri,
-                    name: filename || 'screenshot.png',
-                    type,
-                });
-            }
-            // 2. Audio
-            if (audioUri) {
-                const normalizedAudioUri = normalizeUploadUri(audioUri);
-                formData.append('audio', {
-                    uri: normalizedAudioUri,
-                    name: 'feedback.m4a',
-                    type: 'audio/mp4',
-                });
-            }
-            // 3. Video
-            if (videoUri) {
-                const normalizedVideoUri = normalizeUploadUri(videoUri);
-                const videoFilename = normalizedVideoUri.split('/').pop() || 'screen_record.mp4';
-                const videoType = /\.mov$/i.test(videoFilename) ? 'video/quicktime' : 'video/mp4';
-                formData.append('video', {
-                    uri: normalizedVideoUri,
-                    name: videoFilename,
-                    type: videoType,
-                });
-            }
-            // 4. Metadata
-            const metadata = await (0, nativeModules_1.getDeviceMetadata)();
-            formData.append('metadata', JSON.stringify(metadata));
-            // 5. Other fields
-            formData.append('description', description);
-            formData.append('apiKey', apiKey);
-            const deviceUdid = await (0, nativeModules_1.getDeviceUniqueId)();
-            formData.append('udid', deviceUdid || 'unknown');
-            // 6. Send
-            const response = await fetch(`${apiEndpoint}/api/feedback`, {
-                method: 'POST',
-                body: formData,
-            });
-            const result = await response.json();
-            if (response.ok) {
-                react_native_1.Alert.alert('Success', 'Feedback sent successfully!');
-                resetDraft();
-                onClose();
-            }
-            else {
-                throw new Error(result.error || 'Failed to send');
-            }
-        }
-        catch (error) {
-            console.error('TesterFlow Error:', error);
-            react_native_1.Alert.alert('Error', 'Failed to send feedback. Please try again.');
-        }
-        finally {
-            setIsSending(false);
-        }
-    };
-    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.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>
-            <react_native_1.TouchableOpacity onPress={handleClose}>
-              <react_native_1.Text style={styles.closeBtn}>✕</react_native_1.Text>
-            </react_native_1.TouchableOpacity>
-          </react_native_1.View>
-
-          {/* Media Previews */}
-          <react_native_1.View style={styles.mediaRow}>
-             {/* Screenshot Preview */}
-             {screenshotUri && !videoUri && (<react_native_1.View style={styles.mediaItem}>
-                    <react_native_1.Image source={{ uri: screenshotUri }} style={styles.mediaPreview} resizeMode="cover"/>
-                    <react_native_1.View style={styles.mediaBadge}><react_native_1.Text style={styles.mediaBadgeText}>Screenshot</react_native_1.Text></react_native_1.View>
-                </react_native_1.View>)}
-             
-             {/* Video Preview (Placeholder) */}
-             {videoUri && (<react_native_1.View style={styles.mediaItem}>
-                     <react_native_1.View style={[styles.mediaPreview, { backgroundColor: '#000', justifyContent: 'center', alignItems: 'center' }]}>
-                         <react_native_1.Text style={{ color: '#FFF' }}>▶ Video</react_native_1.Text>
-                     </react_native_1.View>
-                     <react_native_1.View style={styles.mediaBadge}><react_native_1.Text style={styles.mediaBadgeText}>Screen Rec</react_native_1.Text></react_native_1.View>
-                 </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} returnKeyType="done" blurOnSubmit={true} onSubmitEditing={() => react_native_1.Keyboard.dismiss()}/>
-
-          {/* Media Actions Row */}
-          <react_native_1.View style={styles.actionsRow}>
-              {/* Audio Recorder */}
-              <react_native_1.TouchableOpacity style={[
-            styles.actionBtn,
-            isRecordingAudio ? styles.recordingBtn : undefined,
-            audioUri ? styles.hasAudioBtn : undefined,
-            !audioRecordingAvailable ? styles.disabledActionBtn : undefined,
-        ]} onPress={isRecordingAudio ? onStopAudioRecord : onStartAudioRecord} disabled={!audioRecordingAvailable}>
-                  <react_native_1.Text style={[styles.actionBtnText, (isRecordingAudio || audioUri) ? { color: '#FFF' } : undefined]}>
-                      {!audioRecordingAvailable
-            ? '🎙 Audio Unavailable'
-            : isRecordingAudio
-                ? `Stop (${audioDuration})`
-                : audioUri
-                    ? 'Re-record Audio'
-                    : '🎙 Record Audio'}
-                  </react_native_1.Text>
-              </react_native_1.TouchableOpacity>
-
-              {/* Screen Recorder */}
-              {onStartRecording && !videoUri && (<react_native_1.TouchableOpacity style={styles.actionBtn} onPress={onStartRecording}>
-                      <react_native_1.Text style={styles.actionBtnText}>🎥 Record Screen</react_native_1.Text>
-                  </react_native_1.TouchableOpacity>)}
-          </react_native_1.View>
-
-          <react_native_1.TouchableOpacity style={[styles.submitBtn, isSending && styles.disabledBtn]} onPress={sendFeedback} disabled={isSending}>
-            {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.ScrollView>
-       </react_native_1.KeyboardAvoidingView>
-       </react_native_1.TouchableWithoutFeedback>
-    </react_native_1.Modal>);
-};
-exports.FeedbackModal = FeedbackModal;
-const styles = react_native_1.StyleSheet.create({
-    container: {
-        flex: 1,
-        backgroundColor: 'rgba(0,0,0,0.5)',
-        justifyContent: 'flex-end',
-    },
-    scrollContainer: {
-        flexGrow: 1,
-        justifyContent: 'flex-end',
-    },
-    card: {
-        backgroundColor: '#FFF',
-        borderTopLeftRadius: 20,
-        borderTopRightRadius: 20,
-        padding: 20,
-        paddingBottom: 40,
-        maxHeight: '90%',
-    },
-    header: {
-        flexDirection: 'row',
-        justifyContent: 'space-between',
-        alignItems: 'center',
-        marginBottom: 20,
-    },
-    title: {
-        fontSize: 20,
-        fontWeight: 'bold',
-        color: '#000',
-    },
-    closeBtn: {
-        fontSize: 24,
-        color: '#999',
-        padding: 5,
-    },
-    mediaRow: {
-        flexDirection: 'row',
-        marginBottom: 15,
-    },
-    mediaItem: {
-        width: 100,
-        height: 100,
-        borderRadius: 10,
-        overflow: 'hidden',
-        marginRight: 10,
-        position: 'relative',
-    },
-    mediaPreview: {
-        width: '100%',
-        height: '100%',
-    },
-    mediaBadge: {
-        position: 'absolute',
-        bottom: 0,
-        left: 0,
-        right: 0,
-        backgroundColor: 'rgba(0,0,0,0.6)',
-        padding: 4,
-        alignItems: 'center',
-    },
-    mediaBadgeText: {
-        color: '#FFF',
-        fontSize: 10,
-        fontWeight: 'bold',
-    },
-    input: {
-        backgroundColor: '#f9f9f9',
-        borderRadius: 10,
-        padding: 15,
-        height: 100,
-        textAlignVertical: 'top',
-        fontSize: 16,
-        color: '#000',
-        marginBottom: 15,
-    },
-    actionsRow: {
-        flexDirection: 'row',
-        justifyContent: 'space-between',
-        marginBottom: 20,
-    },
-    actionBtn: {
-        flex: 1,
-        backgroundColor: '#f0f0f0',
-        padding: 12,
-        borderRadius: 8,
-        alignItems: 'center',
-        marginHorizontal: 5,
-    },
-    recordingBtn: {
-        backgroundColor: '#ff4444',
-    },
-    hasAudioBtn: {
-        backgroundColor: '#4CAF50',
-    },
-    disabledActionBtn: {
-        opacity: 0.45,
-    },
-    actionBtnText: {
-        fontSize: 14,
-        fontWeight: '600',
-        color: '#333',
-    },
-    submitBtn: {
-        backgroundColor: '#000',
-        borderRadius: 12,
-        padding: 16,
-        alignItems: 'center',
-        marginTop: 10,
-    },
-    disabledBtn: {
-        opacity: 0.7,
-    },
-    submitText: {
-        color: '#FFF',
-        fontSize: 16,
-        fontWeight: 'bold',
-    },
-});

package/lib/src/IInstallWrapper.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-interface IInstallWrapperProps {
-    apiKey: string;
-    apiEndpoint?: string;
-    children?: React.ReactNode;
-    enabled?: boolean;
-    showDebugButton?: boolean;
-    showFloatingButtonOnEmulator?: boolean;
-    floatingButtonLabel?: string;
-    pushToken?: string;
-    autoRegisterPushToken?: boolean;
-    projectId?: string;
-    onPushTokenRegisterError?: (error: string) => void;
-}
-export declare const IInstallWrapper: React.FC<IInstallWrapperProps>;
-export default IInstallWrapper;

package/lib/src/IInstallWrapper.js

@@ -1,18 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.IInstallWrapper = void 0;
-const react_1 = __importDefault(require("react"));
-const index_1 = require("./index");
-// Backward-compatible wrapper. The core IInstall component now handles:
-// - shake gesture on real devices
-// - floating manual trigger button on simulator/emulator
-const IInstallWrapper = ({ apiKey, apiEndpoint = 'https://iinstall.app', children, enabled = true, showDebugButton: _showDebugButton = false, showFloatingButtonOnEmulator = true, floatingButtonLabel = 'Report Issue', pushToken, autoRegisterPushToken = true, projectId, onPushTokenRegisterError, }) => {
-    return (<index_1.IInstall apiKey={apiKey} apiEndpoint={apiEndpoint} enabled={enabled} showFloatingButtonOnEmulator={showFloatingButtonOnEmulator} floatingButtonLabel={floatingButtonLabel} pushToken={pushToken} autoRegisterPushToken={autoRegisterPushToken} projectId={projectId} onPushTokenRegisterError={onPushTokenRegisterError}>
-      {children}
-    </index_1.IInstall>);
-};
-exports.IInstallWrapper = IInstallWrapper;
-exports.default = exports.IInstallWrapper;

package/lib/src/ShakeDetector.d.ts

@@ -1,8 +0,0 @@
-export declare class ShakeDetector {
-    private subscription;
-    private lastShakeTime;
-    private onShake;
-    constructor(onShake: () => void);
-    start(): void;
-    stop(): void;
-}

package/lib/src/ShakeDetector.js

@@ -1,68 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ShakeDetector = void 0;
-/* 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 {
-    subscription = null;
-    lastShakeTime = 0;
-    onShake;
-    constructor(onShake) {
-        this.onShake = onShake;
-        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;
-        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) {
-            this.subscription.unsubscribe();
-            this.subscription = null;
-        }
-    }
-}
-exports.ShakeDetector = ShakeDetector;

package/lib/src/index.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-interface IInstallProps {
-    apiKey: string;
-    apiEndpoint?: string;
-    children?: React.ReactNode;
-    enabled?: boolean;
-    showFloatingButtonOnEmulator?: boolean;
-    floatingButtonLabel?: string;
-    pushToken?: string;
-    autoRegisterPushToken?: boolean;
-    projectId?: string;
-    onPushTokenRegisterError?: (error: string) => void;
-}
-export declare const IInstall: React.FC<IInstallProps>;
-export default IInstall;
-export { IInstallWrapper } from './IInstallWrapper';
-export { registerPushToken, unregisterPushToken, type RegisterPushTokenParams, type UnregisterPushTokenParams, type PushRegistrationResult, type PushPlatform, } from './pushRegistration';