react-native-inapp-inspector 1.1.24 → 1.1.26

package/dist/commonjs/index.js

@@ -36,7 +36,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getLastActionForReducer = exports.clearActionHistory = exports.getActionHistory = exports.subscribeReduxState = exports.getReduxState = exports.inspectorReduxMiddleware = exports.connectReduxStore = exports.ErrorBoundary = exports.getCollectionEnabled = exports.getDefaultEventParameters = exports.getCurrentUserId = exports.getCurrentUserProperties = exports.clearAnalyticsEvents = exports.subscribeAnalyticsEvents = exports.logAnalyticsEvent = exports.setupAnalyticsLogger = exports.subscribeConsoleLogs = exports.clearConsoleLogs = exports.setupConsoleLogger = exports.addAxiosInterceptors = exports.subscribeNetworkLogs = exports.clearNetworkLogs = exports.setupNetworkLogger = void 0;
+exports.ActiveTab = exports.InspectCatch = exports.InspectTrackTime = exports.InspectLog = exports.getPerformanceEvents = exports.subscribePerformanceEvents = exports.clearPerformanceEvents = exports.logPerformanceEvent = exports.usePerformanceTracker = exports.registerGAPlugin = exports.getEventCategory = exports.getLastActionForReducer = exports.clearActionHistory = exports.getActionHistory = exports.subscribeReduxState = exports.getReduxState = exports.inspectorReduxMiddleware = exports.connectReduxStore = exports.ErrorBoundary = exports.CrashTab = exports.computeCrashFingerprint = exports.recordUserActionBreadcrumb = exports.recordReduxBreadcrumb = exports.recordNetworkBreadcrumb = exports.recordNavigationBreadcrumb = exports.addCrashBreadcrumb = exports.recordCustomCrash = exports.parseCrashStackTrace = exports.exportCrashReport = exports.simulateTestCrash = exports.clearCrashRecords = exports.getCrashRecords = exports.emitCrashEvent = exports.subscribeCrashEvents = exports.setupGlobalCrashHandler = exports.getCollectionEnabled = exports.getDefaultEventParameters = exports.getCurrentUserId = exports.getCurrentUserProperties = exports.clearAnalyticsEvents = exports.subscribeAnalyticsEvents = exports.logAnalyticsEvent = exports.setupAnalyticsLogger = exports.subscribeConsoleLogs = exports.clearConsoleLogs = exports.setupConsoleLogger = exports.addAxiosInterceptors = exports.subscribeNetworkLogs = exports.clearNetworkLogs = exports.setupNetworkLogger = void 0;
+exports.BreadcrumbType = exports.CrashFilterType = exports.CrashDetailSubTab = exports.CrashExportFormat = exports.CrashType = exports.PerformanceSubTab = exports.BundleSubTab = exports.DiffResultType = exports.StackFrameType = exports.GAEventCategory = exports.AnalyticsEventSource = exports.ConsoleLogType = exports.LogFilter = exports.SettingsSubTab = exports.SettingsPage = exports.ModalAnimationType = exports.LocalFilter = exports.SortOrder = exports.StatusFilter = exports.Method = void 0;
 const react_1 = __importStar(require("react"));
 const react_native_1 = require("react-native");
 const native_1 = require("@react-navigation/native");
@@ -55,6 +56,8 @@ 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 analyticsLogger_1 = require("./customHooks/analyticsLogger");
 const reduxLogger_1 = require("./customHooks/reduxLogger");
 const constants_1 = require("./constants");
@@ -128,6 +131,14 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
     const latestAnalyticsEventsRef = (0, react_1.useRef)([]);
     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)(100);
+    (0, react_1.useEffect)(() => {
+        (0, crashHandler_1.setMaxCrashLogsLimit)(maxCrashLogs);
+    }, [maxCrashLogs]);
     (0, react_1.useEffect)(() => {
         if (visible) {
             if (activeTab === 'apis') {
@@ -136,6 +147,9 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
             if (activeTab === 'logs') {
                 setLastReadLogsCount(consoleLogs.length);
             }
+            if (activeTab === 'crash') {
+                setLastReadCrashesCount(crashRecords.length);
+            }
         }
     }, [visible]);
     (0, react_1.useEffect)(() => {
@@ -148,6 +162,11 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
             setLastReadLogsCount(consoleLogs.length);
         }
     }, [activeTab, consoleLogs.length]);
+    (0, react_1.useEffect)(() => {
+        if (activeTab === 'crash') {
+            setLastReadCrashesCount(crashRecords.length);
+        }
+    }, [activeTab, crashRecords.length]);
     const [maxConsoleLogs, setMaxConsoleLogs] = (0, react_1.useState)(200);
     const [showConsoleLevels, setShowConsoleLevels] = (0, react_1.useState)({
         info: true,
@@ -190,6 +209,7 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
         redux: false,
         bundle: false,
         performance: false,
+        crash: true,
     });
     const [maxNetworkLogs, setMaxNetworkLogs] = (0, react_1.useState)(100);
     const [reduxAutoRefresh, setReduxAutoRefreshState] = (0, react_1.useState)(true);
@@ -210,8 +230,10 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
             redux: false,
             bundle: false,
             performance: false,
+            crash: true,
         });
         setDefaultTab('apis');
+        setMaxCrashLogs(100);
         setMaxNetworkLogs(100);
         setMaxConsoleLogs(200);
         setShowConsoleLevels({
@@ -244,6 +266,9 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
                     ...prev,
                     ...saved.tabVisibility,
                     apis: true, // APIs is always required
+                    crash: saved.tabVisibility.crash !== undefined
+                        ? saved.tabVisibility.crash
+                        : true,
                 }));
             if (saved.defaultTab)
                 setDefaultTab(saved.defaultTab);
@@ -269,6 +294,7 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
                         redux: false,
                         bundle: false,
                         performance: false,
+                        crash: true,
                     },
                     ...(saved.tabVisibility || {}),
                     apis: true,
@@ -371,7 +397,67 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
     }, []);
     const [selectedEvent, setSelectedEvent] = (0, react_1.useState)(null);
     const [analyticsSearch, setAnalyticsSearch] = (0, react_1.useState)('');
-    const [hideScreenView] = (0, react_1.useState)(true);
+    const [analyticsFilters, setAnalyticsFilters] = (0, react_1.useState)({
+        categories: new Set(['all']),
+        screens: new Set(),
+        sources: new Set(['all']),
+        userTypes: new Set(['all']),
+        timeWindow: 'all',
+        payloadComplexity: 'all',
+        hasRevenue: false,
+        hasItems: false,
+        hasUserProps: false,
+        hasParams: false,
+        onlyDuplicates: false,
+        onlyConversions: false,
+        sortBy: 'time_desc',
+    });
+    const isAnalyticsFilterApplied = (0, react_1.useMemo)(() => {
+        if (analyticsFilters.categories.size > 0 && !analyticsFilters.categories.has('all'))
+            return true;
+        if (analyticsFilters.screens.size > 0)
+            return true;
+        if (analyticsFilters.sources.size > 0 && !analyticsFilters.sources.has('all'))
+            return true;
+        if (analyticsFilters.userTypes.size > 0 && !analyticsFilters.userTypes.has('all'))
+            return true;
+        if (analyticsFilters.timeWindow !== 'all')
+            return true;
+        if (analyticsFilters.payloadComplexity !== 'all')
+            return true;
+        if (analyticsFilters.hasRevenue)
+            return true;
+        if (analyticsFilters.hasItems)
+            return true;
+        if (analyticsFilters.hasUserProps)
+            return true;
+        if (analyticsFilters.hasParams)
+            return true;
+        if (analyticsFilters.onlyDuplicates)
+            return true;
+        if (analyticsFilters.onlyConversions)
+            return true;
+        if (analyticsFilters.sortBy !== 'time_desc')
+            return true;
+        return false;
+    }, [analyticsFilters]);
+    const resetAnalyticsFilters = (0, react_1.useCallback)(() => {
+        setAnalyticsFilters({
+            categories: new Set(['all']),
+            screens: new Set(),
+            sources: new Set(['all']),
+            userTypes: new Set(['all']),
+            timeWindow: 'all',
+            payloadComplexity: 'all',
+            hasRevenue: false,
+            hasItems: false,
+            hasUserProps: false,
+            hasParams: false,
+            onlyDuplicates: false,
+            onlyConversions: false,
+            sortBy: 'time_desc',
+        });
+    }, []);
     const [isAnalyticsLayoutReady, setIsAnalyticsLayoutReady] = (0, react_1.useState)(false);
     const [analyticsHeaderExpanded, setAnalyticsHeaderExpanded] = (0, react_1.useState)(false);
     const [newEventIds, setNewEventIds] = (0, react_1.useState)(new Set());
@@ -589,6 +675,22 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
         (0, networkLogger_1.clearNetworkLogs)();
         (0, consoleLogger_1.setupConsoleLogger)();
         (0, analyticsLogger_1.autoSetupAnalyticsLogger)();
+        (0, crashHandler_1.setupGlobalCrashHandler)();
+        const unsubscribeCrash = (0, crashHandler_1.subscribeCrashEvents)(crashInfo => {
+            if (crashInfo.message === '__CLEARED__') {
+                setCrashRecords([]);
+                setSelectedCrash(null);
+                return;
+            }
+            const updated = (0, crashHandler_1.getCrashRecords)();
+            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) {
+            setCrashRecords(pendingCrashes);
+        }
         let timeoutId;
         let isFirstNetworkCall = true;
         const unsubscribe = (0, networkLogger_1.subscribeNetworkLogs)((raw) => {
@@ -700,6 +802,7 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
             unsubscribeConsole();
             clearTimeout(consoleTimeoutId);
             unsubscribeRedux();
+            unsubscribeCrash();
         };
     }, []);
     (0, react_1.useEffect)(() => {
@@ -905,15 +1008,110 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
     const prevResponseData = prevSameRequest ? prevSameRequest.response : null;
     const filteredAnalyticsEvents = (0, react_1.useMemo)(() => {
         let events = analyticsEvents;
-        if (hideScreenView) {
-            events = events.filter(e => e.name !== 'screen_view');
-        }
+        // Search query filter
         if (analyticsSearch) {
             const s = analyticsSearch.toLowerCase();
             events = events.filter(e => e.name.toLowerCase().includes(s) ||
-                JSON.stringify(e.params).toLowerCase().includes(s) ||
+                JSON.stringify(e.params || {}).toLowerCase().includes(s) ||
+                (e.screenName ?? '').toLowerCase().includes(s) ||
                 (e.pageTitle ?? '').toLowerCase().includes(s));
         }
+        // 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'
+                ? now - 60 * 1000
+                : analyticsFilters.timeWindow === '5m'
+                    ? now - 5 * 60 * 1000
+                    : analyticsFilters.timeWindow === '15m'
+                        ? now - 15 * 60 * 1000
+                        : 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() !== '');
+                if (analyticsFilters.userTypes.has('identified') && isIdentified)
+                    return true;
+                if (analyticsFilters.userTypes.has('anonymous') && !isIdentified)
+                    return true;
+                return false;
+            });
+        }
+        // Payload complexity filter
+        if (analyticsFilters.payloadComplexity !== 'all') {
+            events = events.filter(e => {
+                const count = e.params ? Object.keys(e.params).length : 0;
+                if (analyticsFilters.payloadComplexity === 'none')
+                    return count === 0;
+                if (analyticsFilters.payloadComplexity === 'simple')
+                    return count >= 1 && count <= 5;
+                if (analyticsFilters.payloadComplexity === 'heavy')
+                    return count > 5;
+                return true;
+            });
+        }
+        // Conversion / Goal events filter
+        if (analyticsFilters.onlyConversions) {
+            const CONVERSION_PATTERNS = [
+                'purchase',
+                'item_purchase',
+                'ecommerce_purchase',
+                'sign_up',
+                'login',
+                'lead',
+                'generate_lead',
+                'tutorial_complete',
+                'add_payment_info',
+                'begin_checkout',
+                'spend_virtual_currency',
+            ];
+            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 ||
+                    e.params?.firebase_screen ||
+                    e.params?.screen_name ||
+                    e.params?.firebase_screen_class ||
+                    e.screenClass ||
+                    '';
+                return analyticsFilters.screens.has(scr);
+            });
+        }
+        // Has Revenue filter
+        if (analyticsFilters.hasRevenue) {
+            events = events.filter(e => {
+                const val = e.params?.value ?? e.params?.price;
+                return val !== undefined && val !== null && Number(val) > 0;
+            });
+        }
+        // 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) {
@@ -933,8 +1131,27 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
                 deduplicatedEvents.push({ ...e, count: 1 });
             }
         }
-        return deduplicatedEvents;
-    }, [analyticsEvents, analyticsSearch, hideScreenView]);
+        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);
+        }
+        else if (analyticsFilters.sortBy === 'revenue_desc') {
+            result = [...result].sort((a, b) => {
+                const valA = Number(a.params?.value ?? a.params?.price ?? 0);
+                const valB = Number(b.params?.value ?? b.params?.price ?? 0);
+                return valB - valA;
+            });
+        }
+        else if (analyticsFilters.sortBy === 'count_desc') {
+            result = [...result].sort((a, b) => (b.count || 1) - (a.count || 1));
+        }
+        return result;
+    }, [analyticsEvents, analyticsSearch, analyticsFilters]);
     const filteredConsoleLogs = (0, react_1.useMemo)(() => {
         let result = visibleConsoleLogs;
         // Filters check
@@ -1075,6 +1292,21 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
             ]);
             return;
         }
+        if (activeTab === 'crash') {
+            react_native_1.Alert.alert('Clear Crash History', 'Are you sure you want to clear all intercepted crash records?', [
+                { text: 'Cancel', style: 'cancel' },
+                {
+                    text: 'Clear All',
+                    onPress: () => {
+                        (0, crashHandler_1.clearCrashRecords)();
+                        setCrashRecords([]);
+                        setSelectedCrash(null);
+                    },
+                    style: 'destructive',
+                },
+            ]);
+            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)));
@@ -1233,6 +1465,10 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
         filteredAnalyticsEvents,
         analyticsSearch,
         setAnalyticsSearch,
+        analyticsFilters,
+        setAnalyticsFilters,
+        isAnalyticsFilterApplied,
+        resetAnalyticsFilters,
         newEventIds,
         isAnalyticsLayoutReady,
         setIsAnalyticsLayoutReady,
@@ -1252,6 +1488,19 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
         setSelectedReduxAction,
         reduxActiveSubTab,
         setReduxActiveSubTab,
+        // ─── Crash ───────────────────────────────────────────────────────────
+        crashRecords,
+        setCrashRecords,
+        selectedCrash,
+        setSelectedCrash,
+        lastReadCrashesCount,
+        maxCrashLogs,
+        setMaxCrashLogs,
+        clearAllCrashes: () => {
+            (0, crashHandler_1.clearCrashRecords)();
+            setCrashRecords([]);
+            setSelectedCrash(null);
+        },
         // ─── Settings ───────────────────────────────────────────────────────
         settingsActiveSubTab,
         setSettingsActiveSubTab,
@@ -1310,6 +1559,24 @@ Object.defineProperty(exports, "getCurrentUserProperties", { enumerable: true, g
 Object.defineProperty(exports, "getCurrentUserId", { enumerable: true, get: function () { return analyticsLogger_2.getCurrentUserId; } });
 Object.defineProperty(exports, "getDefaultEventParameters", { enumerable: true, get: function () { return analyticsLogger_2.getDefaultEventParameters; } });
 Object.defineProperty(exports, "getCollectionEnabled", { enumerable: true, get: function () { return analyticsLogger_2.getCollectionEnabled; } });
+var crashHandler_2 = require("./customHooks/crashHandler");
+Object.defineProperty(exports, "setupGlobalCrashHandler", { enumerable: true, get: function () { return crashHandler_2.setupGlobalCrashHandler; } });
+Object.defineProperty(exports, "subscribeCrashEvents", { enumerable: true, get: function () { return crashHandler_2.subscribeCrashEvents; } });
+Object.defineProperty(exports, "emitCrashEvent", { enumerable: true, get: function () { return crashHandler_2.emitCrashEvent; } });
+Object.defineProperty(exports, "getCrashRecords", { enumerable: true, get: function () { return crashHandler_2.getCrashRecords; } });
+Object.defineProperty(exports, "clearCrashRecords", { enumerable: true, get: function () { return crashHandler_2.clearCrashRecords; } });
+Object.defineProperty(exports, "simulateTestCrash", { enumerable: true, get: function () { return crashHandler_2.simulateTestCrash; } });
+Object.defineProperty(exports, "exportCrashReport", { enumerable: true, get: function () { return crashHandler_2.exportCrashReport; } });
+Object.defineProperty(exports, "parseCrashStackTrace", { enumerable: true, get: function () { return crashHandler_2.parseCrashStackTrace; } });
+Object.defineProperty(exports, "recordCustomCrash", { enumerable: true, get: function () { return crashHandler_2.recordCustomCrash; } });
+Object.defineProperty(exports, "addCrashBreadcrumb", { enumerable: true, get: function () { return crashHandler_2.addCrashBreadcrumb; } });
+Object.defineProperty(exports, "recordNavigationBreadcrumb", { enumerable: true, get: function () { return crashHandler_2.recordNavigationBreadcrumb; } });
+Object.defineProperty(exports, "recordNetworkBreadcrumb", { enumerable: true, get: function () { return crashHandler_2.recordNetworkBreadcrumb; } });
+Object.defineProperty(exports, "recordReduxBreadcrumb", { enumerable: true, get: function () { return crashHandler_2.recordReduxBreadcrumb; } });
+Object.defineProperty(exports, "recordUserActionBreadcrumb", { enumerable: true, get: function () { return crashHandler_2.recordUserActionBreadcrumb; } });
+Object.defineProperty(exports, "computeCrashFingerprint", { enumerable: true, get: function () { return crashHandler_2.computeCrashFingerprint; } });
+var CrashTab_1 = require("./components/Inspector/CrashTab");
+Object.defineProperty(exports, "CrashTab", { enumerable: true, get: function () { return __importDefault(CrashTab_1).default; } });
 var ErrorBoundary_2 = require("./components/ErrorBoundary");
 Object.defineProperty(exports, "ErrorBoundary", { enumerable: true, get: function () { return __importDefault(ErrorBoundary_2).default; } });
 var reduxLogger_2 = require("./customHooks/reduxLogger");
@@ -1320,3 +1587,38 @@ Object.defineProperty(exports, "subscribeReduxState", { enumerable: true, get: f
 Object.defineProperty(exports, "getActionHistory", { enumerable: true, get: function () { return reduxLogger_2.getActionHistory; } });
 Object.defineProperty(exports, "clearActionHistory", { enumerable: true, get: function () { return reduxLogger_2.clearActionHistory; } });
 Object.defineProperty(exports, "getLastActionForReducer", { enumerable: true, get: function () { return reduxLogger_2.getLastActionForReducer; } });
+var gaAnalyticsRegistry_1 = require("./helpers/gaAnalyticsRegistry");
+Object.defineProperty(exports, "getEventCategory", { enumerable: true, get: function () { return gaAnalyticsRegistry_1.getEventCategory; } });
+Object.defineProperty(exports, "registerGAPlugin", { enumerable: true, get: function () { return gaAnalyticsRegistry_1.registerGAPlugin; } });
+var performanceTracker_1 = require("./customHooks/performanceTracker");
+Object.defineProperty(exports, "usePerformanceTracker", { enumerable: true, get: function () { return performanceTracker_1.usePerformanceTracker; } });
+Object.defineProperty(exports, "logPerformanceEvent", { enumerable: true, get: function () { return performanceTracker_1.logPerformanceEvent; } });
+Object.defineProperty(exports, "clearPerformanceEvents", { enumerable: true, get: function () { return performanceTracker_1.clearPerformanceEvents; } });
+Object.defineProperty(exports, "subscribePerformanceEvents", { enumerable: true, get: function () { return performanceTracker_1.subscribePerformanceEvents; } });
+Object.defineProperty(exports, "getPerformanceEvents", { enumerable: true, get: function () { return performanceTracker_1.getPerformanceEvents; } });
+var decorators_1 = require("./decorators");
+Object.defineProperty(exports, "InspectLog", { enumerable: true, get: function () { return decorators_1.InspectLog; } });
+Object.defineProperty(exports, "InspectTrackTime", { enumerable: true, get: function () { return decorators_1.InspectTrackTime; } });
+Object.defineProperty(exports, "InspectCatch", { enumerable: true, get: function () { return decorators_1.InspectCatch; } });
+var types_1 = require("./types");
+Object.defineProperty(exports, "ActiveTab", { enumerable: true, get: function () { return types_1.ActiveTab; } });
+Object.defineProperty(exports, "Method", { enumerable: true, get: function () { return types_1.Method; } });
+Object.defineProperty(exports, "StatusFilter", { enumerable: true, get: function () { return types_1.StatusFilter; } });
+Object.defineProperty(exports, "SortOrder", { enumerable: true, get: function () { return types_1.SortOrder; } });
+Object.defineProperty(exports, "LocalFilter", { enumerable: true, get: function () { return types_1.LocalFilter; } });
+Object.defineProperty(exports, "ModalAnimationType", { enumerable: true, get: function () { return types_1.ModalAnimationType; } });
+Object.defineProperty(exports, "SettingsPage", { enumerable: true, get: function () { return types_1.SettingsPage; } });
+Object.defineProperty(exports, "SettingsSubTab", { enumerable: true, get: function () { return types_1.SettingsSubTab; } });
+Object.defineProperty(exports, "LogFilter", { enumerable: true, get: function () { return types_1.LogFilter; } });
+Object.defineProperty(exports, "ConsoleLogType", { enumerable: true, get: function () { return types_1.ConsoleLogType; } });
+Object.defineProperty(exports, "AnalyticsEventSource", { enumerable: true, get: function () { return types_1.AnalyticsEventSource; } });
+Object.defineProperty(exports, "GAEventCategory", { enumerable: true, get: function () { return types_1.GAEventCategory; } });
+Object.defineProperty(exports, "StackFrameType", { enumerable: true, get: function () { return types_1.StackFrameType; } });
+Object.defineProperty(exports, "DiffResultType", { enumerable: true, get: function () { return types_1.DiffResultType; } });
+Object.defineProperty(exports, "BundleSubTab", { enumerable: true, get: function () { return types_1.BundleSubTab; } });
+Object.defineProperty(exports, "PerformanceSubTab", { enumerable: true, get: function () { return types_1.PerformanceSubTab; } });
+Object.defineProperty(exports, "CrashType", { enumerable: true, get: function () { return types_1.CrashType; } });
+Object.defineProperty(exports, "CrashExportFormat", { enumerable: true, get: function () { return types_1.CrashExportFormat; } });
+Object.defineProperty(exports, "CrashDetailSubTab", { enumerable: true, get: function () { return types_1.CrashDetailSubTab; } });
+Object.defineProperty(exports, "CrashFilterType", { enumerable: true, get: function () { return types_1.CrashFilterType; } });
+Object.defineProperty(exports, "BreadcrumbType", { enumerable: true, get: function () { return types_1.BreadcrumbType; } });

package/dist/commonjs/styles/index.d.ts

@@ -641,6 +641,10 @@ export declare const getRawStyles: (colors: typeof AppColors) => {
         fontSize: number;
         color: string;
         letterSpacing: number;
+        backgroundColor: string;
+        paddingHorizontal: number;
+        paddingVertical: number;
+        borderRadius: number;
     };
     slugText: {
         fontFamily: string;
@@ -1457,7 +1461,6 @@ export declare const getRawStyles: (colors: typeof AppColors) => {
         flexDirection: string;
         justifyContent: string;
         alignItems: string;
-        marginBottom: number;
     };
     analyticsHeaderTitle: {
         fontFamily: string;

package/dist/commonjs/styles/index.js

@@ -610,10 +610,10 @@ const getRawStyles = (colors) => ({
         flexDirection: 'row',
         alignItems: 'center',
         justifyContent: 'space-between',
-        backgroundColor: colors.grayBackground,
-        borderRadius: 7,
+        backgroundColor: `${colors.brandPurple}08`,
+        borderRadius: 8,
         borderWidth: 1,
-        borderColor: colors.grayBorderSecondary,
+        borderColor: `${colors.brandPurple}18`,
         paddingHorizontal: 8,
         paddingVertical: 5,
         marginVertical: 5,
@@ -628,12 +628,16 @@ const getRawStyles = (colors) => ({
     slugTag: {
         fontFamily: AppFonts_1.AppFonts.interBold,
         fontSize: 8.5,
-        color: colors.grayTextWeak,
+        color: colors.brandPurple,
         letterSpacing: 0.5,
+        backgroundColor: `${colors.brandPurple}15`,
+        paddingHorizontal: 4,
+        paddingVertical: 1,
+        borderRadius: 4,
     },
     slugText: {
         fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 12.5,
+        fontSize: 12,
         color: colors.primaryBlack,
         flexShrink: 1,
     },
@@ -1369,11 +1373,11 @@ const getRawStyles = (colors) => ({
         backgroundColor: colors.primaryLight,
         borderRadius: 12,
         borderWidth: 1,
-        borderColor: colors.grayBorderSecondary,
-        padding: 14,
-        marginHorizontal: 12,
+        borderColor: `${colors.brandPurple}20`,
+        padding: 12,
+        marginHorizontal: 10,
         marginTop: 8,
-        marginBottom: 8,
+        marginBottom: 6,
         shadowColor: colors.black,
         shadowOpacity: 0.03,
         shadowRadius: 4,
@@ -1384,11 +1388,10 @@ const getRawStyles = (colors) => ({
         flexDirection: 'row',
         justifyContent: 'space-between',
         alignItems: 'center',
-        marginBottom: 10,
     },
     analyticsHeaderTitle: {
         fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 14,
+        fontSize: 13.5,
         color: colors.primaryBlack,
     },
     statusDot: {
@@ -1399,21 +1402,21 @@ const getRawStyles = (colors) => ({
     analyticsHeaderSubtitle: {
         fontFamily: AppFonts_1.AppFonts.interMedium,
         fontSize: 11,
-        color: colors.grayText,
+        color: colors.grayTextWeak,
         marginTop: 2,
     },
     analyticsHeaderToggle: {
-        paddingVertical: 4,
-        paddingHorizontal: 8,
-        borderRadius: 4,
-        backgroundColor: colors.grayBackground,
+        paddingVertical: 4.5,
+        paddingHorizontal: 9,
+        borderRadius: 7,
+        backgroundColor: `${colors.brandPurple}12`,
         borderWidth: 1,
-        borderColor: colors.grayBorderSecondary,
+        borderColor: `${colors.brandPurple}25`,
     },
     analyticsHeaderToggleText: {
         fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 10,
-        color: colors.purple,
+        fontSize: 10.5,
+        color: colors.brandPurple,
     },
     analyticsStatsRow: {
         flexDirection: 'row',