react-native-inapp-inspector 2.3.15 → 2.3.17

package/dist/commonjs/helpers/index.js

@@ -17,7 +17,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getRuntimeDiagnostics = exports.getCategoryColors = exports.registerGAPlugin = exports.getEventCategory = exports.getEventColor = exports.ANALYTICS_EVENT_PALETTE = exports.openInVSCode = exports.parseStackLine = exports.getJsonPreviewText = exports.getJsonContent = exports.formatGap = exports.formatTime = exports.formatTimeShort = exports.handleOpenExternalLink = exports.getAppVersionAndBuild = exports.getAppName = exports.getBundleIdentifier = exports.formatDateTimeToAnalytics = exports.isAllValuesEmpty = exports.getLocalizedFilePathWithSlash = exports.getLocalizedFilePath = exports.formatDisplayUrl = exports.getDiff = exports.flattenObject = exports.getLogPageName = exports.getNavigationInfo = exports.escapeRegex = exports.deduplicateLogs = exports.getFetchCommand = exports.getCurlCommand = exports.getBaseUrl = exports.getPath = exports.copyToClipboard = exports.getSize = exports.getDurationColor = exports.getStatusColor = exports.formatTimestamp = exports.formatDateTime = exports.getDomainColor = exports.isLocalDebugEnvironment = void 0;
+exports.getRuntimeDiagnostics = exports.getCategoryColors = exports.registerGAPlugin = exports.getEventCategory = exports.getEventColor = exports.ANALYTICS_EVENT_PALETTE = exports.openInVSCode = exports.parseStackLine = exports.getJsonPreviewText = exports.getJsonContent = exports.formatGap = exports.formatTime = exports.formatTimeShort = exports.handleOpenExternalLink = exports.getAppVersionAndBuild = exports.getAppName = exports.getBundleIdentifier = exports.formatDateTimeToAnalytics = exports.isAllValuesEmpty = exports.getLocalizedFilePathWithSlash = exports.getLocalizedFilePath = exports.formatDisplayUrl = exports.getDiff = exports.flattenObject = exports.getLogPageName = exports.getNavigationInfo = exports.escapeRegex = exports.deduplicateLogs = exports.getFetchCommand = exports.getCurlCommand = exports.getBaseUrl = exports.getPath = exports.copyToClipboard = exports.formatBytes = exports.getSize = exports.getDurationColor = exports.getStatusColor = exports.formatTimestamp = exports.formatDateTime = exports.getDomainColor = exports.isLocalDebugEnvironment = void 0;
 const react_native_1 = require("react-native");
 const clipboard_1 = __importDefault(require("@react-native-clipboard/clipboard"));
 const toast_1 = require("./toast");
@@ -25,6 +25,7 @@ const AppColors_1 = require("../styles/AppColors");
 const constants_1 = require("../constants");
 __exportStar(require("./searchQueryParser"), exports);
 __exportStar(require("./memoryManager"), exports);
+__exportStar(require("./toast"), exports);
 const isLocalDebugEnvironment = () => {
     const isDev = typeof __DEV__ !== 'undefined' && Boolean(__DEV__);
     const scriptURL = react_native_1.NativeModules.SourceCode?.scriptURL || '';
@@ -103,6 +104,15 @@ const getSize = (data) => {
     }
 };
 exports.getSize = getSize;
+const formatBytes = (bytes) => {
+    if (bytes === 0 || !bytes || isNaN(bytes))
+        return '0 B';
+    const k = 1024;
+    const sizes = ['B', 'KB', 'MB', 'GB'];
+    const i = Math.floor(Math.log(bytes) / Math.log(k));
+    return `${parseFloat((bytes / Math.pow(k, i)).toFixed(1))} ${sizes[i] || 'B'}`;
+};
+exports.formatBytes = formatBytes;
 const copyToClipboard = (value, label) => {
     const resolved = typeof value === 'function' ? value() : value;
     let textToCopy = '';

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

@@ -0,0 +1,4 @@
+import { ActiveTab } from '../types';
+export declare function getFirebaseRemoteConfig(customInstance?: any): any;
+export declare function isFirebaseRemoteConfigAvailable(customInstance?: any): boolean;
+export declare function fetchRemoteConfigModuleStatus(customInstance?: any, fetchTimeoutMs?: number): Promise<Partial<Record<ActiveTab, boolean>> | null>;

package/dist/commonjs/helpers/remoteConfig.js

@@ -0,0 +1,165 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getFirebaseRemoteConfig = getFirebaseRemoteConfig;
+exports.isFirebaseRemoteConfigAvailable = isFirebaseRemoteConfigAvailable;
+exports.fetchRemoteConfigModuleStatus = fetchRemoteConfigModuleStatus;
+const MODULE_KEYS = [
+    'apis',
+    'logs',
+    'analytics',
+    'redux',
+    'storage',
+    'device',
+    'crash',
+    'bundle',
+    'performance',
+    'debugging',
+];
+let cachedRemoteConfigInstance = null;
+function getFirebaseRemoteConfig(customInstance) {
+    if (customInstance && typeof customInstance === 'object') {
+        cachedRemoteConfigInstance = customInstance;
+        return customInstance;
+    }
+    if (cachedRemoteConfigInstance) {
+        return cachedRemoteConfigInstance;
+    }
+    try {
+        const rcModule = require('@react-native-firebase/remote-config');
+        const instance = typeof rcModule.default === 'function'
+            ? rcModule.default()
+            : typeof rcModule === 'function'
+                ? rcModule()
+                : rcModule;
+        cachedRemoteConfigInstance = instance;
+        return instance;
+    }
+    catch {
+        return null;
+    }
+}
+function isFirebaseRemoteConfigAvailable(customInstance) {
+    return Boolean(getFirebaseRemoteConfig(customInstance));
+}
+function extractValue(val) {
+    if (val === null || val === undefined)
+        return undefined;
+    if (typeof val === 'boolean')
+        return val;
+    if (typeof val === 'number')
+        return val !== 0;
+    if (typeof val === 'string') {
+        const lower = val.trim().toLowerCase();
+        if (lower === 'true' || lower === '1' || lower === 'enabled' || lower === 'on')
+            return true;
+        if (lower === 'false' || lower === '0' || lower === 'disabled' || lower === 'off')
+            return false;
+        try {
+            return JSON.parse(val);
+        }
+        catch {
+            return undefined;
+        }
+    }
+    if (typeof val.asBoolean === 'function') {
+        return val.asBoolean();
+    }
+    if (typeof val.asString === 'function') {
+        const str = val.asString();
+        const lower = str.trim().toLowerCase();
+        if (lower === 'true' || lower === '1' || lower === 'enabled' || lower === 'on')
+            return true;
+        if (lower === 'false' || lower === '0' || lower === 'disabled' || lower === 'off')
+            return false;
+        try {
+            return JSON.parse(str);
+        }
+        catch {
+            return undefined;
+        }
+    }
+    return undefined;
+}
+async function fetchRemoteConfigModuleStatus(customInstance, fetchTimeoutMs = 8000) {
+    const rc = getFirebaseRemoteConfig(customInstance);
+    if (!rc) {
+        return null;
+    }
+    try {
+        const fetchPromise = (async () => {
+            if (typeof rc.fetchAndActivate === 'function') {
+                await rc.fetchAndActivate();
+            }
+            else {
+                if (typeof rc.fetch === 'function') {
+                    await rc.fetch();
+                }
+                if (typeof rc.activate === 'function') {
+                    await rc.activate();
+                }
+            }
+        })();
+        const timeoutPromise = new Promise((_, reject) => setTimeout(() => reject(new Error('Remote Config fetch timeout')), fetchTimeoutMs));
+        await Promise.race([fetchPromise, timeoutPromise]).catch(() => {
+        });
+        const result = {};
+        const jsonKeys = [
+            'inspector_modules',
+            'inapp_inspector_modules',
+            'react_native_inapp_inspector_modules',
+        ];
+        for (const jKey of jsonKeys) {
+            let rawVal;
+            if (typeof rc.getValue === 'function') {
+                try {
+                    rawVal = rc.getValue(jKey);
+                }
+                catch { }
+            }
+            else if (rc[jKey] !== undefined) {
+                rawVal = rc[jKey];
+            }
+            const parsed = extractValue(rawVal);
+            if (parsed && typeof parsed === 'object') {
+                for (const modKey of MODULE_KEYS) {
+                    if (typeof parsed[modKey] === 'boolean') {
+                        result[modKey] = parsed[modKey];
+                    }
+                }
+            }
+        }
+        for (const modKey of MODULE_KEYS) {
+            const paramKeys = [
+                `inspector_module_${modKey}`,
+                `inapp_inspector_${modKey}`,
+                `inspector_${modKey}`,
+                `inapp_inspector_module_${modKey}`,
+                `rn_inspector_${modKey}`,
+            ];
+            for (const pKey of paramKeys) {
+                let rawVal;
+                if (typeof rc.getValue === 'function') {
+                    try {
+                        rawVal = rc.getValue(pKey);
+                    }
+                    catch { }
+                }
+                else if (rc[pKey] !== undefined) {
+                    rawVal = rc[pKey];
+                }
+                const boolVal = extractValue(rawVal);
+                if (typeof boolVal === 'boolean') {
+                    result[modKey] = boolVal;
+                    break;
+                }
+            }
+        }
+        if (result.apis === undefined) {
+            result.apis = true;
+        }
+        return Object.keys(result).length > 0 ? result : null;
+    }
+    catch (error) {
+        return null;
+    }
+}

package/dist/commonjs/helpers/searchQueryParser.js

@@ -1,9 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.matchNetworkLogQuery = matchNetworkLogQuery;
+const telemetry_1 = require("./telemetry");
 function matchNetworkLogQuery(log, searchQuery, routePath, _options) {
     if (!searchQuery || searchQuery.trim().length === 0)
         return true;
+    (0, telemetry_1.markSearchFilterUsed)();
     const rawTokens = searchQuery.trim().toLowerCase().split(/\s+/).filter(Boolean);
     if (rawTokens.length === 0)
         return true;

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

@@ -1,2 +1,7 @@
 export declare function setTelemetryEnabled(enabled: boolean): void;
+export declare function markSearchFilterUsed(): void;
 export declare function trackActiveTelemetryHeartbeat(telemetryEnabled?: boolean, environment?: string): Promise<void>;
+export declare function trackTelemetryEvent(eventName: string, eventParams?: Record<string, any>): Promise<void>;
+export declare function trackInspectorTabView(tabName: string): void;
+export declare function trackInspectorScreenView(screenName: string): void;
+export declare function trackInspectorScreenRecord(action: 'start' | 'stop' | 'toggle', recordingType?: string): void;

package/dist/commonjs/helpers/telemetry.js

@@ -1,10 +1,25 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.setTelemetryEnabled = setTelemetryEnabled;
+exports.markSearchFilterUsed = markSearchFilterUsed;
 exports.trackActiveTelemetryHeartbeat = trackActiveTelemetryHeartbeat;
+exports.trackTelemetryEvent = trackTelemetryEvent;
+exports.trackInspectorTabView = trackInspectorTabView;
+exports.trackInspectorScreenView = trackInspectorScreenView;
+exports.trackInspectorScreenRecord = trackInspectorScreenRecord;
+const react_1 = __importDefault(require("react"));
 const react_native_1 = require("react-native");
 const version_1 = require("../constants/version");
 const settingsStore_1 = require("./settingsStore");
+const reduxLogger_1 = require("../customHooks/reduxLogger");
+const analyticsLogger_1 = require("../customHooks/analyticsLogger");
+const crashHandler_1 = require("../customHooks/crashHandler");
+const networkLogger_1 = require("../customHooks/networkLogger");
+const NativeInspector_1 = require("../native/NativeInspector");
+const index_1 = require("./index");
 const telemetryConfig_1 = require("../constants/telemetryConfig");
 const PKG_NAME = 'react-native-inapp-inspector';
 const KEY_MATERIAL = `${PKG_NAME}::${telemetryConfig_1.TELEMETRY_SALT}`;
@@ -64,19 +79,33 @@ function getCollectUrl() {
 }
 const PING_INTERVAL_MS = 24 * 60 * 60 * 1000;
 let isTelemetryEnabled = true;
+let _hasSearchFilterBeenUsed = false;
 function setTelemetryEnabled(enabled) {
     isTelemetryEnabled = enabled;
 }
+function markSearchFilterUsed() {
+    _hasSearchFilterBeenUsed = true;
+}
 async function getOrCreateClientId() {
     try {
         const settings = await (0, settingsStore_1.loadSettings)();
-        if (settings.telemetryClientId) {
-            return settings.telemetryClientId;
+        if (settings.telemetryClientId || settings.telemetryDeviceId) {
+            const id = settings.telemetryClientId || settings.telemetryDeviceId || '';
+            if (!settings.telemetryDeviceId) {
+                await (0, settingsStore_1.saveSettings)({ ...settings, telemetryDeviceId: id });
+            }
+            return id;
         }
         const part1 = Math.floor(100000000 + Math.random() * 900000000);
         const part2 = Math.floor(1000000000 + Math.random() * 9000000000);
         const newId = `${part1}.${part2}`;
-        (0, settingsStore_1.saveSettings)({ ...settings, telemetryClientId: newId });
+        const now = Date.now();
+        await (0, settingsStore_1.saveSettings)({
+            ...settings,
+            telemetryClientId: newId,
+            telemetryDeviceId: newId,
+            deviceFirstSeen: settings.deviceFirstSeen || now,
+        });
         return newId;
     }
     catch {
@@ -113,26 +142,181 @@ function isDeviceEmulator() {
     }
     return false;
 }
-function getSystemMetadata(environment) {
+function getDeviceLocaleInfo() {
+    try {
+        const opts = typeof Intl !== 'undefined' && Intl.DateTimeFormat ? Intl.DateTimeFormat().resolvedOptions() : {};
+        const timeZone = opts.timeZone || 'unknown';
+        const locale = opts.locale || 'unknown';
+        let countryCode = 'unknown';
+        if (locale && locale !== 'unknown') {
+            const parts = locale.split(/[-_]/);
+            if (parts.length > 1) {
+                countryCode = parts[parts.length - 1].toUpperCase();
+            }
+        }
+        return { countryCode, locale, timeZone };
+    }
+    catch {
+        return { countryCode: 'unknown', locale: 'unknown', timeZone: 'unknown' };
+    }
+}
+function getSystemMetadata(environment, currentSettings) {
     const rnConstants = react_native_1.Platform.constants;
     const rnVersion = rnConstants?.reactNativeVersion
         ? `${rnConstants.reactNativeVersion.major}.${rnConstants.reactNativeVersion.minor}.${rnConstants.reactNativeVersion.patch}`
         : 'unknown';
     const isHermes = Boolean(typeof global.HermesInternal === 'object' && global.HermesInternal !== null);
     const isFabric = Boolean(global?.nativeFabricUIManager !== undefined);
+    const isBridgeless = Boolean(global?._rn_bridgeless || global?.RN$Bridgeless);
     const isDev = Boolean(typeof __DEV__ !== 'undefined' && __DEV__);
     const isEmulator = isDeviceEmulator();
+    const { countryCode, locale, timeZone } = getDeviceLocaleInfo();
+    let screenRes = 'unknown';
+    let screenDensity = 1;
+    let fontScale = 1;
+    let deviceFormFactor = 'phone';
+    let screenOrientation = 'portrait';
+    try {
+        const dim = react_native_1.Dimensions.get('window');
+        screenRes = `${Math.round(dim.width)}x${Math.round(dim.height)}`;
+        screenDensity = react_native_1.PixelRatio.get();
+        fontScale = react_native_1.PixelRatio.getFontScale();
+        screenOrientation = dim.width > dim.height ? 'landscape' : 'portrait';
+        const isTablet = (react_native_1.Platform.OS === 'ios' && Boolean(react_native_1.Platform.isPad)) ||
+            (Math.min(dim.width, dim.height) >= 600);
+        deviceFormFactor = isTablet ? 'tablet' : 'phone';
+    }
+    catch { }
+    let appearanceMode = 'unknown';
+    try {
+        appearanceMode = react_native_1.Appearance?.getColorScheme?.() || 'unknown';
+    }
+    catch { }
+    const isExpo = Boolean(globalThis?.expo ||
+        globalThis?.__expo ||
+        globalThis?.__turboModuleProxy?.name === 'Expo' ||
+        react_native_1.Platform.constants?.ExpoVersion);
+    let hermesVersion = 'non_hermes';
+    let jsEngine = 'jsc';
+    if (isHermes) {
+        jsEngine = 'hermes';
+        try {
+            const props = global.HermesInternal?.getRuntimeProperties?.() || {};
+            hermesVersion = props['OSS Release Version'] || (props['Bytecode Version'] ? `bc_v${props['Bytecode Version']}` : 'hermes');
+        }
+        catch {
+            hermesVersion = 'hermes';
+        }
+    }
+    else if (globalThis?._v8) {
+        jsEngine = 'v8';
+    }
+    let reduxAttached = false;
+    try {
+        reduxAttached = (0, reduxLogger_1.isReduxConnected)();
+    }
+    catch { }
+    let analyticsAttached = false;
+    try {
+        analyticsAttached = (0, analyticsLogger_1.isFirebaseAnalyticsPatched)();
+    }
+    catch { }
+    const hasNativeModule = (0, NativeInspector_1.isNativeModuleAvailable)();
+    const hasMmkv = Boolean(react_native_1.NativeModules?.RNMMKV || globalThis?.MMKV);
+    let capturedCrashesCount = 0;
+    try {
+        capturedCrashesCount = (0, crashHandler_1.getCrashRecords)().length;
+    }
+    catch { }
+    let capturedApisBracket = '0';
+    try {
+        const apiCount = (0, networkLogger_1.getNetworkLogs)().length;
+        capturedApisBracket =
+            apiCount === 0
+                ? '0'
+                : apiCount <= 10
+                    ? '1-10'
+                    : apiCount <= 50
+                        ? '11-50'
+                        : apiCount <= 100
+                            ? '51-100'
+                            : '100+';
+    }
+    catch { }
+    let isMetroConnected = false;
+    try {
+        isMetroConnected = (0, index_1.isLocalDebugEnvironment)();
+    }
+    catch { }
+    const defaultLandingTab = currentSettings?.defaultTab || 'apis';
+    const fabMode = hasNativeModule && currentSettings?.useNativeFab !== false
+        ? 'native_ui_thread'
+        : 'js_floating_button';
+    const deviceBrand = String(rnConstants?.Brand ||
+        (react_native_1.Platform.OS === 'ios' ? 'Apple' : 'unknown'));
+    const deviceModel = String(rnConstants?.Model ||
+        rnConstants?.systemName ||
+        (react_native_1.Platform.OS === 'ios' ? 'iPhone/iPad' : 'unknown'));
+    const deviceManufacturer = String(rnConstants?.Manufacturer ||
+        (react_native_1.Platform.OS === 'ios' ? 'Apple' : 'unknown'));
+    let appName = 'App';
+    let bundleId = 'unknown';
+    let appVersion = 'unknown';
+    let appBuild = 'unknown';
+    try {
+        appName = (0, index_1.getAppName)() || 'App';
+        bundleId = (0, index_1.getBundleIdentifier)() || 'unknown';
+        const verInfo = (0, index_1.getAppVersionAndBuild)();
+        appVersion = verInfo.version || 'unknown';
+        appBuild = verInfo.build || 'unknown';
+    }
+    catch { }
+    const reactVer = typeof react_1.default !== 'undefined' && react_1.default.version ? react_1.default.version : 'unknown';
     return {
+        pkg_name: PKG_NAME,
+        pkg_version: version_1.LIB_VERSION,
         lib_version: version_1.LIB_VERSION,
+        install_type: isDev ? 'local_dev' : 'bundled_production',
+        app_name: appName,
+        bundle_id: bundleId,
+        app_version: appVersion,
+        app_build: appBuild,
+        react_version: reactVer,
         platform: react_native_1.Platform.OS,
         os_version: String(react_native_1.Platform.Version || 'unknown'),
         rn_version: rnVersion,
+        country_code: countryCode,
+        device_locale: locale,
+        time_zone: timeZone,
+        device_brand: deviceBrand,
+        device_model: deviceModel,
+        device_manufacturer: deviceManufacturer,
+        device_form_factor: deviceFormFactor,
+        screen_resolution: screenRes,
+        screen_density: screenDensity,
+        screen_orientation: screenOrientation,
+        font_scale: fontScale,
+        appearance_mode: appearanceMode,
+        is_expo: isExpo,
+        js_engine: jsEngine,
+        hermes_version: hermesVersion,
         is_hermes: isHermes,
         is_fabric: isFabric,
+        is_bridgeless: isBridgeless,
+        has_native_module: hasNativeModule,
+        has_mmkv: hasMmkv,
+        fab_mode: fabMode,
+        default_landing_tab: defaultLandingTab,
+        captured_crashes_count: capturedCrashesCount,
+        captured_apis_bracket: capturedApisBracket,
+        search_filter_used: _hasSearchFilterBeenUsed,
+        is_metro_connected: isMetroConnected,
         is_dev: isDev,
         is_emulator: isEmulator,
         device_type: isEmulator ? 'emulator' : 'real_device',
         app_mode: isDev ? 'local_mode' : 'bundled_application',
+        redux_attached: reduxAttached,
+        analytics_attached: analyticsAttached,
         environment: environment || (isDev ? 'DEV' : 'PROD'),
         engagement_time_msec: 1000,
     };
@@ -150,21 +334,168 @@ async function trackActiveTelemetryHeartbeat(telemetryEnabled = true, environmen
         const settings = await (0, settingsStore_1.loadSettings)();
         const lastPing = settings.telemetryLastPing || 0;
         const now = Date.now();
-        if (now - lastPing < PING_INTERVAL_MS)
+        const isNewDevice = !settings.deviceRegistered;
+        if (!isNewDevice && now - lastPing < PING_INTERVAL_MS)
             return;
         const clientId = await getOrCreateClientId();
-        const params = getSystemMetadata(environment);
+        const params = getSystemMetadata(environment, settings);
+        const deviceParams = {
+            ...params,
+            device_id: clientId,
+            is_new_device: isNewDevice,
+            device_first_seen: settings.deviceFirstSeen || now,
+        };
+        const eventsToDispatch = isNewDevice
+            ? [
+                { name: 'active_device', params: deviceParams },
+                { name: 'first_device_install', params: deviceParams },
+                { name: 'inspector_active_heartbeat', params: deviceParams },
+            ]
+            : [
+                { name: 'active_device', params: deviceParams },
+                { name: 'inspector_active_heartbeat', params: deviceParams },
+            ];
         await fetch(url, {
             method: 'POST',
             headers: { 'Content-Type': 'application/json' },
             body: JSON.stringify({
                 client_id: clientId,
+                user_id: clientId,
                 non_personalized_ads: true,
-                events: [{ name: 'inspector_active_heartbeat', params }],
+                user_properties: {
+                    device_id: { value: clientId },
+                    pkg_name: { value: params.pkg_name },
+                    pkg_version: { value: params.pkg_version },
+                    install_type: { value: params.install_type },
+                    app_name: { value: params.app_name },
+                    bundle_id: { value: params.bundle_id },
+                    app_version: { value: params.app_version },
+                    react_version: { value: params.react_version },
+                    country: { value: params.country_code },
+                    country_code: { value: params.country_code },
+                    locale: { value: params.device_locale },
+                    time_zone: { value: params.time_zone },
+                    device_brand: { value: params.device_brand },
+                    device_model: { value: params.device_model },
+                    device_form_factor: { value: params.device_form_factor },
+                    screen_resolution: { value: params.screen_resolution },
+                    appearance_mode: { value: params.appearance_mode },
+                    is_expo: { value: String(params.is_expo) },
+                    js_engine: { value: params.js_engine },
+                    is_fabric: { value: String(params.is_fabric) },
+                    is_bridgeless: { value: String(params.is_bridgeless) },
+                    has_native_module: { value: String(params.has_native_module) },
+                    has_mmkv: { value: String(params.has_mmkv) },
+                    fab_mode: { value: params.fab_mode },
+                    default_landing_tab: { value: params.default_landing_tab },
+                    captured_crashes_count: { value: String(params.captured_crashes_count) },
+                    captured_apis_bracket: { value: params.captured_apis_bracket },
+                    search_filter_used: { value: String(params.search_filter_used) },
+                    is_metro_connected: { value: String(params.is_metro_connected) },
+                    redux_attached: { value: String(params.redux_attached) },
+                    analytics_attached: { value: String(params.analytics_attached) },
+                    platform: { value: params.platform },
+                    rn_version: { value: params.rn_version },
+                    lib_version: { value: params.lib_version },
+                },
+                events: eventsToDispatch,
             }),
         });
-        (0, settingsStore_1.saveSettings)({ ...settings, telemetryLastPing: now });
+        await (0, settingsStore_1.saveSettings)({
+            ...settings,
+            telemetryClientId: clientId,
+            telemetryDeviceId: clientId,
+            deviceRegistered: true,
+            deviceFirstSeen: settings.deviceFirstSeen || now,
+            telemetryLastPing: now,
+            telemetryLastActive: now,
+        });
     }
     catch {
     }
 }
+async function trackTelemetryEvent(eventName, eventParams) {
+    if (!isTelemetryEnabled)
+        return;
+    const url = getCollectUrl();
+    if (!url)
+        return;
+    try {
+        const clientId = await getOrCreateClientId();
+        const settings = await (0, settingsStore_1.loadSettings)().catch(() => ({}));
+        const metadata = getSystemMetadata(undefined, settings);
+        const params = {
+            ...metadata,
+            device_id: clientId,
+            ...eventParams,
+            engagement_time_msec: 100,
+        };
+        await fetch(url, {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({
+                client_id: clientId,
+                user_id: clientId,
+                non_personalized_ads: true,
+                user_properties: {
+                    device_id: { value: clientId },
+                    pkg_name: { value: metadata.pkg_name },
+                    pkg_version: { value: metadata.pkg_version },
+                    install_type: { value: metadata.install_type },
+                    app_name: { value: metadata.app_name },
+                    bundle_id: { value: metadata.bundle_id },
+                    app_version: { value: metadata.app_version },
+                    react_version: { value: metadata.react_version },
+                    country: { value: metadata.country_code },
+                    country_code: { value: metadata.country_code },
+                    locale: { value: metadata.device_locale },
+                    time_zone: { value: metadata.time_zone },
+                    device_brand: { value: metadata.device_brand },
+                    device_model: { value: metadata.device_model },
+                    device_form_factor: { value: metadata.device_form_factor },
+                    screen_resolution: { value: metadata.screen_resolution },
+                    appearance_mode: { value: metadata.appearance_mode },
+                    is_expo: { value: String(metadata.is_expo) },
+                    js_engine: { value: metadata.js_engine },
+                    is_fabric: { value: String(metadata.is_fabric) },
+                    is_bridgeless: { value: String(metadata.is_bridgeless) },
+                    has_native_module: { value: String(metadata.has_native_module) },
+                    has_mmkv: { value: String(metadata.has_mmkv) },
+                    fab_mode: { value: metadata.fab_mode },
+                    default_landing_tab: { value: metadata.default_landing_tab },
+                    captured_crashes_count: { value: String(metadata.captured_crashes_count) },
+                    captured_apis_bracket: { value: metadata.captured_apis_bracket },
+                    search_filter_used: { value: String(metadata.search_filter_used) },
+                    is_metro_connected: { value: String(metadata.is_metro_connected) },
+                    redux_attached: { value: String(metadata.redux_attached) },
+                    analytics_attached: { value: String(metadata.analytics_attached) },
+                    platform: { value: metadata.platform },
+                    rn_version: { value: metadata.rn_version },
+                    lib_version: { value: metadata.lib_version },
+                },
+                events: [{ name: eventName, params }],
+            }),
+        });
+    }
+    catch {
+    }
+}
+function trackInspectorTabView(tabName) {
+    trackTelemetryEvent('inspector_tab_view', {
+        tab_name: tabName,
+        screen_name: `tab_${tabName}`,
+        screen_class: 'NetworkInspector',
+    });
+}
+function trackInspectorScreenView(screenName) {
+    trackTelemetryEvent('screen_view', {
+        screen_name: screenName,
+        screen_class: 'NetworkInspector',
+    });
+}
+function trackInspectorScreenRecord(action, recordingType = 'screen') {
+    trackTelemetryEvent('inspector_screen_record', {
+        action,
+        recording_type: recordingType,
+    });
+}