react-native-inapp-inspector 2.3.14 → 2.3.16

package/dist/commonjs/index.js

@@ -38,7 +38,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.registerComponentProfile = exports.getHermesMemoryStats = exports.measureAsync = exports.trackHeavyTask = exports.trackNavigationTransition = exports.trackComponentRender = exports.useNavigationProfiler = exports.useComponentProfiler = exports.usePerformanceTracker = exports.registerGAPlugin = exports.getEventCategory = exports.getLastActionForReducer = exports.clearActionHistory = exports.getActionHistory = exports.subscribeReduxState = exports.getReduxState = exports.inspectorReduxMiddleware = exports.connectReduxStore = exports.ErrorBoundary = exports.CrashTab = exports.computeCrashFingerprint = exports.recordUserActionBreadcrumb = exports.recordReduxBreadcrumb = exports.recordNetworkBreadcrumb = exports.recordNavigationBreadcrumb = exports.addCrashBreadcrumb = exports.recordCustomCrash = exports.parseCrashStackTrace = exports.exportCrashReport = exports.simulateTestCrash = exports.clearCrashRecords = exports.getCrashRecords = exports.emitCrashEvent = exports.subscribeCrashEvents = exports.setupGlobalCrashHandler = exports.getCollectionEnabled = exports.getDefaultEventParameters = exports.getCurrentUserId = exports.getCurrentUserProperties = exports.clearAnalyticsEvents = exports.subscribeAnalyticsEvents = exports.logAnalyticsEvent = exports.setupAnalyticsLogger = exports.subscribeConsoleLogs = exports.clearConsoleLogs = exports.setupConsoleLogger = exports.addAxiosInterceptors = exports.subscribeNetworkLogs = exports.clearNetworkLogs = exports.setupNetworkLogger = void 0;
 exports.connectMMKV = exports.connectAsyncStorage = exports.BrandCircleIcon = exports.BrandSquareIcon = exports.prunePerformanceEvents = exports.getMaxPerformanceEventsLimit = exports.setMaxPerformanceEventsLimit = exports.pruneCrashRecords = exports.getMaxCrashLogsLimit = exports.pruneAnalyticsLogs = exports.getMaxAnalyticsLogsLimit = exports.setMaxAnalyticsLogsLimit = exports.pruneReduxHistory = exports.getMaxReduxHistoryLimit = exports.setMaxReduxHistoryLimit = exports.pruneConsoleLogs = exports.getMaxConsoleLogsLimit = exports.setMaxConsoleLogsLimit = exports.pruneNetworkLogs = exports.getMaxNetworkLogsLimit = exports.setMaxNetworkLogsLimit = exports.subscribeMemoryWarning = exports.pruneAllLogs = exports.setupMemoryWarningHandler = exports.isNativeModuleAvailable = exports.setNativeStorageItem = exports.getNativeStorageItem = exports.getNativeFpsMetrics = exports.stopNativeFpsMonitoring = exports.startNativeFpsMonitoring = exports.subscribeNativeDeviceShake = exports.subscribeNativeFloatingButtonPress = exports.setNativeFloatingButtonBadge = exports.hideNativeFloatingButton = exports.showNativeFloatingButton = exports.subscribeNativeCrashes = exports.enableNativeCrashProtection = exports.getNativeDeviceMetrics = exports.InspectCatch = exports.InspectTrackTime = exports.InspectLog = exports.generateFixSnippet = exports.getInitialPerformanceEvents = exports.getInitialRenderProfiles = exports.getPerformanceEvents = exports.subscribePerformanceEvents = exports.clearPerformanceEvents = exports.logPerformanceEvent = exports.getRenderProfiles = exports.subscribeRenderProfiles = void 0;
-exports.LIB_VERSION = exports.I18nextProvider = exports.setTranslations = exports.addTranslations = exports.setLanguage = exports.useTranslation = exports.i18n = exports.t = exports.updateAppColorsTheme = exports.getThemeColors = exports.setAppColors = exports.AppColors = exports.setAppFonts = exports.AppFonts = exports.BreadcrumbType = exports.CrashFilterType = exports.CrashDetailSubTab = exports.CrashExportFormat = exports.CrashType = exports.PerformanceSubTab = exports.BundleSubTab = exports.DiffResultType = exports.StackFrameType = exports.GAEventCategory = exports.AnalyticsEventSource = exports.ConsoleLogType = exports.LogFilter = exports.SettingsSubTab = exports.SettingsPage = exports.ModalAnimationType = exports.LocalFilter = exports.SortOrder = exports.StatusFilter = exports.Method = exports.ActiveTab = exports.subscribeToStorageChanges = exports.clearStorageDriver = exports.removeStorageEntry = exports.setStorageEntry = exports.fetchStorageEntries = exports.getRegisteredMMKVInstanceIds = exports.isMMKVConnected = exports.isAsyncStorageConnected = void 0;
+exports.LIB_VERSION = exports.isFirebaseRemoteConfigAvailable = exports.fetchRemoteConfigModuleStatus = exports.I18nextProvider = exports.setTranslations = exports.addTranslations = exports.setLanguage = exports.useTranslation = exports.i18n = exports.t = exports.updateAppColorsTheme = exports.getThemeColors = exports.setAppColors = exports.AppColors = exports.setAppFonts = exports.AppFonts = exports.BreadcrumbType = exports.CrashFilterType = exports.CrashDetailSubTab = exports.CrashExportFormat = exports.CrashType = exports.PerformanceSubTab = exports.BundleSubTab = exports.DiffResultType = exports.StackFrameType = exports.GAEventCategory = exports.AnalyticsEventSource = exports.ConsoleLogType = exports.LogFilter = exports.SettingsSubTab = exports.SettingsPage = exports.ModalAnimationType = exports.LocalFilter = exports.SortOrder = exports.StatusFilter = exports.Method = exports.ActiveTab = exports.subscribeToStorageChanges = exports.clearStorageDriver = exports.removeStorageEntry = exports.setStorageEntry = exports.fetchStorageEntries = exports.getRegisteredMMKVInstanceIds = exports.isMMKVConnected = exports.isAsyncStorageConnected = void 0;
 const react_1 = __importStar(require("react"));
 const react_native_1 = require("react-native");
 const native_1 = require("@react-navigation/native");
@@ -59,9 +59,10 @@ const reduxLogger_1 = require("./customHooks/reduxLogger");
 const performanceTracker_1 = require("./customHooks/performanceTracker");
 const bundleAnalyzer_1 = require("./customHooks/bundleAnalyzer");
 const NativeInspector_2 = require("./native/NativeInspector");
+const remoteConfig_1 = require("./helpers/remoteConfig");
 const constants_1 = require("./constants");
 const styles_1 = require("./styles");
-const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, environment, initialVisible = false, visible: controlledVisible, }) => {
+const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, environment, initialVisible = false, visible: controlledVisible, remoteConfig, }) => {
     (0, settingsStore_1.setCustomStorage)(storage || null);
     const [isDark, setIsDark] = (0, react_1.useState)(false);
     const [reduxState, setReduxState] = (0, react_1.useState)(null);
@@ -168,7 +169,7 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
     const [maxConsoleLogs, setMaxConsoleLogs] = (0, react_1.useState)(100);
     const [showConsoleLevels, setShowConsoleLevels] = (0, react_1.useState)({
         info: true,
-        warn: false,
+        warn: true,
         error: true,
     });
     const visibleConsoleLogs = (0, react_1.useMemo)(() => {
@@ -196,8 +197,9 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
         return filtered.slice(0, maxConsoleLogs);
     }, [consoleLogs, showConsoleLevels, maxConsoleLogs]);
     const [logSearch, setLogSearch] = (0, react_1.useState)('');
-    const [logFilters, setLogFilters] = (0, react_1.useState)(new Set(['user-log']));
+    const [logFilters, setLogFilters] = (0, react_1.useState)(new Set(['all']));
     const [settingsPage, setSettingsPage] = (0, react_1.useState)(null);
+    const [isFeedbackOpen, setIsFeedbackOpen] = (0, react_1.useState)(false);
     const [settingsActiveSubTab, setSettingsActiveSubTab] = (0, react_1.useState)('module');
     const [tabVisibility, setTabVisibility] = (0, react_1.useState)({
         apis: true,
@@ -211,8 +213,8 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
         storage: false,
         debugging: false,
     });
-    const [maxNetworkLogs, setMaxNetworkLogs] = (0, react_1.useState)(100);
-    const [maxAnalyticsEventsLimit, setMaxAnalyticsEventsLimit] = (0, react_1.useState)(75);
+    const [maxNetworkLogs, setMaxNetworkLogs] = (0, react_1.useState)(250);
+    const [maxAnalyticsEventsLimit, setMaxAnalyticsEventsLimit] = (0, react_1.useState)(150);
     const [isAutoRamLimitEnabled, setIsAutoRamLimitEnabled] = (0, react_1.useState)(true);
     const [deviceFreeRamMb, setDeviceFreeRamMb] = (0, react_1.useState)(1800);
     const [reduxAutoRefresh, setReduxAutoRefreshState] = (0, react_1.useState)(true);
@@ -350,6 +352,25 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
             cancelled = true;
         };
     }, []);
+    (0, react_1.useEffect)(() => {
+        let isMounted = true;
+        if (remoteConfig === false)
+            return;
+        (0, remoteConfig_1.fetchRemoteConfigModuleStatus)(typeof remoteConfig === 'object' ? remoteConfig : undefined)
+            .then(remoteModules => {
+            if (isMounted && remoteModules) {
+                setTabVisibility(prev => ({
+                    ...prev,
+                    ...remoteModules,
+                    apis: remoteModules.apis ?? true,
+                }));
+            }
+        })
+            .catch(() => { });
+        return () => {
+            isMounted = false;
+        };
+    }, [remoteConfig]);
     (0, react_1.useEffect)(() => {
         if (!settingsHydratedRef.current)
             return;
@@ -489,6 +510,7 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
             setActiveTab(key);
             loadNativePage(key);
         }
+        (0, telemetry_1.trackInspectorTabView)(key);
     }, [loadNativePage]);
     const [selectedEvent, setSelectedEvent] = (0, react_1.useState)(null);
     const [analyticsSearch, setAnalyticsSearch] = (0, react_1.useState)('');
@@ -799,10 +821,12 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
     (0, react_1.useEffect)(() => {
         isVisibleRefObj.current = visible;
         if (visible) {
+            (0, telemetry_1.trackInspectorScreenView)('InspectorModal');
             const target = defaultTab === 'apis' || tabVisibility?.[defaultTab]
                 ? defaultTab
                 : 'apis';
             setActiveTab(target);
+            (0, telemetry_1.trackInspectorTabView)(target);
             if (latestNetworkLogsRef.current.length > 0) {
                 const deduped = (0, helpers_1.deduplicateLogs)(latestNetworkLogsRef.current);
                 const incoming = new Set(deduped.map(l => l.id));
@@ -1407,27 +1431,18 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
                     log.caller || '',
                     log.type || '',
                     log.sourceMethod || '',
+                    log.stack || '',
                 ].join(' ').toLowerCase();
                 return queryTokens.every(token => {
-                    if (token.startsWith('level:') || token.startsWith('is:') || token.startsWith('type:')) {
-                        const flag = token.replace(/^(level:|is:|type:)/, '').trim();
-                        if (flag === 'error' || flag === 'err')
-                            return log.type === 'error';
-                        if (flag === 'warn' || flag === 'warning')
-                            return log.type === 'warn';
-                        if (flag === 'info')
-                            return log.type === 'info';
-                        if (flag === 'log')
-                            return log.sourceMethod === 'log';
-                        if (flag === 'analytics')
-                            return (log.message || '').toLowerCase().includes('[analytics');
-                    }
                     if (token === 'error' || token === 'err') {
                         return log.type === 'error' || searchTarget.includes(token);
                     }
                     if (token === 'warn' || token === 'warning') {
                         return log.type === 'warn' || searchTarget.includes(token);
                     }
+                    if (token === 'info') {
+                        return log.type === 'info' || searchTarget.includes(token);
+                    }
                     return searchTarget.includes(token);
                 });
             });
@@ -1472,8 +1487,20 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
                     log.caller || '',
                     log.type || '',
                     log.sourceMethod || '',
+                    log.stack || '',
                 ].join(' ').toLowerCase();
-                return queryTokens.every(token => searchTarget.includes(token));
+                return queryTokens.every(token => {
+                    if (token === 'error' || token === 'err') {
+                        return log.type === 'error' || searchTarget.includes(token);
+                    }
+                    if (token === 'warn' || token === 'warning') {
+                        return log.type === 'warn' || searchTarget.includes(token);
+                    }
+                    if (token === 'info') {
+                        return log.type === 'info' || searchTarget.includes(token);
+                    }
+                    return searchTarget.includes(token);
+                });
             });
         }
         const total = visibleConsoleLogs.length;
@@ -1487,14 +1514,15 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
         };
     }, [visibleConsoleLogs, logSearch]);
     function closeModal() {
-        (0, InspectorContext_1.animateNextLayout)();
         setVisible(false);
-        setSelected(null);
-        setSelectedEvent(null);
-        setSelectedLog(null);
-        setSelectedReduxSlice(null);
-        setSelectedReduxAction(null);
-        setSelectedCrash(null);
+        setTimeout(() => {
+            setSelected(null);
+            setSelectedEvent(null);
+            setSelectedLog(null);
+            setSelectedReduxSlice(null);
+            setSelectedReduxAction(null);
+            setSelectedCrash(null);
+        }, 300);
     }
     function handleClearAll() {
         (0, networkLogger_1.clearNetworkLogs)();
@@ -1504,13 +1532,17 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
         setCollapsedSections(new Set());
         setStatusFilters(new Set());
         setMethodFilters(new Set());
+        setSearch('');
         prevLogIdsRef.current = new Set();
         logRouteMapRef.current = new Map();
         (0, analyticsLogger_1.clearAnalyticsEvents)();
         setAnalyticsEvents([]);
+        setAnalyticsSearch('');
         prevEventIdsRef.current = new Set();
         (0, consoleLogger_1.clearConsoleLogs)();
         setConsoleLogs([]);
+        setLogFilters(new Set(['all']));
+        setLogSearch('');
     }
     function handleDelete() {
         if (activeTab === 'logs') {
@@ -1624,7 +1656,7 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
             return next;
         });
     }, []);
-    const contextValue = {
+    const contextValue = (0, react_1.useMemo)(() => ({
         visible,
         setVisible,
         closeModal,
@@ -1655,6 +1687,8 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
         setShowHeaderInfo,
         settingsPage,
         setSettingsPage,
+        isFeedbackOpen,
+        setIsFeedbackOpen,
         updateAvailable,
         latestNpmVersion,
         clearAnim,
@@ -1791,7 +1825,114 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
         setReduxAutoRefreshState,
         reduxExpandDepth,
         setReduxExpandDepth,
-    };
+    }), [
+        visible,
+        closeModal,
+        isReady,
+        enabled,
+        appIcon,
+        environment,
+        modalHeightPercent,
+        modalAnimationType,
+        hasNavigationContext,
+        setNavState,
+        activeTab,
+        switchActiveTab,
+        tabVisibility,
+        toggleTabVisibility,
+        lastReadApisCount,
+        lastReadLogsCount,
+        selected,
+        selectedEvent,
+        selectedLog,
+        showHeaderInfo,
+        settingsPage,
+        isFeedbackOpen,
+        updateAvailable,
+        latestNpmVersion,
+        clearAnim,
+        activePulseAnim,
+        unreadPulseAnim,
+        runClearAllWithAnimation,
+        useNativeFab,
+        fabPan,
+        fabPanResponder,
+        pulseAnim,
+        fabShineAnim,
+        logs,
+        filteredLogs,
+        groupedData,
+        search,
+        searchScope,
+        isRegexSearch,
+        isCaseSensitive,
+        quickFilter,
+        statusFilters,
+        methodFilters,
+        availableMethods,
+        sortOrder,
+        selectedLogs,
+        toggleSelect,
+        minStart,
+        totalRange,
+        newLogIds,
+        toggleSectionFilter,
+        toggleSectionCollapse,
+        handleDelete,
+        isNetworkPaused,
+        detailTitle,
+        detailDisplayUrl,
+        apiDetailActiveTab,
+        detailSearch,
+        reqExpanded,
+        resExpanded,
+        showReqDiff,
+        showResDiff,
+        prevRequestData,
+        prevResponseData,
+        consoleLogs,
+        visibleConsoleLogs,
+        filteredConsoleLogs,
+        logSearch,
+        logFilters,
+        logCounts,
+        logSortOrder,
+        isConsolePaused,
+        analyticsEvents,
+        filteredAnalyticsEvents,
+        analyticsSearch,
+        analyticsFilters,
+        isAnalyticsFilterApplied,
+        resetAnalyticsFilters,
+        newEventIds,
+        isAnalyticsLayoutReady,
+        analyticsHeaderExpanded,
+        isAnalyticsPaused,
+        reduxState,
+        reduxLastActionMap,
+        reduxSearch,
+        selectedReduxSlice,
+        selectedReduxAction,
+        reduxActiveSubTab,
+        crashRecords,
+        selectedCrash,
+        lastReadCrashesCount,
+        maxCrashLogs,
+        settingsActiveSubTab,
+        defaultTab,
+        isDark,
+        showDuplicateLogs,
+        showUpdateToast,
+        showConsoleLevels,
+        storage,
+        maxNetworkLogs,
+        maxConsoleLogs,
+        maxAnalyticsEventsLimit,
+        isAutoRamLimitEnabled,
+        deviceFreeRamMb,
+        reduxAutoRefresh,
+        reduxExpandDepth,
+    ]);
     return (<InspectorContext_1.InspectorContext.Provider value={contextValue}>
       <MainScreen_1.default />
     </InspectorContext_1.InspectorContext.Provider>);
@@ -1990,5 +2131,8 @@ Object.defineProperty(exports, "setLanguage", { enumerable: true, get: function
 Object.defineProperty(exports, "addTranslations", { enumerable: true, get: function () { return i18n_2.addTranslations; } });
 Object.defineProperty(exports, "setTranslations", { enumerable: true, get: function () { return i18n_2.setTranslations; } });
 Object.defineProperty(exports, "I18nextProvider", { enumerable: true, get: function () { return i18n_2.I18nextProvider; } });
+var remoteConfig_2 = require("./helpers/remoteConfig");
+Object.defineProperty(exports, "fetchRemoteConfigModuleStatus", { enumerable: true, get: function () { return remoteConfig_2.fetchRemoteConfigModuleStatus; } });
+Object.defineProperty(exports, "isFirebaseRemoteConfigAvailable", { enumerable: true, get: function () { return remoteConfig_2.isFirebaseRemoteConfigAvailable; } });
 var version_1 = require("./constants/version");
 Object.defineProperty(exports, "LIB_VERSION", { enumerable: true, get: function () { return version_1.LIB_VERSION; } });

package/dist/commonjs/styles/AppFonts.d.ts

@@ -1,12 +1,14 @@
 export interface AppFontConfig {
     interRegular?: string;
     interMedium?: string;
+    interSemiBold?: string;
     interBold?: string;
     Sfprotext?: string;
 }
 export declare const AppFonts: {
     interRegular: string;
     interMedium: string;
+    interSemiBold: string;
     interBold: string;
     Sfprotext: string;
 };

package/dist/commonjs/styles/AppFonts.js

@@ -4,6 +4,7 @@ exports.setAppFonts = exports.AppFonts = void 0;
 exports.AppFonts = {
     interRegular: 'Inter-Regular',
     interMedium: 'Inter-Medium',
+    interSemiBold: 'Inter-SemiBold',
     interBold: 'Inter-Bold',
     Sfprotext: 'Inter-Regular',
 };

package/dist/commonjs/styles/index.d.ts

@@ -149,6 +149,28 @@ export declare const getRawStyles: (colors: typeof AppColors) => {
     listContent: {
         paddingBottom: number;
     };
+    supportFab: {
+        position: string;
+        bottom: number;
+        right: number;
+        width: number;
+        height: number;
+        borderRadius: number;
+        backgroundColor: string;
+        alignItems: string;
+        justifyContent: string;
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+        zIndex: number;
+        borderWidth: number;
+        borderColor: string;
+    };
     scrollTopBtn: {
         position: string;
         bottom: number;

package/dist/commonjs/styles/index.js

@@ -173,6 +173,25 @@ const getRawStyles = (colors) => ({
         letterSpacing: 0.2,
     },
     listContent: { paddingBottom: react_native_1.Platform.OS === 'ios' ? 44 : 32 },
+    supportFab: {
+        position: 'absolute',
+        bottom: 22,
+        right: 16,
+        width: 42,
+        height: 42,
+        borderRadius: 21,
+        backgroundColor: colors.purple,
+        alignItems: 'center',
+        justifyContent: 'center',
+        shadowColor: colors.purple,
+        shadowOffset: { width: 0, height: 4 },
+        shadowOpacity: 0.45,
+        shadowRadius: 8,
+        elevation: 14,
+        zIndex: 999,
+        borderWidth: 1.5,
+        borderColor: 'rgba(255, 255, 255, 0.25)',
+    },
     scrollTopBtn: {
         position: 'absolute',
         bottom: 22,

package/dist/commonjs/types/enums.d.ts

@@ -67,6 +67,7 @@ export declare const SettingsSubTab: {
     readonly Module: "module";
     readonly Ui: "ui";
     readonly Limits: "limits";
+    readonly About: "about";
 };
 export type SettingsSubTab = (typeof SettingsSubTab)[keyof typeof SettingsSubTab];
 export declare const LogFilter: {

package/dist/commonjs/types/enums.js

@@ -63,6 +63,7 @@ exports.SettingsSubTab = {
     Module: 'module',
     Ui: 'ui',
     Limits: 'limits',
+    About: 'about',
 };
 exports.LogFilter = {
     All: 'all',

package/dist/commonjs/types/interfaces.d.ts

@@ -151,8 +151,17 @@ export interface PersistedSettings {
     reduxExpandDepth?: number;
     showDuplicateLogs?: boolean;
     showUpdateToast?: boolean;
+    useNativeFab?: boolean;
+    shakeToOpen?: boolean;
     telemetryClientId?: string;
+    telemetryDeviceId?: string;
+    deviceRegistered?: boolean;
+    deviceFirstSeen?: number;
     telemetryLastPing?: number;
+    telemetryLastActive?: number;
+    starPromptActioned?: boolean;
+    starPromptLastShown?: number;
+    starPromptFirstSeen?: number;
 }
 export interface NetworkInspectorProps {
     enabled?: boolean;
@@ -163,6 +172,7 @@ export interface NetworkInspectorProps {
     environment?: 'DEV' | 'UAT' | 'PrePROD' | 'PROD' | 'QA' | 'Staging' | string;
     initialVisible?: boolean;
     visible?: boolean;
+    remoteConfig?: boolean | any;
 }
 export interface NavigationTrackerProps {
     onStateChange: (state: any) => void;
@@ -198,6 +208,8 @@ export interface InspectorContextValue {
     setShowHeaderInfo: React.Dispatch<React.SetStateAction<boolean>>;
     settingsPage: SettingsPage;
     setSettingsPage: React.Dispatch<React.SetStateAction<SettingsPage>>;
+    isFeedbackOpen: boolean;
+    setIsFeedbackOpen: React.Dispatch<React.SetStateAction<boolean>>;
     updateAvailable: boolean;
     latestNpmVersion: string | null;
     clearAnim: Animated.Value;

package/dist/esm/components/AnimatedEntrance.js

@@ -5,15 +5,15 @@ const AnimatedEntrance = React.memo(function AnimatedEntrance({ children, delay
         return <View style={style}>{children}</View>;
     }
     const progress = useRef(new Animated.Value(0)).current;
+    const initialIndex = useRef(index).current;
     useEffect(() => {
-        progress.setValue(0);
         Animated.timing(progress, {
             toValue: 1,
             duration,
-            delay: delay + Math.min(index, 12) * 18,
+            delay: delay + Math.min(initialIndex, 8) * 12,
             useNativeDriver: true,
         }).start();
-    }, [delay, duration, index, progress]);
+    }, []);
     return (<Animated.View style={[
             style,
             {