react-native-inapp-inspector 2.3.16 → 2.3.18

package/dist/commonjs/components/AnimatedEntrance.js

@@ -1,75 +1,11 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const react_native_1 = require("react-native");
-const AnimatedEntrance = react_1.default.memo(function AnimatedEntrance({ children, delay = 0, distance = 10, duration = 220, index = 0, style, }) {
-    if (react_native_1.Platform.OS === 'android') {
-        return <react_native_1.View style={style}>{children}</react_native_1.View>;
-    }
-    const progress = (0, react_1.useRef)(new react_native_1.Animated.Value(0)).current;
-    const initialIndex = (0, react_1.useRef)(index).current;
-    (0, react_1.useEffect)(() => {
-        react_native_1.Animated.timing(progress, {
-            toValue: 1,
-            duration,
-            delay: delay + Math.min(initialIndex, 8) * 12,
-            useNativeDriver: true,
-        }).start();
-    }, []);
-    return (<react_native_1.Animated.View style={[
-            style,
-            {
-                opacity: progress,
-                transform: [
-                    {
-                        translateY: progress.interpolate({
-                            inputRange: [0, 1],
-                            outputRange: [distance, 0],
-                        }),
-                    },
-                    {
-                        scale: progress.interpolate({
-                            inputRange: [0, 1],
-                            outputRange: [0.985, 1],
-                        }),
-                    },
-                ],
-            },
-        ]}>
-      {children}
-    </react_native_1.Animated.View>);
+const AnimatedEntrance = react_1.default.memo(function AnimatedEntrance({ children, style, }) {
+    return <react_native_1.View style={style}>{children}</react_native_1.View>;
 });
 exports.default = AnimatedEntrance;

package/dist/commonjs/components/DomainHeader.js

@@ -1,42 +1,9 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const react_native_1 = require("react-native");
 const AppColors_1 = require("../styles/AppColors");
 const AppFonts_1 = require("../styles/AppFonts");
@@ -44,18 +11,6 @@ const helpers_1 = require("../helpers");
 const NetworkIcons_1 = require("./NetworkIcons");
 const styles_1 = __importDefault(require("../styles"));
 const DomainHeader = ({ pageName, color, stats, activeFilters, onToggleFilter, isCollapsed, onToggleCollapse, isFirst, timestamp, }) => {
-    const chevronAnim = (0, react_1.useRef)(new react_native_1.Animated.Value(isCollapsed ? 0 : 1)).current;
-    (0, react_1.useEffect)(() => {
-        react_native_1.Animated.timing(chevronAnim, {
-            toValue: isCollapsed ? 0 : 1,
-            duration: 220,
-            useNativeDriver: true,
-        }).start();
-    }, [isCollapsed]);
-    const chevronRotate = chevronAnim.interpolate({
-        inputRange: [0, 1],
-        outputRange: ['-90deg', '0deg'],
-    });
     const visibleStats = ['success', 'failed', 'loading'];
     const total = stats.success + stats.failed + stats.loading;
     const pctSuccess = total > 0 ? Math.round((stats.success / total) * 100) : 0;
@@ -67,9 +22,9 @@ const DomainHeader = ({ pageName, color, stats, activeFilters, onToggleFilter, i
         ]} onPress={() => onToggleCollapse(pageName)}>
       <react_native_1.View style={styles_1.default.domainHeaderTopRow}>
         <react_native_1.View style={styles_1.default.domainHeaderLeft}>
-          <react_native_1.Animated.View style={{ transform: [{ rotate: chevronRotate }], flexShrink: 0 }}>
+          <react_native_1.View style={{ transform: [{ rotate: isCollapsed ? '-90deg' : '0deg' }], flexShrink: 0 }}>
             <NetworkIcons_1.ChevronIcon color={AppColors_1.AppColors.grayTextWeak} size={13}/>
-          </react_native_1.Animated.View>
+          </react_native_1.View>
           <react_native_1.View style={[styles_1.default.domainIconWrap, { backgroundColor: `${color}18`, flexShrink: 0 }]}>
             <NetworkIcons_1.ScreenIcon color={color} size={14}/>
           </react_native_1.View>

package/dist/commonjs/components/EmptyState.js

@@ -50,12 +50,12 @@ const EmptyState = react_1.default.memo(function EmptyState({ isSearch, searchQu
             react_native_1.Animated.timing(iconPulse, {
                 toValue: 1.06,
                 duration: 900,
-                useNativeDriver: true,
+                useNativeDriver: false,
             }),
             react_native_1.Animated.timing(iconPulse, {
                 toValue: 1,
                 duration: 900,
-                useNativeDriver: true,
+                useNativeDriver: false,
             }),
         ]));
         loop.start();

package/dist/commonjs/components/HeadersSection.js

@@ -49,27 +49,7 @@ const styles_1 = __importDefault(require("../styles"));
 const HeaderRow = react_1.default.memo(function HeaderRow({ headerKey, value, isLast, index, }) {
     const [expanded, setExpanded] = (0, react_1.useState)(false);
     const isLong = value.length > 35;
-    const entryAnim = (0, react_1.useRef)(new react_native_1.Animated.Value(0)).current;
-    (0, react_1.useEffect)(() => {
-        react_native_1.Animated.timing(entryAnim, {
-            toValue: 1,
-            duration: 220,
-            delay: index * 30,
-            useNativeDriver: true,
-        }).start();
-    }, []);
-    const rowAnimStyle = {
-        opacity: entryAnim,
-        transform: [
-            {
-                translateY: entryAnim.interpolate({
-                    inputRange: [0, 1],
-                    outputRange: [8, 0],
-                }),
-            },
-        ],
-    };
-    return (<react_native_1.Animated.View style={[styles_1.default.htRow, !isLast && styles_1.default.htRowBorder, rowAnimStyle]}>
+    return (<react_native_1.View style={[styles_1.default.htRow, !isLast && styles_1.default.htRowBorder]}>
       <react_native_1.View style={styles_1.default.htKeyCell}>
         <react_native_1.Text style={styles_1.default.htKey} numberOfLines={2}>
           {headerKey}
@@ -90,11 +70,11 @@ const HeaderRow = react_1.default.memo(function HeaderRow({ headerKey, value, is
       <TouchableScale_1.default onPress={() => (0, helpers_1.copyToClipboard)(value, headerKey)} hitSlop={8} style={styles_1.default.htCopyBtn}>
         <NetworkIcons_1.CopyIcon color={AppColors_1.AppColors.grayTextWeak} size={14}/>
       </TouchableScale_1.default>
-    </react_native_1.Animated.View>);
+    </react_native_1.View>);
 });
 const HeadersSection = ({ title, headers, search, resetKey, }) => {
     const { t } = (0, i18n_1.useTranslation)();
-    const { toggleOpen, forceOpen, chevronStyle, bodyStyle } = (0, useAccordion_1.default)(false, 2400, 300);
+    const { isOpen, toggleOpen, forceOpen, chevronStyle } = (0, useAccordion_1.default)(false);
     (0, react_1.useEffect)(() => {
         forceOpen(false);
     }, [resetKey]);
@@ -131,23 +111,23 @@ const HeadersSection = ({ title, headers, search, resetKey, }) => {
           <react_native_1.View style={styles_1.default.htHeaderSpacer}/>
           <CopyButton_1.default value={headers} label={title}/>
           <react_native_1.View style={styles_1.default.htChevronBtn}>
-            <react_native_1.Animated.View style={chevronStyle}>
+            <react_native_1.View style={chevronStyle}>
               <NetworkIcons_1.ChevronIcon color={AppColors_1.AppColors.grayTextStrong} size={14}/>
-            </react_native_1.Animated.View>
+            </react_native_1.View>
           </react_native_1.View>
         </react_native_1.View>
       </react_native_1.Pressable>
 
-      <react_native_1.Animated.View style={bodyStyle}>
-        <react_native_1.View style={styles_1.default.htColHeadRow}>
-          <react_native_1.Text style={[styles_1.default.htColHead, { width: '30%' }]}>{t('network.jsonViewer.key')}</react_native_1.Text>
-          <react_native_1.Text style={[styles_1.default.htColHead, { flex: 1 }]}>{t('network.jsonViewer.value')}</react_native_1.Text>
-        </react_native_1.View>
+      {isOpen && (<react_native_1.View>
+          <react_native_1.View style={styles_1.default.htColHeadRow}>
+            <react_native_1.Text style={[styles_1.default.htColHead, { width: '30%' }]}>{t('network.jsonViewer.key')}</react_native_1.Text>
+            <react_native_1.Text style={[styles_1.default.htColHead, { flex: 1 }]}>{t('network.jsonViewer.value')}</react_native_1.Text>
+          </react_native_1.View>
 
-        {filtered.length > 0 ? (filtered.map(([k, v], i) => (<HeaderRow key={k} headerKey={k} value={v} isLast={i === filtered.length - 1} index={i}/>))) : (<react_native_1.View style={styles_1.default.htEmpty}>
-            <react_native_1.Text style={styles_1.default.htEmptyText}>{t('network.noMatchingHeaders')}</react_native_1.Text>
-          </react_native_1.View>)}
-      </react_native_1.Animated.View>
+          {filtered.length > 0 ? (filtered.map(([k, v], i) => (<HeaderRow key={k} headerKey={k} value={v} isLast={i === filtered.length - 1} index={i}/>))) : (<react_native_1.View style={styles_1.default.htEmpty}>
+              <react_native_1.Text style={styles_1.default.htEmptyText}>{t('network.noMatchingHeaders')}</react_native_1.Text>
+            </react_native_1.View>)}
+        </react_native_1.View>)}
     </react_native_1.View>);
 };
 exports.default = HeadersSection;

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

@@ -848,7 +848,6 @@ const AnalyticsTab = react_1.default.memo(() => {
             : -1;
         const showTimestamp = index === 0 || thisMin !== nextMin;
         return (<AnalyticsEventCard_1.default event={item} onPress={() => {
-                (0, InspectorContext_1.animateNextLayout)();
                 setSelectedEvent(item);
             }} isNew={newEventIds.has(item.id)} searchStr={analyticsSearch} isFirst={index === 0} isLast={index === filteredAnalyticsEvents.length - 1} msSincePrev={msSincePrev} showTimestamp={showTimestamp} computedScreenName={(() => {
                 if (!item)
@@ -962,7 +961,7 @@ const AnalyticsTab = react_1.default.memo(() => {
 
       <react_native_1.View style={{ flex: 1 }} onLayout={() => setIsAnalyticsLayoutReady(true)}>
         {isAnalyticsLayoutReady ? (<>
-            <react_native_1.FlatList ref={listRef} data={filteredAnalyticsEvents} keyExtractor={keyExtractor} ListHeaderComponent={AnalyticsHeader} renderItem={renderItem} initialNumToRender={12} maxToRenderPerBatch={8} windowSize={5} removeClippedSubviews={true} renderToHardwareTextureAndroid={true} ListEmptyComponent={<EmptyState_1.default isSearch={analyticsSearch.length > 0} searchQuery={analyticsSearch} customTitle={analyticsSearch.length > 0
+            <react_native_1.FlatList ref={listRef} data={filteredAnalyticsEvents} keyExtractor={keyExtractor} ListHeaderComponent={AnalyticsHeader} renderItem={renderItem} initialNumToRender={12} maxToRenderPerBatch={8} windowSize={5} removeClippedSubviews={react_native_1.Platform.OS === 'android'} renderToHardwareTextureAndroid={true} ListEmptyComponent={<EmptyState_1.default isSearch={analyticsSearch.length > 0} searchQuery={analyticsSearch} customTitle={analyticsSearch.length > 0
                     ? 'No matching analytics events'
                     : 'No analytics events yet'} customSub={analyticsSearch.length > 0
                     ? `No events matched "${analyticsSearch}"`

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

@@ -528,7 +528,7 @@ const ConsoleTab = react_1.default.memo(() => {
         </react_native_1.ScrollView>
       </react_native_1.View>
 
-      <react_native_1.FlatList ref={listRef} data={filteredConsoleLogs} keyExtractor={keyExtractor} ListHeaderComponent={listHeader} renderItem={renderItem} initialNumToRender={12} maxToRenderPerBatch={8} windowSize={5} removeClippedSubviews={true} renderToHardwareTextureAndroid={true} ListEmptyComponent={<EmptyState_1.default isSearch={logSearch.length > 0 || !logFilters.has('all')} searchQuery={logSearch} customTitle={logSearch.length > 0
+      <react_native_1.FlatList ref={listRef} data={filteredConsoleLogs} keyExtractor={keyExtractor} ListHeaderComponent={listHeader} renderItem={renderItem} initialNumToRender={12} maxToRenderPerBatch={8} windowSize={5} removeClippedSubviews={react_native_1.Platform.OS === 'android'} renderToHardwareTextureAndroid={true} ListEmptyComponent={<EmptyState_1.default isSearch={logSearch.length > 0 || !logFilters.has('all')} searchQuery={logSearch} customTitle={logSearch.length > 0
                 ? 'No matching console logs'
                 : 'No console logs'} onClearSearch={() => {
                 setLogSearch('');

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

@@ -190,7 +190,9 @@ const CrashTab = react_1.default.memo(() => {
                     ? AppColors_1.AppColors.darkOrange
                     : AppColors_1.AppColors.offerPurple;
         return (<AnimatedEntrance_1.default index={index} distance={8}>
-          <TouchableScale_1.default onPress={() => setSelectedCrash(item)} style={[
+          <TouchableScale_1.default onPress={() => {
+                setSelectedCrash(item);
+            }} style={[
                 localStyles.cardContainer,
                 isFatal && localStyles.fatalCardBorder,
             ]}>
@@ -460,7 +462,7 @@ const CrashTab = react_1.default.memo(() => {
               </react_native_1.Text>
             </TouchableScale_1.default>)}
         </react_native_1.ScrollView>) : (<>
-          <react_native_1.FlatList ref={listRef} data={filteredList} keyExtractor={item => item.id} renderItem={renderCard} initialNumToRender={12} maxToRenderPerBatch={8} windowSize={5} removeClippedSubviews={true} renderToHardwareTextureAndroid={true} contentContainerStyle={localStyles.listContent} showsVerticalScrollIndicator={false} ListFooterComponent={<EndOfListFooter_1.default />}/>
+          <react_native_1.FlatList ref={listRef} data={filteredList} keyExtractor={item => item.id} renderItem={renderCard} initialNumToRender={12} maxToRenderPerBatch={8} windowSize={5} removeClippedSubviews={react_native_1.Platform.OS === 'android'} renderToHardwareTextureAndroid={true} contentContainerStyle={localStyles.listContent} showsVerticalScrollIndicator={false} ListFooterComponent={<EndOfListFooter_1.default />}/>
         </>)}
 
       

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

@@ -904,12 +904,12 @@ const styles = react_native_1.StyleSheet.create({
         gap: 3,
     },
     consoleLogLine: {
-        fontFamily: react_native_1.Platform.OS === 'ios' ? 'Menlo' : 'monospace',
+        fontFamily: AppFonts_1.AppFonts.interRegular,
         fontSize: 10,
         lineHeight: 14,
     },
     consoleLogPlaceholder: {
-        fontFamily: react_native_1.Platform.OS === 'ios' ? 'Menlo' : 'monospace',
+        fontFamily: AppFonts_1.AppFonts.interRegular,
         fontSize: 10,
         color: '#64748B',
         fontStyle: 'italic',