react-native-inapp-inspector 1.0.0

package/dist/commonjs/components/ConsoleLogCard.js

@@ -0,0 +1,401 @@
+"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 });
+exports.ConsoleLogCard = void 0;
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const AppColors_1 = require("../styles/AppColors");
+const AppFonts_1 = require("../styles/AppFonts");
+const HighlightText_1 = __importDefault(require("./HighlightText"));
+const CopyButton_1 = __importDefault(require("./CopyButton"));
+const NetworkIcons_1 = require("./NetworkIcons");
+const JsonViewer_1 = __importDefault(require("./JsonViewer"));
+const formatTime = (ts) => {
+    const d = new Date(ts);
+    const hh = String(d.getHours()).padStart(2, '0');
+    const mm = String(d.getMinutes()).padStart(2, '0');
+    const ss = String(d.getSeconds()).padStart(2, '0');
+    const ms = String(d.getMilliseconds()).padStart(3, '0');
+    return `${hh}:${mm}:${ss}.${ms}`;
+};
+const getJsonContent = (message) => {
+    if (!message)
+        return null;
+    const indices = [];
+    for (let i = 0; i < message.length; i++) {
+        if (message[i] === '{' || message[i] === '[') {
+            indices.push(i);
+        }
+    }
+    for (const index of indices) {
+        const candidate = message.substring(index).trim();
+        try {
+            const parsed = JSON.parse(candidate);
+            if (parsed !== null && typeof parsed === 'object') {
+                const header = message.substring(0, index).trim();
+                return { header, data: parsed };
+            }
+        }
+        catch (e) {
+            // Ignore
+        }
+    }
+    return null;
+};
+const getJsonPreviewText = (data) => {
+    try {
+        const formatted = JSON.stringify(data, null, 2);
+        const lines = formatted.split('\n');
+        if (lines.length > 3) {
+            return {
+                text: lines.slice(0, 3).join('\n') + '\n...',
+                hasMore: true,
+            };
+        }
+        return {
+            text: formatted,
+            hasMore: false,
+        };
+    }
+    catch (e) {
+        return {
+            text: String(data),
+            hasMore: false,
+        };
+    }
+};
+exports.ConsoleLogCard = react_1.default.memo(function ConsoleLogCard({ item, searchStr = '', isWebView = false, }) {
+    const [expanded, setExpanded] = (0, react_1.useState)(false);
+    const jsonContent = getJsonContent(item.message);
+    const isAnalyticsError = item.message
+        .toLowerCase()
+        .includes('[analytics error]');
+    const isUserLog = !isWebView && item.sourceMethod === 'log';
+    const caller = 'caller' in item ? item.caller : undefined;
+    const getLogColors = () => {
+        if (isWebView) {
+            const label = item.type.toUpperCase();
+            switch (item.type) {
+                case 'error':
+                    return {
+                        border: AppColors_1.AppColors.errorColor,
+                        badgeBg: `${AppColors_1.AppColors.errorColor}15`,
+                        badgeText: AppColors_1.AppColors.errorColor,
+                        label,
+                        cardBg: '#FFF5F6',
+                    };
+                case 'warn':
+                    return {
+                        border: AppColors_1.AppColors.lightOrange,
+                        badgeBg: `${AppColors_1.AppColors.lightOrange}15`,
+                        badgeText: AppColors_1.AppColors.darkOrange || AppColors_1.AppColors.lightOrange,
+                        label,
+                        cardBg: '#FFFDF6',
+                    };
+                default:
+                    return {
+                        border: '#475569',
+                        badgeBg: '#F1F5F9',
+                        badgeText: '#475569',
+                        label,
+                        cardBg: '#F8FAFC',
+                    };
+            }
+        }
+        if (isAnalyticsError) {
+            return {
+                border: AppColors_1.AppColors.skyBlue,
+                badgeBg: `${AppColors_1.AppColors.skyBlue}15`,
+                badgeText: AppColors_1.AppColors.skyBlue,
+                label: 'ERROR',
+                cardBg: '#E6F2FF', // light sky blue background for analytics errors
+            };
+        }
+        switch (item.type) {
+            case 'error':
+                return {
+                    border: AppColors_1.AppColors.errorColor,
+                    badgeBg: `${AppColors_1.AppColors.errorColor}15`,
+                    badgeText: AppColors_1.AppColors.errorColor,
+                    label: 'ERROR',
+                    cardBg: '#FFF5F6', // light red background
+                };
+            case 'warn':
+                return {
+                    border: AppColors_1.AppColors.lightOrange,
+                    badgeBg: `${AppColors_1.AppColors.lightOrange}15`,
+                    badgeText: AppColors_1.AppColors.darkOrange || AppColors_1.AppColors.lightOrange,
+                    label: 'WARN',
+                    cardBg: '#FFFDF6', // light yellow/orange background
+                };
+            default:
+                if (isUserLog) {
+                    return {
+                        border: '#475569',
+                        badgeBg: '#E2E8F0',
+                        badgeText: '#334155',
+                        label: 'INFO',
+                        cardBg: '#F1F5F9', // slate-blue / steel-blue background for user log
+                    };
+                }
+                return {
+                    border: AppColors_1.AppColors.purple,
+                    badgeBg: `${AppColors_1.AppColors.purple}15`,
+                    badgeText: AppColors_1.AppColors.purple,
+                    label: 'INFO',
+                    cardBg: '#F9F5FF', // light purple background for general info
+                };
+        }
+    };
+    const colors = getLogColors();
+    // Show limited lines unless expanded
+    const numLines = expanded ? undefined : 5;
+    const hasLongMessage = jsonContent
+        ? getJsonPreviewText(jsonContent.data).hasMore ||
+            jsonContent.header.length > 120 ||
+            jsonContent.header.includes('\n')
+        : item.message.length > 120 || item.message.includes('\n');
+    return (<react_native_1.View style={styles.container}>
+      <react_native_1.View style={[
+            styles.card,
+            {
+                borderLeftWidth: 4,
+                borderLeftColor: colors.border,
+                backgroundColor: colors.cardBg,
+            },
+        ]}>
+        <react_native_1.Pressable onPress={() => setExpanded(prev => !prev)} style={styles.cardHeader}>
+          <react_native_1.View style={styles.headerLeft}>
+            <CopyButton_1.default value={item.message} label="Log message"/>
+            <react_native_1.View style={[styles.badge, { backgroundColor: colors.badgeBg }]}>
+              <react_native_1.Text style={[styles.badgeText, { color: colors.badgeText }]}>
+                {colors.label}
+              </react_native_1.Text>
+            </react_native_1.View>
+            {isAnalyticsError && (<react_native_1.View style={[
+                styles.badge,
+                { backgroundColor: `${AppColors_1.AppColors.skyBlue}15` },
+            ]}>
+                <react_native_1.Text style={[styles.badgeText, { color: AppColors_1.AppColors.skyBlue }]}>
+                  Analytics
+                </react_native_1.Text>
+              </react_native_1.View>)}
+            {isUserLog && (<react_native_1.View style={[
+                styles.badge,
+                {
+                    backgroundColor: '#F3F4F6',
+                    borderColor: '#D1D5DB',
+                    borderWidth: 1,
+                },
+            ]}>
+                <react_native_1.Text style={[styles.badgeText, { color: '#4B5563' }]}>
+                  user-log
+                </react_native_1.Text>
+              </react_native_1.View>)}
+            {isWebView && (<react_native_1.View style={[
+                styles.badge,
+                {
+                    backgroundColor: '#F1F5F9',
+                    borderColor: '#E2E8F0',
+                    borderWidth: 1,
+                },
+            ]}>
+                <react_native_1.Text style={[styles.badgeText, { color: '#475569' }]}>
+                  webview
+                </react_native_1.Text>
+              </react_native_1.View>)}
+            <react_native_1.Text style={styles.serialNumber}>#{item.id + 1}</react_native_1.Text>
+            <react_native_1.Text style={styles.timestamp}>{formatTime(item.timestamp)}</react_native_1.Text>
+          </react_native_1.View>
+          <react_native_1.View style={{ flexDirection: 'row', alignItems: 'center', gap: 8 }}>
+            {caller && caller !== 'Unknown' && (<react_native_1.Text style={styles.callerText} numberOfLines={1} ellipsizeMode="middle">
+                {caller.split('/').pop() || caller}
+              </react_native_1.Text>)}
+            <react_native_1.View style={{ transform: [{ rotate: expanded ? '180deg' : '0deg' }] }}>
+              <NetworkIcons_1.ChevronIcon size={14} color={AppColors_1.AppColors.grayTextWeak}/>
+            </react_native_1.View>
+          </react_native_1.View>
+        </react_native_1.Pressable>
+
+        <react_native_1.View style={styles.cardBody}>
+          {jsonContent ? (<>
+              {jsonContent.header ? (<react_native_1.Pressable onPress={() => setExpanded(prev => !prev)}>
+                  <HighlightText_1.default text={jsonContent.header} search={searchStr} style={styles.messageText} highlightStyle={styles.highlight} numberOfLines={numLines} detectLinks={true}/>
+                </react_native_1.Pressable>) : null}
+              {expanded ? (<react_native_1.View style={styles.jsonContainer}>
+                  <JsonViewer_1.default data={jsonContent.data} search={searchStr} forceOpen={expanded}/>
+                </react_native_1.View>) : (<react_native_1.Pressable onPress={() => setExpanded(prev => !prev)} style={styles.jsonPreviewContainer}>
+                  <HighlightText_1.default text={getJsonPreviewText(jsonContent.data).text} search={searchStr} style={styles.jsonPreviewText} highlightStyle={styles.highlight} detectLinks={true}/>
+                </react_native_1.Pressable>)}
+            </>) : (<react_native_1.Pressable onPress={() => setExpanded(prev => !prev)}>
+              <HighlightText_1.default text={item.message} search={searchStr} style={styles.messageText} highlightStyle={styles.highlight} numberOfLines={numLines} detectLinks={true}/>
+            </react_native_1.Pressable>)}
+          {hasLongMessage && (<react_native_1.Pressable onPress={() => setExpanded(prev => !prev)} style={styles.seeMoreBtn} hitSlop={8}>
+              <react_native_1.Text style={styles.seeMoreText}>
+                {expanded ? 'See Less' : 'See More'}
+              </react_native_1.Text>
+            </react_native_1.Pressable>)}
+        </react_native_1.View>
+
+        {caller && caller !== 'Unknown' && expanded && (<react_native_1.View style={styles.cardFooter}>
+            <react_native_1.Text style={styles.fullCallerText}>Caller: {caller}</react_native_1.Text>
+          </react_native_1.View>)}
+      </react_native_1.View>
+    </react_native_1.View>);
+});
+const styles = react_native_1.StyleSheet.create({
+    container: {
+        paddingHorizontal: 16,
+        paddingVertical: 4,
+    },
+    card: {
+        alignSelf: 'stretch',
+        backgroundColor: '#FFFFFF',
+        borderRadius: 8,
+        borderWidth: 1,
+        borderColor: '#EFEFEF',
+        padding: 12,
+        shadowColor: '#000',
+        shadowOpacity: 0.03,
+        shadowRadius: 3,
+        shadowOffset: { width: 0, height: 1 },
+        elevation: 1,
+        overflow: 'hidden',
+    },
+    cardHeader: {
+        alignSelf: 'stretch',
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        alignItems: 'center',
+        marginBottom: 8,
+    },
+    headerLeft: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 8,
+    },
+    badge: {
+        paddingHorizontal: 6,
+        paddingVertical: 3,
+        borderRadius: 4,
+    },
+    badgeText: {
+        fontFamily: AppFonts_1.AppFonts.interBold,
+        fontSize: 9,
+        letterSpacing: 0.5,
+    },
+    timestamp: {
+        fontFamily: AppFonts_1.AppFonts.interMedium,
+        fontSize: 11,
+        color: AppColors_1.AppColors.grayTextWeak,
+    },
+    serialNumber: {
+        fontFamily: AppFonts_1.AppFonts.interBold,
+        color: AppColors_1.AppColors.grayTextWeak,
+        fontSize: 11,
+    },
+    callerText: {
+        fontFamily: AppFonts_1.AppFonts.interRegular,
+        fontSize: 10,
+        color: AppColors_1.AppColors.grayTextWeak,
+        maxWidth: '50%',
+    },
+    cardBody: {
+        marginTop: 8,
+        backgroundColor: '#FFFFFF',
+        paddingHorizontal: 10,
+        paddingVertical: 8,
+        borderRadius: 6,
+        borderWidth: 1,
+        borderColor: '#EBECEF',
+    },
+    messageText: {
+        fontFamily: react_native_1.Platform.OS === 'ios' ? 'System' : 'sans-serif',
+        fontSize: 12,
+        color: AppColors_1.AppColors.primaryBlack,
+        lineHeight: 16,
+    },
+    highlight: {
+        backgroundColor: '#FFE44D',
+        color: AppColors_1.AppColors.primaryBlack,
+        borderRadius: 2,
+    },
+    jsonContainer: {
+        marginTop: 4,
+        backgroundColor: '#FFFFFF',
+        borderRadius: 4,
+        borderWidth: 1,
+        borderColor: '#E2E8F0',
+        padding: 6,
+    },
+    jsonPreviewContainer: {
+        marginTop: 4,
+        backgroundColor: '#FFFFFF',
+        borderRadius: 4,
+        borderWidth: 1,
+        borderColor: '#E2E8F0',
+        padding: 6,
+    },
+    jsonPreviewText: {
+        fontFamily: react_native_1.Platform.OS === 'ios' ? 'Menlo' : 'monospace',
+        fontSize: 11,
+        color: AppColors_1.AppColors.primaryBlack,
+        lineHeight: 15,
+    },
+    cardFooter: {
+        marginTop: 8,
+        paddingTop: 8,
+        borderTopWidth: 1,
+        borderTopColor: AppColors_1.AppColors.dividerColor,
+    },
+    fullCallerText: {
+        fontFamily: AppFonts_1.AppFonts.interRegular,
+        fontSize: 10,
+        color: AppColors_1.AppColors.grayText,
+    },
+    seeMoreBtn: {
+        marginTop: 6,
+        alignSelf: 'flex-start',
+    },
+    seeMoreText: {
+        fontFamily: AppFonts_1.AppFonts.interBold,
+        fontSize: 11,
+        color: AppColors_1.AppColors.purple,
+        textDecorationLine: 'underline',
+    },
+});

package/dist/commonjs/components/CopyButton.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { CopyButtonProps } from '../types';
+declare const CopyButton: ({ value, label, iconType }: CopyButtonProps) => React.JSX.Element;
+export default CopyButton;

package/dist/commonjs/components/CopyButton.js

@@ -0,0 +1,69 @@
+"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"));
+// Components
+const TouchableScale_1 = __importDefault(require("./TouchableScale"));
+// Helpers
+const helpers_1 = require("../helpers");
+// Assets
+const NetworkIcons_1 = require("./NetworkIcons");
+// Stylesheet
+const AppColors_1 = require("../styles/AppColors");
+const styles_1 = __importDefault(require("../styles"));
+const CopyButton = ({ value, label, iconType = 'copy' }) => {
+    const [copied, setCopied] = (0, react_1.useState)(false);
+    const handlePress = () => {
+        (0, helpers_1.copyToClipboard)(value, label);
+        setCopied(true);
+        setTimeout(() => setCopied(false), 1200);
+    };
+    const containerStyle = [
+        styles_1.default.iconSquareBtn,
+        copied && styles_1.default.iconSquareBtnSuccess,
+    ];
+    const IconComponent = iconType === 'terminal'
+        ? NetworkIcons_1.TerminalIcon
+        : iconType === 'fetch'
+            ? NetworkIcons_1.FetchIcon
+            : NetworkIcons_1.CopyIcon;
+    return (<TouchableScale_1.default onPress={handlePress} hitSlop={12} style={containerStyle}>
+      {copied ? (<NetworkIcons_1.CheckIcon color={AppColors_1.AppColors.greenColor} size={14}/>) : (<IconComponent color={AppColors_1.AppColors.grayTextWeak} size={14}/>)}
+    </TouchableScale_1.default>);
+};
+exports.default = CopyButton;

package/dist/commonjs/components/DiffViewer.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare const DiffViewer: React.MemoExoticComponent<({ oldData, newData, forceOpen, }: {
+    oldData: any;
+    newData: any;
+    forceOpen?: boolean;
+}) => React.JSX.Element>;
+export default DiffViewer;

package/dist/commonjs/components/DiffViewer.js

@@ -0,0 +1,86 @@
+"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_native_1 = require("react-native");
+// Helpers
+const helpers_1 = require("../helpers");
+// Stylesheet
+const AppColors_1 = require("../styles/AppColors");
+const styles_1 = __importDefault(require("../styles"));
+const DiffViewer = react_1.default.memo(({ oldData, newData, forceOpen, }) => {
+    const diffs = (0, react_1.useMemo)(() => (0, helpers_1.getDiff)(oldData, newData), [oldData, newData]);
+    if (forceOpen === false) {
+        return (<react_native_1.View style={styles_1.default.codeBlock}>
+          <react_native_1.Text style={[styles_1.default.codeText, { color: AppColors_1.AppColors.grayTextWeak }]}>
+            {'{ Diff hidden }'}
+          </react_native_1.Text>
+        </react_native_1.View>);
+    }
+    if (diffs.length === 0) {
+        return (<react_native_1.View style={styles_1.default.codeBlock}>
+          <react_native_1.Text style={styles_1.default.codeText}>No differences from previous API.</react_native_1.Text>
+        </react_native_1.View>);
+    }
+    return (<react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={true} style={styles_1.default.codeBlockScroll}>
+        <react_native_1.View style={styles_1.default.diffBlock}>
+          {diffs.map((d, i) => {
+            const key = d.path === 'root' ? '' : `"${d.path}": `;
+            if (d.type === 'added') {
+                return (<react_native_1.Text key={i} selectable={true} style={styles_1.default.diffAdded}>
+                  + <react_native_1.Text style={styles_1.default.codeKey}>{key}</react_native_1.Text>
+                  {JSON.stringify(d.newVal)}
+                </react_native_1.Text>);
+            }
+            if (d.type === 'removed') {
+                return (<react_native_1.Text key={i} selectable={true} style={styles_1.default.diffRemoved}>
+                  - <react_native_1.Text style={styles_1.default.codeKey}>{key}</react_native_1.Text>
+                  {JSON.stringify(d.oldVal)}
+                </react_native_1.Text>);
+            }
+            return (<react_native_1.Text key={i} selectable={true} style={styles_1.default.diffChanged}>
+                ~ <react_native_1.Text style={styles_1.default.codeKey}>{key}</react_native_1.Text>
+                {JSON.stringify(d.oldVal)}{' '}
+                <react_native_1.Text style={{ color: AppColors_1.AppColors.grayTextWeak }}>➔</react_native_1.Text>{' '}
+                {JSON.stringify(d.newVal)}
+              </react_native_1.Text>);
+        })}
+        </react_native_1.View>
+      </react_native_1.ScrollView>);
+});
+exports.default = DiffViewer;

package/dist/commonjs/components/DomainHeader.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { LocalFilter } from '../types';
+declare const DomainHeader: ({ pageName, color, stats, activeFilters, onToggleFilter, isCollapsed, onToggleCollapse, isFirst, timestamp, }: {
+    pageName: string;
+    color: string;
+    stats: {
+        success: number;
+        failed: number;
+        loading: number;
+    };
+    activeFilters: Set<LocalFilter>;
+    onToggleFilter: (pageName: string, filter: LocalFilter) => void;
+    isCollapsed: boolean;
+    onToggleCollapse: (pageName: string) => void;
+    isFirst: boolean;
+    timestamp: number;
+}) => React.JSX.Element;
+export default DomainHeader;