react-native-inapp-inspector 2.2.4 → 2.2.6

package/dist/commonjs/components/Inspector/TelemetryConsentModal.js

@@ -1,368 +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.TelemetryConsentModal = void 0;
-const react_1 = __importStar(require("react"));
-const react_native_1 = require("react-native");
-const react_native_svg_1 = __importStar(require("react-native-svg"));
-const BrandSquareIcon_1 = require("../BrandSquareIcon");
-const telemetry_1 = require("../../helpers/telemetry");
-// ─── Inline Crisp SVG Icons ───────────────────────────────────────────────────
-const ShieldCheckSvg = ({ size = 15, color = '#7C3AED' }) => (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
-    <react_native_svg_1.Path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
-    <react_native_svg_1.Path d="M9 12l2 2 4-4" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
-  </react_native_svg_1.default>);
-const CheckSvg = ({ size = 14, color = '#FFFFFF' }) => (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
-    <react_native_svg_1.Path d="M20 6L9 17l-5-5" stroke={color} strokeWidth="2.4" strokeLinecap="round" strokeLinejoin="round"/>
-  </react_native_svg_1.default>);
-const CloseSvg = ({ size = 13, color = '#64748B' }) => (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
-    <react_native_svg_1.Path d="M18 6L6 18M6 6l12 12" stroke={color} strokeWidth="2.2" strokeLinecap="round" strokeLinejoin="round"/>
-  </react_native_svg_1.default>);
-const GearSvg = ({ size = 13, color = '#6366F1' }) => (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
-    <react_native_svg_1.Path d="M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
-    <react_native_svg_1.Path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1Z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
-  </react_native_svg_1.default>);
-const TelemetryConsentModal = () => {
-    const [visible, setVisible] = (0, react_1.useState)(false);
-    const fadeAnim = (0, react_1.useState)(new react_native_1.Animated.Value(0))[0];
-    const scaleAnim = (0, react_1.useState)(new react_native_1.Animated.Value(0.92))[0];
-    (0, react_1.useEffect)(() => {
-        let isMounted = true;
-        (0, telemetry_1.getTelemetryConsentStatus)().then(status => {
-            if (isMounted && status === 'undetermined') {
-                setVisible(true);
-                react_native_1.Animated.parallel([
-                    react_native_1.Animated.timing(fadeAnim, {
-                        toValue: 1,
-                        duration: 250,
-                        useNativeDriver: true,
-                    }),
-                    react_native_1.Animated.spring(scaleAnim, {
-                        toValue: 1,
-                        friction: 8,
-                        tension: 45,
-                        useNativeDriver: true,
-                    }),
-                ]).start();
-            }
-        });
-        return () => {
-            isMounted = false;
-        };
-    }, [fadeAnim, scaleAnim]);
-    const handleDecision = async (granted) => {
-        react_native_1.Animated.parallel([
-            react_native_1.Animated.timing(fadeAnim, {
-                toValue: 0,
-                duration: 180,
-                useNativeDriver: true,
-            }),
-            react_native_1.Animated.timing(scaleAnim, {
-                toValue: 0.92,
-                duration: 180,
-                useNativeDriver: true,
-            }),
-        ]).start(async () => {
-            setVisible(false);
-            await (0, telemetry_1.setTelemetryConsent)(granted);
-            if (granted) {
-                // Immediately trigger the session initialization ping
-                (0, telemetry_1.sendSessionTelemetryPing)({ force: true });
-            }
-        });
-    };
-    if (!visible)
-        return null;
-    return (<react_native_1.Modal transparent visible={visible} animationType="none" statusBarTranslucent>
-      <react_native_1.View style={styles.overlay}>
-        <react_native_1.Animated.View style={[
-            styles.card,
-            {
-                opacity: fadeAnim,
-                transform: [{ scale: scaleAnim }],
-            },
-        ]}>
-          {/* Top-Right Dismiss Icon Button */}
-          <react_native_1.TouchableOpacity style={styles.topCloseButton} onPress={() => handleDecision(false)} hitSlop={10} activeOpacity={0.7}>
-            <CloseSvg size={13} color="#64748B"/>
-          </react_native_1.TouchableOpacity>
-
-          {/* Centered Enlarged Square Brand Icon Header */}
-          <react_native_1.View style={styles.headerSection}>
-            <react_native_1.View style={styles.iconHaloRing}>
-              <BrandSquareIcon_1.BrandSquareIcon size={54}/>
-            </react_native_1.View>
-
-            <react_native_1.Text style={styles.title}>Help Improve In-App Inspector</react_native_1.Text>
-            <react_native_1.Text style={styles.subtitle}>Anonymous Diagnostic Insights</react_native_1.Text>
-
-            {/* Subheading instruction hint badge */}
-            <react_native_1.View style={styles.hintBadge}>
-              <GearSvg size={12} color="#6366F1"/>
-              <react_native_1.Text style={styles.hintBadgeText}>
-                You can enable or disable this anytime in Settings
-              </react_native_1.Text>
-            </react_native_1.View>
-          </react_native_1.View>
-
-          {/* Description */}
-          <react_native_1.Text style={styles.description}>
-            To help us continually enhance tooling performance and compatibility,
-            would you mind sharing anonymous diagnostics (such as React Native
-            version, JavaScript engine, and device architecture)?
-          </react_native_1.Text>
-
-          {/* Privacy Callout Box */}
-          <react_native_1.View style={styles.privacyBadge}>
-            <react_native_1.View style={styles.privacyShieldWrapper}>
-              <ShieldCheckSvg size={15} color="#7C3AED"/>
-            </react_native_1.View>
-            <react_native_1.Text style={styles.privacyText}>
-              <react_native_1.Text style={styles.privacyHighlight}>Privacy Guaranteed:</react_native_1.Text> We
-              strictly collect non-identifiable technical metrics. No user data,
-              passwords, tokens, or network payload bodies are ever captured.
-            </react_native_1.Text>
-          </react_native_1.View>
-
-          {/* Enhanced Action Buttons with Icons */}
-          <react_native_1.View style={styles.buttonRow}>
-            <react_native_1.TouchableOpacity style={styles.declineButton} onPress={() => handleDecision(false)} activeOpacity={0.7}>
-              <CloseSvg size={12} color="#64748B"/>
-              <react_native_1.Text style={styles.declineText}>Not Now</react_native_1.Text>
-            </react_native_1.TouchableOpacity>
-
-            <react_native_1.TouchableOpacity style={styles.allowButton} onPress={() => handleDecision(true)} activeOpacity={0.85}>
-              <CheckSvg size={13} color="#FFFFFF"/>
-              <react_native_1.Text style={styles.allowText}>Allow & Share</react_native_1.Text>
-            </react_native_1.TouchableOpacity>
-          </react_native_1.View>
-        </react_native_1.Animated.View>
-      </react_native_1.View>
-    </react_native_1.Modal>);
-};
-exports.TelemetryConsentModal = TelemetryConsentModal;
-const fontStack = react_native_1.Platform.select({
-    ios: {
-        fontFamily: 'System',
-    },
-    android: {
-        fontFamily: 'sans-serif',
-    },
-    default: {},
-});
-const styles = react_native_1.StyleSheet.create({
-    overlay: {
-        flex: 1,
-        backgroundColor: 'rgba(15, 23, 42, 0.56)',
-        justifyContent: 'center',
-        alignItems: 'center',
-        paddingHorizontal: 20,
-        zIndex: 999999,
-    },
-    card: {
-        width: '100%',
-        maxWidth: 356,
-        backgroundColor: '#FFFFFF',
-        borderRadius: 24,
-        borderWidth: 1,
-        borderColor: '#E2E8F0',
-        paddingHorizontal: 20,
-        paddingTop: 22,
-        paddingBottom: 20,
-        alignItems: 'center',
-        shadowColor: '#0F172A',
-        shadowOffset: { width: 0, height: 16 },
-        shadowOpacity: 0.22,
-        shadowRadius: 32,
-        elevation: 24,
-    },
-    topCloseButton: {
-        position: 'absolute',
-        top: 14,
-        right: 14,
-        width: 28,
-        height: 28,
-        borderRadius: 14,
-        backgroundColor: '#F8FAFC',
-        justifyContent: 'center',
-        alignItems: 'center',
-        borderWidth: 1,
-        borderColor: '#E2E8F0',
-        zIndex: 10,
-    },
-    headerSection: {
-        alignItems: 'center',
-        width: '100%',
-        marginBottom: 4,
-    },
-    iconHaloRing: {
-        width: 66,
-        height: 66,
-        borderRadius: 20,
-        backgroundColor: '#FAF5FF',
-        justifyContent: 'center',
-        alignItems: 'center',
-        borderWidth: 1.5,
-        borderColor: '#F3E8FF',
-        marginBottom: 8,
-        shadowColor: '#7C3AED',
-        shadowOffset: { width: 0, height: 4 },
-        shadowOpacity: 0.16,
-        shadowRadius: 10,
-        elevation: 4,
-    },
-    title: {
-        fontSize: 17,
-        fontWeight: '800',
-        color: '#0F172A',
-        letterSpacing: -0.4,
-        textAlign: 'center',
-        lineHeight: 22,
-        marginBottom: 2,
-        ...fontStack,
-    },
-    subtitle: {
-        fontSize: 11.5,
-        fontWeight: '600',
-        color: '#7C3AED',
-        textAlign: 'center',
-        letterSpacing: 0.2,
-        marginBottom: 6,
-        ...fontStack,
-    },
-    hintBadge: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        justifyContent: 'center',
-        gap: 5,
-        backgroundColor: '#EDE9FE80',
-        borderWidth: 1,
-        borderColor: '#DDD6FE',
-        borderRadius: 7,
-        paddingHorizontal: 8,
-        paddingVertical: 3,
-        marginBottom: 8,
-    },
-    hintBadgeText: {
-        fontSize: 10,
-        fontWeight: '600',
-        color: '#6D28D9',
-        textAlign: 'center',
-        ...fontStack,
-    },
-    description: {
-        fontSize: 12,
-        lineHeight: 17.5,
-        color: '#475569',
-        textAlign: 'center',
-        marginBottom: 12,
-        paddingHorizontal: 2,
-        ...fontStack,
-    },
-    privacyBadge: {
-        flexDirection: 'row',
-        alignItems: 'flex-start',
-        backgroundColor: '#F8FAFC',
-        borderRadius: 12,
-        paddingVertical: 8,
-        paddingHorizontal: 10,
-        borderWidth: 1,
-        borderColor: '#E2E8F0',
-        marginBottom: 14,
-        width: '100%',
-    },
-    privacyShieldWrapper: {
-        marginRight: 7,
-        marginTop: 1,
-    },
-    privacyText: {
-        flex: 1,
-        fontSize: 10.8,
-        lineHeight: 15,
-        color: '#475569',
-        ...fontStack,
-    },
-    privacyHighlight: {
-        fontWeight: '700',
-        color: '#1E293B',
-    },
-    buttonRow: {
-        flexDirection: 'row',
-        justifyContent: 'space-between',
-        alignItems: 'center',
-        gap: 10,
-        width: '100%',
-    },
-    declineButton: {
-        flex: 1,
-        flexDirection: 'row',
-        alignItems: 'center',
-        justifyContent: 'center',
-        gap: 5,
-        paddingVertical: 11,
-        borderRadius: 12,
-        backgroundColor: '#F1F5F9',
-        borderWidth: 1,
-        borderColor: '#E2E8F0',
-    },
-    declineText: {
-        fontSize: 13,
-        fontWeight: '600',
-        color: '#475569',
-        ...fontStack,
-    },
-    allowButton: {
-        flex: 1,
-        flexDirection: 'row',
-        alignItems: 'center',
-        justifyContent: 'center',
-        gap: 5,
-        paddingVertical: 11,
-        borderRadius: 12,
-        backgroundColor: '#7C3AED',
-        shadowColor: '#7C3AED',
-        shadowOffset: { width: 0, height: 3 },
-        shadowOpacity: 0.28,
-        shadowRadius: 6,
-        elevation: 4,
-    },
-    allowText: {
-        fontSize: 13,
-        fontWeight: '700',
-        color: '#FFFFFF',
-        ...fontStack,
-    },
-});
-exports.default = exports.TelemetryConsentModal;

package/dist/commonjs/helpers/telemetry.d.ts

@@ -1,99 +0,0 @@
-export declare const GA4_MEASUREMENT_ID = "G-XXXXXXXXXX";
-export declare const GA4_API_SECRET = "YOUR_GA4_API_SECRET";
-/**
- * Asynchronously loads host application and device metadata (strictly non-PII/technical).
- */
-export declare function loadAppDiagnosticsAsync(): Promise<Record<string, any>>;
-/**
- * Returns the developer's telemetry consent status.
- */
-export declare function getTelemetryConsentStatus(): Promise<'granted' | 'declined' | 'undetermined'>;
-/**
- * Saves the developer's telemetry consent choice.
- */
-export declare function setTelemetryConsent(granted: boolean): Promise<void>;
-/**
- * Checks if the user or environment has opted out of telemetry.
- */
-export declare function isTelemetryOptedOut(explicitSetting?: boolean): boolean;
-/**
- * Track an anonymous event via GA4 Measurement Protocol.
- */
-export declare function trackTelemetryEvent(eventName: string, params?: Record<string, any>, options?: {
-    telemetry?: boolean;
-    force?: boolean;
-}): Promise<void>;
-/**
- * 1. Session initialization heartbeat ping.
- */
-export declare function sendSessionTelemetryPing(options?: {
-    telemetry?: boolean;
-    environment?: string;
-    hasNavigation?: boolean;
-    hasAppIcon?: boolean;
-    force?: boolean;
-}): Promise<void>;
-/**
- * 2. Track when the inspector modal is opened.
- */
-export declare function trackInspectorOpen(options?: {
-    activeTab?: string;
-    openSource?: 'fab' | 'shake' | 'programmatic';
-    telemetry?: boolean;
-}): void;
-/**
- * 3. Track when the inspector modal is closed.
- */
-export declare function trackInspectorClose(options?: {
-    telemetry?: boolean;
-}): void;
-/**
- * 4. Track tab / page view navigation inside the inspector.
- */
-export declare function trackTabSwitch(tabName: string, options?: {
-    telemetry?: boolean;
-    fromTab?: string;
-}): void;
-/**
- * 5. Track network API interaction (inspect details, copy cURL, retry).
- */
-export declare function trackNetworkInteraction(action: 'view_detail' | 'copy_curl' | 'retry_request' | 'copy_url' | 'clear_logs' | 'export_har', options?: {
-    method?: string;
-    statusCode?: number;
-    durationMs?: number;
-    telemetry?: boolean;
-}): void;
-/**
- * 6. Track Redux / State management interaction.
- */
-export declare function trackReduxInteraction(action: 'view_diff' | 'view_state' | 'view_action' | 'filter_reducer', options?: {
-    reducerName?: string;
-    telemetry?: boolean;
-}): void;
-/**
- * 7. Track Crash & Exception interaction.
- */
-export declare function trackCrashInteraction(action: 'view_crash_detail' | 'share_crash_report' | 'copy_stacktrace' | 'clear_crashes', options?: {
-    crashType?: string;
-    telemetry?: boolean;
-}): void;
-/**
- * 8. Track Performance monitoring tab interaction.
- */
-export declare function trackPerformanceInteraction(subTab: 'fps' | 'memory' | 'rerenders' | 'bundles', options?: {
-    telemetry?: boolean;
-}): void;
-/**
- * 9. Track search queries and filter applications.
- */
-export declare function trackSearchOrFilter(target: 'apis' | 'console' | 'redux' | 'crashes' | 'analytics', actionType: 'search_query' | 'status_filter' | 'method_filter' | 'tag_filter', options?: {
-    filterValue?: string;
-    telemetry?: boolean;
-}): void;
-/**
- * 10. Track when logs / reports are exported or shared.
- */
-export declare function trackLogExport(exportType: 'logs_json' | 'logs_har' | 'curl' | 'crash_report', options?: {
-    telemetry?: boolean;
-    count?: number;
-}): void;