react-native-inapp-inspector 2.2.4 → 2.2.6

package/src/components/Inspector/SettingsPanel.tsx

@@ -31,11 +31,6 @@ import {isReduxConnected} from '../../customHooks/reduxLogger';
 import {isAnalyticsConnected} from '../../customHooks/analyticsLogger';
 import {useTranslation} from '../../i18n';
 import {ActiveTab} from '../../types';
-import {
-  getTelemetryConsentStatus,
-  setTelemetryConsent,
-  sendSessionTelemetryPing,
-} from '../../helpers/telemetry';
 import {
   SignalIcon,
   TerminalIcon,
@@ -121,22 +116,6 @@ const SettingsPanel = () => {
   } = useInspector();
 
   const [stagedHeight, setStagedHeight] = useState(modalHeightPercent);
-  const [telemetryConsent, setTelemetryConsentState] = useState<boolean>(true);
-
-  useEffect(() => {
-    getTelemetryConsentStatus().then(status => {
-      setTelemetryConsentState(status === 'granted');
-    });
-  }, []);
-
-  const handleToggleTelemetry = async () => {
-    const nextVal = !telemetryConsent;
-    setTelemetryConsentState(nextVal);
-    await setTelemetryConsent(nextVal);
-    if (nextVal) {
-      sendSessionTelemetryPing({force: true});
-    }
-  };
 
   useEffect(() => {
     setStagedHeight(modalHeightPercent);
@@ -1679,112 +1658,7 @@ const SettingsPanel = () => {
               </View>
             </View>
 
-            {/* Section 4: Privacy & Diagnostics */}
-            <View
-              style={{
-                backgroundColor: AppColors.primaryLight,
-                borderRadius: 14,
-                borderWidth: 1,
-                borderColor: AppColors.grayBorderSecondary,
-                overflow: 'hidden',
-                padding: 14,
-                gap: 12,
-              }}>
-              <Text
-                style={{
-                  fontFamily: AppFonts.interBold,
-                  fontSize: 11,
-                  lineHeight: 14,
-                  color: AppColors.grayTextWeak,
-                  letterSpacing: 0.8,
-                }}>
-                PRIVACY & ANONYMOUS DIAGNOSTICS
-              </Text>
-
-              <View
-                style={{
-                  flexDirection: 'row',
-                  alignItems: 'center',
-                  justifyContent: 'space-between',
-                }}>
-                <View
-                  style={{
-                    flexDirection: 'row',
-                    alignItems: 'center',
-                    gap: 10,
-                    flex: 1,
-                    marginRight: 10,
-                  }}>
-                  <View
-                    style={{
-                      width: 32,
-                      height: 32,
-                      borderRadius: 8,
-                      backgroundColor: AppColors.purpleShade50,
-                      alignItems: 'center',
-                      justifyContent: 'center',
-                    }}>
-                    <ShieldAlertIcon color={AppColors.purple} size={15} />
-                  </View>
-                  <View style={{flex: 1}}>
-                    <Text
-                      style={{
-                        fontFamily: AppFonts.interBold,
-                        fontSize: 13.5,
-                        lineHeight: 18,
-                        color: AppColors.primaryBlack,
-                      }}>
-                      Help Improve In-App Inspector
-                    </Text>
-                    <Text
-                      style={{
-                        fontFamily: AppFonts.interRegular,
-                        fontSize: 11,
-                        lineHeight: 15,
-                        color: AppColors.grayText,
-                        marginTop: 1,
-                      }}>
-                      Share non-identifiable technical metrics (RN version, JS
-                      engine, device model). No user data or network payloads
-                      are captured.
-                    </Text>
-                  </View>
-                </View>
-
-                <TouchableScale
-                  accessible={true}
-                  accessibilityRole="switch"
-                  accessibilityLabel="Toggle Anonymous Telemetry"
-                  accessibilityState={{checked: telemetryConsent}}
-                  onPress={handleToggleTelemetry}
-                  style={{
-                    width: 42,
-                    height: 24,
-                    borderRadius: 12,
-                    backgroundColor: telemetryConsent
-                      ? AppColors.purple
-                      : AppColors.grayBorderSecondary,
-                    padding: 2,
-                    justifyContent: 'center',
-                    alignItems: telemetryConsent ? 'flex-end' : 'flex-start',
-                  }}>
-                  <View
-                    style={{
-                      width: 20,
-                      height: 20,
-                      borderRadius: 10,
-                      backgroundColor: AppColors.white,
-                      shadowColor: AppColors.black,
-                      shadowOpacity: 0.18,
-                      shadowRadius: 2,
-                      shadowOffset: {width: 0, height: 1},
-                    }}
-                  />
-                </TouchableScale>
-              </View>
-            </View>
-
-            {/* Section 5: Notifications & Toasts */}
+            {/* Section 4: Notifications & Toasts */}
             <View
               style={{
                 backgroundColor: AppColors.primaryLight,
@@ -1888,7 +1762,7 @@ const SettingsPanel = () => {
               </View>
             </View>
 
-            {/* Section 6: NPM Package & Updates */}
+            {/* Section 5: NPM Package & Updates */}
             <View
               style={{
                 backgroundColor: AppColors.primaryLight,

package/src/constants/version.ts

@@ -1,3 +1,3 @@
 // AUTO-GENERATED FILE — do not edit by hand.
 // Regenerated from package.json on every build by scripts/gen-version.js.
-export const LIB_VERSION = '2.2.4';
+export const LIB_VERSION = '2.2.6';

package/src/helpers/index.ts

@@ -23,7 +23,6 @@ import {
   StackFrameType,
 } from '../types';
 export * from './searchQueryParser';
-export * from './telemetry';
 export * from './memoryManager';
 
 export const getDomainColor = (domain: string): string => {

package/src/index.tsx

@@ -30,13 +30,6 @@ import {
   getDomainColor,
   getEventCategory,
   matchNetworkLogQuery,
-  sendSessionTelemetryPing,
-  trackTelemetryEvent,
-  trackInspectorOpen,
-  trackTabSwitch,
-  trackLogExport,
-  GA4_MEASUREMENT_ID,
-  GA4_API_SECRET,
   setupMemoryWarningHandler,
   pruneAllLogs,
   subscribeMemoryWarning,
@@ -920,14 +913,7 @@ const NetworkInspector = ({
   const useNativeFab =
     (Platform.OS === 'ios' || Platform.OS === 'android') && isNativeModule;
 
-  // Send anonymous initialization heartbeat to GA4 Measurement Protocol
-  useEffect(() => {
-    sendSessionTelemetryPing({
-      environment,
-      hasNavigation: Boolean(navigationRef),
-      hasAppIcon: Boolean(appIcon),
-    });
-  }, [environment, navigationRef, appIcon]);
+
 
   // 100% Native Main-Thread Floating Button Lifecycle
   useEffect(() => {
@@ -989,8 +975,7 @@ const NetworkInspector = ({
           : 'apis';
       setActiveTab(target);
 
-      // Track inspector opened event in GA4
-      trackInspectorOpen({activeTab: target});
+
 
       // Instant synchronization of data collected while modal was closed
       if (latestNetworkLogsRef.current.length > 0) {
@@ -2263,13 +2248,6 @@ export {
 } from './native/NativeInspector';
 
 export {
-  sendSessionTelemetryPing,
-  trackTelemetryEvent,
-  trackInspectorOpen,
-  trackTabSwitch,
-  trackLogExport,
-  GA4_MEASUREMENT_ID,
-  GA4_API_SECRET,
   setupMemoryWarningHandler,
   pruneAllLogs,
   subscribeMemoryWarning,

package/src/native/NativeInspector.ts

@@ -1,4 +1,9 @@
-import {NativeModules, NativeEventEmitter, Platform} from 'react-native';
+import {
+  NativeModules,
+  NativeEventEmitter,
+  DeviceEventEmitter,
+  Platform,
+} from 'react-native';
 import NativeNetworkInspector from './NativeNetworkInspector';
 
 export interface NativeDeviceMetrics {
@@ -44,12 +49,16 @@ export const isNativeModuleAvailable = (): boolean => {
   return !!NativeModule;
 };
 
-const eventTarget: any =
-  NativeModules.NetworkInspectorModule || NativeNetworkInspector;
+const getNativeEmitter = () => {
+  try {
+    if (NativeModules && NativeModules.NetworkInspectorModule) {
+      return new NativeEventEmitter(NativeModules.NetworkInspectorModule);
+    }
+  } catch (e) {}
+  return null;
+};
 
-const nativeEmitter = eventTarget
-  ? new NativeEventEmitter(eventTarget)
-  : null;
+const nativeEmitter = getNativeEmitter();
 
 /**
  * Retrieves low-level native hardware and system metrics (RAM, Heap, Disk, Battery, CPU).
@@ -93,17 +102,27 @@ export const enableNativeCrashProtection = async (options?: {
 export const subscribeNativeCrashes = (
   callback: (event: NativeCrashEvent) => void,
 ): (() => void) => {
-  if (!nativeEmitter) {
-    return () => {};
-  }
+  const cleanups: Array<() => void> = [];
+
   try {
-    const subscription = nativeEmitter.addListener('onNativeCrash', callback);
-    return () => {
-      subscription.remove();
-    };
-  } catch (e) {
-    return () => {};
+    const sub1 = DeviceEventEmitter.addListener('onNativeCrash', callback);
+    cleanups.push(() => sub1.remove());
+  } catch (e) {}
+
+  if (nativeEmitter) {
+    try {
+      const sub2 = nativeEmitter.addListener('onNativeCrash', callback);
+      cleanups.push(() => sub2.remove());
+    } catch (e) {}
   }
+
+  return () => {
+    cleanups.forEach(fn => {
+      try {
+        fn();
+      } catch (e) {}
+    });
+  };
 };
 
 export interface FloatingButtonOptions {
@@ -168,20 +187,33 @@ export const setNativeFloatingButtonBadge = async (
 export const subscribeNativeFloatingButtonPress = (
   callback: () => void,
 ): (() => void) => {
-  if (!nativeEmitter) {
-    return () => {};
-  }
+  const cleanups: Array<() => void> = [];
+
   try {
-    const subscription = nativeEmitter.addListener(
+    const sub1 = DeviceEventEmitter.addListener(
       'onFloatingButtonPress',
       callback,
     );
-    return () => {
-      subscription.remove();
-    };
-  } catch (e) {
-    return () => {};
+    cleanups.push(() => sub1.remove());
+  } catch (e) {}
+
+  if (nativeEmitter) {
+    try {
+      const sub2 = nativeEmitter.addListener(
+        'onFloatingButtonPress',
+        callback,
+      );
+      cleanups.push(() => sub2.remove());
+    } catch (e) {}
   }
+
+  return () => {
+    cleanups.forEach(fn => {
+      try {
+        fn();
+      } catch (e) {}
+    });
+  };
 };
 
 /**

package/dist/commonjs/components/Inspector/TelemetryConsentModal.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-export declare const TelemetryConsentModal: () => React.JSX.Element;
-export default TelemetryConsentModal;