react-native-inapp-inspector 1.1.18 → 1.1.19

package/dist/esm/components/ConsoleLogsTabView.js

@@ -1,348 +0,0 @@
-import React from 'react';
-import { FlatList, Pressable, ScrollView, Text, TextInput, View, } from 'react-native';
-import { useTranslation } from 'react-i18next';
-import TouchableScale from './TouchableScale';
-import { ConsoleLogCard } from './ConsoleLogCard';
-import EmptyState from './EmptyState';
-import AnimatedEntrance from './AnimatedEntrance';
-import { SearchIcon, ClearIcon, SortArrowIcon, WipeIcon, LayersIcon, UserIcon, AnalyticsIcon, InfoCircleIcon, WarningTriangleIcon, ErrorCircleIcon, } from './NetworkIcons';
-import { AppColors } from '../styles/AppColors';
-import { AppFonts } from '../styles/AppFonts';
-import styles from '../styles';
-export const ConsoleLogsTabView = React.memo(({ logSearch, onSetLogSearch, logSortOrder, onToggleSortOrder, onDeleteLogs, logFilters, onSetLogFilters, logCounts, visibleConsoleLogs, filteredConsoleLogs, onSelectConsoleLog, }) => {
-    const { t } = useTranslation();
-    const renderItem = React.useCallback(({ item, index }) => (<AnimatedEntrance index={index} distance={8}>
-        <ConsoleLogCard item={item} searchStr={logSearch} onPress={() => onSelectConsoleLog(item)}/>
-      </AnimatedEntrance>), [logSearch, onSelectConsoleLog]);
-    const keyExtractor = React.useCallback((item) => String(item.id), []);
-    return (<View style={{ flex: 1 }}>
-      <View style={{
-            backgroundColor: AppColors.white,
-            borderBottomWidth: 1,
-            borderBottomColor: AppColors.dividerColor,
-            paddingBottom: 6,
-        }}>
-        <View style={[
-            styles.toolbarRow,
-            { marginTop: 12, marginBottom: 8 },
-        ]}>
-          <View style={styles.searchContainer}>
-            <SearchIcon color={AppColors.grayTextWeak} size={16}/>
-            <TextInput placeholder={t('search.logs_placeholder')} placeholderTextColor={AppColors.grayTextWeak} value={logSearch} onChangeText={onSetLogSearch} style={styles.searchInput} autoCorrect={false} autoCapitalize="none"/>
-            {logSearch.length > 0 && (<Pressable onPress={() => onSetLogSearch('')} hitSlop={10} style={styles.clearBtn}>
-                <ClearIcon color={AppColors.grayTextWeak} size={14}/>
-              </Pressable>)}
-          </View>
-
-          <View style={styles.toolbarRight}>
-            <TouchableScale style={styles.toolbarBtn} onPress={onToggleSortOrder} hitSlop={10}>
-              <SortArrowIcon color={AppColors.grayTextStrong} size={18} direction={logSortOrder === 'newest' ? 'down' : 'up'}/>
-            </TouchableScale>
-            <TouchableScale style={[
-            styles.toolbarBtn,
-            {
-                borderColor: 'rgba(255,46,87,0.22)',
-                backgroundColor: 'rgba(255,46,87,0.06)',
-            },
-        ]} onPress={onDeleteLogs} hitSlop={6}>
-              <WipeIcon color={AppColors.errorColor} size={15}/>
-            </TouchableScale>
-          </View>
-        </View>
-
-        <ScrollView horizontal showsHorizontalScrollIndicator={false} style={{ marginVertical: 4, maxHeight: 46 }} contentContainerStyle={{
-            paddingHorizontal: 16,
-            paddingBottom: 4,
-            flexDirection: 'row',
-            alignItems: 'center',
-            gap: 8,
-        }}>
-          {(() => {
-            const active = logFilters.has('all');
-            return (<TouchableScale onPress={() => onSetLogFilters(new Set(['all']))}>
-                <View style={[
-                    styles.statusFilterChip,
-                    active && {
-                        borderColor: AppColors.purpleShade700,
-                        backgroundColor: AppColors.purpleShade50,
-                    },
-                ]}>
-                  <View style={{
-                    flexDirection: 'row',
-                    alignItems: 'center',
-                    gap: 5,
-                }}>
-                    <LayersIcon size={12} color={active
-                    ? AppColors.purpleShade700
-                    : AppColors.grayTextStrong}/>
-                    <Text numberOfLines={1} style={[
-                    styles.statusFilterText,
-                    active && {
-                        color: AppColors.purpleShade700,
-                        fontFamily: AppFonts.interBold,
-                    },
-                ]}>
-                      {t('filters.all')} ({logCounts.all})
-                    </Text>
-                  </View>
-                </View>
-              </TouchableScale>);
-        })()}
-
-          {(() => {
-            const active = logFilters.has('user-log');
-            return (<TouchableScale onPress={() => {
-                    onSetLogFilters(prev => {
-                        const next = new Set(prev);
-                        next.delete('all');
-                        next.has('user-log')
-                            ? next.delete('user-log')
-                            : next.add('user-log');
-                        if (next.size === 0)
-                            next.add('all');
-                        return next;
-                    });
-                }}>
-                <View style={[
-                    styles.statusFilterChip,
-                    active && {
-                        borderColor: AppColors.slateSubtle,
-                        backgroundColor: AppColors.slateLight,
-                    },
-                ]}>
-                  <View style={{
-                    flexDirection: 'row',
-                    alignItems: 'center',
-                    gap: 5,
-                }}>
-                    <UserIcon size={12} color={active ? AppColors.slateText : AppColors.grayTextStrong}/>
-                    <Text numberOfLines={1} style={[
-                    styles.statusFilterText,
-                    active && {
-                        color: AppColors.slateText,
-                        fontFamily: AppFonts.interBold,
-                    },
-                ]}>
-                      {t('filters.user_log')} ({logCounts['user-log']})
-                    </Text>
-                  </View>
-                </View>
-              </TouchableScale>);
-        })()}
-
-          {(() => {
-            const active = logFilters.has('info');
-            return (<TouchableScale onPress={() => {
-                    onSetLogFilters(prev => {
-                        const next = new Set(prev);
-                        next.delete('all');
-                        next.has('info')
-                            ? next.delete('info')
-                            : next.add('info');
-                        if (next.size === 0)
-                            next.add('all');
-                        return next;
-                    });
-                }}>
-                <View style={[
-                    styles.statusFilterChip,
-                    active && {
-                        borderColor: AppColors.skyBlue,
-                        backgroundColor: `${AppColors.skyBlue}15`,
-                    },
-                ]}>
-                  <View style={{
-                    flexDirection: 'row',
-                    alignItems: 'center',
-                    gap: 5,
-                }}>
-                    <InfoCircleIcon size={12} color={active
-                    ? AppColors.skyBlue
-                    : AppColors.grayTextStrong}/>
-                    <Text numberOfLines={1} style={[
-                    styles.statusFilterText,
-                    active && {
-                        color: AppColors.skyBlue,
-                        fontFamily: AppFonts.interBold,
-                    },
-                ]}>
-                      {t('filters.info')} ({logCounts.info})
-                    </Text>
-                  </View>
-                </View>
-              </TouchableScale>);
-        })()}
-
-          {(() => {
-            const active = logFilters.has('warn');
-            return (<TouchableScale onPress={() => {
-                    onSetLogFilters(prev => {
-                        const next = new Set(prev);
-                        next.delete('all');
-                        next.has('warn')
-                            ? next.delete('warn')
-                            : next.add('warn');
-                        if (next.size === 0)
-                            next.add('all');
-                        return next;
-                    });
-                }}>
-                <View style={[
-                    styles.statusFilterChip,
-                    active && {
-                        borderColor: AppColors.lightOrange,
-                        backgroundColor: `${AppColors.lightOrange}15`,
-                    },
-                ]}>
-                  <View style={{
-                    flexDirection: 'row',
-                    alignItems: 'center',
-                    gap: 5,
-                }}>
-                    <WarningTriangleIcon size={12} color={active
-                    ? AppColors.darkOrange
-                    : AppColors.grayTextStrong}/>
-                    <Text numberOfLines={1} style={[
-                    styles.statusFilterText,
-                    active && {
-                        color: AppColors.darkOrange,
-                        fontFamily: AppFonts.interBold,
-                    },
-                ]}>
-                      {t('filters.warn')} ({logCounts.warn})
-                    </Text>
-                  </View>
-                </View>
-              </TouchableScale>);
-        })()}
-
-          {(() => {
-            const active = logFilters.has('error');
-            return (<TouchableScale onPress={() => {
-                    onSetLogFilters(prev => {
-                        const next = new Set(prev);
-                        next.delete('all');
-                        next.has('error')
-                            ? next.delete('error')
-                            : next.add('error');
-                        if (next.size === 0)
-                            next.add('all');
-                        return next;
-                    });
-                }}>
-                <View style={[
-                    styles.statusFilterChip,
-                    active && {
-                        borderColor: AppColors.errorColor,
-                        backgroundColor: `${AppColors.errorColor}15`,
-                    },
-                ]}>
-                  <View style={{
-                    flexDirection: 'row',
-                    alignItems: 'center',
-                    gap: 5,
-                }}>
-                    <ErrorCircleIcon size={12} color={active
-                    ? AppColors.errorColor
-                    : AppColors.grayTextStrong}/>
-                    <Text numberOfLines={1} style={[
-                    styles.statusFilterText,
-                    active && {
-                        color: AppColors.errorColor,
-                        fontFamily: AppFonts.interBold,
-                    },
-                ]}>
-                      {t('filters.error')} ({logCounts.error})
-                    </Text>
-                  </View>
-                </View>
-              </TouchableScale>);
-        })()}
-
-          {(() => {
-            const active = logFilters.has('analytics');
-            return (<TouchableScale onPress={() => {
-                    onSetLogFilters(prev => {
-                        const next = new Set(prev);
-                        next.delete('all');
-                        next.has('analytics')
-                            ? next.delete('analytics')
-                            : next.add('analytics');
-                        if (next.size === 0)
-                            next.add('all');
-                        return next;
-                    });
-                }}>
-                <View style={[
-                    styles.statusFilterChip,
-                    active && {
-                        borderColor: AppColors.purple,
-                        backgroundColor: `${AppColors.purple}15`,
-                    },
-                ]}>
-                  <View style={{
-                    flexDirection: 'row',
-                    alignItems: 'center',
-                    gap: 5,
-                }}>
-                    <AnalyticsIcon size={12} color={active
-                    ? AppColors.purple
-                    : AppColors.grayTextStrong}/>
-                    <Text numberOfLines={1} style={[
-                    styles.statusFilterText,
-                    active && {
-                        color: AppColors.purple,
-                        fontFamily: AppFonts.interBold,
-                    },
-                ]}>
-                      {t('filters.analytics')} ({logCounts.analytics})
-                    </Text>
-                  </View>
-                </View>
-              </TouchableScale>);
-        })()}
-        </ScrollView>
-      </View>
-
-      <FlatList data={filteredConsoleLogs} ListHeaderComponent={(() => {
-            const total = visibleConsoleLogs.length;
-            const filtered = filteredConsoleLogs.length;
-            const isAllSelected = logFilters.has('all') ||
-                !Array.from(logFilters).some(f => f !== 'all');
-            if (isAllSelected) {
-                return (<Text style={[
-                        styles.resultCount,
-                        { marginBottom: 4, marginTop: 12 },
-                    ]}>
-                {t('filters.showing_logs', { filtered, total })}
-              </Text>);
-            }
-            else {
-                const activeFilterNames = Array.from(logFilters)
-                    .filter(f => f !== 'all')
-                    .map(f => {
-                    if (f === 'user-log')
-                        return t('filters.user_log');
-                    if (f === 'analytics')
-                        return t('filters.analytics');
-                    return (f.charAt(0).toUpperCase() +
-                        f.slice(1));
-                });
-                return (<Text style={[
-                        styles.resultCount,
-                        { marginBottom: 4, marginTop: 12 },
-                    ]}>
-                {t('filters.filtering_logs', {
-                        filters: activeFilterNames.join(', '),
-                        filtered,
-                        total,
-                    })}
-              </Text>);
-            }
-        })()} renderItem={renderItem} keyExtractor={keyExtractor} initialNumToRender={15} maxToRenderPerBatch={15} windowSize={7} removeClippedSubviews={true} ListEmptyComponent={<EmptyState isSearch={logSearch.length > 0 || logFilters.size > 0}/>} contentContainerStyle={[
-            styles.listContent,
-            filteredConsoleLogs.length === 0 && { flexGrow: 1 },
-        ]} keyboardShouldPersistTaps="handled"/>
-    </View>);
-});
-export default ConsoleLogsTabView;

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

@@ -1,14 +0,0 @@
-import React from 'react';
-import { Animated, PanResponder } from 'react-native';
-interface FloatingBubbleProps {
-    pan: Animated.ValueXY;
-    panResponder: ReturnType<typeof PanResponder.create>;
-    fabScaleAnim: Animated.Value;
-    fabRotateAnim: Animated.Value;
-    fabShineAnim: Animated.Value;
-    unreadPulseAnim: Animated.Value;
-    hasUnread: boolean;
-    onPress: () => void;
-}
-export declare const FloatingBubble: React.FC<FloatingBubbleProps>;
-export default FloatingBubble;

package/dist/esm/components/FloatingBubble.js

@@ -1,68 +0,0 @@
-import React from 'react';
-import { Animated, View } from 'react-native';
-import LinearGradient from 'react-native-linear-gradient';
-import TouchableScale from './TouchableScale';
-import { BrandCircleIcon } from './BrandCircleIcon';
-import styles from '../styles';
-import { AppColors } from '../styles/AppColors';
-export const FloatingBubble = ({ pan, panResponder, fabScaleAnim, fabRotateAnim, fabShineAnim, unreadPulseAnim, hasUnread, onPress, }) => {
-    return (<Animated.View style={[
-            styles.fabContainer,
-            {
-                transform: [
-                    { translateX: pan.x },
-                    { translateY: pan.y },
-                    { scale: fabScaleAnim },
-                ],
-            },
-        ]} {...panResponder.panHandlers}>
-      <TouchableScale style={styles.fabGradientTouchable} onPress={onPress} activeScale={0.88}>
-        <LinearGradient colors={[
-            AppColors.gradientPurpleStart,
-            AppColors.gradientPurpleMid,
-            AppColors.gradientPurpleEnd,
-        ]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 1 }} style={styles.fabGradientInner}>
-          <Animated.View style={{
-            transform: [
-                {
-                    rotate: fabRotateAnim.interpolate({
-                        inputRange: [0, 1],
-                        outputRange: ['0deg', '360deg'],
-                    }),
-                },
-            ],
-        }}>
-            <BrandCircleIcon size={38}/>
-          </Animated.View>
-        </LinearGradient>
-
-        <View pointerEvents="none" style={styles.fabShineClip}>
-          <Animated.View style={[
-            styles.fabShineStreak,
-            {
-                transform: [
-                    {
-                        translateX: fabShineAnim.interpolate({
-                            inputRange: [0, 1],
-                            outputRange: [-48, 96],
-                        }),
-                    },
-                    { rotate: '25deg' },
-                ],
-            },
-        ]}>
-            <LinearGradient colors={[
-            'rgba(255,255,255,0)',
-            'rgba(255,255,255,0.55)',
-            'rgba(255,255,255,0)',
-        ]} start={{ x: 0, y: 0.5 }} end={{ x: 1, y: 0.5 }} style={{ flex: 1 }}/>
-          </Animated.View>
-        </View>
-        {hasUnread && (<Animated.View style={[
-                styles.fabGreenDot,
-                { transform: [{ scale: unreadPulseAnim }] },
-            ]}/>)}
-      </TouchableScale>
-    </Animated.View>);
-};
-export default FloatingBubble;

package/dist/esm/components/Inspector/InsightsDashboard.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const InsightsDashboard: () => React.JSX.Element;
-export default InsightsDashboard;