react-native-inapp-inspector 2.3.5 → 2.3.7

package/dist/commonjs/analytics.d.ts

@@ -1,7 +1,3 @@
-/**
- * Sub-module entry point: react-native-inapp-inspector/analytics
- * Clean tree-shaking & isolated Firebase/custom Analytics logger.
- */
 export { setupAnalyticsLogger, autoSetupAnalyticsLogger, logAnalyticsEvent, subscribeAnalyticsEvents, clearAnalyticsEvents, getAnalyticsEvents, isAnalyticsConnected, isFirebaseAnalyticsPatched, setAnalyticsModuleEnabled, getAnalyticsModuleEnabled, getCurrentUserProperties, getCurrentUserId, getDefaultEventParameters, getCollectionEnabled, setMaxAnalyticsLogsLimit, getMaxAnalyticsLogsLimit, pruneAnalyticsLogs, } from './customHooks/analyticsLogger';
 export { getEventCategory, registerGAPlugin, type GAPlugin, } from './helpers/gaAnalyticsRegistry';
 export type { AnalyticsEvent, AnalyticsEventSource, GAEventCategory, } from './types';

package/dist/commonjs/analytics.js

@@ -1,10 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.registerGAPlugin = exports.getEventCategory = exports.pruneAnalyticsLogs = exports.getMaxAnalyticsLogsLimit = exports.setMaxAnalyticsLogsLimit = exports.getCollectionEnabled = exports.getDefaultEventParameters = exports.getCurrentUserId = exports.getCurrentUserProperties = exports.getAnalyticsModuleEnabled = exports.setAnalyticsModuleEnabled = exports.isFirebaseAnalyticsPatched = exports.isAnalyticsConnected = exports.getAnalyticsEvents = exports.clearAnalyticsEvents = exports.subscribeAnalyticsEvents = exports.logAnalyticsEvent = exports.autoSetupAnalyticsLogger = exports.setupAnalyticsLogger = void 0;
-/**
- * Sub-module entry point: react-native-inapp-inspector/analytics
- * Clean tree-shaking & isolated Firebase/custom Analytics logger.
- */
 var analyticsLogger_1 = require("./customHooks/analyticsLogger");
 Object.defineProperty(exports, "setupAnalyticsLogger", { enumerable: true, get: function () { return analyticsLogger_1.setupAnalyticsLogger; } });
 Object.defineProperty(exports, "autoSetupAnalyticsLogger", { enumerable: true, get: function () { return analyticsLogger_1.autoSetupAnalyticsLogger; } });

package/dist/commonjs/bundle.d.ts

@@ -1,6 +1,2 @@
-/**
- * Sub-module entry point: react-native-inapp-inspector/bundle
- * Clean tree-shaking & isolated JS bundle size analyzer.
- */
 export { analyzeHostAppBundle, parseBundleSource, getInitialBundleAnalysis, getCachedBundleAnalysis, clearCachedBundleAnalysis, setBundleModuleEnabled, getBundleModuleEnabled, getHostScriptURL, trackRuntimeModuleExecution, trackRuntimeDefine, type HostBundleAnalysisResult, type HostBundleFileItem, type HostBundlePackageItem, type HostBinaryComponentItem, type FileTypeCategory, } from './customHooks/bundleAnalyzer';
 export { BundleSubTab, } from './types';

package/dist/commonjs/bundle.js

@@ -1,10 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BundleSubTab = exports.trackRuntimeDefine = exports.trackRuntimeModuleExecution = exports.getHostScriptURL = exports.getBundleModuleEnabled = exports.setBundleModuleEnabled = exports.clearCachedBundleAnalysis = exports.getCachedBundleAnalysis = exports.getInitialBundleAnalysis = exports.parseBundleSource = exports.analyzeHostAppBundle = void 0;
-/**
- * Sub-module entry point: react-native-inapp-inspector/bundle
- * Clean tree-shaking & isolated JS bundle size analyzer.
- */
 var bundleAnalyzer_1 = require("./customHooks/bundleAnalyzer");
 Object.defineProperty(exports, "analyzeHostAppBundle", { enumerable: true, get: function () { return bundleAnalyzer_1.analyzeHostAppBundle; } });
 Object.defineProperty(exports, "parseBundleSource", { enumerable: true, get: function () { return bundleAnalyzer_1.parseBundleSource; } });

package/dist/commonjs/components/AnalyticsDetail.js

@@ -38,13 +38,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
 const react_native_1 = require("react-native");
-// Components
 const CopyButton_1 = __importDefault(require("./CopyButton"));
 const JsonViewer_1 = __importDefault(require("./JsonViewer"));
 const SegmentedTabs_1 = __importDefault(require("./SegmentedTabs"));
 const HighlightText_1 = __importDefault(require("./HighlightText"));
 const AnimatedEntrance_1 = __importDefault(require("./AnimatedEntrance"));
-// Helpers & Icons
 const AppFonts_1 = require("../styles/AppFonts");
 const AppColors_1 = require("../styles/AppColors");
 const helpers_1 = require("../helpers");
@@ -60,7 +58,6 @@ const AnalyticsDetail = ({ event, }) => {
     const paramKeys = (0, react_1.useMemo)(() => Object.keys(params), [params]);
     const userPropKeys = (0, react_1.useMemo)(() => Object.keys(userProperties), [userProperties]);
     const category = (0, react_1.useMemo)(() => (0, gaAnalyticsRegistry_1.getEventCategory)(event.name, params), [event.name, params]);
-    // Combined full JSON payload
     const fullJsonData = (0, react_1.useMemo)(() => ({
         name: event.name,
         timestamp: event.timestamp,
@@ -73,7 +70,6 @@ const AnalyticsDetail = ({ event, }) => {
         params,
         ...(userPropKeys.length > 0 ? { userProperties } : {}),
     }), [event, params, userPropKeys.length, userProperties]);
-    // E-commerce revenue calculation
     const revenueInfo = (0, react_1.useMemo)(() => {
         const val = params.value ?? params.price;
         const currency = params.currency ?? 'USD';
@@ -85,14 +81,12 @@ const AnalyticsDetail = ({ event, }) => {
         }
         return null;
     }, [params]);
-    // Items count if an items array exists
     const itemsCount = (0, react_1.useMemo)(() => {
         if (Array.isArray(params.items)) {
             return params.items.length;
         }
         return null;
     }, [params.items]);
-    // Screen Context
     const screenContext = (0, react_1.useMemo)(() => {
         return (event.screenName ||
             params.firebase_screen ||
@@ -101,7 +95,6 @@ const AnalyticsDetail = ({ event, }) => {
             event.screenClass ||
             params.firebase_screen_class);
     }, [event.screenName, event.screenClass, params]);
-    // Filtered parameter entries
     const filteredParamEntries = (0, react_1.useMemo)(() => {
         const entries = Object.entries(params);
         if (!paramSearch.trim())
@@ -112,7 +105,6 @@ const AnalyticsDetail = ({ event, }) => {
             return k.toLowerCase().includes(q) || valStr.toLowerCase().includes(q);
         });
     }, [params, paramSearch]);
-    // Category Theme Meta
     const catMeta = (0, react_1.useMemo)(() => {
         switch (category) {
             case 'ecommerce':
@@ -168,12 +160,12 @@ const AnalyticsDetail = ({ event, }) => {
     ];
     return (<react_native_1.ScrollView style={detailStyles.scroll} contentContainerStyle={detailStyles.content} showsVerticalScrollIndicator contentInsetAdjustmentBehavior="never" automaticallyAdjustContentInsets={false}>
       
-      {/* ── 1. Hero Event Header Card ────────────────────────────────────── */}
+      
       <react_native_1.View style={detailStyles.heroCard}>
-        {/* Top Badges Row */}
+        
         <react_native_1.View style={detailStyles.heroTopRow}>
           <react_native_1.View style={{ flexDirection: 'row', alignItems: 'center', gap: 6, flexWrap: 'wrap', flex: 1 }}>
-            {/* Source Badge */}
+            
             <react_native_1.View style={[
             detailStyles.sourceBadge,
             event.source === 'firebase'
@@ -200,7 +192,7 @@ const AnalyticsDetail = ({ event, }) => {
               </react_native_1.Text>
             </react_native_1.View>
 
-            {/* Category Badge */}
+            
             <react_native_1.View style={[
             detailStyles.catBadge,
             { backgroundColor: catMeta.bg, borderColor: catMeta.border },
@@ -212,18 +204,18 @@ const AnalyticsDetail = ({ event, }) => {
             </react_native_1.View>
           </react_native_1.View>
 
-          {/* Copy Full Event JSON Button */}
+          
           <CopyButton_1.default value={JSON.stringify(fullJsonData, null, 2)} label={t('analytics.eventDetails')}/>
         </react_native_1.View>
 
-        {/* Event Name Heading */}
+        
         <react_native_1.View style={detailStyles.titleRow}>
           <react_native_1.Text style={detailStyles.eventTitle} selectable numberOfLines={2}>
             {event.name}
           </react_native_1.Text>
         </react_native_1.View>
 
-        {/* Sub Details Row: Timestamp & Screen Location */}
+        
         <react_native_1.View style={detailStyles.metaRow}>
           <react_native_1.View style={detailStyles.timePill}>
             <NetworkIcons_1.ClockIcon color={AppColors_1.AppColors.purple} size={11}/>
@@ -240,7 +232,7 @@ const AnalyticsDetail = ({ event, }) => {
             </react_native_1.View>)}
         </react_native_1.View>
 
-        {/* ── 2. Metric Pills Summary ──────────────────────────────────────── */}
+        
         <react_native_1.View style={detailStyles.metricsBar}>
           <react_native_1.View style={detailStyles.metricPill}>
             <react_native_1.Text style={detailStyles.metricLabel}>Params:</react_native_1.Text>
@@ -273,14 +265,14 @@ const AnalyticsDetail = ({ event, }) => {
         </react_native_1.View>
       </react_native_1.View>
 
-      {/* ── 3. View Switcher Tabs (Overview, Tree, Raw) ───────────────────── */}
+      
       <react_native_1.View style={detailStyles.tabsWrap}>
         <SegmentedTabs_1.default tabs={viewTabs} activeKey={activeViewTab} onChange={key => setActiveViewTab(key)}/>
       </react_native_1.View>
 
-      {/* ── 4. Main Tab Body Content ───────────────────────────────────────── */}
+      
       {activeViewTab === 'overview' && (<react_native_1.View style={detailStyles.tabContent}>
-          {/* Metadata Card (Session, User ID, Client ID) */}
+          
           {(event.userId || event.sessionId || event.trackingId) && (<react_native_1.View style={detailStyles.sectionCard}>
               <react_native_1.View style={detailStyles.sectionHeader}>
                 <NetworkIcons_1.LayersIcon color={AppColors_1.AppColors.purple} size={12}/>
@@ -302,7 +294,7 @@ const AnalyticsDetail = ({ event, }) => {
               </react_native_1.View>
             </react_native_1.View>)}
 
-          {/* Parameters Table Section */}
+          
           <react_native_1.View style={detailStyles.sectionCard}>
             <react_native_1.View style={detailStyles.sectionHeaderBetween}>
               <react_native_1.View style={{ flexDirection: 'row', alignItems: 'center', gap: 6 }}>
@@ -316,7 +308,7 @@ const AnalyticsDetail = ({ event, }) => {
               </react_native_1.Text>
             </react_native_1.View>
 
-            {/* Search filter within parameters (if > 4 params) */}
+            
             {paramKeys.length > 4 && (<react_native_1.View style={detailStyles.searchBar}>
                 <NetworkIcons_1.SearchIcon color={AppColors_1.AppColors.grayTextWeak} size={13}/>
                 <react_native_1.TextInput placeholder="Filter parameters by key or value..." placeholderTextColor={AppColors_1.AppColors.grayTextWeak} value={paramSearch} onChangeText={setParamSearch} style={detailStyles.searchInput} autoCorrect={false} autoCapitalize="none"/>
@@ -346,7 +338,6 @@ const AnalyticsDetail = ({ event, }) => {
                     else if (isObject)
                         typeStr = 'object';
                     const valString = isObject ? JSON.stringify(val, null, 2) : String(val);
-                    // Highlight standard GA4 ecom/screen keys
                     const isKeyHighlighted = key === 'value' ||
                         key === 'price' ||
                         key === 'currency' ||
@@ -355,7 +346,7 @@ const AnalyticsDetail = ({ event, }) => {
                         key === 'item_name';
                     return (<AnimatedEntrance_1.default key={key} index={pIdx} distance={4}>
                       <react_native_1.View style={detailStyles.paramCard}>
-                        {/* Param Top Row: Key + Type + Copy */}
+                        
                         <react_native_1.View style={detailStyles.paramCardHeader}>
                           <react_native_1.View style={{ flexDirection: 'row', alignItems: 'center', gap: 6, flex: 1, minWidth: 0 }}>
                             <HighlightText_1.default text={key} search={paramSearch} style={[
@@ -372,7 +363,7 @@ const AnalyticsDetail = ({ event, }) => {
                           <CopyButton_1.default value={valString} label={key}/>
                         </react_native_1.View>
 
-                        {/* Param Value Display */}
+                        
                         <react_native_1.View style={detailStyles.paramValBox}>
                           {isObject ? (<JsonViewer_1.default data={val} search={paramSearch} hideTabs wrap/>) : (<HighlightText_1.default text={valString} search={paramSearch} style={detailStyles.paramValText} highlightStyle={detailStyles.highlight} selectable/>)}
                         </react_native_1.View>
@@ -382,7 +373,7 @@ const AnalyticsDetail = ({ event, }) => {
               </react_native_1.View>)}
           </react_native_1.View>
 
-          {/* User Properties Section (if any) */}
+          
           {userPropKeys.length > 0 && (<react_native_1.View style={detailStyles.sectionCard}>
               <react_native_1.View style={detailStyles.sectionHeader}>
                 <NetworkIcons_1.SparkleIcon color={AppColors_1.AppColors.purple} size={12}/>
@@ -401,12 +392,12 @@ const AnalyticsDetail = ({ event, }) => {
             </react_native_1.View>)}
         </react_native_1.View>)}
 
-      {/* ── JSON Tree View ────────────────────────────────────────────────── */}
+      
       {activeViewTab === 'tree' && (<react_native_1.View style={detailStyles.jsonContainer}>
           <JsonViewer_1.default data={fullJsonData} defaultExpandDepth={1} mode="pretty" fullHeight/>
         </react_native_1.View>)}
 
-      {/* ── Raw Payload View ──────────────────────────────────────────────── */}
+      
       {activeViewTab === 'raw' && (<react_native_1.View style={detailStyles.jsonContainer}>
           <JsonViewer_1.default data={fullJsonData} mode="raw" fullHeight/>
         </react_native_1.View>)}

package/dist/commonjs/components/AnalyticsEventCard.js

@@ -45,7 +45,6 @@ const i18n_1 = require("../i18n");
 const HighlightText_1 = __importDefault(require("./HighlightText"));
 const TouchableScale_1 = __importDefault(require("./TouchableScale"));
 const NetworkIcons_1 = require("./NetworkIcons");
-// ─── Component ────────────────────────────────────────────────────────────────
 const AnalyticsEventCard = react_1.default.memo(function AnalyticsEventCard({ event, onPress, isNew = false, searchStr = '', msSincePrev, computedScreenName, }) {
     const { t } = (0, i18n_1.useTranslation)();
     const color = (0, helpers_1.getEventColor)(event.name);
@@ -55,7 +54,6 @@ const AnalyticsEventCard = react_1.default.memo(function AnalyticsEventCard({ ev
         : 0;
     const catKey = (0, helpers_1.getEventCategory)(event.name);
     const tagColors = (0, helpers_1.getCategoryColors)(catKey);
-    // Flash animation for newly logged events
     const flashOpacity = (0, react_1.useRef)(new react_native_1.Animated.Value(isNew ? 1 : 0)).current;
     (0, react_1.useEffect)(() => {
         if (isNew) {
@@ -75,7 +73,7 @@ const AnalyticsEventCard = react_1.default.memo(function AnalyticsEventCard({ ev
                 ? t('analytics.systemCategory')
                 : t('analytics.customCategory');
     return (<react_native_1.View style={cardStyles.container}>
-      {/* ── Gap Indicator ─────────────────────────────────────────────────── */}
+      
       {showGap && (<react_native_1.View style={cardStyles.gapContainer}>
           <react_native_1.View style={cardStyles.gapLine}/>
           <react_native_1.Text style={[cardStyles.gapText, { color: AppColors_1.AppColors.grayTextWeak }]}>
@@ -84,7 +82,7 @@ const AnalyticsEventCard = react_1.default.memo(function AnalyticsEventCard({ ev
           <react_native_1.View style={cardStyles.gapLine}/>
         </react_native_1.View>)}
 
-      {/* ── Main Card ─────────────────────────────────────────────────────── */}
+      
       <TouchableScale_1.default onPress={onPress} style={[
             cardStyles.modernCard,
             {
@@ -103,10 +101,10 @@ const AnalyticsEventCard = react_1.default.memo(function AnalyticsEventCard({ ev
             },
         ]}/>
 
-        {/* Top Row: Icon Badge, Event Name, Category Badge & Timestamp */}
+        
         <react_native_1.View style={cardStyles.cardHeader}>
           <react_native_1.View style={{ flexDirection: 'row', alignItems: 'center', gap: 7, flex: 1 }}>
-            {/* Category Icon Badge */}
+            
             <react_native_1.View style={[
             cardStyles.iconBadge,
             { backgroundColor: tagColors.bg, borderColor: tagColors.border },
@@ -114,10 +112,10 @@ const AnalyticsEventCard = react_1.default.memo(function AnalyticsEventCard({ ev
               {catKey === 'ecommerce' ? (<NetworkIcons_1.CartIcon color={tagColors.text} size={12}/>) : catKey === 'page_view' ? (<NetworkIcons_1.GlobeIcon color={tagColors.text} size={12}/>) : catKey === 'system' ? (<NetworkIcons_1.BoltIcon color={tagColors.text} size={12}/>) : (<NetworkIcons_1.SparkleIcon color={tagColors.text} size={12}/>)}
             </react_native_1.View>
 
-            {/* Event Name */}
+            
             <HighlightText_1.default text={event.name} search={searchStr} style={[cardStyles.eventName, { color: AppColors_1.AppColors.primaryBlack }]} highlightStyle={cardStyles.highlight} numberOfLines={1}/>
 
-            {/* Category Pill Tag */}
+            
             <react_native_1.View style={[
             cardStyles.categoryBadge,
             { backgroundColor: tagColors.bg, borderColor: tagColors.border },
@@ -127,7 +125,7 @@ const AnalyticsEventCard = react_1.default.memo(function AnalyticsEventCard({ ev
               </react_native_1.Text>
             </react_native_1.View>
 
-            {/* Duplicate Multiplier */}
+            
             {event.count !== undefined && event.count > 0 ? (<react_native_1.View style={[
                 cardStyles.duplicateBadge,
                 event.count === 1 && {
@@ -144,7 +142,7 @@ const AnalyticsEventCard = react_1.default.memo(function AnalyticsEventCard({ ev
               </react_native_1.View>) : null}
           </react_native_1.View>
 
-          {/* Timestamp */}
+          
           <react_native_1.View style={{ flexDirection: 'row', alignItems: 'center', gap: 3 }}>
             <NetworkIcons_1.ClockIcon color={AppColors_1.AppColors.grayTextWeak} size={10}/>
             <react_native_1.Text style={[cardStyles.timestamp, { color: AppColors_1.AppColors.grayTextWeak }]}>
@@ -153,7 +151,7 @@ const AnalyticsEventCard = react_1.default.memo(function AnalyticsEventCard({ ev
           </react_native_1.View>
         </react_native_1.View>
 
-        {/* Bottom Row: Metadata Chips (Screen, Params, Value) */}
+        
         <react_native_1.View style={cardStyles.cardBody}>
           <react_native_1.View style={cardStyles.chipsRow}>
             {(() => {
@@ -268,7 +266,6 @@ const AnalyticsEventCard = react_1.default.memo(function AnalyticsEventCard({ ev
       </TouchableScale_1.default>
     </react_native_1.View>);
 });
-// ─── Styles ───────────────────────────────────────────────────────────────────
 const cardStyles = react_native_1.StyleSheet.create({
     container: {
         paddingHorizontal: 10,

package/dist/commonjs/components/AnalyticsGraph.js

@@ -45,10 +45,8 @@ const BAR_HEIGHT = 24;
 const PADDING_Y = 12;
 const AnalyticsGraph = ({ event, accentColor }) => {
     const params = event.params || {};
-    // 1. Check for E-commerce items array
     const itemsArray = Array.isArray(params.items) ? params.items : null;
     const filteredItems = itemsArray?.filter((item) => typeof item.price === 'number') || [];
-    // 2. Discover root-level numeric fields (exclude ids)
     const rootNumericKeys = [];
     Object.entries(params).forEach(([k, v]) => {
         if (typeof v === 'number' &&
@@ -57,7 +55,6 @@ const AnalyticsGraph = ({ event, accentColor }) => {
             rootNumericKeys.push({ key: k, value: v });
         }
     });
-    // 3. Discover dates (YYYY-MM-DD format commonly used in booking/flights)
     const dateKeys = [];
     Object.entries(params).forEach(([k, v]) => {
         if (typeof v === 'string' &&
@@ -69,7 +66,6 @@ const AnalyticsGraph = ({ event, accentColor }) => {
             }
         }
     });
-    // 4. Calculate parameter types
     const paramTypes = { string: 0, number: 0, boolean: 0, object: 0 };
     const strings = [];
     Object.entries(params).forEach(([k, v]) => {
@@ -91,7 +87,7 @@ const AnalyticsGraph = ({ event, accentColor }) => {
     const typeData = [
         { label: 'Strings', value: paramTypes.string, color: AppColors_1.AppColors.purple },
         { label: 'Numbers', value: paramTypes.number, color: AppColors_1.AppColors.skyBlue },
-        { label: 'Booleans', value: paramTypes.boolean, color: AppColors_1.AppColors.amber500 }, // Amber
+        { label: 'Booleans', value: paramTypes.boolean, color: AppColors_1.AppColors.amber500 },
         { label: 'Objects', value: paramTypes.object, color: AppColors_1.AppColors.greenColor },
     ].filter(d => d.value > 0);
     strings.sort((a, b) => b.value - a.value);
@@ -101,8 +97,8 @@ const AnalyticsGraph = ({ event, accentColor }) => {
     const hasDatesChart = dateKeys.length > 0;
     const hasStringsChart = topStrings.length > 0;
     const hasTypeData = typeData.length > 0;
-    const screenWidth = react_native_1.Dimensions.get('window').width - 60; // Padding adjustments
-    const rightMargin = 40; // Space for labels at the end of the bar
+    const screenWidth = react_native_1.Dimensions.get('window').width - 60;
+    const rightMargin = 40;
     const maxBarWidth = screenWidth - rightMargin;
     return (<react_native_1.View style={graphStyles.container}>
       <react_native_1.Text style={graphStyles.headerTitle}>Data Visualization</react_native_1.Text>
@@ -136,7 +132,6 @@ const AnalyticsGraph = ({ event, accentColor }) => {
         </react_native_1.View>)}
     </react_native_1.View>);
 };
-// --- Donut Chart Helpers ---
 const polarToCartesian = (centerX, centerY, radius, angleInDegrees) => {
     const angleInRadians = ((angleInDegrees - 90) * Math.PI) / 180.0;
     return {
@@ -221,7 +216,7 @@ const GaugeChart = ({ data, accentColor, }) => {
         }}>
       {data.map(d => {
             const fillPct = Math.min(Math.abs(d.value) / maxVal, 1);
-            const strokeDashoffset = Math.max(circumference - fillPct * circumference, 0.001); // avoid exact 0
+            const strokeDashoffset = Math.max(circumference - fillPct * circumference, 0.001);
             return (<react_native_1.View key={d.label} style={{ alignItems: 'center', width: 70 }}>
             <react_native_svg_1.default width="60" height="60" viewBox="0 0 60 60">
               <react_native_svg_1.Circle cx="30" cy="30" r={radius} stroke={AppColors_1.AppColors.grayBorderSecondary} strokeWidth={stroke} fill="none"/>
@@ -297,7 +292,7 @@ const CalendarChart = ({ data, accentColor, }) => {
                     shadowOffset: { width: 0, height: 2 },
                     elevation: 2,
                 }}>
-              {/* Calendar Header with Accent Color */}
+              
               <react_native_1.View style={{
                     backgroundColor: accentColor,
                     height: 18,
@@ -314,7 +309,7 @@ const CalendarChart = ({ data, accentColor, }) => {
                   {monthText} {yearText}
                 </react_native_1.Text>
               </react_native_1.View>
-              {/* Calendar Body */}
+              
               <react_native_1.View style={{
                     flex: 1,
                     justifyContent: 'center',
@@ -359,18 +354,18 @@ const BarChart = ({ data, accentColor, maxBarWidth, isGradient = false, }) => {
             const y = i * (BAR_HEIGHT + PADDING_Y);
             const barWidth = Math.max((d.value / maxVal) * maxBarWidth, 2);
             return (<react_1.default.Fragment key={d.label}>
-              {/* Label above bar */}
+              
               <react_native_svg_1.Text x={0} y={y + 12} fill={AppColors_1.AppColors.grayTextStrong} fontSize="11" fontFamily={AppFonts_1.AppFonts.interMedium}>
                 {d.label}
               </react_native_svg_1.Text>
 
-              {/* Background trace line */}
+              
               <react_native_svg_1.Line x1={0} y1={y + 24} x2={maxBarWidth} y2={y + 24} stroke={AppColors_1.AppColors.grayBorderSecondary} strokeDasharray="4"/>
 
-              {/* The actual Bar */}
+              
               <react_native_svg_1.Rect x={0} y={y + 16} width={barWidth} height={14} fill={isGradient ? 'url(#barGrad)' : accentColor} rx={4} opacity={0.85}/>
 
-              {/* Value Text at the end of the bar */}
+              
               <react_native_svg_1.Text x={barWidth + 6} y={y + 26} fill={AppColors_1.AppColors.primaryBlack} fontSize="11" fontFamily={AppFonts_1.AppFonts.interBold}>
                 {d.value}
               </react_native_svg_1.Text>

package/dist/commonjs/components/AppHeaderLogo.js

@@ -42,7 +42,6 @@ const react_native_1 = require("react-native");
 const BrandSquareIcon_1 = __importDefault(require("./BrandSquareIcon"));
 const AppHeaderLogo = ({ size = 46, customIcon, }) => {
     const [loadError, setLoadError] = (0, react_1.useState)(false);
-    // 1. If customIcon is explicitly provided, render it directly edge-to-edge
     if (customIcon) {
         if (react_1.default.isValidElement(customIcon)) {
             const clonedIcon = react_1.default.cloneElement(customIcon, {
@@ -72,7 +71,6 @@ const AppHeaderLogo = ({ size = 46, customIcon, }) => {
         <react_native_1.Image source={customIcon} style={logoStyles.image} resizeMode="cover"/>
       </react_native_1.View>);
     }
-    // 2. Dynamically query installed native app icon (AppIcon on iOS, ic_launcher on Android)
     if (!loadError && react_native_1.Platform.OS !== 'web') {
         const nativeSource = react_native_1.Platform.select({
             ios: { uri: 'AppIcon' },
@@ -90,7 +88,6 @@ const AppHeaderLogo = ({ size = 46, customIcon, }) => {
         <react_native_1.Image source={nativeSource} style={logoStyles.image} resizeMode="cover" onError={() => setLoadError(true)}/>
       </react_native_1.View>);
     }
-    // 3. Fallback: Inspector's Signature Owl Brand Logo
     return (<react_native_1.View style={[
             logoStyles.svgContainer,
             {

package/dist/commonjs/components/BrandCircleIcon.js

@@ -98,18 +98,18 @@ const BrandCircleIcon = ({ size = 56 }) => {
       <react_native_svg_1.Circle cx="128" cy="128" r="121.4" fill="none" stroke="url(#edge)" strokeOpacity={0.7} strokeWidth={1.4}/>
       <react_native_svg_1.Circle cx="128" cy="128" r="100" fill="url(#halo)"/>
       <react_native_svg_1.G transform="translate(128 132) scale(1.05) translate(-128 -134)">
-        {/* wing 1 */}
+        
         <react_native_svg_1.Path d="M74 124 C58 154 60 190 86 204 C79 176 77 148 88 126 Z" fill="url(#wing)" stroke="url(#beam)" strokeWidth={2.5} strokeOpacity={0.45}/>
-        {/* wing 2 */}
+        
         <react_native_svg_1.Path d="M182 124 C198 154 196 190 170 204 C177 176 179 148 168 126 Z" fill="url(#wing)" stroke="url(#beam)" strokeWidth={2.5} strokeOpacity={0.45}/>
-        {/* body */}
+        
         <react_native_svg_1.Path d="M62 150 C58 104 70 70 90 58 L98 42 L116 62 Q128 57 140 62 L158 42 L166 58 C186 70 198 104 194 150 C198 180 184 204 152 212 C140 216 116 216 104 212 C72 204 58 180 62 150 Z" fill="url(#owlbody)" stroke="url(#beam)" strokeWidth={4} strokeLinejoin="round"/>
         
-        {/* inner-ear shadows */}
+        
         <react_native_svg_1.Path d="M99 48 L114 62 L104 63 L98 55 Z" fill="#080F22" opacity={0.5}/>
         <react_native_svg_1.Path d="M157 48 L142 62 L152 63 L158 55 Z" fill="#080F22" opacity={0.5}/>
 
-        {/* wing feather lines */}
+        
         <react_native_svg_1.G stroke="#22325A" strokeWidth={2.2} fill="none" strokeLinecap="round" opacity={0.75}>
           <react_native_svg_1.Path d="M80 138 q-5 26 3 50"/>
           <react_native_svg_1.Path d="M90 134 q-4 26 3 48"/>
@@ -117,10 +117,10 @@ const BrandCircleIcon = ({ size = 56 }) => {
           <react_native_svg_1.Path d="M166 134 q4 26 -3 48"/>
         </react_native_svg_1.G>
 
-        {/* belly plate */}
+        
         <react_native_svg_1.Path d="M128 126 C151 126 164 148 162 174 C160 198 146 212 128 212 C110 212 96 198 94 174 C92 148 105 126 128 126 Z" fill="url(#belly)"/>
 
-        {/* belly feather scallops */}
+        
         <react_native_svg_1.G stroke="#3E588C" strokeWidth={2.3} fill="none" strokeLinecap="round" opacity={0.4}>
           <react_native_svg_1.Path d="M110 154 Q118 162 126 154"/>
           <react_native_svg_1.Path d="M126 154 Q134 162 142 154"/>
@@ -131,7 +131,7 @@ const BrandCircleIcon = ({ size = 56 }) => {
           <react_native_svg_1.Path d="M128 190 Q136 198 144 190"/>
         </react_native_svg_1.G>
 
-        {/* developer chest screen + code emblem */}
+        
         <react_native_svg_1.Rect x={107} y={161} width={42} height={32} rx={9} fill="#0C1426" stroke="url(#beam)" strokeWidth={2} strokeOpacity={0.7}/>
         <react_native_svg_1.G stroke="#8FD0EC" strokeWidth={3} strokeLinecap="round" strokeLinejoin="round" fill="none">
           <react_native_svg_1.Path d="M122 170 L115 177 L122 184"/>
@@ -139,27 +139,27 @@ const BrandCircleIcon = ({ size = 56 }) => {
           <react_native_svg_1.Path d="M130 168 L126 186"/>
         </react_native_svg_1.G>
 
-        {/* facial disc */}
+        
         <react_native_svg_1.Path d="M128 92 C148 70 186 78 186 108 C186 134 160 152 128 152 C96 152 70 134 70 108 C70 78 108 70 128 92 Z" fill="url(#faceplate)" stroke="#52709E" strokeWidth={2.6} strokeOpacity={0.7}/>
-        {/* facial-disc centre ridge */}
+        
         <react_native_svg_1.Path d="M128 96 L128 120" stroke="#52709E" strokeWidth={2} strokeLinecap="round" strokeOpacity={0.45}/>
 
-        {/* feet */}
+        
         <react_native_svg_1.G stroke="url(#beak)" strokeWidth={5} strokeLinecap="round" fill="none">
           <react_native_svg_1.Path d="M111 209 L105 224 M111 209 L111 226 M111 209 L117 224"/>
           <react_native_svg_1.Path d="M145 209 L139 224 M145 209 L145 226 M145 209 L151 224"/>
         </react_native_svg_1.G>
 
-        {/* normal eye: big cute yellow iris, dark pupil, sparkles */}
+        
         <react_native_svg_1.Circle cx={153} cy={107} r={17} fill="url(#iris)" stroke="#1A1205" strokeWidth={2.2}/>
         <react_native_svg_1.Circle cx={153} cy={108} r={8.2} fill="#0A0E18"/>
         <react_native_svg_1.Circle cx={156.2} cy={104} r={3.1} fill="#ffffff" opacity={0.95}/>
         <react_native_svg_1.Circle cx={149.6} cy={111} r={1.6} fill="#ffffff" opacity={0.7}/>
 
-        {/* beak */}
+        
         <react_native_svg_1.Path d="M123.5 123 Q128 121 132.5 123 Q131 132 128 134.5 Q125 132 123.5 123 Z" fill="url(#beak)"/>
 
-        {/* magnifier held to the big (debug) eye */}
+        
         <react_native_svg_1.Circle cx={95} cy={103} r={20} fill="url(#iris)" stroke="#1A1205" strokeWidth={2.6}/>
         <react_native_svg_1.Circle cx={95} cy={104} r={10} fill="#0A0E18"/>
         <react_native_svg_1.Circle cx={98.6} cy={100} r={3.4} fill="#ffffff" opacity={0.95}/>
@@ -170,7 +170,7 @@ const BrandCircleIcon = ({ size = 56 }) => {
         <react_native_svg_1.Line x1={75} y1={123} x2={54} y2={147} stroke="url(#beam)" strokeWidth={8.5} strokeLinecap="round"/>
         <react_native_svg_1.Circle cx={95} cy={103} r={28} fill="none" stroke="url(#beam)" strokeWidth={7}/>
 
-        {/* rosy cheeks */}
+        
         <react_native_svg_1.Ellipse cx={83} cy={127} rx={9} ry={6} fill="url(#blush)"/>
         <react_native_svg_1.Ellipse cx={167} cy={122} rx={9} ry={6} fill="url(#blush)"/>
       </react_native_svg_1.G>