react-native-inapp-inspector 2.5.12 → 2.5.14

package/dist/esm/components/Inspector/UiInspectorTab.js

@@ -0,0 +1,117 @@
+import"react";import{ScrollView as G,StyleSheet as R,Text as C,TouchableOpacity as F,View as T}from"react-native";import{useInspector as v}from"./InspectorContext";import{ChevronIcon as M,EmptyRadarIcon as N,InspectPointerIcon as O,LayersIcon as U,RulerIcon as J,SlidersIcon as X,TrashIcon as Y}from"../NetworkIcons";import P from"../TouchableScale";import{AppColors as t}from"../../styles/AppColors";import{AppFonts as f}from"../../styles/AppFonts";import{triggerNativeHaptic as w}from"../../native/NativeInspector";import{showToast as W}from"../../helpers/toast";import{BoxModelVisualizer as K}from"./BoxModelVisualizer";export const UiInspectorTab=()=>{const{selectedUiElement:S,setSelectedUiElement:D,setIsInspectModeActive:E,setVisible:H,showAlignmentGrid:I,setShowAlignmentGrid:L,uiInspectorHistory:B,clearUiInspectorHistory:V}=v(),z=()=>{w(),H(!1),E(!0),W("Touch anywhere to inspect JSX components")};return<G showsVerticalScrollIndicator={!1}contentContainerStyle={e.container}>
+      
+      <T style={e.heroCard}>
+        <T style={e.heroLeft}>
+          <T style={e.heroIconBadge}>
+            <O color={t.white}size={22}/>
+          </T>
+          <T style={e.heroTextGroup}>
+            <C style={e.heroTitle}>Inspect Elements On Screen</C>
+            <C style={e.heroSubtitle}>
+              Tap, drag, and highlight rendered JSX components to inspect styles, props & box model in real-time.
+            </C>
+          </T>
+        </T>
+
+        <P style={e.heroButton}onPress={z}>
+          <U color={t.brandPurple}size={16}/>
+          <C style={e.heroButtonText}>Start Inspect Mode</C>
+        </P>
+      </T>
+
+      
+      {S?<T style={e.selectedCard}>
+          <T style={e.selectedHeader}>
+            <T style={e.selectedTitleGroup}>
+              <T style={e.tagBadge}>
+                <C style={e.tagBadgeText}>&lt;{S.componentName}&gt;</C>
+              </T>
+              <C style={e.dimensionsBadge}>
+                {Math.round(S.layout.width)} × {Math.round(S.layout.height)} pt
+              </C>
+            </T>
+
+            <T style={e.a11yScoreBadge}>
+              <C style={[e.a11yScoreText,S.a11y.hasValidTouchTarget?e.a11yScoreTextPass:e.a11yScoreTextWarn]}>
+                {S.a11y.hasValidTouchTarget?"A11y Pass":"A11y Warning"}
+              </C>
+            </T>
+          </T>
+
+          
+          <K boxModel={S.boxModel}compact/>
+
+          
+          <T style={e.metricsBar}>
+            <T style={e.metricChip}>
+              <C style={e.metricChipLabel}>Props:</C>
+              <C style={e.metricChipValue}>
+                {Object.keys(S.props).length}
+              </C>
+            </T>
+            <T style={e.metricChip}>
+              <C style={e.metricChipLabel}>Styles:</C>
+              <C style={e.metricChipValue}>
+                {Object.keys(S.flattenedStyles).length}
+              </C>
+            </T>
+            <T style={e.metricChip}>
+              <C style={e.metricChipLabel}>Depth:</C>
+              <C style={e.metricChipValue}>
+                {S.hierarchy.length} levels
+              </C>
+            </T>
+          </T>
+        </T>:<T style={e.emptyCard}>
+          <N color={t.grayTextWeak}size={32}/>
+          <C style={e.emptyCardTitle}>No Element Selected</C>
+          <C style={e.emptyCardSubtitle}>
+            Launch Inspect Mode to select an on-screen JSX component.
+          </C>
+        </T>}
+
+      
+      <T style={e.toolsSection}>
+        <C style={e.sectionHeader}>DESIGN & ALIGNMENT TOOLS</C>
+        <T style={e.toolsGrid}>
+          <F style={[e.toolCard,I&&e.toolCardActive]}onPress={()=>{w(),L(!I)}}>
+            <J color={I?t.brandPurple:t.slate600}size={18}/>
+            <C style={[e.toolCardTitle,I&&e.toolCardTitleActive]}>
+              8pt Grid Guide
+            </C>
+            <C style={e.toolCardSub}>
+              {I?"Enabled":"Disabled"}
+            </C>
+          </F>
+
+          <F style={e.toolCard}onPress={z}>
+            <X color={t.brandPurple}size={18}/>
+            <C style={e.toolCardTitle}>Live Tweaker</C>
+            <C style={e.toolCardSub}>Sandbox Styles</C>
+          </F>
+        </T>
+      </T>
+
+      
+      {B.length>0&&<T style={e.historySection}>
+          <T style={e.historyHeader}>
+            <C style={e.sectionHeader}>RECENTLY INSPECTED ({B.length})</C>
+            <P style={e.clearHistoryBtn}onPress={()=>{w(),V(),W("Cleared inspection history")}}>
+              <Y color={t.grayTextWeak}size={12}/>
+              <C style={e.clearHistoryBtnText}>Clear</C>
+            </P>
+          </T>
+
+          <T style={e.historyList}>
+            {B.map((x,A)=><F key={x.id||A}style={e.historyItem}onPress={()=>{w(),D(x)}}>
+                <T style={e.historyItemLeft}>
+                  <C style={e.historyItemTag}>&lt;{x.componentName}&gt;</C>
+                  <C style={e.historyItemDim}>
+                    {Math.round(x.layout.width)} × {Math.round(x.layout.height)} pt
+                  </C>
+                </T>
+                <M color={t.grayTextWeak}size={12}direction="right"/>
+              </F>)}
+          </T>
+        </T>}
+    </G>};const e=R.create({container:{padding:12,gap:12},heroCard:{backgroundColor:t.brandPurple,borderRadius:14,padding:16,gap:14,shadowColor:t.brandPurple,shadowOffset:{width:0,height:4},shadowOpacity:.25,shadowRadius:8,elevation:4},heroLeft:{flexDirection:"row",gap:12,alignItems:"flex-start"},heroIconBadge:{width:40,height:40,borderRadius:10,backgroundColor:"#FFFFFF22",alignItems:"center",justifyContent:"center"},heroTextGroup:{flex:1},heroTitle:{fontSize:16,fontFamily:f.bold,color:t.white,marginBottom:4},heroSubtitle:{fontSize:12,fontFamily:f.medium,color:"#EEF2FF",lineHeight:17},heroButton:{flexDirection:"row",alignItems:"center",justifyContent:"center",backgroundColor:t.white,paddingVertical:10,borderRadius:10,gap:8},heroButtonText:{fontSize:13,fontFamily:f.bold,color:t.brandPurple},selectedCard:{backgroundColor:t.white,borderRadius:12,padding:14,borderWidth:1,borderColor:t.grayBorderSecondary,gap:10},selectedHeader:{flexDirection:"row",justifyContent:"space-between",alignItems:"center"},selectedTitleGroup:{flexDirection:"row",alignItems:"center",gap:8},tagBadge:{backgroundColor:"#4F46E518",paddingHorizontal:8,paddingVertical:4,borderRadius:6,borderWidth:1,borderColor:"#4F46E533"},tagBadgeText:{fontSize:13,fontFamily:f.bold,color:t.brandPurple},dimensionsBadge:{fontSize:12,fontFamily:f.medium,color:t.grayTextWeak},a11yScoreBadge:{paddingHorizontal:8,paddingVertical:3,borderRadius:5,backgroundColor:t.slate100},a11yScoreText:{fontSize:10,fontFamily:f.bold},a11yScoreTextPass:{color:"#059669"},a11yScoreTextWarn:{color:"#D97706"},metricsBar:{flexDirection:"row",backgroundColor:t.slate50,borderRadius:8,padding:8,justifyContent:"space-around"},metricChip:{flexDirection:"row",gap:4,alignItems:"center"},metricChipLabel:{fontSize:11,fontFamily:f.medium,color:t.grayTextWeak},metricChipValue:{fontSize:11,fontFamily:f.bold,color:t.slate900},emptyCard:{backgroundColor:t.white,borderRadius:12,padding:24,alignItems:"center",justifyContent:"center",borderWidth:1,borderColor:t.grayBorderSecondary,borderStyle:"dashed",gap:6},emptyCardTitle:{fontSize:14,fontFamily:f.semiBold,color:t.slate700,marginTop:4},emptyCardSubtitle:{fontSize:12,fontFamily:f.medium,color:t.grayTextWeak,textAlign:"center"},sectionHeader:{fontSize:10,fontFamily:f.bold,color:t.grayTextWeak,letterSpacing:.8},toolsSection:{gap:8},toolsGrid:{flexDirection:"row",gap:10},toolCard:{flex:1,backgroundColor:t.white,borderRadius:10,padding:12,borderWidth:1,borderColor:t.grayBorderSecondary,gap:4},toolCardActive:{borderColor:t.brandPurple,backgroundColor:"#EEF2FF"},toolCardTitle:{fontSize:12,fontFamily:f.semiBold,color:t.slate900,marginTop:4},toolCardTitleActive:{color:t.brandPurple},toolCardSub:{fontSize:10,fontFamily:f.medium,color:t.grayTextWeak},historySection:{gap:8,marginTop:4},historyHeader:{flexDirection:"row",justifyContent:"space-between",alignItems:"center"},clearHistoryBtn:{flexDirection:"row",alignItems:"center",gap:4},clearHistoryBtnText:{fontSize:10,fontFamily:f.medium,color:t.grayTextWeak},historyList:{backgroundColor:t.white,borderRadius:10,borderWidth:1,borderColor:t.grayBorderSecondary,overflow:"hidden"},historyItem:{flexDirection:"row",justifyContent:"space-between",alignItems:"center",paddingHorizontal:12,paddingVertical:10,borderBottomWidth:1,borderBottomColor:t.slate100},historyItemLeft:{flexDirection:"row",alignItems:"center",gap:8},historyItemTag:{fontSize:12,fontFamily:f.bold,color:t.brandPurple},historyItemDim:{fontSize:11,fontFamily:f.medium,color:t.grayTextWeak}});

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

@@ -0,0 +1,10 @@
+import React from 'react';
+interface UiLiveStyleTweakerProps {
+    componentName: string;
+    originalStyles: Record<string, any>;
+    tweakedStyles: Record<string, any>;
+    onApplyStyle: (key: string, value: any) => void;
+    onResetStyles: () => void;
+}
+export declare const UiLiveStyleTweaker: React.FC<UiLiveStyleTweakerProps>;
+export {};

package/dist/esm/components/Inspector/UiLiveStyleTweaker.js

@@ -0,0 +1,148 @@
+import"react";import{ScrollView as O,StyleSheet as N,Text as B,TouchableOpacity as R,View as T}from"react-native";import{AppColors as w}from"../../styles/AppColors";import{AppFonts as x}from"../../styles/AppFonts";import{RotateCcwIcon as U,SlidersIcon as J,CopyIcon as K}from"../NetworkIcons";import D from"../TouchableScale";import{generateStyleSheetSnippet as Q}from"../../helpers/uiInspectorEngine";import{triggerNativeHaptic as F}from"../../native/NativeInspector";import{showToast as A}from"../../helpers/toast";import X from"@react-native-clipboard/clipboard";const Y=["#4F46E5","#7C3AED","#2563EB","#0D9488","#10B981","#F59E0B","#E11D48","#0F172A","#F8FAFC","#FFFFFF","transparent"];export const UiLiveStyleTweaker=({componentName:V,originalStyles:E,tweakedStyles:I,onApplyStyle:P,onResetStyles:v})=>{const S={...E,...I},W=Object.keys(I).length>0,H=()=>{const f=Q(V,S);X.setString(f),F(),A("Copied tweaked StyleSheet to clipboard")},C=(f,L,G=0)=>{const M=typeof S[f]=="number"?S[f]:0,j=Math.max(G,M+L);P(f,j),F()};return<O showsVerticalScrollIndicator={!1}contentContainerStyle={e.container}>
+      
+      <T style={e.topActionsRow}>
+        <T style={e.titleWithBadge}>
+          <J color={w.brandPurple}size={18}/>
+          <B style={e.sectionTitle}>Live Style Sandbox</B>
+          {W&&<T style={e.modifiedBadge}>
+              <B style={e.modifiedBadgeText}>MODIFIED</B>
+            </T>}
+        </T>
+
+        <T style={e.actionButtonsGroup}>
+          {W&&<D style={e.resetButton}onPress={()=>{v(),F(),A("Reset styles to original")}}>
+              <U color="#E11D48"size={14}/>
+              <B style={e.resetButtonText}>Reset</B>
+            </D>}
+
+          <D style={e.exportButton}onPress={H}>
+            <K color={w.white}size={14}/>
+            <B style={e.exportButtonText}>Copy CSS</B>
+          </D>
+        </T>
+      </T>
+
+      
+      <T style={e.card}>
+        <B style={e.cardHeader}>Padding & Margin</B>
+
+        <T style={e.controlRow}>
+          <B style={e.controlLabel}>Padding</B>
+          <T style={e.stepperContainer}>
+            <R style={e.stepperBtn}onPress={()=>C("padding",-2)}>
+              <B style={e.stepperBtnText}>-</B>
+            </R>
+            <B style={e.stepperValue}>{S.padding??0} pt</B>
+            <R style={e.stepperBtn}onPress={()=>C("padding",2)}>
+              <B style={e.stepperBtnText}>+</B>
+            </R>
+          </T>
+        </T>
+
+        <T style={e.controlRow}>
+          <B style={e.controlLabel}>Margin</B>
+          <T style={e.stepperContainer}>
+            <R style={e.stepperBtn}onPress={()=>C("margin",-2)}>
+              <B style={e.stepperBtnText}>-</B>
+            </R>
+            <B style={e.stepperValue}>{S.margin??0} pt</B>
+            <R style={e.stepperBtn}onPress={()=>C("margin",2)}>
+              <B style={e.stepperBtnText}>+</B>
+            </R>
+          </T>
+        </T>
+
+        <T style={e.controlRow}>
+          <B style={e.controlLabel}>Gap</B>
+          <T style={e.stepperContainer}>
+            <R style={e.stepperBtn}onPress={()=>C("gap",-2)}>
+              <B style={e.stepperBtnText}>-</B>
+            </R>
+            <B style={e.stepperValue}>{S.gap??0} pt</B>
+            <R style={e.stepperBtn}onPress={()=>C("gap",2)}>
+              <B style={e.stepperBtnText}>+</B>
+            </R>
+          </T>
+        </T>
+      </T>
+
+      
+      <T style={e.card}>
+        <B style={e.cardHeader}>Borders & Corners</B>
+
+        <T style={e.controlRow}>
+          <B style={e.controlLabel}>Border Radius</B>
+          <T style={e.stepperContainer}>
+            <R style={e.stepperBtn}onPress={()=>C("borderRadius",-2)}>
+              <B style={e.stepperBtnText}>-</B>
+            </R>
+            <B style={e.stepperValue}>{S.borderRadius??0} pt</B>
+            <R style={e.stepperBtn}onPress={()=>C("borderRadius",2)}>
+              <B style={e.stepperBtnText}>+</B>
+            </R>
+          </T>
+        </T>
+
+        <T style={e.controlRow}>
+          <B style={e.controlLabel}>Border Width</B>
+          <T style={e.stepperContainer}>
+            <R style={e.stepperBtn}onPress={()=>C("borderWidth",-1)}>
+              <B style={e.stepperBtnText}>-</B>
+            </R>
+            <B style={e.stepperValue}>{S.borderWidth??0} pt</B>
+            <R style={e.stepperBtn}onPress={()=>C("borderWidth",1)}>
+              <B style={e.stepperBtnText}>+</B>
+            </R>
+          </T>
+        </T>
+      </T>
+
+      
+      <T style={e.card}>
+        <B style={e.cardHeader}>Typography</B>
+
+        <T style={e.controlRow}>
+          <B style={e.controlLabel}>Font Size</B>
+          <T style={e.stepperContainer}>
+            <R style={e.stepperBtn}onPress={()=>C("fontSize",-1,8)}>
+              <B style={e.stepperBtnText}>-</B>
+            </R>
+            <B style={e.stepperValue}>{S.fontSize??14} pt</B>
+            <R style={e.stepperBtn}onPress={()=>C("fontSize",1)}>
+              <B style={e.stepperBtnText}>+</B>
+            </R>
+          </T>
+        </T>
+
+        <T style={e.segmentedRow}>
+          <B style={e.controlLabel}>Weight</B>
+          <T style={e.segmentedGroup}>
+            {["normal","500","600","bold"].map(f=><R key={f}style={[e.segmentItem,S.fontWeight===f&&e.segmentItemActive]}onPress={()=>{P("fontWeight",f),F()}}>
+                <B style={[e.segmentText,S.fontWeight===f&&e.segmentTextActive]}>
+                  {f}
+                </B>
+              </R>)}
+          </T>
+        </T>
+      </T>
+
+      
+      <T style={e.card}>
+        <B style={e.cardHeader}>Background Color</B>
+        <T style={e.paletteGrid}>
+          {Y.map(f=><R key={f}style={[e.colorSwatch,{backgroundColor:f},S.backgroundColor===f&&e.colorSwatchActive]}onPress={()=>{P("backgroundColor",f),F()}}/>)}
+        </T>
+      </T>
+
+      
+      <T style={e.card}>
+        <B style={e.cardHeader}>Opacity & Elevation</B>
+        <T style={e.segmentedGroup}>
+          {[1,.8,.6,.4,.2].map(f=><R key={f}style={[e.segmentItem,S.opacity===f&&e.segmentItemActive]}onPress={()=>{P("opacity",f),F()}}>
+              <B style={[e.segmentText,S.opacity===f&&e.segmentTextActive]}>
+                {Math.round(f*100)}%
+              </B>
+            </R>)}
+        </T>
+      </T>
+    </O>};const e=N.create({container:{paddingVertical:6,gap:10},topActionsRow:{flexDirection:"row",justifyContent:"space-between",alignItems:"center",marginBottom:4},titleWithBadge:{flexDirection:"row",alignItems:"center",gap:6},sectionTitle:{fontSize:14,fontFamily:x.semiBold,color:w.slate900},modifiedBadge:{backgroundColor:"#F59E0B22",paddingHorizontal:6,paddingVertical:2,borderRadius:4,borderWidth:1,borderColor:"#F59E0B55"},modifiedBadgeText:{fontSize:9,fontFamily:x.bold,color:"#D97706"},actionButtonsGroup:{flexDirection:"row",gap:8},resetButton:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:"#E11D4811",borderWidth:1,borderColor:"#E11D4833",paddingHorizontal:8,paddingVertical:5,borderRadius:6},resetButtonText:{fontSize:11,fontFamily:x.semiBold,color:"#E11D48"},exportButton:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:w.brandPurple,paddingHorizontal:10,paddingVertical:5,borderRadius:6},exportButtonText:{fontSize:11,fontFamily:x.semiBold,color:w.white},card:{backgroundColor:w.white,borderRadius:12,padding:12,borderWidth:1,borderColor:w.grayBorderSecondary,gap:8},cardHeader:{fontSize:12,fontFamily:x.semiBold,color:w.slate700,marginBottom:2},controlRow:{flexDirection:"row",justifyContent:"space-between",alignItems:"center"},controlLabel:{fontSize:12,fontFamily:x.medium,color:w.slate600},stepperContainer:{flexDirection:"row",alignItems:"center",gap:8,backgroundColor:w.slate50,borderRadius:6,padding:2},stepperBtn:{width:28,height:28,backgroundColor:w.white,borderRadius:5,alignItems:"center",justifyContent:"center",borderWidth:1,borderColor:w.grayBorderSecondary},stepperBtnText:{fontSize:15,fontFamily:x.bold,color:w.slate900},stepperValue:{fontSize:12,fontFamily:x.semiBold,color:w.slate900,minWidth:44,textAlign:"center"},segmentedRow:{flexDirection:"row",justifyContent:"space-between",alignItems:"center"},segmentedGroup:{flexDirection:"row",backgroundColor:w.slate100,borderRadius:8,padding:2,gap:2},segmentItem:{paddingHorizontal:10,paddingVertical:5,borderRadius:6},segmentItemActive:{backgroundColor:w.brandPurple},segmentText:{fontSize:11,fontFamily:x.medium,color:w.slate600},segmentTextActive:{color:w.white,fontFamily:x.semiBold},paletteGrid:{flexDirection:"row",flexWrap:"wrap",gap:8},colorSwatch:{width:28,height:28,borderRadius:6,borderWidth:1,borderColor:w.grayBorderSecondary},colorSwatchActive:{borderColor:w.brandPurple,borderWidth:3}});

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

@@ -0,0 +1,28 @@
+export { default as MainScreen } from './MainScreen';
+export { default as TabBar } from './TabBar';
+export { default as InspectorHeader } from './InspectorHeader';
+export { default as FabLauncher } from './FabLauncher';
+export { default as NetworkTab } from './NetworkTab';
+export { default as NetworkDetail } from './NetworkDetail';
+export { default as ConsoleTab } from './ConsoleTab';
+export { default as LogDetail } from './LogDetail';
+export { PerformanceTab } from './PerformanceTab';
+export { default as AnalyticsTab } from './AnalyticsTab';
+export { default as ReduxTab } from './ReduxTab';
+export { default as ReduxDetail } from './ReduxDetail';
+export { default as CrashTab } from './CrashTab';
+export { default as CrashDetail } from './CrashDetail';
+export { default as PushTab } from './PushTab';
+export { default as PushDetail } from './PushDetail';
+export { default as SocketTab } from './SocketTab';
+export { default as SocketDetail } from './SocketDetail';
+export { default as DeviceInfoTab } from './DeviceInfoTab';
+export { default as StorageTab } from './StorageTab';
+export { default as DebuggingTab } from './DebuggingTab';
+export { MediaGalleryTab } from './MediaGalleryTab';
+export { default as SettingsPanel } from './SettingsPanel';
+export { UiInspectorTab } from './UiInspectorTab';
+export { UiInspectorDetail } from './UiInspectorDetail';
+export { UiInspectorOverlay } from './UiInspectorOverlay';
+export { BoxModelVisualizer } from './BoxModelVisualizer';
+export { UiA11yAuditPanel } from './UiA11yAuditPanel';

package/dist/esm/components/Inspector/index.js

@@ -0,0 +1 @@
+export{default as MainScreen}from"./MainScreen";export{default as TabBar}from"./TabBar";export{default as InspectorHeader}from"./InspectorHeader";export{default as FabLauncher}from"./FabLauncher";export{default as NetworkTab}from"./NetworkTab";export{default as NetworkDetail}from"./NetworkDetail";export{default as ConsoleTab}from"./ConsoleTab";export{default as LogDetail}from"./LogDetail";export{PerformanceTab}from"./PerformanceTab";export{default as AnalyticsTab}from"./AnalyticsTab";export{default as ReduxTab}from"./ReduxTab";export{default as ReduxDetail}from"./ReduxDetail";export{default as CrashTab}from"./CrashTab";export{default as CrashDetail}from"./CrashDetail";export{default as PushTab}from"./PushTab";export{default as PushDetail}from"./PushDetail";export{default as SocketTab}from"./SocketTab";export{default as SocketDetail}from"./SocketDetail";export{default as DeviceInfoTab}from"./DeviceInfoTab";export{default as StorageTab}from"./StorageTab";export{default as DebuggingTab}from"./DebuggingTab";export{MediaGalleryTab}from"./MediaGalleryTab";export{default as SettingsPanel}from"./SettingsPanel";export{UiInspectorTab}from"./UiInspectorTab";export{UiInspectorDetail}from"./UiInspectorDetail";export{UiInspectorOverlay}from"./UiInspectorOverlay";export{BoxModelVisualizer}from"./BoxModelVisualizer";export{UiA11yAuditPanel}from"./UiA11yAuditPanel";

package/dist/esm/components/LogCard.js

@@ -1,20 +1,20 @@
-import re,{useEffect as ne,useRef as le,useMemo as ae}from"react";import{Alert as E,Animated as D,Linking as ie,View as C,Pressable as F,Text as T,StyleSheet as U}from"react-native";import Ce,{Path as Te}from"react-native-svg";import{AppColors as e}from"../styles/AppColors";import{METHOD_COLORS as A}from"../constants";import{getStatusColor as Se,getDurationColor as Be,formatDateTime as Re,getSize as He,getPath as Ve,getBaseUrl as ze,openWithPostman as q}from"../helpers";import{CalendarIcon as Ie,ClockIcon as N,SizeIcon as Le,CircleCheckIcon as Pe,CircleAlertIcon as $e,CircleXIcon as Oe,RepeatIcon as De,ForwardChevronIcon as Fe,GlobeIcon as We,PostmanIcon as Me}from"./NetworkIcons";import{AppFonts as S}from"../styles/AppFonts";import G from"./HighlightText";import Ee from"./TouchableScale";import{useTranslation as Ue}from"../i18n";function Ae({item:o,onPress:B,timelineMinStart:Ne,timelineTotalRange:Ge,isNew:L,isSelected:W,onToggleSelect:J,searchStr:j,testID:K}){const{t:R}=Ue(),M=A[o.method]??A.ALL,V=ae(()=>{try{const r=new URL(o.url),O=r.host,v=r.pathname+(r.search?r.search:""),te=r.protocol==="https:";return{host:O,path:v||"/",isHttps:te}}catch{const r=o.url.toLowerCase().startsWith("https:"),O=Ve(o.url);return{host:ze(o.url).replace(/^https?:\/\//,""),path:O||o.url,isHttps:r}}},[o.url]),Q=r=>{r?.stopPropagation?.(),E.alert(R("common.openInBrowser")||"Open URL",`${R("common.openInBrowserPrompt")||"Choose how you want to open or inspect this URL:"}
+import E,{useEffect as le,useRef as ae,useMemo as ie}from"react";import{Alert as U,Animated as O,Linking as se,View as C,Pressable as D,Text as T,StyleSheet as A}from"react-native";import Ce,{Path as Te}from"react-native-svg";import{AppColors as e}from"../styles/AppColors";import{METHOD_COLORS as q}from"../constants";import{getStatusColor as Se,getDurationColor as Be,formatDateTime as Re,getSize as He,getPath as Ve,getBaseUrl as ze,openWithPostman as N}from"../helpers";import{CalendarIcon as Ie,ClockIcon as G,SizeIcon as Le,CircleCheckIcon as Pe,CircleAlertIcon as $e,CircleXIcon as We,RepeatIcon as Oe,ForwardChevronIcon as De,GlobeIcon as Fe,PostmanIcon as Me}from"./NetworkIcons";import{AppFonts as S}from"../styles/AppFonts";import J from"./HighlightText";import Ee from"./TouchableScale";import{useTranslation as Ue}from"../i18n";function Ae({item:o,onPress:B,timelineMinStart:Ne,timelineTotalRange:Ge,isNew:L,isSelected:F,onToggleSelect:K,searchStr:j,testID:Q}){const{t:R}=Ue(),v=q[o.method]??q.ALL,V=ie(()=>{try{const r=new URL(o.url),W=r.host,M=r.pathname+(r.search?r.search:""),ne=r.protocol==="https:";return{host:W,path:M||"/",isHttps:ne}}catch{const r=o.url.toLowerCase().startsWith("https:"),W=Ve(o.url);return{host:ze(o.url).replace(/^https?:\/\//,""),path:W||o.url,isHttps:r}}},[o.url]),X=r=>{r?.stopPropagation?.(),U.alert(R("common.openInBrowser")||"Open URL",`${R("common.openInBrowserPrompt")||"Choose how you want to open or inspect this URL:"}
 
-${o.url}`,[{text:R("common.cancel")||"Cancel",style:"cancel"},{text:"Open in Postman",onPress:()=>q(o)},{text:R("common.open")||"Browser",onPress:()=>{ie.openURL(o.url).catch(()=>{E.alert(R("common.error")||"Error",R("common.cannotOpenUrl")||"Could not open URL")})}}])},X=r=>{r?.stopPropagation?.(),q(o)},H=o.status===0||o.status!=null&&o.status>=400,z=o.status==null,P=Se(o.status),I=Be(o.duration),_=z?e.darkOrange:H?e.errorColor:e.greenColor,$=le(new D.Value(L?.35:0)).current;ne(()=>{L&&D.timing($,{toValue:0,duration:1200,useNativeDriver:!0}).start()},[L,$]);const Y=()=>{if(z)return"...";if(o.status===0||o.status==null)return R("network.statusFailed")||"FAILED";const r=typeof o.status=="number"?o.status:parseInt(String(o.status||0),10);return r===200?"200 OK":r===201?"201 Created":r===204?"204 No Content":r===304?"304 Not Modified":r===400?"400 Bad Req":r===401?"401 Unauth":r===403?"403 Forbidden":r===404?"404 Not Found":r===500?"500 Error":String(o.status)},Z=()=>{if(z)return<N color={e.darkOrange}size={10}/>;const r=typeof o.status=="number"?o.status:parseInt(String(o.status||0),10);return r>=200&&r<300?<Pe color={e.greenColor}size={10}/>:r>=300&&r<400?<De color={e.amber700}size={10}/>:r>=400&&r<500?<$e color={e.darkOrange}size={10}/>:<Oe color={e.errorColor}size={10}/>},ee=Re(o.startTime),oe=o.url.split("?")[0].toLowerCase().endsWith(".json");return<C style={t.container}>
-      <Ee testID={K}onPress={B}style={[t.card,{borderLeftWidth:3.5,borderLeftColor:_,backgroundColor:H?e.errorCardBg:e.white}]}>
+${o.url}`,[{text:R("common.cancel")||"Cancel",style:"cancel"},{text:"Open in Postman",onPress:()=>N(o)},{text:R("common.open")||"Browser",onPress:()=>{se.openURL(o.url).catch(()=>{U.alert(R("common.error")||"Error",R("common.cannotOpenUrl")||"Could not open URL")})}}])},_=r=>{r?.stopPropagation?.(),N(o)},H=o.status===0||o.status!=null&&o.status>=400,z=o.status==null,P=Se(o.status),I=Be(o.duration),Y=z?e.darkOrange:H?e.errorColor:e.greenColor,$=ae(new O.Value(L?.35:0)).current;le(()=>{L&&O.timing($,{toValue:0,duration:1200,useNativeDriver:!0}).start()},[L,$]);const Z=()=>{if(z)return"...";if(o.status===0||o.status==null)return R("network.statusFailed")||"FAILED";const r=typeof o.status=="number"?o.status:parseInt(String(o.status||0),10);return r===200?"200 OK":r===201?"201 Created":r===204?"204 No Content":r===304?"304 Not Modified":r===400?"400 Bad Req":r===401?"401 Unauth":r===403?"403 Forbidden":r===404?"404 Not Found":r===500?"500 Error":String(o.status)},ee=()=>{if(z)return<G color={e.darkOrange}size={10}/>;const r=typeof o.status=="number"?o.status:parseInt(String(o.status||0),10);return r>=200&&r<300?<Pe color={e.greenColor}size={10}/>:r>=300&&r<400?<Oe color={e.amber700}size={10}/>:r>=400&&r<500?<$e color={e.darkOrange}size={10}/>:<We color={e.errorColor}size={10}/>},oe=Re(o.startTime),te=o.url.split("?")[0].toLowerCase().endsWith(".json"),re=E.useCallback(()=>{B?.(o)},[B,o]);return<C style={t.container}>
+      <Ee testID={Q}onPress={re}style={[t.card,{borderLeftWidth:3.5,borderLeftColor:Y,backgroundColor:H?e.errorCardBg:e.white}]}>
         <C style={t.cardBody}>
           
           <C style={t.cardHeaderRow}>
             <C style={t.cardHeaderLeft}>
-              <F onPress={()=>J(o.id)}hitSlop={12}style={[t.smallCheckbox,W&&t.smallCheckboxChecked]}>
-                {W&&<Ce width={9}height={9}viewBox="0 0 24 24"fill="none">
+              <D onPress={()=>K(o.id)}hitSlop={12}style={[t.smallCheckbox,F&&t.smallCheckboxChecked]}>
+                {F&&<Ce width={9}height={9}viewBox="0 0 24 24"fill="none">
                     <Te d="M20 6L9 17l-5-5"stroke={e.white}strokeWidth="4"strokeLinecap="round"strokeLinejoin="round"/>
                   </Ce>}
-              </F>
+              </D>
 
               <T style={t.serialNumber}>#{o.id+1}</T>
 
-              <C style={[t.methodBadge,{backgroundColor:M}]}>
+              <C style={[t.methodBadge,{backgroundColor:v}]}>
                 <T style={t.methodBadgeText}>
                   {o.method}
                 </T>
@@ -36,18 +36,20 @@ ${o.url}`,[{text:R("common.cancel")||"Cancel",style:"cancel"},{text:"Open in Pos
 
             <C style={t.cardHeaderRight}>
               <C style={[t.statusPill,{backgroundColor:H?`${e.errorColor}14`:z?`${e.darkOrange}14`:`${P}14`,borderColor:H?`${e.errorColor}33`:z?`${e.darkOrange}33`:`${P}33`}]}>
-                {Z()}
+                {ee()}
                 <T style={[t.statusPillText,{color:H?e.errorColor:z?e.darkOrange:P}]}>
-                  {Y()}
+                  {Z()}
                 </T>
               </C>
-              <F onPress={Q}hitSlop={8}style={t.globeBtn}accessibilityRole="button"accessibilityLabel="Open in Browser">
-                <We color={e.grayTextWeak}size={12}/>
-              </F>
-              <F onPress={X}hitSlop={8}style={[t.globeBtn,{backgroundColor:"rgba(255, 108, 55, 0.12)",borderColor:"rgba(255, 108, 55, 0.28)"}]}accessibilityRole="button"accessibilityLabel="Open with Postman">
+              <D onPress={X}hitSlop={{top:6,bottom:6,left:3,right:3}}style={t.globeBtn}accessibilityRole="button"accessibilityLabel="Open in Browser">
+                <Fe color={e.grayTextWeak}size={12}/>
+              </D>
+              <D onPress={_}hitSlop={{top:6,bottom:6,left:3,right:3}}style={[t.globeBtn,{backgroundColor:"rgba(255, 108, 55, 0.12)",borderColor:"rgba(255, 108, 55, 0.28)"}]}accessibilityRole="button"accessibilityLabel="Open with Postman">
                 <Me color="#FF6C37"size={11}/>
-              </F>
-              <Fe color={e.grayTextWeak}size={13}/>
+              </D>
+              <C style={t.chevronWrapper}>
+                <De color={e.grayTextWeak}size={13}/>
+              </C>
             </C>
           </C>
 
@@ -61,10 +63,10 @@ ${o.url}`,[{text:R("common.cancel")||"Cancel",style:"cancel"},{text:"Open in Pos
                     {V.isHttps?"HTTPS":"HTTP"}
                   </T>
                 </C>
-                <G text={V.host||o.url}search={j}style={t.hostText}highlightStyle={t.highlight}numberOfLines={1}ellipsizeMode="tail"/>
+                <J text={V.host||o.url}search={j}style={t.hostText}highlightStyle={t.highlight}numberOfLines={1}ellipsizeMode="tail"/>
               </C>
               <C style={t.urlBadgeRow}>
-                {oe&&<C style={t.jsonBadge}>
+                {te&&<C style={t.jsonBadge}>
                     <T style={t.jsonBadgeText}>.json</T>
                   </C>}
                 {o.duplicateCount!=null&&o.duplicateCount>1&&<C style={t.dupBadge}>
@@ -75,7 +77,7 @@ ${o.url}`,[{text:R("common.cancel")||"Cancel",style:"cancel"},{text:"Open in Pos
 
             
             <C style={t.slugRow}>
-              <G text={V.path}search={j}style={t.pathText}highlightStyle={t.highlight}numberOfLines={1}ellipsizeMode="middle"/>
+              <J text={V.path}search={j}style={t.pathText}highlightStyle={t.highlight}numberOfLines={1}ellipsizeMode="middle"/>
             </C>
           </C>
 
@@ -84,7 +86,7 @@ ${o.url}`,[{text:R("common.cancel")||"Cancel",style:"cancel"},{text:"Open in Pos
             <C style={t.footerLeft}>
               <C style={t.cardDateRow}>
                 <Ie color={e.grayTextWeak}size={10}/>
-                <T style={t.cardDateText}numberOfLines={1}>{ee}</T>
+                <T style={t.cardDateText}numberOfLines={1}>{oe}</T>
               </C>
             </C>
 
@@ -97,7 +99,7 @@ ${o.url}`,[{text:R("common.cancel")||"Cancel",style:"cancel"},{text:"Open in Pos
                 </C>}
 
               {o.duration!=null&&!H&&<C style={[t.metaStatChip,{backgroundColor:`${I}12`,borderColor:`${I}2E`}]}>
-                  <N color={I}size={9}/>
+                  <G color={I}size={9}/>
                   <T style={[t.metaStatText,{color:I}]}>
                     {o.duration}ms
                   </T>
@@ -111,6 +113,6 @@ ${o.url}`,[{text:R("common.cancel")||"Cancel",style:"cancel"},{text:"Open in Pos
           </C>
         </C>
 
-        {L&&<D.View pointerEvents="none"style={[U.absoluteFill,{backgroundColor:M,opacity:$}]}/>}
+        {L&&<O.View pointerEvents="none"style={[A.absoluteFill,{backgroundColor:v,opacity:$}]}/>}
       </Ee>
-    </C>}const t=U.create({container:{paddingHorizontal:8,paddingVertical:4,height:126,justifyContent:"center"},card:{height:118,alignSelf:"stretch",borderRadius:10,overflow:"hidden",borderWidth:1,borderColor:e.dividerColor,shadowColor:e.shadowColorString},cardBody:{height:"100%",paddingHorizontal:8,paddingTop:8,paddingBottom:6,justifyContent:"space-between"},cardHeaderRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",height:22,minHeight:22,maxHeight:22},cardHeaderLeft:{flexDirection:"row",alignItems:"center",flex:1,marginRight:4,gap:4.5,minWidth:0,overflow:"hidden"},cardHeaderRight:{flexDirection:"row",alignItems:"center",gap:4,flexShrink:0},smallCheckbox:{width:15,height:15,borderRadius:4,borderWidth:1.5,borderColor:e.grayTextWeak,alignItems:"center",justifyContent:"center",backgroundColor:e.white},smallCheckboxChecked:{backgroundColor:e.purple,borderColor:e.purple},serialNumber:{fontFamily:S.interBold,color:e.grayTextWeak,fontSize:10},methodBadge:{paddingHorizontal:6,paddingVertical:2,borderRadius:5,alignItems:"center",justifyContent:"center"},methodBadgeText:{fontFamily:S.interBold,fontSize:9.5,lineHeight:12,letterSpacing:.5,color:e.white},chip:{paddingHorizontal:5.5,paddingVertical:1.5,borderRadius:4,borderWidth:1},chipText:{fontFamily:S.interBold,fontSize:9,lineHeight:12},statusPill:{flexDirection:"row",alignItems:"center",gap:3.5,paddingHorizontal:6,paddingVertical:2,borderRadius:6,borderWidth:1,flexShrink:0},statusPillText:{fontFamily:S.interBold,fontSize:9.5,lineHeight:12},globeBtn:{padding:3,borderRadius:4,backgroundColor:`${e.grayTextWeak}12`,alignItems:"center",justifyContent:"center"},urlBox:{backgroundColor:e.grayBackground,borderRadius:7,borderWidth:1,borderColor:e.dividerColor,paddingHorizontal:7,paddingVertical:4.5,height:48,minHeight:48,maxHeight:48,justifyContent:"center",gap:2.5,overflow:"hidden"},urlMainRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",gap:4,minHeight:16},hostRow:{flexDirection:"row",alignItems:"center",gap:5,flex:1,minWidth:0},protoBadge:{paddingHorizontal:4,paddingVertical:1,borderRadius:3.5,borderWidth:1},protoBadgeText:{fontFamily:S.interBold,fontSize:8,lineHeight:10},hostText:{fontFamily:S.interBold,fontSize:11.5,lineHeight:15,color:e.primaryBlack,flex:1},urlBadgeRow:{flexDirection:"row",alignItems:"center",gap:4,flexShrink:0},jsonBadge:{backgroundColor:`${e.darkOrange}14`,borderColor:`${e.darkOrange}2E`,borderWidth:1,paddingHorizontal:4.5,paddingVertical:1,borderRadius:3.5},jsonBadgeText:{fontFamily:S.interBold,fontSize:8.5,color:e.darkOrange},dupBadge:{backgroundColor:`${e.purple}14`,borderColor:`${e.purple}2E`,borderWidth:1,paddingHorizontal:4.5,paddingVertical:1,borderRadius:3.5},dupBadgeText:{fontFamily:S.interBold,fontSize:8.5,color:e.purple},slugRow:{flexDirection:"row",alignItems:"center",minHeight:15},pathText:{fontFamily:S.interMedium,fontSize:10.5,lineHeight:14,color:e.slate600||e.grayText,flex:1},highlight:{backgroundColor:e.yellowHighlight,color:e.primaryBlack,borderRadius:2},cardFooterRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",height:18,minHeight:18,maxHeight:18,gap:4},footerLeft:{flexDirection:"row",alignItems:"center",gap:4.5,flex:1,minWidth:0,overflow:"hidden"},footerRight:{flexDirection:"row",alignItems:"center",gap:4,flexShrink:0},cardDateRow:{flexDirection:"row",alignItems:"center",gap:3.5},cardDateText:{fontFamily:S.interRegular,fontSize:10,lineHeight:13,color:e.slate400},metaStatChip:{flexDirection:"row",alignItems:"center",gap:3,backgroundColor:e.violetSoftBg,borderColor:e.violetSoftBorder,borderWidth:1,paddingHorizontal:5.5,paddingVertical:1.5,borderRadius:4},metaStatText:{fontFamily:S.interBold,color:e.violetSoftText,fontSize:9,lineHeight:12},waterfallContainer:{height:2.5,width:"100%",backgroundColor:e.graySurface,borderRadius:1.5,overflow:"hidden",marginTop:2},waterfallBar:{height:"100%",borderRadius:1.5}});function qe(o,B){return o.item===B.item&&o.isSelected===B.isSelected&&o.isNew===B.isNew&&o.searchStr===B.searchStr&&o.timelineMinStart===B.timelineMinStart&&o.timelineTotalRange===B.timelineTotalRange&&o.onPress===B.onPress&&o.onToggleSelect===B.onToggleSelect}export default re.memo(Ae,qe);
+    </C>}const t=A.create({container:{paddingHorizontal:8,paddingVertical:4,height:126,justifyContent:"center"},card:{height:118,alignSelf:"stretch",borderRadius:10,overflow:"hidden",borderWidth:1,borderColor:e.dividerColor,shadowColor:e.shadowColorString},cardBody:{height:"100%",paddingHorizontal:8,paddingTop:8,paddingBottom:6,justifyContent:"space-between"},cardHeaderRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",height:22,minHeight:22,maxHeight:22},cardHeaderLeft:{flexDirection:"row",alignItems:"center",flex:1,marginRight:4,gap:4.5,minWidth:0,overflow:"hidden"},cardHeaderRight:{flexDirection:"row",alignItems:"center",gap:7,flexShrink:0},smallCheckbox:{width:15,height:15,borderRadius:4,borderWidth:1.5,borderColor:e.grayTextWeak,alignItems:"center",justifyContent:"center",backgroundColor:e.white},smallCheckboxChecked:{backgroundColor:e.purple,borderColor:e.purple},serialNumber:{fontFamily:S.interBold,color:e.grayTextWeak,fontSize:10},methodBadge:{paddingHorizontal:6,paddingVertical:2,borderRadius:5,alignItems:"center",justifyContent:"center"},methodBadgeText:{fontFamily:S.interBold,fontSize:9.5,lineHeight:12,letterSpacing:.5,color:e.white},chip:{paddingHorizontal:5.5,paddingVertical:1.5,borderRadius:4,borderWidth:1},chipText:{fontFamily:S.interBold,fontSize:9,lineHeight:12},statusPill:{flexDirection:"row",alignItems:"center",gap:3.5,paddingHorizontal:6,paddingVertical:2,borderRadius:6,borderWidth:1,flexShrink:0},statusPillText:{fontFamily:S.interBold,fontSize:9.5,lineHeight:12},globeBtn:{width:26,height:22,borderRadius:5,backgroundColor:`${e.grayTextWeak}14`,borderWidth:1,borderColor:`${e.grayTextWeak}28`,alignItems:"center",justifyContent:"center"},chevronWrapper:{paddingLeft:2,alignItems:"center",justifyContent:"center"},urlBox:{backgroundColor:e.grayBackground,borderRadius:7,borderWidth:1,borderColor:e.dividerColor,paddingHorizontal:7,paddingVertical:4.5,height:48,minHeight:48,maxHeight:48,justifyContent:"center",gap:2.5,overflow:"hidden"},urlMainRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",gap:4,minHeight:16},hostRow:{flexDirection:"row",alignItems:"center",gap:5,flex:1,minWidth:0},protoBadge:{paddingHorizontal:4,paddingVertical:1,borderRadius:3.5,borderWidth:1},protoBadgeText:{fontFamily:S.interBold,fontSize:8,lineHeight:10},hostText:{fontFamily:S.interBold,fontSize:11.5,lineHeight:15,color:e.primaryBlack,flex:1},urlBadgeRow:{flexDirection:"row",alignItems:"center",gap:4,flexShrink:0},jsonBadge:{backgroundColor:`${e.darkOrange}14`,borderColor:`${e.darkOrange}2E`,borderWidth:1,paddingHorizontal:4.5,paddingVertical:1,borderRadius:3.5},jsonBadgeText:{fontFamily:S.interBold,fontSize:8.5,color:e.darkOrange},dupBadge:{backgroundColor:`${e.purple}14`,borderColor:`${e.purple}2E`,borderWidth:1,paddingHorizontal:4.5,paddingVertical:1,borderRadius:3.5},dupBadgeText:{fontFamily:S.interBold,fontSize:8.5,color:e.purple},slugRow:{flexDirection:"row",alignItems:"center",minHeight:15},pathText:{fontFamily:S.interMedium,fontSize:10.5,lineHeight:14,color:e.slate600||e.grayText,flex:1},highlight:{backgroundColor:e.yellowHighlight,color:e.primaryBlack,borderRadius:2},cardFooterRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",height:18,minHeight:18,maxHeight:18,gap:4},footerLeft:{flexDirection:"row",alignItems:"center",gap:4.5,flex:1,minWidth:0,overflow:"hidden"},footerRight:{flexDirection:"row",alignItems:"center",gap:4,flexShrink:0},cardDateRow:{flexDirection:"row",alignItems:"center",gap:3.5},cardDateText:{fontFamily:S.interRegular,fontSize:10,lineHeight:13,color:e.slate400},metaStatChip:{flexDirection:"row",alignItems:"center",gap:3,backgroundColor:e.violetSoftBg,borderColor:e.violetSoftBorder,borderWidth:1,paddingHorizontal:5.5,paddingVertical:1.5,borderRadius:4},metaStatText:{fontFamily:S.interBold,color:e.violetSoftText,fontSize:9,lineHeight:12},waterfallContainer:{height:2.5,width:"100%",backgroundColor:e.graySurface,borderRadius:1.5,overflow:"hidden",marginTop:2},waterfallBar:{height:"100%",borderRadius:1.5}});function qe(o,B){return o.item===B.item&&o.isSelected===B.isSelected&&o.isNew===B.isNew&&o.searchStr===B.searchStr&&o.onPress===B.onPress&&o.onToggleSelect===B.onToggleSelect}export default E.memo(Ae,qe);

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

@@ -1,5 +1,8 @@
 import React from 'react';
+import { ActiveTab } from '../types';
 export interface SkeletonPlaceholderProps {
+    tab?: ActiveTab;
+    type?: 'card' | 'detail' | 'list' | 'table';
     cardCount?: number;
 }
 export declare const SkeletonPlaceholder: React.NamedExoticComponent<SkeletonPlaceholderProps>;

package/dist/esm/components/SkeletonPlaceholder.js

@@ -1,23 +1,54 @@
-import x,{useEffect as v,useRef as D}from"react";import{Animated as f,StyleSheet as L,View as S}from"react-native";import{AppColors as b}from"../styles/AppColors";export const SkeletonPlaceholder=x.memo(function({cardCount:B=4}){const C=D(new f.Value(.45)).current;return v(()=>{const V=f.loop(f.sequence([f.timing(C,{toValue:.95,duration:750,useNativeDriver:!1}),f.timing(C,{toValue:.45,duration:750,useNativeDriver:!1})]));return V.start(),()=>V.stop()},[C]),<S style={e.container}>
+import x,{useEffect as A,useRef as D}from"react";import{Animated as L,StyleSheet as W,View as S}from"react-native";import{AppColors as V}from"../styles/AppColors";export const SkeletonPlaceholder=x.memo(function({tab:R="apis",type:v="card",cardCount:T=4}){const C=D(new L.Value(.4)).current;return A(()=>{const f=L.loop(L.sequence([L.timing(C,{toValue:.95,duration:700,useNativeDriver:!0}),L.timing(C,{toValue:.4,duration:700,useNativeDriver:!0})]));return f.start(),()=>f.stop()},[C]),v==="detail"?<S style={e.container}accessible={!0}accessibilityRole="progressbar"accessibilityLabel="Loading details, please wait"accessibilityLiveRegion="polite">
+        <L.View style={[e.detailHeader,{opacity:C}]}/>
+        <S style={e.chipStripSkeleton}>
+          <L.View style={[e.chipSkeleton,{width:70,opacity:C}]}/>
+          <L.View style={[e.chipSkeleton,{width:90,opacity:C}]}/>
+          <L.View style={[e.chipSkeleton,{width:80,opacity:C}]}/>
+        </S>
+        <L.View style={[e.detailCodeCard,{opacity:C}]}>
+          <S style={[e.urlLineLong,{width:"85%"}]}/>
+          <S style={[e.urlLineLong,{width:"70%",marginTop:8}]}/>
+          <S style={[e.urlLineLong,{width:"92%",marginTop:8}]}/>
+          <S style={[e.urlLineLong,{width:"60%",marginTop:8}]}/>
+          <S style={[e.urlLineLong,{width:"78%",marginTop:8}]}/>
+        </L.View>
+      </S>:R==="media"?<S style={e.container}accessible={!0}accessibilityRole="progressbar"accessibilityLabel="Loading media gallery, please wait"accessibilityLiveRegion="polite">
+        <S style={e.mediaGrid}>
+          {Array.from({length:6}).map((f,B)=><L.View key={`skeleton_media_${B}`}style={[e.mediaTile,{opacity:C}]}/>)}
+        </S>
+      </S>:R==="perf"?<S style={e.container}accessible={!0}accessibilityRole="progressbar"accessibilityLabel="Loading performance diagnostics, please wait"accessibilityLiveRegion="polite">
+        <L.View style={[e.heroCard,{opacity:C}]}>
+          <S style={e.cardTopRow}>
+            <S style={e.timeSkeleton}/>
+            <S style={e.statusBadgeSkeleton}/>
+          </S>
+          <S style={[e.urlLineLong,{height:32,marginTop:12}]}/>
+        </L.View>
+        <L.View style={[e.cardSkeleton,{opacity:C}]}>
+          <S style={[e.urlLineLong,{width:"40%"}]}/>
+          <S style={[e.urlLineShort,{marginTop:10}]}/>
+          <S style={[e.urlLineLong,{marginTop:8}]}/>
+        </L.View>
+      </S>:<S style={e.container}accessible={!0}accessibilityRole="progressbar"accessibilityLabel={`Loading ${R} data, please wait`}accessibilityLiveRegion="polite">
       
       <S style={e.toolbarSkeleton}>
-        <f.View style={[e.searchBarSkeleton,{opacity:C}]}/>
+        <L.View style={[e.searchBarSkeleton,{opacity:C}]}/>
         <S style={e.actionButtonsRow}>
-          <f.View style={[e.iconButtonSkeleton,{opacity:C}]}/>
-          <f.View style={[e.iconButtonSkeleton,{opacity:C}]}/>
+          <L.View style={[e.iconButtonSkeleton,{opacity:C}]}/>
+          <L.View style={[e.iconButtonSkeleton,{opacity:C}]}/>
         </S>
       </S>
 
       
       <S style={e.chipStripSkeleton}>
-        <f.View style={[e.chipSkeleton,{width:48,opacity:C}]}/>
-        <f.View style={[e.chipSkeleton,{width:68,opacity:C}]}/>
-        <f.View style={[e.chipSkeleton,{width:76,opacity:C}]}/>
-        <f.View style={[e.chipSkeleton,{width:58,opacity:C}]}/>
+        <L.View style={[e.chipSkeleton,{width:48,opacity:C}]}/>
+        <L.View style={[e.chipSkeleton,{width:68,opacity:C}]}/>
+        <L.View style={[e.chipSkeleton,{width:76,opacity:C}]}/>
+        <L.View style={[e.chipSkeleton,{width:58,opacity:C}]}/>
       </S>
 
       
-      {Array.from({length:B}).map((V,R)=><f.View key={`skeleton_card_${R}`}style={[e.cardSkeleton,{opacity:C}]}>
+      {Array.from({length:T}).map((f,B)=><L.View key={`skeleton_card_${B}`}style={[e.cardSkeleton,{opacity:C}]}>
           
           <S style={e.cardTopRow}>
             <S style={e.badgeGroup}>
@@ -36,5 +67,5 @@ import x,{useEffect as v,useRef as D}from"react";import{Animated as f,StyleSheet
             <S style={e.metaPillSkeleton}/>
             <S style={e.metaPillSkeleton}/>
           </S>
-        </f.View>)}
-    </S>});const e=L.create({container:{flex:1,paddingHorizontal:12,paddingTop:8},toolbarSkeleton:{flexDirection:"row",alignItems:"center",gap:8,marginBottom:8},searchBarSkeleton:{flex:1,height:36,borderRadius:8,backgroundColor:b.graySurface,borderWidth:1,borderColor:b.dividerColor},actionButtonsRow:{flexDirection:"row",gap:6},iconButtonSkeleton:{width:36,height:36,borderRadius:8,backgroundColor:b.graySurface,borderWidth:1,borderColor:b.dividerColor},chipStripSkeleton:{flexDirection:"row",gap:6,marginBottom:10},chipSkeleton:{height:24,borderRadius:6,backgroundColor:b.graySurface,borderWidth:1,borderColor:b.dividerColor},cardSkeleton:{backgroundColor:b.primaryLight,borderRadius:10,padding:12,marginBottom:8,borderWidth:1,borderColor:b.dividerColor},cardTopRow:{flexDirection:"row",justifyContent:"space-between",alignItems:"center",marginBottom:8},badgeGroup:{flexDirection:"row",alignItems:"center",gap:6},statusBadgeSkeleton:{width:38,height:18,borderRadius:4,backgroundColor:b.slate200},methodBadgeSkeleton:{width:44,height:18,borderRadius:4,backgroundColor:b.slate200},timeSkeleton:{width:48,height:12,borderRadius:4,backgroundColor:b.slate200},urlLineLong:{height:13,borderRadius:4,backgroundColor:b.slate200,marginBottom:5,width:"90%"},urlLineShort:{height:11,borderRadius:4,backgroundColor:b.slate200,marginBottom:8,width:"55%"},cardBottomRow:{flexDirection:"row",gap:8,marginTop:2},metaPillSkeleton:{width:52,height:14,borderRadius:4,backgroundColor:b.slate200}});export default SkeletonPlaceholder;
+        </L.View>)}
+    </S>});const e=W.create({container:{flex:1,paddingHorizontal:12,paddingTop:8},toolbarSkeleton:{flexDirection:"row",alignItems:"center",gap:8,marginBottom:8},searchBarSkeleton:{flex:1,height:36,borderRadius:8,backgroundColor:V.graySurface,borderWidth:1,borderColor:V.dividerColor},actionButtonsRow:{flexDirection:"row",gap:6},iconButtonSkeleton:{width:36,height:36,borderRadius:8,backgroundColor:V.graySurface,borderWidth:1,borderColor:V.dividerColor},chipStripSkeleton:{flexDirection:"row",gap:6,marginBottom:10},chipSkeleton:{height:24,borderRadius:6,backgroundColor:V.graySurface,borderWidth:1,borderColor:V.dividerColor},cardSkeleton:{backgroundColor:V.primaryLight,borderRadius:10,padding:12,marginBottom:8,borderWidth:1,borderColor:V.dividerColor},cardTopRow:{flexDirection:"row",justifyContent:"space-between",alignItems:"center",marginBottom:8},badgeGroup:{flexDirection:"row",alignItems:"center",gap:6},statusBadgeSkeleton:{width:38,height:18,borderRadius:4,backgroundColor:V.slate200},methodBadgeSkeleton:{width:44,height:18,borderRadius:4,backgroundColor:V.slate200},timeSkeleton:{width:48,height:12,borderRadius:4,backgroundColor:V.slate200},urlLineLong:{height:13,borderRadius:4,backgroundColor:V.slate200,marginBottom:5,width:"90%"},urlLineShort:{height:11,borderRadius:4,backgroundColor:V.slate200,marginBottom:8,width:"55%"},cardBottomRow:{flexDirection:"row",gap:8,marginTop:2},metaPillSkeleton:{width:52,height:14,borderRadius:4,backgroundColor:V.slate200},heroCard:{backgroundColor:V.primaryLight,borderRadius:12,padding:16,marginBottom:12,borderWidth:1,borderColor:V.dividerColor},detailHeader:{height:48,borderRadius:8,backgroundColor:V.graySurface,marginBottom:12},detailCodeCard:{flex:1,backgroundColor:V.primaryLight,borderRadius:10,padding:14,borderWidth:1,borderColor:V.dividerColor},mediaGrid:{flexDirection:"row",flexWrap:"wrap",gap:8},mediaTile:{width:"31%",aspectRatio:1,borderRadius:8,backgroundColor:V.graySurface,borderWidth:1,borderColor:V.dividerColor}});export default SkeletonPlaceholder;

package/dist/esm/constants/index.js

@@ -1 +1 @@
-import{AppColors as o}from"../styles/AppColors";export const STATUS_FILTERS=["ALL","2xx","200","3xx","4xx","400","404","5xx","500","Failed"],METHOD_COLORS={ALL:o.slate500,GET:o.emerald600,POST:o.blue600,PUT:o.amber600,PATCH:o.violet600,DELETE:o.red600,QUERY:o.sky600,OPTIONS:o.slate600,HEAD:o.cyan600},DOMAIN_COLORS=o.domainColors,DURATION_FAST_MS=200,DURATION_SLOW_MS=800,DEFAULT_HIDDEN_URL_PATTERNS=["https://google-analytics.com/g/collect","https://api.npmjs.org","https://api.github.com","https://registry.npmjs.org"];export{LIB_VERSION}from"./version";
+import{AppColors as o}from"../styles/AppColors";export const STATUS_FILTERS=["ALL","2xx","200","3xx","4xx","400","404","5xx","500","Failed"],METHOD_COLORS={ALL:o.slate500,GET:o.emerald600,POST:o.blue600,PUT:o.amber600,PATCH:o.violet600,DELETE:o.red600,QUERY:o.sky600,OPTIONS:o.slate600,HEAD:o.cyan600},DOMAIN_COLORS=o.domainColors,DURATION_FAST_MS=200,DURATION_SLOW_MS=800,DEFAULT_HIDDEN_URL_PATTERNS=["https://google-analytics.com/g/collect","https://api.npmjs.org","https://api.github.com","https://registry.npmjs.org","clients3.google.com"];export{LIB_VERSION}from"./version";

package/dist/esm/constants/telemetryConfig.d.ts

@@ -1,3 +1,3 @@
-export declare const ENC_MID = "";
-export declare const ENC_SEC = "";
-export declare const TELEMETRY_SALT = "";
+export declare const ENC_MID = "df8ace0290a695bd05986213";
+export declare const ENC_SEC = "db93cb0186b1f7bb0ba63a0d0a64997586849455ce37";
+export declare const TELEMETRY_SALT = "rn-inapp-inspector-telemetry-v1";

package/dist/esm/constants/telemetryConfig.js

@@ -1 +1 @@
-export const ENC_MID="",ENC_SEC="",TELEMETRY_SALT="";
+export const ENC_MID="df8ace0290a695bd05986213",ENC_SEC="db93cb0186b1f7bb0ba63a0d0a64997586849455ce37",TELEMETRY_SALT="rn-inapp-inspector-telemetry-v1";

package/dist/esm/constants/version.d.ts

@@ -1 +1 @@
-export declare const LIB_VERSION = "2.5.12";
+export declare const LIB_VERSION = "2.5.14";

package/dist/esm/constants/version.js

@@ -1 +1 @@
-export const LIB_VERSION="2.5.12";
+export const LIB_VERSION="2.5.14";

package/dist/esm/customHooks/crashHandler.d.ts

@@ -37,7 +37,7 @@ export declare const getCrashRecords: () => CrashRecord[];
 export declare const clearCrashRecords: () => void;
 export declare const subscribeCrashEvents: (listener: CrashListener) => (() => void);
 export declare const emitCrashEvent: (payload: CrashEventPayload) => void;
-export declare const handleInterceptedCrash: (errorOrTitle: any, rawStack?: any, isFatal?: boolean, customType?: CrashType, componentStack?: string) => CrashRecord;
+export declare const handleInterceptedCrash: (errorOrTitle: any, rawStack?: any, isFatal?: boolean, customType?: CrashType, componentStack?: string, bypassIgnoredCheck?: boolean) => CrashRecord;
 export declare const recordCustomCrash: (error: Error | string, options?: {
     isFatal?: boolean;
     type?: CrashType;