react-native-inapp-inspector 1.1.13 → 1.1.14

package/dist/commonjs/components/AnalyticsEventCard.js

@@ -55,9 +55,10 @@ const EVENT_PALETTE = [
     '#2E7D32', // dark green
 ];
 function getEventColor(name) {
+    const safeName = typeof name === 'string' ? name : String(name || '');
     let hash = 0;
-    for (let i = 0; i < name.length; i++) {
-        hash = (hash * 31 + name.charCodeAt(i)) | 0;
+    for (let i = 0; i < safeName.length; i++) {
+        hash = (hash * 31 + safeName.charCodeAt(i)) | 0;
     }
     return EVENT_PALETTE[Math.abs(hash) % EVENT_PALETTE.length];
 }
@@ -80,6 +81,63 @@ function formatGap(ms) {
     const rem = s % 60;
     return rem > 0 ? `+${m}m ${rem}s` : `+${m}m`;
 }
+function getEventCategory(name) {
+    if (!name)
+        return 'Custom';
+    const lowercaseName = name.toLowerCase();
+    if (lowercaseName === 'screen_view' || lowercaseName === 'page_view') {
+        return 'Page View';
+    }
+    // Ecommerce events
+    const ecommerceEvents = [
+        'purchase', 'add_to_cart', 'begin_checkout', 'view_item',
+        'select_item', 'remove_from_cart', 'view_cart',
+        'add_shipping_info', 'add_payment_info', 'refund',
+        'view_item_list', 'select_promotion', 'view_promotion'
+    ];
+    if (ecommerceEvents.includes(lowercaseName)) {
+        return 'Ecommerce';
+    }
+    // Firebase System Auto-events
+    const systemEvents = [
+        'first_open', 'session_start', 'user_engagement',
+        'app_clear_data', 'app_exception', 'app_update', 'os_update',
+        'notification_receive', 'notification_open', 'notification_dismiss',
+        'screen_active', 'screen_inactive'
+    ];
+    if (systemEvents.includes(lowercaseName) || lowercaseName.startsWith('firebase_') || lowercaseName.startsWith('_')) {
+        return 'System';
+    }
+    return 'Custom';
+}
+function getCategoryColors(category) {
+    switch (category) {
+        case 'Page View':
+            return {
+                bg: '#E3F2FD',
+                border: '#BBDEFB',
+                text: '#1976D2',
+            };
+        case 'Ecommerce':
+            return {
+                bg: '#E8F5E9',
+                border: '#C8E6C9',
+                text: '#2E7D32',
+            };
+        case 'System':
+            return {
+                bg: '#F5F5F5',
+                border: '#E0E0E0',
+                text: '#616161',
+            };
+        default:
+            return {
+                bg: '#F3E5F5',
+                border: '#E1BEE7',
+                text: '#7B1FA2',
+            };
+    }
+}
 // ─── Component ────────────────────────────────────────────────────────────────
 const AnalyticsEventCard = react_1.default.memo(function AnalyticsEventCard({ event, onPress, isNew = false, searchStr = '', msSincePrev, computedScreenName, }) {
     const color = getEventColor(event.name);
@@ -128,6 +186,19 @@ const AnalyticsEventCard = react_1.default.memo(function AnalyticsEventCard({ ev
               <HighlightText_1.default text={event.name} search={searchStr} style={[cardStyles.eventName, { color: color }]} highlightStyle={cardStyles.highlight}/>
             </react_native_1.View>
 
+            {(() => {
+            const category = getEventCategory(event.name);
+            const tagColors = getCategoryColors(category);
+            return (<react_native_1.View style={[
+                    cardStyles.categoryBadge,
+                    { backgroundColor: tagColors.bg, borderColor: tagColors.border },
+                ]}>
+                  <react_native_1.Text style={[cardStyles.categoryText, { color: tagColors.text }]}>
+                    {category}
+                  </react_native_1.Text>
+                </react_native_1.View>);
+        })()}
+
             {event.count !== undefined ? (<react_native_1.View style={[
                 cardStyles.duplicateBadge,
                 event.count === 1 && {
@@ -151,20 +222,24 @@ const AnalyticsEventCard = react_1.default.memo(function AnalyticsEventCard({ ev
         {/* Bottom Row: Metadata Chips & Sparkline */}
         <react_native_1.View style={cardStyles.cardBody}>
           <react_native_1.View style={cardStyles.chipsRow}>
-            {computedScreenName ||
-            event.screenName ||
-            event.params?.firebase_screen ||
-            event.params?.screen_name ||
-            event.params?.firebase_screen_class ? (<react_native_1.View style={[cardStyles.chip, { backgroundColor: AppColors_1.AppColors.grayBackground, borderColor: AppColors_1.AppColors.grayBorderSecondary }]}>
-                <react_native_1.View style={[cardStyles.screenDot, { backgroundColor: color }]}/>
-                <react_native_1.Text style={[cardStyles.chipText, { color: AppColors_1.AppColors.grayText }]} numberOfLines={1}>
-                  {computedScreenName ||
+            {(() => {
+            const rawScreenName = computedScreenName ||
                 event.screenName ||
                 event.params?.firebase_screen ||
                 event.params?.screen_name ||
-                event.params?.firebase_screen_class}
-                </react_native_1.Text>
-              </react_native_1.View>) : null}
+                event.params?.firebase_screen_class;
+            if (!rawScreenName)
+                return null;
+            const screenNameStr = typeof rawScreenName === 'object'
+                ? JSON.stringify(rawScreenName)
+                : String(rawScreenName);
+            return (<react_native_1.View style={[cardStyles.chip, { backgroundColor: AppColors_1.AppColors.grayBackground, borderColor: AppColors_1.AppColors.grayBorderSecondary }]}>
+                  <react_native_1.View style={[cardStyles.screenDot, { backgroundColor: color }]}/>
+                  <react_native_1.Text style={[cardStyles.chipText, { color: AppColors_1.AppColors.grayText }]} numberOfLines={1}>
+                    {screenNameStr}
+                  </react_native_1.Text>
+                </react_native_1.View>);
+        })()}
 
             <react_native_1.View style={[cardStyles.chip, { backgroundColor: AppColors_1.AppColors.grayBackground, borderColor: AppColors_1.AppColors.grayBorderSecondary }]}>
               <react_native_1.Text style={[cardStyles.chipText, { color: AppColors_1.AppColors.grayText }]}>
@@ -311,6 +386,18 @@ const cardStyles = react_native_1.StyleSheet.create({
         textTransform: 'uppercase',
         letterSpacing: 0.5,
     },
+    categoryBadge: {
+        borderWidth: 1,
+        paddingHorizontal: 5,
+        paddingVertical: 2,
+        borderRadius: 4,
+    },
+    categoryText: {
+        fontFamily: AppFonts_1.AppFonts.interBold,
+        fontSize: 9,
+        textTransform: 'uppercase',
+        letterSpacing: 0.5,
+    },
     miniGraphWrapper: {
         flexDirection: 'row',
         alignItems: 'flex-end',

package/dist/commonjs/constants/version.d.ts

@@ -1 +1 @@
-export declare const LIB_VERSION = "1.1.13";
+export declare const LIB_VERSION = "1.1.14";

package/dist/commonjs/constants/version.js

@@ -3,4 +3,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.LIB_VERSION = void 0;
 // AUTO-GENERATED FILE — do not edit by hand.
 // Regenerated from package.json on every build by scripts/gen-version.js.
-exports.LIB_VERSION = '1.1.13';
+exports.LIB_VERSION = '1.1.14';

package/dist/commonjs/customHooks/analyticsLogger.d.ts

@@ -2,6 +2,14 @@ import { AnalyticsEvent } from '../types';
 export declare const subscribeAnalyticsEvents: (callback: (events: AnalyticsEvent[]) => void) => () => void;
 export declare const clearAnalyticsEvents: () => void;
 export declare const getAnalyticsEvents: () => AnalyticsEvent[];
+export declare const getCurrentUserProperties: () => {
+    [x: string]: any;
+};
+export declare const getCurrentUserId: () => string;
+export declare const getDefaultEventParameters: () => {
+    [x: string]: any;
+};
+export declare const getCollectionEnabled: () => boolean;
 /**
  * Directly push an event into the inspector without going through Firebase.
  * Useful for custom analytics wrappers or testing.

package/dist/commonjs/customHooks/analyticsLogger.js

@@ -22,7 +22,7 @@
 //   setUserId(id)
 // ─────────────────────────────────────────────────────────────────────────────
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.autoSetupAnalyticsLogger = exports.setupAnalyticsLogger = exports.logAnalyticsEvent = exports.getAnalyticsEvents = exports.clearAnalyticsEvents = exports.subscribeAnalyticsEvents = void 0;
+exports.autoSetupAnalyticsLogger = exports.setupAnalyticsLogger = exports.logAnalyticsEvent = exports.getCollectionEnabled = exports.getDefaultEventParameters = exports.getCurrentUserId = exports.getCurrentUserProperties = exports.getAnalyticsEvents = exports.clearAnalyticsEvents = exports.subscribeAnalyticsEvents = void 0;
 // ─── Internal state ───────────────────────────────────────────────────────────
 let events = [];
 let listeners = [];
@@ -30,6 +30,8 @@ let counter = 0;
 // Running snapshot of user properties set so far — attached to every event
 let currentUserProperties = {};
 let currentUserId;
+let currentDefaultEventParameters = {};
+let isCollectionEnabled = true;
 // ─── Core helpers ─────────────────────────────────────────────────────────────
 const notify = () => {
     const snapshot = [...events];
@@ -56,6 +58,14 @@ const clearAnalyticsEvents = () => {
 exports.clearAnalyticsEvents = clearAnalyticsEvents;
 const getAnalyticsEvents = () => [...events];
 exports.getAnalyticsEvents = getAnalyticsEvents;
+const getCurrentUserProperties = () => ({ ...currentUserProperties });
+exports.getCurrentUserProperties = getCurrentUserProperties;
+const getCurrentUserId = () => currentUserId;
+exports.getCurrentUserId = getCurrentUserId;
+const getDefaultEventParameters = () => ({ ...currentDefaultEventParameters });
+exports.getDefaultEventParameters = getDefaultEventParameters;
+const getCollectionEnabled = () => isCollectionEnabled;
+exports.getCollectionEnabled = getCollectionEnabled;
 // ─── Manual logging (escape hatch, rarely needed) ────────────────────────────
 /**
  * Directly push an event into the inspector without going through Firebase.
@@ -154,8 +164,39 @@ const setupAnalyticsLogger = (analyticsInstance) => {
     const originalSetUserId = analyticsInstance.setUserId.bind(analyticsInstance);
     analyticsInstance.setUserId = async (id) => {
         currentUserId = id ?? undefined;
+        notify();
         return originalSetUserId(id);
     };
+    // ── setDefaultEventParameters ──────────────────────────────────────────────
+    if (typeof analyticsInstance.setDefaultEventParameters === 'function') {
+        const originalSetDefaultEventParameters = analyticsInstance.setDefaultEventParameters.bind(analyticsInstance);
+        analyticsInstance.setDefaultEventParameters = async (params) => {
+            currentDefaultEventParameters = params ?? {};
+            notify();
+            return originalSetDefaultEventParameters(params);
+        };
+    }
+    // ── setAnalyticsCollectionEnabled ───────────────────────────────────────────
+    if (typeof analyticsInstance.setAnalyticsCollectionEnabled === 'function') {
+        const originalSetAnalyticsCollectionEnabled = analyticsInstance.setAnalyticsCollectionEnabled.bind(analyticsInstance);
+        analyticsInstance.setAnalyticsCollectionEnabled = async (enabled) => {
+            isCollectionEnabled = enabled;
+            notify();
+            return originalSetAnalyticsCollectionEnabled(enabled);
+        };
+    }
+    // ── resetAnalyticsData ──────────────────────────────────────────────────────
+    if (typeof analyticsInstance.resetAnalyticsData === 'function') {
+        const originalResetAnalyticsData = analyticsInstance.resetAnalyticsData.bind(analyticsInstance);
+        analyticsInstance.resetAnalyticsData = async () => {
+            (0, exports.clearAnalyticsEvents)();
+            currentUserProperties = {};
+            currentUserId = undefined;
+            currentDefaultEventParameters = {};
+            notify();
+            return originalResetAnalyticsData();
+        };
+    }
 };
 exports.setupAnalyticsLogger = setupAnalyticsLogger;
 const autoSetupAnalyticsLogger = () => {

package/dist/commonjs/index.d.ts

@@ -3,7 +3,7 @@ declare const NetworkInspectorWrapper: (props: any) => React.JSX.Element;
 export default NetworkInspectorWrapper;
 export { setupNetworkLogger, clearNetworkLogs, subscribeNetworkLogs, addAxiosInterceptors, } from './customHooks/networkLogger';
 export { setupConsoleLogger, clearConsoleLogs, subscribeConsoleLogs, } from './customHooks/consoleLogger';
-export { setupAnalyticsLogger, logAnalyticsEvent, subscribeAnalyticsEvents, clearAnalyticsEvents, } from './customHooks/analyticsLogger';
+export { setupAnalyticsLogger, logAnalyticsEvent, subscribeAnalyticsEvents, clearAnalyticsEvents, getCurrentUserProperties, getCurrentUserId, getDefaultEventParameters, getCollectionEnabled, } from './customHooks/analyticsLogger';
 export { WebView, getWebViewLogs, getWebViewNavHistory, getWebViewHtml, getWebViewCss, getWebViewJs, getWebViewHtmlUrl, clearWebViewData, subscribeWebView, } from './customHooks/webViewLogger';
 export { default as ErrorBoundary } from './components/ErrorBoundary';
 export { connectReduxStore, inspectorReduxMiddleware, getReduxState, subscribeReduxState, getActionHistory, clearActionHistory, } from './customHooks/reduxLogger';