react-native-inapp-inspector 2.3.5 → 2.3.7

package/dist/commonjs/i18n/index.js

@@ -15,9 +15,6 @@ const localeRegistry = {
     en: en_json_1.default,
 };
 let currentLanguage = 'en';
-/**
- * Lightweight nested lookup for translation keys (e.g. "network.headers")
- */
 function lookupKey(obj, path) {
     if (!obj || !path)
         return undefined;
@@ -30,9 +27,6 @@ function lookupKey(obj, path) {
     }
     return current;
 }
-/**
- * Interpolates {{key}} placeholders in string templates
- */
 function interpolate(template, params) {
     if (!params || typeof template !== 'string')
         return template;
@@ -40,9 +34,6 @@ function interpolate(template, params) {
         return params[key] !== undefined ? String(params[key]) : `{{${key}}}`;
     });
 }
-/**
- * Standalone zero-dependency translation function
- */
 function t(key, optionsOrFallback) {
     const activeBundle = localeRegistry[currentLanguage] || localeRegistry.en;
     let raw = lookupKey(activeBundle, key);
@@ -86,18 +77,12 @@ exports.i18n = {
     addTranslations,
     setTranslations,
 };
-/**
- * React hook compatible with react-i18next useTranslation()
- */
 function useTranslation() {
     return {
         t,
         i18n: exports.i18n,
     };
 }
-/**
- * Backward-compatible I18nextProvider component
- */
 const I18nextProvider = ({ children }) => {
     return react_1.default.createElement(react_1.default.Fragment, null, children);
 };

package/dist/commonjs/index.js

@@ -42,41 +42,30 @@ exports.I18nextProvider = exports.setTranslations = exports.addTranslations = ex
 const react_1 = __importStar(require("react"));
 const react_native_1 = require("react-native");
 const native_1 = require("@react-navigation/native");
-// i18n
 const i18n_1 = require("./i18n");
-// Components
 const ErrorBoundary_1 = __importDefault(require("./components/ErrorBoundary"));
 const MainScreen_1 = __importDefault(require("./components/Inspector/MainScreen"));
 const InspectorContext_1 = require("./components/Inspector/InspectorContext");
-// Helpers
 const helpers_1 = require("./helpers");
-// #5 — settings persistence
 const settingsStore_1 = require("./helpers/settingsStore");
 const NativeInspector_1 = require("./native/NativeInspector");
-// Network
 const networkLogger_1 = require("./customHooks/networkLogger");
-// Console
 const consoleLogger_1 = require("./customHooks/consoleLogger");
 const logFilters_1 = require("./customHooks/logFilters");
-// Crash Protection
 const crashHandler_1 = require("./customHooks/crashHandler");
+const telemetry_1 = require("./helpers/telemetry");
 const analyticsLogger_1 = require("./customHooks/analyticsLogger");
 const reduxLogger_1 = require("./customHooks/reduxLogger");
 const performanceTracker_1 = require("./customHooks/performanceTracker");
 const bundleAnalyzer_1 = require("./customHooks/bundleAnalyzer");
 const NativeInspector_2 = require("./native/NativeInspector");
 const constants_1 = require("./constants");
-// Stylesheet
 const styles_1 = require("./styles");
 const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, environment, initialVisible = false, visible: controlledVisible, }) => {
-    // Set custom storage synchronously during render phase
     (0, settingsStore_1.setCustomStorage)(storage || null);
     const [isDark, setIsDark] = (0, react_1.useState)(false);
     const [reduxState, setReduxState] = (0, react_1.useState)(null);
-    // Per-reducer last action is kept in component state so the
-    // Redux tab re-renders live on every dispatch, independent of the state tree ref.
     const [reduxLastActionMap, setReduxLastActionMap] = (0, react_1.useState)({});
-    // Inspector panel height as a percentage of the screen (configurable in Settings).
     const [modalHeightPercent, setModalHeightPercent] = (0, react_1.useState)(90);
     const [modalAnimationType, setModalAnimationType] = (0, react_1.useState)('slide');
     const [logs, setLogs] = (0, react_1.useState)([]);
@@ -118,19 +107,15 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
     const [collapsedSections, setCollapsedSections] = (0, react_1.useState)(new Set());
     const [showHeaderInfo, setShowHeaderInfo] = (0, react_1.useState)(true);
     const [sortOrder, setSortOrder] = (0, react_1.useState)('newest');
-    // #7 — sort order for the Logs (console) tab
     const [logSortOrder, setLogSortOrder] = (0, react_1.useState)('newest');
     const [reqExpanded, setReqExpanded] = (0, react_1.useState)(true);
     const [resExpanded, setResExpanded] = (0, react_1.useState)(true);
     const [showReqDiff, setShowReqDiff] = (0, react_1.useState)(false);
     const [showResDiff, setShowResDiff] = (0, react_1.useState)(false);
-    // ─── Analytics state ───────────────────────────────────────────────────────
     const [activeTab, setActiveTab] = (0, react_1.useState)('apis');
     const [analyticsEvents, setAnalyticsEvents] = (0, react_1.useState)([]);
-    // ─── Logs state ────────────────────────────────────────────────────────────
     const [consoleLogs, setConsoleLogs] = (0, react_1.useState)([]);
     const [selectedLog, setSelectedLog] = (0, react_1.useState)(null);
-    // ─── Pause states ─────────────────────────────────────────────────────────
     const [isNetworkPaused, setIsNetworkPaused] = (0, react_1.useState)(false);
     const isNetworkPausedRef = (0, react_1.useRef)(isNetworkPaused);
     isNetworkPausedRef.current = isNetworkPaused;
@@ -146,7 +131,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
     const [lastReadLogsCount, setLastReadLogsCount] = (0, react_1.useState)(0);
     const [lastReadApisCount, setLastReadApisCount] = (0, react_1.useState)(0);
     const [lastReadCrashesCount, setLastReadCrashesCount] = (0, react_1.useState)(0);
-    // ─── Crash state ───────────────────────────────────────────────────────────
     const [crashRecords, setCrashRecords] = (0, react_1.useState)(() => (0, crashHandler_1.getCrashRecords)());
     const [selectedCrash, setSelectedCrash] = (0, react_1.useState)(null);
     const [maxCrashLogs, setMaxCrashLogs] = (0, react_1.useState)(50);
@@ -213,7 +197,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
     }, [consoleLogs, showConsoleLevels, maxConsoleLogs]);
     const [logSearch, setLogSearch] = (0, react_1.useState)('');
     const [logFilters, setLogFilters] = (0, react_1.useState)(new Set(['user-log']));
-    // ─── Settings state ──────────────────────────────────────────────────────────
     const [settingsPage, setSettingsPage] = (0, react_1.useState)(null);
     const [settingsActiveSubTab, setSettingsActiveSubTab] = (0, react_1.useState)('module');
     const [tabVisibility, setTabVisibility] = (0, react_1.useState)({
@@ -233,11 +216,9 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
     const [deviceFreeRamMb, setDeviceFreeRamMb] = (0, react_1.useState)(1800);
     const [reduxAutoRefresh, setReduxAutoRefreshState] = (0, react_1.useState)(true);
     const [reduxExpandDepth, setReduxExpandDepth] = (0, react_1.useState)(1);
-    // #6 — tab the inspector opens on. Shown with a DEFAULT badge in Settings.
     const [defaultTab, setDefaultTab] = (0, react_1.useState)('apis');
     const [showDuplicateLogs, setShowDuplicateLogs] = (0, react_1.useState)(false);
     const [showUpdateToast, setShowUpdateToast] = (0, react_1.useState)(true);
-    // Synchronize runtime background listeners with active settings
     (0, react_1.useEffect)(() => {
         (0, networkLogger_1.setNetworkModuleEnabled)(!!tabVisibility.apis);
         (0, consoleLogger_1.setConsoleModuleEnabled)(!!tabVisibility.logs);
@@ -247,7 +228,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
         (0, crashHandler_1.setCrashModuleEnabled)(!!tabVisibility.crash);
         (0, bundleAnalyzer_1.setBundleModuleEnabled)(!!tabVisibility.bundle);
     }, [tabVisibility]);
-    // Query native hardware RAM and auto-tune limits if auto-RAM is active
     (0, react_1.useEffect)(() => {
         (0, NativeInspector_1.getNativeSystemMetrics)()
             .then(metrics => {
@@ -301,7 +281,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
         setShowUpdateToast(true);
         react_native_1.Alert.alert('Settings Reset', 'All settings have been reset to default values.');
     };
-    // #5 — hydrate persisted settings once, then auto-save on any change.
     const settingsHydratedRef = (0, react_1.useRef)(false);
     (0, react_1.useEffect)(() => {
         let cancelled = false;
@@ -320,7 +299,7 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
                 setTabVisibility(prev => ({
                     ...prev,
                     ...saved.tabVisibility,
-                    apis: true, // APIs is always required
+                    apis: true,
                 }));
             if (saved.defaultTab)
                 setDefaultTab(saved.defaultTab);
@@ -405,8 +384,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
         reduxExpandDepth,
         showDuplicateLogs,
     ]);
-    // #1 — check NPM for a newer published version; surfaces an animated dot
-    // in the header next to the npm chip when an update is available.
     const [latestNpmVersion, setLatestNpmVersion] = (0, react_1.useState)(null);
     const updateAvailable = (0, react_1.useMemo)(() => {
         if (!latestNpmVersion)
@@ -435,7 +412,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
             }
         })
             .catch(() => {
-            // Offline / blocked — silently skip the update check.
         });
         return () => {
             cancelled = true;
@@ -444,7 +420,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
     (0, react_1.useEffect)(() => {
         (0, reduxLogger_1.setReduxAutoRefresh)(reduxAutoRefresh);
     }, [reduxAutoRefresh]);
-    // Auto-unselect Redux or Analytics tab if module is not connected / available
     (0, react_1.useEffect)(() => {
         if (activeTab === 'redux' && !(0, reduxLogger_1.isReduxConnected)()) {
             setActiveTab('apis');
@@ -467,7 +442,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
                 (0, InspectorContext_1.animateNextLayout)();
                 setActiveTab('apis');
             }
-            // #6 — a hidden module can't be the default landing tab.
             if (!nextVal && defaultTab === key) {
                 setDefaultTab('apis');
             }
@@ -625,12 +599,9 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
                 }
             }
             catch (err) {
-                // Safe check
             }
         };
-        // Initialize state
         updateState();
-        // Listen to changes
         const unsubscribe = typeof navigationRef.addListener === 'function'
             ? navigationRef.addListener('state', () => {
                 updateState();
@@ -648,11 +619,8 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
     const pulseAnim = (0, react_1.useRef)(new react_native_1.Animated.Value(1)).current;
     const activePulseAnim = (0, react_1.useRef)(new react_native_1.Animated.Value(0.4)).current;
     const unreadPulseAnim = (0, react_1.useRef)(new react_native_1.Animated.Value(1)).current;
-    // #4 — diagonal light streak sweeping across the floating launcher
     const fabShineAnim = (0, react_1.useRef)(new react_native_1.Animated.Value(0)).current;
-    // #11 — header "clear all" icon spin/scale animation
     const clearAnim = (0, react_1.useRef)(new react_native_1.Animated.Value(0)).current;
-    // #4 — draggable floating launcher (drag anywhere on screen)
     const fabPan = (0, react_1.useRef)(new react_native_1.Animated.ValueXY({ x: 0, y: 0 })).current;
     const fabPanRef = (0, react_1.useRef)({ x: 0, y: 0 });
     (0, react_1.useEffect)(() => {
@@ -665,8 +633,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
     }, [fabPan]);
     const fabDraggedRef = (0, react_1.useRef)(false);
     const fabPanResponder = (0, react_1.useRef)(react_native_1.PanResponder.create({
-        // Let taps fall through to the launcher; only hijack once the
-        // finger actually moves, so onPress still fires on a tap.
         onStartShouldSetPanResponder: () => false,
         onMoveShouldSetPanResponder: (_e, g) => Math.abs(g.dx) > 4 || Math.abs(g.dy) > 4,
         onPanResponderGrant: () => {
@@ -682,7 +648,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
         }),
         onPanResponderRelease: () => {
             fabPan.flattenOffset();
-            // small delay so the trailing tap (if any) is ignored
             setTimeout(() => {
                 fabDraggedRef.current = false;
             }, 50);
@@ -692,8 +657,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
             fabDraggedRef.current = false;
         },
     })).current;
-    // #2 — scroll-to-top button for the main APIs list, always visible at the
-    // bottom right of the list.
     const runClearAllWithAnimation = (0, react_1.useCallback)(() => {
         react_native_1.Animated.sequence([
             react_native_1.Animated.timing(clearAnim, {
@@ -730,7 +693,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
         loop.start();
         return () => loop.stop();
     }, [pulseAnim]);
-    // #4 — sweep the shine streak across the launcher, pause, repeat.
     (0, react_1.useEffect)(() => {
         const loop = react_native_1.Animated.loop(react_native_1.Animated.sequence([
             react_native_1.Animated.timing(fabShineAnim, {
@@ -782,7 +744,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
     }, [unreadPulseAnim]);
     const isNativeModule = (0, react_1.useMemo)(() => (0, NativeInspector_2.isNativeModuleAvailable)(), []);
     const useNativeFab = (react_native_1.Platform.OS === 'ios' || react_native_1.Platform.OS === 'android') && isNativeModule;
-    // 100% Native Main-Thread Floating Button Lifecycle
     (0, react_1.useEffect)(() => {
         if (!useNativeFab || !enabled) {
             if (useNativeFab) {
@@ -809,7 +770,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
         logs.length,
         analyticsEvents.length,
     ]);
-    // Subscribe to native UI-thread floating button tap events
     (0, react_1.useEffect)(() => {
         if (!useNativeFab)
             return;
@@ -820,7 +780,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
             unsubscribe();
         };
     }, [useNativeFab]);
-    // Subscribe to physical hardware shake events (or Cmd+Ctrl+Z on iOS simulator)
     (0, react_1.useEffect)(() => {
         if (!useNativeFab)
             return;
@@ -832,7 +791,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
         };
     }, [useNativeFab]);
     const isVisibleRefObj = (0, react_1.useRef)(visible);
-    // #6 — every time the inspector is opened, land on chosen default tab & sync latest logs
     (0, react_1.useEffect)(() => {
         isVisibleRefObj.current = visible;
         if (visible) {
@@ -840,7 +798,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
                 ? defaultTab
                 : 'apis';
             setActiveTab(target);
-            // Instant synchronization of data collected while modal was closed
             if (latestNetworkLogsRef.current.length > 0) {
                 const deduped = (0, helpers_1.deduplicateLogs)(latestNetworkLogsRef.current);
                 const incoming = new Set(deduped.map(l => l.id));
@@ -896,8 +853,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
                 setCrashRecords(updated);
             }
         });
-        // Sync crashes recorded before this subscription ran (e.g. a render crash
-        // during the very first commit, which fires before effects are mounted).
         const pendingCrashes = (0, crashHandler_1.getCrashRecords)();
         if (pendingCrashes.length > 0) {
             pendingCrashes.forEach(c => (0, NativeInspector_1.pushNativeLogRecord)('crash', JSON.stringify(c)));
@@ -913,7 +868,7 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
             if (isNetworkPausedRef.current)
                 return;
             if (!isVisibleRef.current)
-                return; // ZERO-RENDER INACTIVE MODE
+                return;
             clearTimeout(timeoutId);
             const updateNetworkState = () => {
                 const deduped = (0, helpers_1.deduplicateLogs)(raw);
@@ -954,7 +909,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
                 timeoutId = setTimeout(updateNetworkState, 250);
             }
         });
-        // ─── Analytics subscription ──────────────────────────────────────────────
         let analyticsTimeoutId;
         let isFirstAnalyticsCall = true;
         const unsubscribeAnalytics = (0, analyticsLogger_1.subscribeAnalyticsEvents)((raw) => {
@@ -965,7 +919,7 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
             if (isAnalyticsPausedRef.current)
                 return;
             if (!isVisibleRef.current)
-                return; // ZERO-RENDER INACTIVE MODE
+                return;
             clearTimeout(analyticsTimeoutId);
             const updateAnalyticsState = () => {
                 const incoming = new Set(raw.map(e => e.id));
@@ -996,7 +950,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
                 analyticsTimeoutId = setTimeout(updateAnalyticsState, 200);
             }
         });
-        // ─── Console subscription ────────────────────────────────────────────────
         let consoleTimeoutId;
         let isFirstConsoleCall = true;
         const unsubscribeConsole = (0, consoleLogger_1.subscribeConsoleLogs)((raw) => {
@@ -1007,7 +960,7 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
             if (isConsolePausedRef.current)
                 return;
             if (!isVisibleRef.current)
-                return; // ZERO-RENDER INACTIVE MODE
+                return;
             clearTimeout(consoleTimeoutId);
             if (isFirstConsoleCall) {
                 isFirstConsoleCall = false;
@@ -1026,7 +979,7 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
         }
         const unsubscribeRedux = (0, reduxLogger_1.subscribeReduxState)(() => {
             if (!isVisibleRef.current)
-                return; // ZERO-RENDER INACTIVE MODE
+                return;
             const freshState = (0, reduxLogger_1.getReduxState)();
             setReduxState(freshState && typeof freshState === 'object' ? { ...freshState } : freshState);
             setReduxLastActionMap({ ...(0, reduxLogger_1.getLastActionForReducer)() });
@@ -1074,7 +1027,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
     }, [selected]);
     const filteredLogs = (0, react_1.useMemo)(() => {
         let result = logs.filter(log => {
-            // 1. Quick Filter Check (All, Errors, Success, Slow, GET, POST, GraphQL)
             if (quickFilter && quickFilter !== 'all') {
                 if (quickFilter === 'errors') {
                     const isErr = log.status === 0 ||
@@ -1107,7 +1059,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
                     }
                 }
             }
-            // 2. Status Filter Check (from filters accordion dropdown)
             if (statusFilters.size > 0) {
                 const matched = [...statusFilters].some(f => {
                     if (f === 'ALL')
@@ -1123,7 +1074,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
                 if (!matched)
                     return false;
             }
-            // 3. Method Filter Check (from filters accordion dropdown)
             if (methodFilters.size > 0) {
                 const matchedMethod = [...methodFilters].some(m => {
                     if (m === 'ALL')
@@ -1133,7 +1083,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
                 if (!matchedMethod)
                     return false;
             }
-            // 4. Advanced Search Query Engine Check with Scope, Regex and Case-Sensitivity
             if (search && search.trim().length > 0) {
                 const routePath = logRouteMapRef.current.get(log.id)?.path || '';
                 const isMatch = (0, helpers_1.matchNetworkLogQuery)(log, search, routePath, {
@@ -1149,7 +1098,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
         if (sortOrder === 'oldest') {
             result = [...result].reverse();
         }
-        // #9 — collapse consecutive identical requests
         if (!showDuplicateLogs) {
             const collapsed = [];
             for (const log of result) {
@@ -1299,7 +1247,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
     const prevResponseData = prevSameRequest ? prevSameRequest.response : null;
     const filteredAnalyticsEvents = (0, react_1.useMemo)(() => {
         let events = analyticsEvents;
-        // Search query filter
         if (analyticsSearch && analyticsSearch.trim().length > 0) {
             const queryTokens = analyticsSearch.trim().toLowerCase().split(/\s+/).filter(Boolean);
             events = events.filter(e => {
@@ -1315,14 +1262,12 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
                 return queryTokens.every(token => searchTarget.includes(token));
             });
         }
-        // Category filter
         if (analyticsFilters.categories.size > 0 && !analyticsFilters.categories.has('all')) {
             events = events.filter(e => {
                 const cat = (0, helpers_1.getEventCategory)(e.name);
                 return analyticsFilters.categories.has(cat);
             });
         }
-        // Time window filter
         if (analyticsFilters.timeWindow !== 'all') {
             const now = Date.now();
             const cutoff = analyticsFilters.timeWindow === '1m'
@@ -1334,11 +1279,9 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
                         : now - 60 * 60 * 1000;
             events = events.filter(e => e.timestamp >= cutoff);
         }
-        // Source filter
         if (analyticsFilters.sources.size > 0 && !analyticsFilters.sources.has('all')) {
             events = events.filter(e => analyticsFilters.sources.has(e.source || 'manual'));
         }
-        // User identification filter
         if (analyticsFilters.userTypes.size > 0 && !analyticsFilters.userTypes.has('all')) {
             events = events.filter(e => {
                 const isIdentified = Boolean(e.userId && e.userId.trim() !== '');
@@ -1349,7 +1292,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
                 return false;
             });
         }
-        // Payload complexity filter
         if (analyticsFilters.payloadComplexity !== 'all') {
             if (analyticsFilters.payloadComplexity === 'none') {
                 events = events.filter(e => !e.params || Object.keys(e.params).length === 0);
@@ -1361,7 +1303,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
                 events = events.filter(e => e.params && Object.keys(e.params).length > 3);
             }
         }
-        // Conversion / Goal events filter
         if (analyticsFilters.onlyConversions) {
             const CONVERSION_PATTERNS = [
                 'purchase',
@@ -1378,7 +1319,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
             ];
             events = events.filter(e => CONVERSION_PATTERNS.some(pat => e.name.toLowerCase().includes(pat)));
         }
-        // Screen filter
         if (analyticsFilters.screens.size > 0) {
             events = events.filter(e => {
                 const scr = e.screenName ||
@@ -1390,24 +1330,19 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
                 return analyticsFilters.screens.has(scr);
             });
         }
-        // Has Revenue filter
         if (analyticsFilters.hasRevenue) {
             events = events.filter(e => (e.params?.value != null && !isNaN(Number(e.params.value))) ||
                 (e.params?.price != null && !isNaN(Number(e.params.price))));
         }
-        // Has Items filter
         if (analyticsFilters.hasItems) {
             events = events.filter(e => Array.isArray(e.params?.items) && e.params.items.length > 0);
         }
-        // Has User Props filter
         if (analyticsFilters.hasUserProps) {
             events = events.filter(e => e.userProperties && Object.keys(e.userProperties).length > 0);
         }
-        // Has Params filter
         if (analyticsFilters.hasParams) {
             events = events.filter(e => e.params && Object.keys(e.params).length > 0);
         }
-        // Deduplication
         const deduplicatedEvents = [];
         for (const e of events) {
             if (deduplicatedEvents.length === 0) {
@@ -1419,7 +1354,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
                 JSON.stringify(last.params) === JSON.stringify(e.params) &&
                 JSON.stringify(last.userProperties) === JSON.stringify(e.userProperties)) {
                 last.count = (last.count || 1) + 1;
-                // Point to the newest timestamp and id
                 last.timestamp = e.timestamp;
                 last.id = e.id;
             }
@@ -1428,11 +1362,9 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
             }
         }
         let result = deduplicatedEvents;
-        // Only duplicates filter
         if (analyticsFilters.onlyDuplicates) {
             result = result.filter(e => (e.count || 1) > 1);
         }
-        // Sorting
         if (analyticsFilters.sortBy === 'time_asc') {
             result = [...result].sort((a, b) => a.timestamp - b.timestamp);
         }
@@ -1450,7 +1382,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
     }, [analyticsEvents, analyticsSearch, analyticsFilters, maxAnalyticsEventsLimit]);
     const filteredConsoleLogs = (0, react_1.useMemo)(() => {
         let result = visibleConsoleLogs;
-        // Filters check
         if (logFilters.size > 0 && !logFilters.has('all')) {
             result = result.filter(log => {
                 if (logFilters.has(log.type))
@@ -1463,7 +1394,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
                 return false;
             });
         }
-        // Comprehensive Search bar check
         if (logSearch && logSearch.trim().length > 0) {
             const queryTokens = logSearch.trim().toLowerCase().split(/\s+/).filter(Boolean);
             result = result.filter(log => {
@@ -1497,12 +1427,9 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
                 });
             });
         }
-        // #7 — apply sort order (newest/oldest first)
         result = [...result].sort((a, b) => logSortOrder === 'newest'
             ? b.timestamp - a.timestamp
             : a.timestamp - b.timestamp);
-        // #9 — collapse consecutive identical messages into one row with a ×N
-        // counter unless duplicates are explicitly enabled in Settings.
         if (!showDuplicateLogs) {
             const collapsed = [];
             for (const log of result) {
@@ -1574,11 +1501,9 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
         setMethodFilters(new Set());
         prevLogIdsRef.current = new Set();
         logRouteMapRef.current = new Map();
-        // Also clear analytics
         (0, analyticsLogger_1.clearAnalyticsEvents)();
         setAnalyticsEvents([]);
         prevEventIdsRef.current = new Set();
-        // Also clear console logs
         (0, consoleLogger_1.clearConsoleLogs)();
         setConsoleLogs([]);
     }
@@ -1642,7 +1567,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
             ]);
             return;
         }
-        // Default: APIs tab. Only clears NETWORK logs — never touches the other tabs.
         if (selectedLogs.size > 0) {
             setLogs(prev => prev.filter(l => !selectedLogs.has(l.id)));
             setSelectedLogs(new Set());
@@ -1658,7 +1582,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
             ]);
         }
     }
-    // Clears ONLY network logs + their derived selection/filter state.
     function clearNetworkOnly() {
         (0, networkLogger_1.clearNetworkLogs)();
         setLogs([]);
@@ -1697,7 +1620,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
         });
     }, []);
     const contextValue = {
-        // ─── Modal / launcher ───────────────────────────────────────────────
         visible,
         setVisible,
         closeModal,
@@ -1712,14 +1634,12 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
         setModalAnimationType,
         hasNavigationContext,
         setNavState,
-        // ─── Tabs ───────────────────────────────────────────────────────────
         activeTab,
         switchActiveTab,
         tabVisibility,
         toggleTabVisibility,
         lastReadApisCount,
         lastReadLogsCount,
-        // ─── Selection / header state ───────────────────────────────────────
         selected,
         setSelected,
         selectedEvent,
@@ -1736,14 +1656,12 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
         activePulseAnim,
         unreadPulseAnim,
         runClearAllWithAnimation,
-        // ─── FAB / launcher ─────────────────────────────────────────────────
         useNativeFab,
         fabPan,
         fabPanResponder,
         fabDraggedRef,
         pulseAnim,
         fabShineAnim,
-        // ─── Network (APIs) ─────────────────────────────────────────────────
         logs,
         filteredLogs,
         groupedData,
@@ -1774,7 +1692,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
         handleDelete,
         isNetworkPaused,
         setIsNetworkPaused,
-        // ─── Network detail ─────────────────────────────────────────────────
         detailTitle,
         detailDisplayUrl,
         apiDetailActiveTab,
@@ -1792,7 +1709,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
         prevRequestData,
         prevResponseData,
         logRouteMapRef,
-        // ─── Console (Logs) ─────────────────────────────────────────────────
         consoleLogs,
         visibleConsoleLogs,
         filteredConsoleLogs,
@@ -1805,7 +1721,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
         setLogSortOrder,
         isConsolePaused,
         setIsConsolePaused,
-        // ─── Analytics ──────────────────────────────────────────────────────
         analyticsEvents,
         filteredAnalyticsEvents,
         analyticsSearch,
@@ -1821,7 +1736,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
         setAnalyticsHeaderExpanded,
         isAnalyticsPaused,
         setIsAnalyticsPaused,
-        // ─── Redux ──────────────────────────────────────────────────────────
         reduxState,
         setReduxState,
         reduxLastActionMap,
@@ -1833,7 +1747,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
         setSelectedReduxAction,
         reduxActiveSubTab,
         setReduxActiveSubTab,
-        // ─── Crash ───────────────────────────────────────────────────────────
         crashRecords,
         setCrashRecords,
         selectedCrash,
@@ -1846,7 +1759,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
             setCrashRecords([]);
             setSelectedCrash(null);
         },
-        // ─── Settings ───────────────────────────────────────────────────────
         settingsActiveSubTab,
         setSettingsActiveSubTab,
         defaultTab,
@@ -1881,15 +1793,22 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
 };
 const NetworkInspectorWrapper = (props) => {
     const enabled = props?.enabled ?? true;
+    const telemetry = props?.telemetry ?? true;
     (0, react_1.useEffect)(() => {
         if (!enabled) {
             (0, NativeInspector_2.hideNativeFloatingButton)().catch(() => { });
+            (0, telemetry_1.setTelemetryEnabled)(false);
+        }
+        else if (telemetry) {
+            (0, telemetry_1.trackActiveTelemetryHeartbeat)(true, props?.environment);
+        }
+        else {
+            (0, telemetry_1.setTelemetryEnabled)(false);
         }
         return () => {
             (0, NativeInspector_2.hideNativeFloatingButton)().catch(() => { });
         };
-    }, [enabled]);
-    // If enabled is false, return null immediately with 0 overhead
+    }, [enabled, telemetry, props?.environment]);
     if (!enabled) {
         return null;
     }
@@ -1900,7 +1819,6 @@ const NetworkInspectorWrapper = (props) => {
     </i18n_1.I18nextProvider>);
 };
 exports.default = NetworkInspectorWrapper;
-// Re-export public APIs
 var networkLogger_2 = require("./customHooks/networkLogger");
 Object.defineProperty(exports, "setupNetworkLogger", { enumerable: true, get: function () { return networkLogger_2.setupNetworkLogger; } });
 Object.defineProperty(exports, "clearNetworkLogs", { enumerable: true, get: function () { return networkLogger_2.clearNetworkLogs; } });