react-native-inapp-inspector 1.1.26 → 1.1.28

package/dist/esm/components/Inspector/SettingsPanel.js

@@ -13,8 +13,12 @@ import { clearNetworkLogs } from '../../customHooks/networkLogger';
 import { clearConsoleLogs } from '../../customHooks/consoleLogger';
 import { clearAnalyticsEvents } from '../../customHooks/analyticsLogger';
 import { clearCrashRecords, } from '../../customHooks/crashHandler';
+import { isReduxConnected } from '../../customHooks/reduxLogger';
+import { isAnalyticsConnected } from '../../customHooks/analyticsLogger';
+import { useTranslation } from '../../i18n';
 import { SignalIcon, TerminalIcon, AnalyticsIcon, SettingsIcon, SunIcon, MoonIcon, ScreenIcon, MotionIcon, LayersIcon, EyeIcon, CheckIcon, TrashIcon, WhiteBackNavigation, PackageIcon, ReduxIcon, PerformanceIcon, CrashIcon, ShieldAlertIcon, } from '../NetworkIcons';
 const SettingsPanel = () => {
+    const { t } = useTranslation();
     const { settingsPage, setSettingsPage, settingsActiveSubTab, setSettingsActiveSubTab, tabVisibility, toggleTabVisibility, defaultTab, setDefaultTab, isDark, setIsDark, modalHeightPercent, setModalHeightPercent, modalAnimationType, setModalAnimationType, showDuplicateLogs, setShowDuplicateLogs, showConsoleLevels, setShowConsoleLevels, resetToDefaults, storage, logs, consoleLogs, analyticsEvents, reduxState, maxNetworkLogs, setMaxNetworkLogs, maxConsoleLogs, setMaxConsoleLogs, reduxAutoRefresh, setReduxAutoRefreshState, reduxExpandDepth, setReduxExpandDepth, switchActiveTab, setSelected, setSelectedEvent, setReduxState, crashRecords, maxCrashLogs, setMaxCrashLogs, } = useInspector();
     const isPersistent = isPersistentStorageAvailable();
     const headerTopPadding = Platform.OS === 'ios' && modalHeightPercent >= 95 ? 44 : 0;
@@ -185,9 +189,14 @@ const SettingsPanel = () => {
               </View>
 
               {settingsTabs.map((tab, idx) => {
-                    const isVisible = tab.key === 'apis' || tabVisibility?.[tab.key];
+                    const isReduxAvail = isReduxConnected();
+                    const isAnalyticsAvail = isAnalyticsConnected();
+                    const isUnavailable = (tab.key === 'redux' && !isReduxAvail) ||
+                        (tab.key === 'analytics' && !isAnalyticsAvail);
+                    const isLocked = tab.key === 'apis' || isUnavailable;
+                    const isVisible = tab.key === 'apis' ||
+                        (Boolean(tabVisibility?.[tab.key]) && !isUnavailable);
                     const isLast = idx === settingsTabs.length - 1;
-                    const isLocked = tab.key === 'apis';
                     return (<View key={tab.key} style={{
                             flexDirection: 'row',
                             alignItems: 'center',
@@ -203,6 +212,7 @@ const SettingsPanel = () => {
                             flexDirection: 'row',
                             alignItems: 'center',
                             gap: 8,
+                            flexWrap: 'wrap',
                         }}>
                       {/* Small icon tile */}
                       <View style={{
@@ -251,8 +261,28 @@ const SettingsPanel = () => {
                         }}>
                         {tab.label}
                       </Text>
+                      {/* Unavailable badge */}
+                      {isUnavailable && (<View style={{
+                                backgroundColor: `${AppColors.amber500}18`,
+                                borderRadius: 4,
+                                paddingHorizontal: 5,
+                                paddingVertical: 1.5,
+                                borderWidth: 1,
+                                borderColor: `${AppColors.amber500}35`,
+                            }}>
+                          <Text style={{
+                                fontFamily: AppFonts.interBold,
+                                fontSize: 8,
+                                color: AppColors.amber700,
+                                letterSpacing: 0.3,
+                            }}>
+                            {tab.key === 'redux'
+                                ? t('settings.notConnectedBadge')
+                                : t('settings.notDetectedBadge')}
+                          </Text>
+                        </View>)}
                       {/* #6 — badge marks the configured default tab */}
-                      {tab.key === defaultTab && (<View style={{
+                      {tab.key === defaultTab && !isUnavailable && (<View style={{
                                 flexDirection: 'row',
                                 alignItems: 'center',
                                 backgroundColor: `${AppColors.purple}14`,
@@ -281,21 +311,21 @@ const SettingsPanel = () => {
                         </View>)}
 
                       {/* Settings gear icon next to label */}
-                      <TouchableScale onPress={() => {
-                            animateNextLayout();
-                            setSettingsPage(tab.key);
-                        }} hitSlop={8} style={{
-                            marginLeft: 4,
-                            padding: 4,
-                            borderRadius: 6,
-                            backgroundColor: AppColors.purpleShade50,
-                            borderWidth: 1,
-                            borderColor: `${AppColors.purple}26`,
-                            alignItems: 'center',
-                            justifyContent: 'center',
-                        }}>
-                        <SettingsIcon color={AppColors.purple} size={10}/>
-                      </TouchableScale>
+                      {!isUnavailable && (<TouchableScale onPress={() => {
+                                animateNextLayout();
+                                setSettingsPage(tab.key);
+                            }} hitSlop={8} style={{
+                                marginLeft: 4,
+                                padding: 4,
+                                borderRadius: 6,
+                                backgroundColor: AppColors.purpleShade50,
+                                borderWidth: 1,
+                                borderColor: `${AppColors.purple}26`,
+                                alignItems: 'center',
+                                justifyContent: 'center',
+                            }}>
+                          <SettingsIcon color={AppColors.purple} size={10}/>
+                        </TouchableScale>)}
                     </View>
 
                     {/* Visibility Switch in VISIBILITY column */}
@@ -345,12 +375,17 @@ const SettingsPanel = () => {
                       </TouchableScale>
                       {isLocked && (<Text style={{
                                 fontFamily: AppFonts.interBold,
-                                fontSize: 8,
-                                color: AppColors.grayTextWeak,
-                                letterSpacing: 0.4,
+                                fontSize: 7.5,
+                                color: isUnavailable
+                                    ? AppColors.amber700
+                                    : AppColors.grayTextWeak,
+                                letterSpacing: 0.3,
                                 marginTop: 3,
+                                textAlign: 'right',
                             }}>
-                          REQUIRED
+                          {tab.key === 'apis'
+                                ? t('settings.requiredBadge')
+                                : t('settings.readOnlyBadge')}
                         </Text>)}
                     </View>
                   </View>);

package/dist/esm/components/Inspector/TabBar.js

@@ -5,8 +5,12 @@ import TouchableScale from '../TouchableScale';
 import styles from '../../styles';
 import { AppColors } from '../../styles/AppColors';
 import { SignalIcon, TerminalIcon, AnalyticsIcon, PackageIcon, ReduxIcon, PerformanceIcon, CrashIcon, } from '../NetworkIcons';
+import { isReduxConnected } from '../../customHooks/reduxLogger';
+import { isAnalyticsConnected } from '../../customHooks/analyticsLogger';
 const TabBar = React.memo(() => {
     const { activeTab, switchActiveTab, tabVisibility, logs, consoleLogs, analyticsEvents, crashRecords, lastReadApisCount, lastReadLogsCount, lastReadCrashesCount, unreadPulseAnim, } = useInspector();
+    const isReduxAvail = isReduxConnected();
+    const isAnalyticsAvail = isAnalyticsConnected();
     return (<View style={styles.tabBarContainer}>
       <ScrollView horizontal showsHorizontalScrollIndicator={false} contentContainerStyle={{ paddingRight: 16 }}>
         {[
@@ -53,7 +57,15 @@ const TabBar = React.memo(() => {
                 icon: 'crash',
             },
         ]
-            .filter(tab => tabVisibility?.[tab.key])
+            .filter(tab => {
+            if (!tabVisibility?.[tab.key])
+                return false;
+            if (tab.key === 'redux' && !isReduxAvail)
+                return false;
+            if (tab.key === 'analytics' && !isAnalyticsAvail)
+                return false;
+            return true;
+        })
             .map(tab => {
             const isActive = activeTab === tab.key;
             const iconColor = isActive

package/dist/esm/components/LogCard.js

@@ -5,6 +5,7 @@ import { AppColors } from '../styles/AppColors';
 import { METHOD_COLORS } from '../constants';
 import { getStatusColor, getDurationColor, getPath, getBaseUrl, formatDateTime, getSize, } from '../helpers';
 import { CalendarIcon, ClockIcon, SizeIcon } from './NetworkIcons';
+import { AppFonts } from '../styles/AppFonts';
 import styles from '../styles';
 import HighlightText from './HighlightText';
 import TouchableScale from './TouchableScale';
@@ -71,6 +72,46 @@ const LogCard = React.memo(function LogCard({ item, onPress, timelineMinStart, t
               </Text>
             </View>
 
+            {item.client && (<View style={[
+                styles.chip,
+                {
+                    backgroundColor: item.client === 'axios'
+                        ? `${AppColors.purple}14`
+                        : item.client === 'apollo' || item.client === 'graphql'
+                            ? `${AppColors.pink500}14`
+                            : item.client === 'xhr'
+                                ? `${AppColors.amber500}14`
+                                : `${AppColors.sky500}14`,
+                    borderColor: item.client === 'axios'
+                        ? `${AppColors.purple}30`
+                        : item.client === 'apollo' || item.client === 'graphql'
+                            ? `${AppColors.pink500}30`
+                            : item.client === 'xhr'
+                                ? `${AppColors.amber500}30`
+                                : `${AppColors.sky500}30`,
+                    paddingHorizontal: 4.5,
+                    paddingVertical: 1,
+                    borderRadius: 4,
+                },
+            ]}>
+                <Text style={[
+                styles.chipText,
+                {
+                    fontFamily: AppFonts.interBold,
+                    fontSize: 8.5,
+                    color: item.client === 'axios'
+                        ? AppColors.purple
+                        : item.client === 'apollo' || item.client === 'graphql'
+                            ? AppColors.pink500
+                            : item.client === 'xhr'
+                                ? AppColors.amber700
+                                : AppColors.sky600,
+                },
+            ]}>
+                  {item.client.toUpperCase()}
+                </Text>
+              </View>)}
+
             <HighlightText text={baseUrl || item.url} search={searchStr} style={styles.cardHostText} highlightStyle={styles.highlight} numberOfLines={1} ellipsizeMode="tail"/>
           </View>
 
@@ -108,42 +149,42 @@ const LogCard = React.memo(function LogCard({ item, onPress, timelineMinStart, t
           </View>
         </View>
 
-        {/* Row 2: Improved Slug Capsule Container */}
-        {showSlug && (<View style={styles.cardSlugBox}>
-            <View style={styles.slugLeft}>
-              <Text style={styles.slugTag}>PATH</Text>
-              <HighlightText text={slug} search={searchStr} style={styles.slugText} highlightStyle={styles.highlight} numberOfLines={1} ellipsizeMode="tail"/>
-            </View>
+        {/* Row 2: Full URL Capsule Container */}
+        <View style={styles.cardSlugBox}>
+          <View style={styles.slugLeft}>
+            <Text style={styles.slugTag}>URL</Text>
+            <HighlightText text={item.url} search={searchStr} style={styles.slugText} highlightStyle={styles.highlight} numberOfLines={2} ellipsizeMode="middle"/>
+          </View>
 
-            <View style={styles.slugRight}>
-              {isJson && (<View style={[
-                    styles.chip,
-                    {
-                        backgroundColor: `${AppColors.darkOrange}12`,
-                        borderColor: `${AppColors.darkOrange}28`,
-                    },
-                ]}>
-                  <Text style={[styles.chipText, { color: AppColors.darkOrange }]}>
-                    .json
-                  </Text>
-                </View>)}
+          <View style={styles.slugRight}>
+            {isJson && (<View style={[
+                styles.chip,
+                {
+                    backgroundColor: `${AppColors.darkOrange}12`,
+                    borderColor: `${AppColors.darkOrange}28`,
+                },
+            ]}>
+                <Text style={[styles.chipText, { color: AppColors.darkOrange }]}>
+                  .json
+                </Text>
+              </View>)}
 
-              {item.duplicateCount != null && item.duplicateCount > 1 && (<View style={[
-                    styles.chip,
-                    {
-                        backgroundColor: `${AppColors.purple}12`,
-                        borderColor: `${AppColors.purple}28`,
-                    },
-                ]}>
-                  <Text style={[
-                    styles.chipText,
-                    { color: AppColors.purple, fontWeight: '700' },
-                ]}>
-                    ×{item.duplicateCount}
-                  </Text>
-                </View>)}
-            </View>
-          </View>)}
+            {item.duplicateCount != null && item.duplicateCount > 1 && (<View style={[
+                styles.chip,
+                {
+                    backgroundColor: `${AppColors.purple}12`,
+                    borderColor: `${AppColors.purple}28`,
+                },
+            ]}>
+                <Text style={[
+                styles.chipText,
+                { color: AppColors.purple, fontWeight: '700' },
+            ]}>
+                  ×{item.duplicateCount}
+                </Text>
+              </View>)}
+          </View>
+        </View>
 
         {/* Row 3: Footer (Timestamp on Left, Response Size & Duration on Right) */}
         <View style={styles.cardFooterRow}>

package/dist/esm/components/NetworkIcons.d.ts

@@ -1,105 +1,115 @@
 import React from 'react';
-export declare const EmptyRadarIcon: ({ color, size }: any) => React.JSX.Element;
-export declare const MapPinIcon: ({ color, size, }: any) => React.JSX.Element;
-export declare const ScreenIcon: ({ color, size, }: any) => React.JSX.Element;
-export declare const ExpandCollapseIcon: ({ isExpanded, color, size, }: any) => React.JSX.Element;
-export declare const SearchIcon: ({ color, size, }: any) => React.JSX.Element;
-export declare const ClearIcon: ({ color, size }: any) => React.JSX.Element;
-export declare const ClockIcon: ({ color, size }: any) => React.JSX.Element;
-export declare const CalendarIcon: ({ color, size, }: any) => React.JSX.Element;
-export declare const StatusIcon: ({ color }: any) => React.JSX.Element;
-export declare const SizeIcon: ({ color }: any) => React.JSX.Element;
-export declare const RequestIcon: ({ color }: any) => React.JSX.Element;
-export declare const ResponseIcon: ({ color }: any) => React.JSX.Element;
-export declare const HeadersIcon: ({ color }: any) => React.JSX.Element;
-export declare const CopyIcon: ({ color, size }: any) => React.JSX.Element;
-export declare const FetchIcon: ({ color, size }: any) => React.JSX.Element;
-export declare const TerminalIcon: ({ color, size, }: any) => React.JSX.Element;
-export declare const CheckIcon: ({ color, size }: any) => React.JSX.Element;
-export declare const CircleCheckIcon: ({ color, size }: any) => React.JSX.Element;
-export declare const CircleXIcon: ({ color, size }: any) => React.JSX.Element;
-export declare const CircleAlertIcon: ({ color, size }: any) => React.JSX.Element;
-export declare const FailIcon: ({ color, size }: any) => React.JSX.Element;
-export declare const TrashIcon: ({ color, size }: any) => React.JSX.Element;
-export declare const HeaderPauseIcon: ({ isPaused, color, size, }: any) => React.JSX.Element;
-export declare const ExportIcon: ({ color, size, }: any) => React.JSX.Element;
-export declare const SignalIcon: ({ color, size, }: any) => React.JSX.Element;
-export declare const DiffIcon: ({ color, size }: any) => React.JSX.Element;
-export declare const GlobeIcon: ({ color, size }: any) => React.JSX.Element;
-export declare const SortArrowIcon: ({ color, size, direction, }: any) => React.JSX.Element;
-export declare const ChevronIcon: ({ color, size, }: any) => React.JSX.Element;
-export declare const FilterIcon: ({ color, size, }: any) => React.JSX.Element;
-export declare const DownloadIcon: ({ color, size, }: any) => React.JSX.Element;
-export declare const CloseWhite: ({ color, size }: any) => React.JSX.Element;
-export declare const WhiteBackNavigation: ({ color, size }: any) => React.JSX.Element;
-export declare const AnalyticsIcon: ({ color, size, }: any) => React.JSX.Element;
-export declare const InsightsIcon: ({ color, size, }: any) => React.JSX.Element;
-export declare const DebugIcon: ({ color, size }: any) => React.JSX.Element;
-export declare const SunIcon: ({ color, size }: any) => React.JSX.Element;
-export declare const MoonIcon: ({ color, size }: any) => React.JSX.Element;
+export interface IconProps {
+    color?: string;
+    size?: number;
+    strokeWidth?: number;
+    isExpanded?: boolean;
+    isPaused?: boolean;
+    active?: boolean;
+    direction?: 'up' | 'down' | string;
+    ascending?: boolean;
+}
+export declare const EmptyRadarIcon: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const MapPinIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const ScreenIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const ExpandCollapseIcon: ({ isExpanded, color, size, }: IconProps) => React.JSX.Element;
+export declare const SearchIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const ClearIcon: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const ClockIcon: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const CalendarIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const StatusIcon: ({ color }: IconProps) => React.JSX.Element;
+export declare const SizeIcon: ({ color }: IconProps) => React.JSX.Element;
+export declare const RequestIcon: ({ color }: IconProps) => React.JSX.Element;
+export declare const ResponseIcon: ({ color }: IconProps) => React.JSX.Element;
+export declare const HeadersIcon: ({ color }: IconProps) => React.JSX.Element;
+export declare const CopyIcon: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const FetchIcon: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const TerminalIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const CheckIcon: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const CircleCheckIcon: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const CircleXIcon: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const CircleAlertIcon: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const FailIcon: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const TrashIcon: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const HeaderPauseIcon: ({ isPaused, color, size, }: IconProps) => React.JSX.Element;
+export declare const ExportIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const SignalIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const DiffIcon: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const GlobeIcon: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const SortArrowIcon: ({ color, size, direction, }: IconProps) => React.JSX.Element;
+export declare const ChevronIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const FilterIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const DownloadIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const CloseWhite: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const WhiteBackNavigation: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const AnalyticsIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const InsightsIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const DebugIcon: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const SunIcon: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const MoonIcon: ({ color, size }: IconProps) => React.JSX.Element;
 export { BrandCircleIcon } from './BrandCircleIcon';
 export { BrandSquareIcon } from './BrandSquareIcon';
-export declare const HtmlIcon: ({ color, size }: any) => React.JSX.Element;
-export declare const CssIcon: ({ color, size }: any) => React.JSX.Element;
-export declare const JsIcon: ({ color, size }: any) => React.JSX.Element;
-export declare const EyeIcon: ({ color, size }: any) => React.JSX.Element;
-export declare const SettingsIcon: ({ color, size, }: any) => React.JSX.Element;
-export declare const FolderIcon: ({ color, size, }: any) => React.JSX.Element;
-export declare const WipeIcon: ({ color, size }: any) => React.JSX.Element;
-export declare const LayersIcon: ({ color, size, }: any) => React.JSX.Element;
-export declare const UserIcon: ({ color, size }: any) => React.JSX.Element;
-export declare const InfoCircleIcon: ({ color, size, }: any) => React.JSX.Element;
-export declare const WarningTriangleIcon: ({ color, size, }: any) => React.JSX.Element;
-export declare const ErrorCircleIcon: ({ color, size, }: any) => React.JSX.Element;
-export declare const TrendingUpIcon: ({ color, size, }: any) => React.JSX.Element;
-export declare const MotionIcon: ({ color, size, }: any) => React.JSX.Element;
-export declare const SortIcon: ({ ascending, color, size, }: any) => React.JSX.Element;
-export declare const PrettyIcon: ({ color, size, }: any) => React.JSX.Element;
-export declare const RawIcon: ({ color, size, }: any) => React.JSX.Element;
-export declare const TableIcon: ({ color, size, }: any) => React.JSX.Element;
-export declare const PackageIcon: ({ color, size, }: any) => React.JSX.Element;
-export declare const ForwardChevronIcon: ({ color, size, }: any) => React.JSX.Element;
-export declare const BundleIcon: ({ color, size, }: any) => React.JSX.Element;
-export declare const LiveStateIcon: ({ color, size, }: any) => React.JSX.Element;
-export declare const TimelineIcon: ({ color, size, }: any) => React.JSX.Element;
-export declare const RefreshCcwIcon: ({ color, size, }: any) => React.JSX.Element;
-export declare const StorageIcon: ({ color, size, }: any) => React.JSX.Element;
-export declare const MetadataIcon: ({ color, size, }: any) => React.JSX.Element;
-export declare const ReduxIcon: ({ color, size, }: any) => React.JSX.Element;
-export declare const PerformanceIcon: ({ color, size, }: any) => React.JSX.Element;
-export declare const BoltIcon: ({ color, size }: any) => React.JSX.Element;
-export declare const BanIcon: ({ color, size }: any) => React.JSX.Element;
-export declare const FolderOpenIcon: ({ color, size }: any) => React.JSX.Element;
-export declare const DocIcon: ({ color, size }: any) => React.JSX.Element;
-export declare const LightbulbIcon: ({ color, size }: any) => React.JSX.Element;
-export declare const SparkleIcon: ({ color, size }: any) => React.JSX.Element;
-export declare const MapIcon: ({ color, size }: any) => React.JSX.Element;
-export declare const AtomIcon: ({ color, size }: any) => React.JSX.Element;
-export declare const BrainIcon: ({ color, size }: any) => React.JSX.Element;
-export declare const TextAaIcon: ({ color, size }: any) => React.JSX.Element;
-export declare const CartIcon: ({ color, size }: any) => React.JSX.Element;
-export declare const MoneyIcon: ({ color, size }: any) => React.JSX.Element;
-export declare const ExternalLinkIcon: ({ color, size, }: any) => React.JSX.Element;
-export declare const PackageBoxIcon: ({ color, size, }: any) => React.JSX.Element;
-export declare const GitHubIcon: ({ color, size, }: any) => React.JSX.Element;
-export declare const LinkChainIcon: ({ color, size, }: any) => React.JSX.Element;
-export declare const AppleIcon: ({ color, size, }: any) => React.JSX.Element;
-export declare const AndroidIcon: ({ color, size, }: any) => React.JSX.Element;
-export declare const CodeBracketsIcon: ({ color, size, }: any) => React.JSX.Element;
-export declare const FlameIcon: ({ color, size, }: any) => React.JSX.Element;
-export declare const HourglassIcon: ({ color, size, }: any) => React.JSX.Element;
-export declare const PinIcon: ({ color, size, }: any) => React.JSX.Element;
-export declare const RepeatIcon: ({ color, size, }: any) => React.JSX.Element;
-export declare const TargetGoalIcon: ({ color, size, }: any) => React.JSX.Element;
-export declare const UserCheckIcon: ({ color, size, }: any) => React.JSX.Element;
-export declare const CrashIcon: ({ color, size, }: any) => React.JSX.Element;
-export declare const ShieldAlertIcon: ({ color, size, }: any) => React.JSX.Element;
-export declare const SkullIcon: ({ color, size, }: any) => React.JSX.Element;
-export declare const ChipIcon: ({ color, size, }: any) => React.JSX.Element;
-export declare const LayoutIcon: ({ color, size, }: any) => React.JSX.Element;
-export declare const StackTraceIcon: ({ color, size, }: any) => React.JSX.Element;
-export declare const DiagnosticsIcon: ({ color, size, }: any) => React.JSX.Element;
-export declare const TrailIcon: ({ color, size, }: any) => React.JSX.Element;
-export declare const RawJsonIcon: ({ color, size, }: any) => React.JSX.Element;
-export declare const AppFramesIcon: ({ color, size, }: any) => React.JSX.Element;
-export declare const AllFramesIcon: ({ color, size, }: any) => React.JSX.Element;
+export declare const HtmlIcon: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const CssIcon: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const JsIcon: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const EyeIcon: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const SettingsIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const FolderIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const WipeIcon: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const LayersIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const UserIcon: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const InfoCircleIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const WarningTriangleIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const ErrorCircleIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const TrendingUpIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const MotionIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const SortIcon: ({ ascending, color, size, }: IconProps) => React.JSX.Element;
+export declare const PrettyIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const RawIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const TableIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const PackageIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const ForwardChevronIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const BundleIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const LiveStateIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const TimelineIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const RefreshCcwIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const StorageIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const MetadataIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const ReduxIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const PerformanceIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const BoltIcon: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const BanIcon: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const FolderOpenIcon: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const DocIcon: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const LightbulbIcon: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const SparkleIcon: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const MapIcon: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const AtomIcon: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const BrainIcon: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const TextAaIcon: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const CartIcon: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const MoneyIcon: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const ExternalLinkIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const PackageBoxIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const GitHubIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const LinkChainIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const AppleIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const AndroidIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const CodeBracketsIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const FlameIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const HourglassIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const PinIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const RepeatIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const TargetGoalIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const UserCheckIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const CrashIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const ShieldAlertIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const SkullIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const ChipIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const LayoutIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const StackTraceIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const DiagnosticsIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const TrailIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const RawJsonIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const AppFramesIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const AllFramesIcon: ({ color, size, }: IconProps) => React.JSX.Element;

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

@@ -1 +1 @@
-export declare const LIB_VERSION = "1.1.26";
+export declare const LIB_VERSION = "1.1.28";

package/dist/esm/constants/version.js

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

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

@@ -15,16 +15,6 @@ export declare const getCollectionEnabled: () => boolean;
  * Useful for custom analytics wrappers or testing.
  */
 export declare const logAnalyticsEvent: (name: string, params?: Record<string, any>, userProperties?: Record<string, any>) => void;
-/**
- * Monkey-patches a @react-native-firebase/analytics instance so all calls
- * are intercepted and forwarded to the NetworkInspector analytics tab.
- *
- * Pass the result of `analytics()` (the default app instance or any named one).
- * Safe to call multiple times with the same instance — won't double-patch.
- *
- * @example
- *   import analytics from '@react-native-firebase/analytics';
- *   setupAnalyticsLogger(analytics());
- */
+export declare const isAnalyticsConnected: () => boolean;
 export declare const setupAnalyticsLogger: (analyticsInstance: any) => void;
 export declare const autoSetupAnalyticsLogger: () => boolean;

package/dist/esm/customHooks/analyticsLogger.js

@@ -86,11 +86,17 @@ export const logAnalyticsEvent = (name, params = {}, userProperties = {}) => {
  *   import analytics from '@react-native-firebase/analytics';
  *   setupAnalyticsLogger(analytics());
  */
+let isAnalyticsPatched = false;
+export const isAnalyticsConnected = () => isAnalyticsPatched ||
+    events.length > 0 ||
+    Object.keys(currentUserProperties).length > 0 ||
+    currentUserId != null;
 export const setupAnalyticsLogger = (analyticsInstance) => {
     if (!analyticsInstance) {
         console.warn('[AnalyticsLogger] No analytics instance provided — skipping setup.');
         return;
     }
+    isAnalyticsPatched = true;
     // Guard against double-patching the same instance
     if (analyticsInstance.__INSPECTOR_PATCHED__)
         return;