react-native-inapp-inspector 2.3.18 → 2.3.20

package/dist/commonjs/components/CopyButton.js

@@ -1,89 +1,3 @@
-"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");
-const TouchableScale_1 = __importDefault(require("./TouchableScale"));
-const helpers_1 = require("../helpers");
-const NativeInspector_1 = require("../native/NativeInspector");
-const NetworkIcons_1 = require("./NetworkIcons");
-const AppColors_1 = require("../styles/AppColors");
-const styles_1 = __importDefault(require("../styles"));
-const CopyButton = react_1.default.memo(({ value, label, iconType = 'copy' }) => {
-    const [copied, setCopied] = (0, react_1.useState)(false);
-    const handlePress = (0, react_1.useCallback)(() => {
-        (0, NativeInspector_1.triggerNativeHaptic)('success');
-        const resolvedValue = typeof value === 'function' ? value() : value;
-        (0, helpers_1.copyToClipboard)(resolvedValue, label);
-        setCopied(true);
-        setTimeout(() => setCopied(false), 1200);
-    }, [value, label]);
-    const handleLongPress = (0, react_1.useCallback)(() => {
-        try {
-            (0, NativeInspector_1.triggerNativeHaptic)('medium');
-            const resolvedValue = typeof value === 'function' ? value() : value;
-            const textToShare = typeof resolvedValue === 'string'
-                ? resolvedValue
-                : JSON.stringify(resolvedValue, null, 2);
-            react_native_1.Share.share({
-                message: textToShare,
-                title: label,
-            });
-        }
-        catch { }
-    }, [value, label]);
-    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 accessible={true} accessibilityRole="button" accessibilityLabel={label
-            ? copied
-                ? `${label} copied`
-                : `Copy ${label}`
-            : copied
-                ? 'Copied to clipboard'
-                : 'Copy to clipboard'} accessibilityHint="Double tap to copy, long press to share" onPress={handlePress} onLongPress={handleLongPress} 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;
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(t,e,n,r){r===void 0&&(r=n);var o=Object.getOwnPropertyDescriptor(e,n);(!o||("get"in o?!e.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return e[n]}}),Object.defineProperty(t,r,o)}):(function(t,e,n,r){r===void 0&&(r=n),t[r]=e[n]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}):function(t,e){t.default=e}),__importStar=this&&this.__importStar||(function(){var t=function(e){return t=Object.getOwnPropertyNames||function(n){var r=[];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(r[r.length]=o);return r},t(e)};return function(e){if(e&&e.__esModule)return e;var n={};if(e!=null)for(var r=t(e),o=0;o<r.length;o++)r[o]!=="default"&&__createBinding(n,e,r[o]);return __setModuleDefault(n,e),n}})(),__importDefault=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),TouchableScale_1=__importDefault(require("./TouchableScale")),helpers_1=require("../helpers"),NativeInspector_1=require("../native/NativeInspector"),NetworkIcons_1=require("./NetworkIcons"),AppColors_1=require("../styles/AppColors"),styles_1=__importDefault(require("../styles")),CopyButton=react_1.default.memo(({value:t,label:e,iconType:n="copy"})=>{const[r,o]=(0,react_1.useState)(!1),c=(0,react_1.useCallback)(()=>{(0,NativeInspector_1.triggerNativeHaptic)("success");const s=typeof t=="function"?t():t;(0,helpers_1.copyToClipboard)(s,e),o(!0),setTimeout(()=>o(!1),1200)},[t,e]),i=(0,react_1.useCallback)(()=>{try{(0,NativeInspector_1.triggerNativeHaptic)("medium");const s=typeof t=="function"?t():t,d=typeof s=="string"?s:JSON.stringify(s,null,2);react_native_1.Share.share({message:d,title:e})}catch{}},[t,e]),a=[styles_1.default.iconSquareBtn,r&&styles_1.default.iconSquareBtnSuccess],_=n==="terminal"?NetworkIcons_1.TerminalIcon:n==="fetch"?NetworkIcons_1.FetchIcon:NetworkIcons_1.CopyIcon;return<TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel={e?r?`${e} copied`:`Copy ${e}`:r?"Copied to clipboard":"Copy to clipboard"}accessibilityHint="Double tap to copy, long press to share"onPress={c}onLongPress={i}hitSlop={12}style={a}>
+      {r?<NetworkIcons_1.CheckIcon color={AppColors_1.AppColors.greenColor}size={14}/>:<_ color={AppColors_1.AppColors.grayTextWeak}size={14}/>}
+    </TouchableScale_1.default>});exports.default=CopyButton;

package/dist/commonjs/components/DiffViewer.js

@@ -1,86 +1,22 @@
-"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 i18n_1 = require("../i18n");
-const react_1 = __importStar(require("react"));
-const react_native_1 = require("react-native");
-const helpers_1 = require("../helpers");
-const AppColors_1 = require("../styles/AppColors");
-const styles_1 = __importDefault(require("../styles"));
-const DiffViewer = react_1.default.memo(({ oldData, newData, forceOpen, }) => {
-    const { t } = (0, i18n_1.useTranslation)();
-    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 }]}>
-            {t('network.diffHidden')}
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(t,e,a,r){r===void 0&&(r=a);var n=Object.getOwnPropertyDescriptor(e,a);(!n||("get"in n?!e.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return e[a]}}),Object.defineProperty(t,r,n)}):(function(t,e,a,r){r===void 0&&(r=a),t[r]=e[a]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}):function(t,e){t.default=e}),__importStar=this&&this.__importStar||(function(){var t=function(e){return t=Object.getOwnPropertyNames||function(a){var r=[];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(r[r.length]=n);return r},t(e)};return function(e){if(e&&e.__esModule)return e;var a={};if(e!=null)for(var r=t(e),n=0;n<r.length;n++)r[n]!=="default"&&__createBinding(a,e,r[n]);return __setModuleDefault(a,e),a}})(),__importDefault=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0});const i18n_1=require("../i18n"),react_1=__importStar(require("react")),react_native_1=require("react-native"),helpers_1=require("../helpers"),AppColors_1=require("../styles/AppColors"),styles_1=__importDefault(require("../styles")),DiffViewer=react_1.default.memo(({oldData:t,newData:e,forceOpen:a})=>{const{t:r}=(0,i18n_1.useTranslation)(),n=(0,react_1.useMemo)(()=>(0,helpers_1.getDiff)(t,e),[t,e]);return a===!1?<react_native_1.View style={styles_1.default.codeBlock}>
+          <react_native_1.Text style={[styles_1.default.codeText,{color:AppColors_1.AppColors.grayTextWeak}]}>
+            {r("network.diffHidden")}
           </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}>{t('network.noDiff')}</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>:n.length===0?<react_native_1.View style={styles_1.default.codeBlock}>
+          <react_native_1.Text style={styles_1.default.codeText}>{r("network.noDiff")}</react_native_1.Text>
+        </react_native_1.View>:<react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={!0}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>);
-        })}
+          {n.map((i,l)=>{const o=i.path==="root"?"":`"${i.path}": `;return i.type==="added"?<react_native_1.Text key={l}selectable={!0}style={styles_1.default.diffAdded}>
+                  + <react_native_1.Text style={styles_1.default.codeKey}>{o}</react_native_1.Text>
+                  {JSON.stringify(i.newVal)}
+                </react_native_1.Text>:i.type==="removed"?<react_native_1.Text key={l}selectable={!0}style={styles_1.default.diffRemoved}>
+                  - <react_native_1.Text style={styles_1.default.codeKey}>{o}</react_native_1.Text>
+                  {JSON.stringify(i.oldVal)}
+                </react_native_1.Text>:<react_native_1.Text key={l}selectable={!0}style={styles_1.default.diffChanged}>
+                ~ <react_native_1.Text style={styles_1.default.codeKey}>{o}</react_native_1.Text>
+                {JSON.stringify(i.oldVal)}{" "}
+                <react_native_1.Text style={{color:AppColors_1.AppColors.grayTextWeak}}>→</react_native_1.Text>{" "}
+                {JSON.stringify(i.newVal)}
+              </react_native_1.Text>})}
         </react_native_1.View>
-      </react_native_1.ScrollView>);
-});
-exports.default = DiffViewer;
+      </react_native_1.ScrollView>});exports.default=DiffViewer;

package/dist/commonjs/components/DomainHeader.js

@@ -1,144 +1,44 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-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");
-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 visibleStats = ['success', 'failed', 'loading'];
-    const total = stats.success + stats.failed + stats.loading;
-    const pctSuccess = total > 0 ? Math.round((stats.success / total) * 100) : 0;
-    const pctFailed = total > 0 ? Math.round((stats.failed / total) * 100) : 0;
-    const pctLoading = total > 0 ? Math.round((stats.loading / total) * 100) : 0;
-    return (<react_native_1.Pressable style={[
-            styles_1.default.domainHeaderCard,
-            !isCollapsed && styles_1.default.domainHeaderCardExpanded,
-        ]} onPress={() => onToggleCollapse(pageName)}>
+"use strict";var __importDefault=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importDefault(require("react")),react_native_1=require("react-native"),AppColors_1=require("../styles/AppColors"),AppFonts_1=require("../styles/AppFonts"),helpers_1=require("../helpers"),NetworkIcons_1=require("./NetworkIcons"),styles_1=__importDefault(require("../styles")),DomainHeader=({pageName:r,color:h,stats:e,activeFilters:x,onToggleFilter:y,isCollapsed:w,onToggleCollapse:v,isFirst:A,timestamp:b})=>{const k=["success","failed","loading"],t=e.success+e.failed+e.loading,C=t>0?Math.round(e.success/t*100):0,g=t>0?Math.round(e.failed/t*100):0,m=t>0?Math.round(e.loading/t*100):0;return<react_native_1.Pressable style={[styles_1.default.domainHeaderCard,!w&&styles_1.default.domainHeaderCardExpanded]}onPress={()=>v(r)}>
       <react_native_1.View style={styles_1.default.domainHeaderTopRow}>
         <react_native_1.View style={styles_1.default.domainHeaderLeft}>
-          <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.View style={{transform:[{rotate:w?"-90deg":"0deg"}],flexShrink:0}}>
+            <NetworkIcons_1.ChevronIcon color={AppColors_1.AppColors.grayTextWeak}size={13}/>
           </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 style={[styles_1.default.domainIconWrap,{backgroundColor:`${h}18`,flexShrink:0}]}>
+            <NetworkIcons_1.ScreenIcon color={h}size={14}/>
           </react_native_1.View>
-          <react_native_1.View style={{ flex: 1, justifyContent: 'center', minWidth: 0 }}>
-            <react_native_1.View style={{ flexDirection: 'row', alignItems: 'center', gap: 6, minWidth: 0 }}>
-              <react_native_1.Text style={[styles_1.default.domainTitleText, { flexShrink: 1 }]} numberOfLines={1} ellipsizeMode="tail">
-                {pageName}
+          <react_native_1.View style={{flex:1,justifyContent:"center",minWidth:0}}>
+            <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6,minWidth:0}}>
+              <react_native_1.Text style={[styles_1.default.domainTitleText,{flexShrink:1}]}numberOfLines={1}ellipsizeMode="tail">
+                {r}
               </react_native_1.Text>
-              {total > 0 && (<react_native_1.View style={{
-                flexDirection: 'row',
-                alignItems: 'center',
-                gap: 4,
-                backgroundColor: stats.failed > 0
-                    ? AppColors_1.AppColors.red100
-                    : stats.loading > 0
-                        ? AppColors_1.AppColors.amber100
-                        : AppColors_1.AppColors.emerald100,
-                paddingHorizontal: 5,
-                paddingVertical: 1.5,
-                borderRadius: 4,
-                flexShrink: 0,
-            }}>
-                  <react_native_1.View style={{
-                width: 22,
-                height: 3.5,
-                borderRadius: 2,
-                backgroundColor: AppColors_1.AppColors.gray200,
-                flexDirection: 'row',
-                overflow: 'hidden',
-            }}>
-                    {pctSuccess > 0 && (<react_native_1.View style={{
-                    width: `${pctSuccess}%`,
-                    height: '100%',
-                    backgroundColor: AppColors_1.AppColors.emerald500,
-                }}/>)}
-                    {pctFailed > 0 && (<react_native_1.View style={{
-                    width: `${pctFailed}%`,
-                    height: '100%',
-                    backgroundColor: AppColors_1.AppColors.red500,
-                }}/>)}
-                    {pctLoading > 0 && (<react_native_1.View style={{
-                    width: `${pctLoading}%`,
-                    height: '100%',
-                    backgroundColor: AppColors_1.AppColors.amber500,
-                }}/>)}
+              {t>0&&<react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:e.failed>0?AppColors_1.AppColors.red100:e.loading>0?AppColors_1.AppColors.amber100:AppColors_1.AppColors.emerald100,paddingHorizontal:5,paddingVertical:1.5,borderRadius:4,flexShrink:0}}>
+                  <react_native_1.View style={{width:22,height:3.5,borderRadius:2,backgroundColor:AppColors_1.AppColors.gray200,flexDirection:"row",overflow:"hidden"}}>
+                    {C>0&&<react_native_1.View style={{width:`${C}%`,height:"100%",backgroundColor:AppColors_1.AppColors.emerald500}}/>}
+                    {g>0&&<react_native_1.View style={{width:`${g}%`,height:"100%",backgroundColor:AppColors_1.AppColors.red500}}/>}
+                    {m>0&&<react_native_1.View style={{width:`${m}%`,height:"100%",backgroundColor:AppColors_1.AppColors.amber500}}/>}
                   </react_native_1.View>
-                  <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 8.5,
-                color: stats.failed > 0
-                    ? AppColors_1.AppColors.redErrorText
-                    : stats.loading > 0
-                        ? AppColors_1.AppColors.amber800Warm
-                        : AppColors_1.AppColors.emerald700,
-            }}>
-                    {pctSuccess}%
+                  <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5,color:e.failed>0?AppColors_1.AppColors.redErrorText:e.loading>0?AppColors_1.AppColors.amber800Warm:AppColors_1.AppColors.emerald700}}>
+                    {C}%
                   </react_native_1.Text>
-                </react_native_1.View>)}
+                </react_native_1.View>}
             </react_native_1.View>
-            <react_native_1.Text style={styles_1.default.domainSummaryText} numberOfLines={1} ellipsizeMode="tail">
-              {(0, helpers_1.formatDateTime)(timestamp)}
+            <react_native_1.Text style={styles_1.default.domainSummaryText}numberOfLines={1}ellipsizeMode="tail">
+              {(0,helpers_1.formatDateTime)(b)}
             </react_native_1.Text>
           </react_native_1.View>
         </react_native_1.View>
 
         <react_native_1.View style={styles_1.default.domainStatsGroup}>
-          {visibleStats.map(type => {
-            const isActive = activeFilters.has(type);
-            let IconComponent;
-            let activeColor = '';
-            let count = 0;
-            if (type === 'success') {
-                IconComponent = NetworkIcons_1.CheckIcon;
-                activeColor = AppColors_1.AppColors.greenColor;
-                count = stats.success;
-            }
-            else if (type === 'failed') {
-                IconComponent = NetworkIcons_1.FailIcon;
-                activeColor = AppColors_1.AppColors.errorColor;
-                count = stats.failed;
-            }
-            else {
-                IconComponent = NetworkIcons_1.ClockIcon;
-                activeColor = AppColors_1.AppColors.darkOrange;
-                count = stats.loading;
-            }
-            return (<react_native_1.Pressable key={type} onPress={() => onToggleFilter(pageName, type)} hitSlop={6} style={[
-                    styles_1.default.domainStatPill,
-                    isActive && {
-                        borderColor: `${activeColor}40`,
-                        backgroundColor: `${activeColor}12`,
-                    },
-                ]}>
-                <react_native_1.View style={[
-                    styles_1.default.filterCheckbox,
-                    { marginRight: 0, width: 11, height: 11, borderRadius: 2.5 },
-                    isActive && [
-                        styles_1.default.filterCheckboxActive,
-                        { backgroundColor: activeColor },
-                    ],
-                ]}>
-                  {isActive && (<NetworkIcons_1.CheckIcon color={AppColors_1.AppColors.white} size={7}/>)}
+          {k.map(i=>{const l=x.has(i);let _,o="",f=0;return i==="success"?(_=NetworkIcons_1.CheckIcon,o=AppColors_1.AppColors.greenColor,f=e.success):i==="failed"?(_=NetworkIcons_1.FailIcon,o=AppColors_1.AppColors.errorColor,f=e.failed):(_=NetworkIcons_1.ClockIcon,o=AppColors_1.AppColors.darkOrange,f=e.loading),<react_native_1.Pressable key={i}onPress={()=>y(r,i)}hitSlop={6}style={[styles_1.default.domainStatPill,l&&{borderColor:`${o}40`,backgroundColor:`${o}12`}]}>
+                <react_native_1.View style={[styles_1.default.filterCheckbox,{marginRight:0,width:11,height:11,borderRadius:2.5},l&&[styles_1.default.filterCheckboxActive,{backgroundColor:o}]]}>
+                  {l&&<NetworkIcons_1.CheckIcon color={AppColors_1.AppColors.white}size={7}/>}
                 </react_native_1.View>
-                <IconComponent color={isActive ? activeColor : AppColors_1.AppColors.grayTextWeak} size={type === 'failed' ? 8 : 10}/>
-                <react_native_1.Text style={[
-                    styles_1.default.domainStatText,
-                    { color: isActive ? activeColor : AppColors_1.AppColors.grayTextWeak },
-                ]}>
-                  {count}
+                <_ color={l?o:AppColors_1.AppColors.grayTextWeak}size={i==="failed"?8:10}/>
+                <react_native_1.Text style={[styles_1.default.domainStatText,{color:l?o:AppColors_1.AppColors.grayTextWeak}]}>
+                  {f}
                 </react_native_1.Text>
-              </react_native_1.Pressable>);
-        })}
+              </react_native_1.Pressable>})}
         </react_native_1.View>
       </react_native_1.View>
-    </react_native_1.Pressable>);
-};
-exports.default = DomainHeader;
+    </react_native_1.Pressable>};exports.default=DomainHeader;

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

@@ -5,6 +5,7 @@ interface EmptyStateProps {
     customTitle?: string;
     customSub?: string;
     onClearSearch?: () => void;
+    showReload?: boolean;
 }
 declare const EmptyState: React.NamedExoticComponent<EmptyStateProps>;
 export default EmptyState;

package/dist/commonjs/components/EmptyState.js

@@ -1,94 +1,17 @@
-"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");
-const TouchableScale_1 = __importDefault(require("./TouchableScale"));
-const AnimatedEntrance_1 = __importDefault(require("./AnimatedEntrance"));
-const NetworkIcons_1 = require("./NetworkIcons");
-const AppColors_1 = require("../styles/AppColors");
-const styles_1 = __importDefault(require("../styles"));
-const EmptyState = react_1.default.memo(function EmptyState({ isSearch, searchQuery, customTitle, customSub, onClearSearch, }) {
-    const iconPulse = (0, react_1.useRef)(new react_native_1.Animated.Value(1)).current;
-    (0, react_1.useEffect)(() => {
-        const loop = react_native_1.Animated.loop(react_native_1.Animated.sequence([
-            react_native_1.Animated.timing(iconPulse, {
-                toValue: 1.06,
-                duration: 900,
-                useNativeDriver: false,
-            }),
-            react_native_1.Animated.timing(iconPulse, {
-                toValue: 1,
-                duration: 900,
-                useNativeDriver: false,
-            }),
-        ]));
-        loop.start();
-        return () => loop.stop();
-    }, [iconPulse]);
-    const handleReload = () => {
-        if (__DEV__ && react_native_1.DevSettings && react_native_1.DevSettings.reload) {
-            react_native_1.DevSettings.reload();
-            return;
-        }
-        react_native_1.Alert.alert('Reload', 'App reload is typically only available in development mode.');
-    };
-    return (<AnimatedEntrance_1.default style={styles_1.default.emptyContainer} distance={14}>
-      <react_native_1.Animated.View style={[styles_1.default.emptyIconWrap, { transform: [{ scale: iconPulse }] }]}>
-        <NetworkIcons_1.EmptyRadarIcon color={AppColors_1.AppColors.purple} size={32}/>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(t,e,a,r){r===void 0&&(r=a);var n=Object.getOwnPropertyDescriptor(e,a);(!n||("get"in n?!e.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return e[a]}}),Object.defineProperty(t,r,n)}):(function(t,e,a,r){r===void 0&&(r=a),t[r]=e[a]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}):function(t,e){t.default=e}),__importStar=this&&this.__importStar||(function(){var t=function(e){return t=Object.getOwnPropertyNames||function(a){var r=[];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(r[r.length]=n);return r},t(e)};return function(e){if(e&&e.__esModule)return e;var a={};if(e!=null)for(var r=t(e),n=0;n<r.length;n++)r[n]!=="default"&&__createBinding(a,e,r[n]);return __setModuleDefault(a,e),a}})(),__importDefault=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),TouchableScale_1=__importDefault(require("./TouchableScale")),AnimatedEntrance_1=__importDefault(require("./AnimatedEntrance")),NetworkIcons_1=require("./NetworkIcons"),AppColors_1=require("../styles/AppColors"),styles_1=__importDefault(require("../styles")),EmptyState=react_1.default.memo(function({isSearch:e,searchQuery:a,customTitle:r,customSub:n,onClearSearch:i,showReload:o=!0}){const l=(0,react_1.useRef)(new react_native_1.Animated.Value(1)).current;(0,react_1.useEffect)(()=>{const u=react_native_1.Animated.loop(react_native_1.Animated.sequence([react_native_1.Animated.timing(l,{toValue:1.06,duration:900,useNativeDriver:!1}),react_native_1.Animated.timing(l,{toValue:1,duration:900,useNativeDriver:!1})]));return u.start(),()=>u.stop()},[l]);const s=()=>{if(__DEV__&&react_native_1.DevSettings&&react_native_1.DevSettings.reload){react_native_1.DevSettings.reload();return}react_native_1.Alert.alert("Reload","App reload is typically only available in development mode.")};return<AnimatedEntrance_1.default style={styles_1.default.emptyContainer}distance={14}>
+      <react_native_1.Animated.View style={[styles_1.default.emptyIconWrap,{transform:[{scale:l}]}]}>
+        <NetworkIcons_1.EmptyRadarIcon color={AppColors_1.AppColors.purple}size={32}/>
       </react_native_1.Animated.View>
       <react_native_1.Text style={styles_1.default.emptyTitle}>
-        {customTitle || (isSearch ? 'No matching results' : 'No network activity')}
+        {r||(e?"No matching results":"No network activity")}
       </react_native_1.Text>
       <react_native_1.Text style={styles_1.default.emptySub}>
-        {customSub ||
-            (isSearch
-                ? searchQuery
-                    ? `No items matched "${searchQuery}"`
-                    : 'Try adjusting your filters or search keywords.'
-                : 'Listening for incoming API calls...')}
+        {n||(e?a?`No items matched "${a}"`:"Try adjusting your filters or search keywords.":"Listening for incoming API calls...")}
       </react_native_1.Text>
-      {isSearch && onClearSearch && (<TouchableScale_1.default style={styles_1.default.reloadBtn} onPress={onClearSearch}>
+      {e&&i&&<TouchableScale_1.default style={styles_1.default.reloadBtn}onPress={i}>
           <react_native_1.Text style={styles_1.default.reloadBtnText}>Clear Search & Filters</react_native_1.Text>
-        </TouchableScale_1.default>)}
-      {!isSearch && (<TouchableScale_1.default style={styles_1.default.reloadBtn} onPress={handleReload}>
+        </TouchableScale_1.default>}
+      {!e&&o&&<TouchableScale_1.default style={styles_1.default.reloadBtn}onPress={s}>
           <react_native_1.Text style={styles_1.default.reloadBtnText}>Reload App</react_native_1.Text>
-        </TouchableScale_1.default>)}
-    </AnimatedEntrance_1.default>);
-});
-exports.default = EmptyState;
+        </TouchableScale_1.default>}
+    </AnimatedEntrance_1.default>});exports.default=EmptyState;

package/dist/commonjs/components/EndOfListFooter.js

@@ -1,89 +1,15 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EndOfListFooter = void 0;
-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");
-const NetworkIcons_1 = require("./NetworkIcons");
-exports.EndOfListFooter = react_1.default.memo(({ count, label, message = "You've reached the end of the list", }) => {
-    return (<react_native_1.View style={styles.container}>
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.EndOfListFooter=void 0;const react_1=__importDefault(require("react")),react_native_1=require("react-native"),AppColors_1=require("../styles/AppColors"),AppFonts_1=require("../styles/AppFonts"),NetworkIcons_1=require("./NetworkIcons");exports.EndOfListFooter=react_1.default.memo(({count:e,label:t,message:o="You've reached the end of the list"})=><react_native_1.View style={styles.container}>
       <react_native_1.View style={styles.dividerLine}/>
       <react_native_1.View style={styles.badgePill}>
         <react_native_1.View style={styles.iconCircle}>
-          <NetworkIcons_1.CheckIcon color={AppColors_1.AppColors.purple} size={8}/>
+          <NetworkIcons_1.CheckIcon color={AppColors_1.AppColors.purple}size={8}/>
         </react_native_1.View>
-        <react_native_1.Text style={styles.messageText}>{message}</react_native_1.Text>
-        {count != null && count > 0 && (<react_native_1.View style={styles.countBadge}>
+        <react_native_1.Text style={styles.messageText}>{o}</react_native_1.Text>
+        {e!=null&&e>0&&<react_native_1.View style={styles.countBadge}>
             <react_native_1.Text style={styles.countText}>
-              {count} {label ? (count === 1 ? label.replace(/s$/, '') : label) : ''}
+              {e} {t?e===1?t.replace(/s$/,""):t:""}
             </react_native_1.Text>
-          </react_native_1.View>)}
+          </react_native_1.View>}
       </react_native_1.View>
       <react_native_1.View style={styles.dividerLine}/>
-    </react_native_1.View>);
-});
-const styles = react_native_1.StyleSheet.create({
-    container: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        justifyContent: 'center',
-        paddingHorizontal: 16,
-        paddingTop: 16,
-        paddingBottom: react_native_1.Platform.OS === 'ios' ? 44 : 32,
-        gap: 8,
-    },
-    dividerLine: {
-        flex: 1,
-        height: 1,
-        backgroundColor: AppColors_1.AppColors.dividerColor,
-        opacity: 0.7,
-    },
-    badgePill: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 6,
-        paddingHorizontal: 10,
-        paddingVertical: 5,
-        borderRadius: 999,
-        backgroundColor: AppColors_1.AppColors.primaryLight,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.grayBorderSecondary,
-        shadowColor: AppColors_1.AppColors.black,
-        shadowOffset: { width: 0, height: 1 },
-        shadowOpacity: 0.04,
-        shadowRadius: 2,
-        elevation: 1,
-    },
-    iconCircle: {
-        width: 14,
-        height: 14,
-        borderRadius: 7,
-        backgroundColor: `${AppColors_1.AppColors.purple}18`,
-        alignItems: 'center',
-        justifyContent: 'center',
-    },
-    messageText: {
-        fontFamily: AppFonts_1.AppFonts.interMedium,
-        fontSize: 11,
-        color: AppColors_1.AppColors.grayTextWeak,
-        letterSpacing: 0.1,
-    },
-    countBadge: {
-        paddingHorizontal: 5,
-        paddingVertical: 1,
-        borderRadius: 6,
-        backgroundColor: AppColors_1.AppColors.grayBackground,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.grayBorderSecondary,
-    },
-    countText: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 9.5,
-        color: AppColors_1.AppColors.grayTextStrong,
-    },
-});
-exports.default = exports.EndOfListFooter;
+    </react_native_1.View>);const styles=react_native_1.StyleSheet.create({container:{flexDirection:"row",alignItems:"center",justifyContent:"center",paddingHorizontal:16,paddingTop:16,paddingBottom:react_native_1.Platform.OS==="ios"?44:32,gap:8},dividerLine:{flex:1,height:1,backgroundColor:AppColors_1.AppColors.dividerColor,opacity:.7},badgePill:{flexDirection:"row",alignItems:"center",gap:6,paddingHorizontal:10,paddingVertical:5,borderRadius:999,backgroundColor:AppColors_1.AppColors.primaryLight,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,shadowColor:AppColors_1.AppColors.black,shadowOffset:{width:0,height:1},shadowOpacity:.04,shadowRadius:2,elevation:1},iconCircle:{width:14,height:14,borderRadius:7,backgroundColor:`${AppColors_1.AppColors.purple}18`,alignItems:"center",justifyContent:"center"},messageText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.grayTextWeak,letterSpacing:.1},countBadge:{paddingHorizontal:5,paddingVertical:1,borderRadius:6,backgroundColor:AppColors_1.AppColors.grayBackground,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary},countText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:AppColors_1.AppColors.grayTextStrong}});exports.default=exports.EndOfListFooter;