react-native-inapp-inspector 1.1.26 → 1.1.28

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

@@ -51,8 +51,12 @@ const networkLogger_1 = require("../../customHooks/networkLogger");
 const consoleLogger_1 = require("../../customHooks/consoleLogger");
 const analyticsLogger_1 = require("../../customHooks/analyticsLogger");
 const crashHandler_1 = require("../../customHooks/crashHandler");
+const reduxLogger_1 = require("../../customHooks/reduxLogger");
+const analyticsLogger_2 = require("../../customHooks/analyticsLogger");
+const i18n_1 = require("../../i18n");
 const NetworkIcons_1 = require("../NetworkIcons");
 const SettingsPanel = () => {
+    const { t } = (0, i18n_1.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, } = (0, InspectorContext_1.useInspector)();
     const isPersistent = (0, settingsStore_1.isPersistentStorageAvailable)();
     const headerTopPadding = react_native_1.Platform.OS === 'ios' && modalHeightPercent >= 95 ? 44 : 0;
@@ -223,9 +227,14 @@ const SettingsPanel = () => {
               </react_native_1.View>
 
               {settingsTabs.map((tab, idx) => {
-                    const isVisible = tab.key === 'apis' || tabVisibility?.[tab.key];
+                    const isReduxAvail = (0, reduxLogger_1.isReduxConnected)();
+                    const isAnalyticsAvail = (0, analyticsLogger_2.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 (<react_native_1.View key={tab.key} style={{
                             flexDirection: 'row',
                             alignItems: 'center',
@@ -241,6 +250,7 @@ const SettingsPanel = () => {
                             flexDirection: 'row',
                             alignItems: 'center',
                             gap: 8,
+                            flexWrap: 'wrap',
                         }}>
                       {/* Small icon tile */}
                       <react_native_1.View style={{
@@ -289,8 +299,28 @@ const SettingsPanel = () => {
                         }}>
                         {tab.label}
                       </react_native_1.Text>
+                      {/* Unavailable badge */}
+                      {isUnavailable && (<react_native_1.View style={{
+                                backgroundColor: `${AppColors_1.AppColors.amber500}18`,
+                                borderRadius: 4,
+                                paddingHorizontal: 5,
+                                paddingVertical: 1.5,
+                                borderWidth: 1,
+                                borderColor: `${AppColors_1.AppColors.amber500}35`,
+                            }}>
+                          <react_native_1.Text style={{
+                                fontFamily: AppFonts_1.AppFonts.interBold,
+                                fontSize: 8,
+                                color: AppColors_1.AppColors.amber700,
+                                letterSpacing: 0.3,
+                            }}>
+                            {tab.key === 'redux'
+                                ? t('settings.notConnectedBadge')
+                                : t('settings.notDetectedBadge')}
+                          </react_native_1.Text>
+                        </react_native_1.View>)}
                       {/* #6 — badge marks the configured default tab */}
-                      {tab.key === defaultTab && (<react_native_1.View style={{
+                      {tab.key === defaultTab && !isUnavailable && (<react_native_1.View style={{
                                 flexDirection: 'row',
                                 alignItems: 'center',
                                 backgroundColor: `${AppColors_1.AppColors.purple}14`,
@@ -319,21 +349,21 @@ const SettingsPanel = () => {
                         </react_native_1.View>)}
 
                       {/* Settings gear icon next to label */}
-                      <TouchableScale_1.default onPress={() => {
-                            (0, InspectorContext_1.animateNextLayout)();
-                            setSettingsPage(tab.key);
-                        }} hitSlop={8} style={{
-                            marginLeft: 4,
-                            padding: 4,
-                            borderRadius: 6,
-                            backgroundColor: AppColors_1.AppColors.purpleShade50,
-                            borderWidth: 1,
-                            borderColor: `${AppColors_1.AppColors.purple}26`,
-                            alignItems: 'center',
-                            justifyContent: 'center',
-                        }}>
-                        <NetworkIcons_1.SettingsIcon color={AppColors_1.AppColors.purple} size={10}/>
-                      </TouchableScale_1.default>
+                      {!isUnavailable && (<TouchableScale_1.default onPress={() => {
+                                (0, InspectorContext_1.animateNextLayout)();
+                                setSettingsPage(tab.key);
+                            }} hitSlop={8} style={{
+                                marginLeft: 4,
+                                padding: 4,
+                                borderRadius: 6,
+                                backgroundColor: AppColors_1.AppColors.purpleShade50,
+                                borderWidth: 1,
+                                borderColor: `${AppColors_1.AppColors.purple}26`,
+                                alignItems: 'center',
+                                justifyContent: 'center',
+                            }}>
+                          <NetworkIcons_1.SettingsIcon color={AppColors_1.AppColors.purple} size={10}/>
+                        </TouchableScale_1.default>)}
                     </react_native_1.View>
 
                     {/* Visibility Switch in VISIBILITY column */}
@@ -383,12 +413,17 @@ const SettingsPanel = () => {
                       </TouchableScale_1.default>
                       {isLocked && (<react_native_1.Text style={{
                                 fontFamily: AppFonts_1.AppFonts.interBold,
-                                fontSize: 8,
-                                color: AppColors_1.AppColors.grayTextWeak,
-                                letterSpacing: 0.4,
+                                fontSize: 7.5,
+                                color: isUnavailable
+                                    ? AppColors_1.AppColors.amber700
+                                    : AppColors_1.AppColors.grayTextWeak,
+                                letterSpacing: 0.3,
                                 marginTop: 3,
+                                textAlign: 'right',
                             }}>
-                          REQUIRED
+                          {tab.key === 'apis'
+                                ? t('settings.requiredBadge')
+                                : t('settings.readOnlyBadge')}
                         </react_native_1.Text>)}
                     </react_native_1.View>
                   </react_native_1.View>);

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

@@ -10,8 +10,12 @@ const TouchableScale_1 = __importDefault(require("../TouchableScale"));
 const styles_1 = __importDefault(require("../../styles"));
 const AppColors_1 = require("../../styles/AppColors");
 const NetworkIcons_1 = require("../NetworkIcons");
+const reduxLogger_1 = require("../../customHooks/reduxLogger");
+const analyticsLogger_1 = require("../../customHooks/analyticsLogger");
 const TabBar = react_1.default.memo(() => {
     const { activeTab, switchActiveTab, tabVisibility, logs, consoleLogs, analyticsEvents, crashRecords, lastReadApisCount, lastReadLogsCount, lastReadCrashesCount, unreadPulseAnim, } = (0, InspectorContext_1.useInspector)();
+    const isReduxAvail = (0, reduxLogger_1.isReduxConnected)();
+    const isAnalyticsAvail = (0, analyticsLogger_1.isAnalyticsConnected)();
     return (<react_native_1.View style={styles_1.default.tabBarContainer}>
       <react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={false} contentContainerStyle={{ paddingRight: 16 }}>
         {[
@@ -58,7 +62,15 @@ const TabBar = react_1.default.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/commonjs/components/LogCard.js

@@ -43,6 +43,7 @@ const AppColors_1 = require("../styles/AppColors");
 const constants_1 = require("../constants");
 const helpers_1 = require("../helpers");
 const NetworkIcons_1 = require("./NetworkIcons");
+const AppFonts_1 = require("../styles/AppFonts");
 const styles_1 = __importDefault(require("../styles"));
 const HighlightText_1 = __importDefault(require("./HighlightText"));
 const TouchableScale_1 = __importDefault(require("./TouchableScale"));
@@ -109,6 +110,46 @@ const LogCard = react_1.default.memo(function LogCard({ item, onPress, timelineM
               </react_native_1.Text>
             </react_native_1.View>
 
+            {item.client && (<react_native_1.View style={[
+                styles_1.default.chip,
+                {
+                    backgroundColor: item.client === 'axios'
+                        ? `${AppColors_1.AppColors.purple}14`
+                        : item.client === 'apollo' || item.client === 'graphql'
+                            ? `${AppColors_1.AppColors.pink500}14`
+                            : item.client === 'xhr'
+                                ? `${AppColors_1.AppColors.amber500}14`
+                                : `${AppColors_1.AppColors.sky500}14`,
+                    borderColor: item.client === 'axios'
+                        ? `${AppColors_1.AppColors.purple}30`
+                        : item.client === 'apollo' || item.client === 'graphql'
+                            ? `${AppColors_1.AppColors.pink500}30`
+                            : item.client === 'xhr'
+                                ? `${AppColors_1.AppColors.amber500}30`
+                                : `${AppColors_1.AppColors.sky500}30`,
+                    paddingHorizontal: 4.5,
+                    paddingVertical: 1,
+                    borderRadius: 4,
+                },
+            ]}>
+                <react_native_1.Text style={[
+                styles_1.default.chipText,
+                {
+                    fontFamily: AppFonts_1.AppFonts.interBold,
+                    fontSize: 8.5,
+                    color: item.client === 'axios'
+                        ? AppColors_1.AppColors.purple
+                        : item.client === 'apollo' || item.client === 'graphql'
+                            ? AppColors_1.AppColors.pink500
+                            : item.client === 'xhr'
+                                ? AppColors_1.AppColors.amber700
+                                : AppColors_1.AppColors.sky600,
+                },
+            ]}>
+                  {item.client.toUpperCase()}
+                </react_native_1.Text>
+              </react_native_1.View>)}
+
             <HighlightText_1.default text={baseUrl || item.url} search={searchStr} style={styles_1.default.cardHostText} highlightStyle={styles_1.default.highlight} numberOfLines={1} ellipsizeMode="tail"/>
           </react_native_1.View>
 
@@ -146,42 +187,42 @@ const LogCard = react_1.default.memo(function LogCard({ item, onPress, timelineM
           </react_native_1.View>
         </react_native_1.View>
 
-        {/* Row 2: Improved Slug Capsule Container */}
-        {showSlug && (<react_native_1.View style={styles_1.default.cardSlugBox}>
-            <react_native_1.View style={styles_1.default.slugLeft}>
-              <react_native_1.Text style={styles_1.default.slugTag}>PATH</react_native_1.Text>
-              <HighlightText_1.default text={slug} search={searchStr} style={styles_1.default.slugText} highlightStyle={styles_1.default.highlight} numberOfLines={1} ellipsizeMode="tail"/>
-            </react_native_1.View>
+        {/* Row 2: Full URL Capsule Container */}
+        <react_native_1.View style={styles_1.default.cardSlugBox}>
+          <react_native_1.View style={styles_1.default.slugLeft}>
+            <react_native_1.Text style={styles_1.default.slugTag}>URL</react_native_1.Text>
+            <HighlightText_1.default text={item.url} search={searchStr} style={styles_1.default.slugText} highlightStyle={styles_1.default.highlight} numberOfLines={2} ellipsizeMode="middle"/>
+          </react_native_1.View>
 
-            <react_native_1.View style={styles_1.default.slugRight}>
-              {isJson && (<react_native_1.View style={[
-                    styles_1.default.chip,
-                    {
-                        backgroundColor: `${AppColors_1.AppColors.darkOrange}12`,
-                        borderColor: `${AppColors_1.AppColors.darkOrange}28`,
-                    },
-                ]}>
-                  <react_native_1.Text style={[styles_1.default.chipText, { color: AppColors_1.AppColors.darkOrange }]}>
-                    .json
-                  </react_native_1.Text>
-                </react_native_1.View>)}
+          <react_native_1.View style={styles_1.default.slugRight}>
+            {isJson && (<react_native_1.View style={[
+                styles_1.default.chip,
+                {
+                    backgroundColor: `${AppColors_1.AppColors.darkOrange}12`,
+                    borderColor: `${AppColors_1.AppColors.darkOrange}28`,
+                },
+            ]}>
+                <react_native_1.Text style={[styles_1.default.chipText, { color: AppColors_1.AppColors.darkOrange }]}>
+                  .json
+                </react_native_1.Text>
+              </react_native_1.View>)}
 
-              {item.duplicateCount != null && item.duplicateCount > 1 && (<react_native_1.View style={[
-                    styles_1.default.chip,
-                    {
-                        backgroundColor: `${AppColors_1.AppColors.purple}12`,
-                        borderColor: `${AppColors_1.AppColors.purple}28`,
-                    },
-                ]}>
-                  <react_native_1.Text style={[
-                    styles_1.default.chipText,
-                    { color: AppColors_1.AppColors.purple, fontWeight: '700' },
-                ]}>
-                    ×{item.duplicateCount}
-                  </react_native_1.Text>
-                </react_native_1.View>)}
-            </react_native_1.View>
-          </react_native_1.View>)}
+            {item.duplicateCount != null && item.duplicateCount > 1 && (<react_native_1.View style={[
+                styles_1.default.chip,
+                {
+                    backgroundColor: `${AppColors_1.AppColors.purple}12`,
+                    borderColor: `${AppColors_1.AppColors.purple}28`,
+                },
+            ]}>
+                <react_native_1.Text style={[
+                styles_1.default.chipText,
+                { color: AppColors_1.AppColors.purple, fontWeight: '700' },
+            ]}>
+                  ×{item.duplicateCount}
+                </react_native_1.Text>
+              </react_native_1.View>)}
+          </react_native_1.View>
+        </react_native_1.View>
 
         {/* Row 3: Footer (Timestamp on Left, Response Size & Duration on Right) */}
         <react_native_1.View style={styles_1.default.cardFooterRow}>

package/dist/commonjs/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/commonjs/constants/version.d.ts

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

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.26';
+exports.LIB_VERSION = '1.1.28';

package/dist/commonjs/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/commonjs/customHooks/analyticsLogger.js

@@ -22,7 +22,7 @@
 //   setUserId(id)
 // ─────────────────────────────────────────────────────────────────────────────
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.autoSetupAnalyticsLogger = exports.setupAnalyticsLogger = exports.logAnalyticsEvent = exports.getCollectionEnabled = exports.getDefaultEventParameters = exports.getCurrentUserId = exports.getCurrentUserProperties = exports.getAnalyticsEvents = exports.clearAnalyticsEvents = exports.subscribeAnalyticsEvents = void 0;
+exports.autoSetupAnalyticsLogger = exports.setupAnalyticsLogger = exports.isAnalyticsConnected = exports.logAnalyticsEvent = exports.getCollectionEnabled = exports.getDefaultEventParameters = exports.getCurrentUserId = exports.getCurrentUserProperties = exports.getAnalyticsEvents = exports.clearAnalyticsEvents = exports.subscribeAnalyticsEvents = void 0;
 // ─── Internal state ───────────────────────────────────────────────────────────
 let events = [];
 let listeners = [];
@@ -97,11 +97,18 @@ exports.logAnalyticsEvent = logAnalyticsEvent;
  *   import analytics from '@react-native-firebase/analytics';
  *   setupAnalyticsLogger(analytics());
  */
+let isAnalyticsPatched = false;
+const isAnalyticsConnected = () => isAnalyticsPatched ||
+    events.length > 0 ||
+    Object.keys(currentUserProperties).length > 0 ||
+    currentUserId != null;
+exports.isAnalyticsConnected = isAnalyticsConnected;
 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;