react-native-inapp-inspector 2.4.0 → 2.4.2

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

@@ -1,60 +1,60 @@
-import de,{useCallback as R,useState as U,useMemo as X,useRef as me}from"react";import{FlatList as Ce,Platform as we,Pressable as Se,ScrollView as Ie,Text as O,TextInput as Te,TouchableOpacity as Y,View as C}from"react-native";import{animateNextLayout as ve,useInspector as xe}from"./InspectorContext";import Ae from"../AnalyticsEventCard";import Fe from"./AnalyticsFilterModal";import Le from"../EndOfListFooter";import Pe from"../EmptyState";import I from"../../styles";import{AppColors as r}from"../../styles/AppColors";import{AppFonts as $}from"../../styles/AppFonts";import{useTranslation as Re}from"../../i18n";import Ve from"../TouchableScale";import{getEventCategory as Be}from"../../helpers";import{LayersIcon as Ee,SearchIcon as Ne,ClearIcon as Me,TrashIcon as _e,FilterIcon as Oe,CartIcon as $e,GlobeIcon as De,BoltIcon as He,SparkleIcon as We}from"../NetworkIcons";const Ge=de.memo(()=>{const{t:D}=Re(),{analyticsEvents:H,filteredAnalyticsEvents:a,analyticsSearch:w,setAnalyticsSearch:V,analyticsFilters:B,setAnalyticsFilters:W,handleDelete:Z,selectedEvent:ee,setSelectedEvent:G,newEventIds:j,logRouteMapRef:J,isAnalyticsLayoutReady:te,setIsAnalyticsLayoutReady:oe,isAnalyticsFilterApplied:E}=xe(),re=me(null),[ae,Q]=U(!1),[q,le]=U(100),N=X(()=>a.slice(0,q),[a,q]),v=X(()=>{let e=0,o=0,t=0,S=0;for(const L of H){const F=Be(L.name),T=L.count||1;F==="ecommerce"?e+=T:F==="page_view"?o+=T:F==="system"?t+=T:S+=T}const A=e+o+t+S;return{ecommerce:e,page_view:o,system:t,custom:S,totalCount:A}},[H]),ne=R(e=>{ve(),W(o=>{if(e==="all")return{...o,categories:new Set(["all"])};const t=new Set(o.categories);if(t.has("all"))t.delete("all"),t.add(e);else if(t.has(e))t.delete(e),t.size===0&&t.add("all");else if(t.add(e),t.has("ecommerce")&&t.has("page_view")&&t.has("system")&&t.has("custom"))return{...o,categories:new Set(["all"])};return{...o,categories:t}})},[W]),se=R((e,o)=>e?.id?.toString()??o.toString(),[]),ie=R(({item:e,index:o})=>{const t=a[o+1],S=a[o-1],A=t?e.timestamp-t.timestamp:void 0,L=Math.floor(e.timestamp/6e4),F=S?Math.floor(S.timestamp/6e4):-1,T=o===0||L!==F;return<Ae event={e}onPress={()=>{G(e)}}isNew={j.has(e.id)}searchStr={w}isFirst={o===0}isLast={o===a.length-1}msSincePrev={A}showTimestamp={T}computedScreenName={(()=>{if(!e)return"";const P=e.screenName||e.screenClass||e.pageTitle||e.pageLocation||e.params?.firebase_screen||e.params?.screen_name||e.params?.firebase_screen_class||e.params?.screen_class;let M=typeof P=="string"?P:P?JSON.stringify(P):"";const _=J.current.get(e.id+1e6);if(!M&&_&&_.path!=="Navigators"){const K=_.path.split(" \u2794 ");M=K[K.length-1]}return M})()}/>},[a,w,j,G,J]),ce=R((e,o)=>({length:86,offset:86*o,index:o}),[]);return<>
+import X,{useCallback as F,useState as Y,useMemo as Z,useRef as Fe}from"react";import{FlatList as Pe,Pressable as Re,ScrollView as Ve,Text as N,TextInput as Be,TouchableOpacity as Ce,View as C}from"react-native";import{animateNextLayout as Me,useInspector as _e}from"./InspectorContext";import Ne from"../AnalyticsEventCard";import Oe from"./AnalyticsFilterModal";import $e from"../EndOfListFooter";import De from"../EmptyState";import I from"../../styles";import{AppColors as r}from"../../styles/AppColors";import{AppFonts as O}from"../../styles/AppFonts";import{useTranslation as He}from"../../i18n";import We from"../TouchableScale";import{getEventCategory as Ge}from"../../helpers";import{LayersIcon as je,SearchIcon as Je,ClearIcon as Qe,TrashIcon as Ke,FilterIcon as Ue,CartIcon as Xe,GlobeIcon as Ye,BoltIcon as Ze,SparkleIcon as et}from"../NetworkIcons";const Se=10,tt=X.memo(()=>{const{t:$}=He(),{analyticsEvents:D,filteredAnalyticsEvents:a,analyticsSearch:S,setAnalyticsSearch:P,analyticsFilters:A,setAnalyticsFilters:H,handleDelete:we,selectedEvent:Ie,setSelectedEvent:W,newEventIds:G,logRouteMapRef:j,isAnalyticsLayoutReady:Te,setIsAnalyticsLayoutReady:ve,isAnalyticsFilterApplied:R,maxAnalyticsEventsLimit:V}=_e(),xe=V||100,J=Fe(null),[Le,Q]=Y(!1),[q,K]=Y(xe);X.useEffect(()=>{K(V||100),J.current?.scrollToOffset({offset:0,animated:!1})},[S,A,V]);const B=Z(()=>a.slice(0,q),[a,q]),v=Z(()=>{let e=0,o=0,t=0,w=0;for(const E of D){const k=Ge(E.name),T=E.count||1;k==="ecommerce"?e+=T:k==="page_view"?o+=T:k==="system"?t+=T:w+=T}const L=e+o+t+w;return{ecommerce:e,page_view:o,system:t,custom:w,totalCount:L}},[D]),ke=F(e=>{Me(),H(o=>{if(e==="all")return{...o,categories:new Set(["all"])};const t=new Set(o.categories);if(t.has("all"))t.delete("all"),t.add(e);else if(t.has(e))t.delete(e),t.size===0&&t.add("all");else if(t.add(e),t.has("ecommerce")&&t.has("page_view")&&t.has("system")&&t.has("custom"))return{...o,categories:new Set(["all"])};return{...o,categories:t}})},[H]),Ae=F((e,o)=>e?.id?.toString()??o.toString(),[]),Ee=F(({item:e,index:o})=>{const t=a[o+1],w=a[o-1],L=t?e.timestamp-t.timestamp:void 0,E=Math.floor(e.timestamp/6e4),k=w?Math.floor(w.timestamp/6e4):-1,T=o===0||E!==k;return<Ne event={e}onPress={()=>{W(e)}}isNew={G.has(e.id)}searchStr={S}isFirst={o===0}isLast={o===a.length-1}msSincePrev={L}showTimestamp={T}computedScreenName={(()=>{if(!e)return"";const z=e.screenName||e.screenClass||e.pageTitle||e.pageLocation||e.params?.firebase_screen||e.params?.screen_name||e.params?.firebase_screen_class||e.params?.screen_class;let M=typeof z=="string"?z:z?JSON.stringify(z):"";const _=j.current.get(e.id+1e6);if(!M&&_&&_.path!=="Navigators"){const U=_.path.split(" \u2794 ");M=U[U.length-1]}return M})()}/>},[a,S,G,W,j]),ze=F((e,o)=>({length:86,offset:86*o,index:o}),[]);return<>
       
-      {ee==null&&<C style={{backgroundColor:r.white,borderBottomWidth:1,borderBottomColor:r.dividerColor,paddingBottom:6}}>
+      {Ie==null&&<C style={{backgroundColor:r.white,borderBottomWidth:1,borderBottomColor:r.dividerColor,paddingBottom:6}}>
           <C style={[I.toolbarRow,{marginTop:12,marginBottom:8}]}>
             <C style={I.searchContainer}>
-              <Ne color={r.grayTextWeak}size={16}/>
-              <Te placeholder={D("analytics.searchPlaceholder","Search events...")}placeholderTextColor={r.grayTextWeak}value={w}onChangeText={V}style={I.searchInput}autoCorrect={!1}autoCapitalize="none"/>
-              {w.length>0&&<C style={{flexDirection:"row",alignItems:"center",gap:4}}>
+              <Je color={r.grayTextWeak}size={16}/>
+              <Be placeholder={$("analytics.searchPlaceholder","Search events...")}placeholderTextColor={r.grayTextWeak}value={S}onChangeText={P}style={I.searchInput}autoCorrect={!1}autoCapitalize="none"/>
+              {S.length>0&&<C style={{flexDirection:"row",alignItems:"center",gap:4}}>
                   <C style={{backgroundColor:`${r.purple}20`,borderRadius:10,paddingHorizontal:6,paddingVertical:1.5}}>
-                    <O style={{color:r.purple,fontSize:9.5,fontFamily:$.interBold}}>
+                    <N style={{color:r.purple,fontSize:9.5,fontFamily:O.interBold}}>
                       {a.length}
-                    </O>
+                    </N>
                   </C>
-                  <Se onPress={()=>V("")}hitSlop={10}style={I.clearBtn}>
-                    <Me color={r.grayTextWeak}size={13}/>
-                  </Se>
+                  <Re onPress={()=>P("")}hitSlop={10}style={I.clearBtn}>
+                    <Qe color={r.grayTextWeak}size={13}/>
+                  </Re>
                 </C>}
             </C>
             <C style={I.toolbarRight}>
               
-              <Y style={[I.toolbarBtn,E&&{borderColor:`${r.brandPurple}60`,backgroundColor:`${r.brandPurple}15`}]}onPress={()=>Q(!0)}hitSlop={6}>
-                <Oe color={E?r.brandPurple:r.grayTextStrong}size={15}/>
-                {E&&<C style={{position:"absolute",top:2,right:2,width:7,height:7,borderRadius:3.5,backgroundColor:r.darkOrange,borderWidth:1,borderColor:r.white}}/>}
-              </Y>
+              <Ce style={[I.toolbarBtn,R&&{borderColor:`${r.brandPurple}60`,backgroundColor:`${r.brandPurple}15`}]}onPress={()=>Q(!0)}hitSlop={6}>
+                <Ue color={R?r.brandPurple:r.grayTextStrong}size={15}/>
+                {R&&<C style={{position:"absolute",top:2,right:2,width:7,height:7,borderRadius:3.5,backgroundColor:r.darkOrange,borderWidth:1,borderColor:r.white}}/>}
+              </Ce>
 
-              <Y style={[I.toolbarBtn,{borderColor:`${r.errorColor}38`,backgroundColor:`${r.errorColor}0F`}]}onPress={Z}hitSlop={6}>
-                <_e color={r.errorColor}size={15}/>
-              </Y>
+              <Ce style={[I.toolbarBtn,{borderColor:`${r.errorColor}38`,backgroundColor:`${r.errorColor}0F`}]}onPress={we}hitSlop={6}>
+                <Ke color={r.errorColor}size={15}/>
+              </Ce>
             </C>
           </C>
 
           
           <C style={{flexDirection:"row",alignItems:"center",marginBottom:8,paddingHorizontal:12,gap:6}}>
-            <Ie horizontal showsHorizontalScrollIndicator={!1}style={{flex:1}}contentContainerStyle={{flexDirection:"row",alignItems:"center",gap:6,paddingRight:6}}>
-              {[{id:"all",label:D("common.all","All"),count:v.totalCount,color:r.purple,Icon:Ee},{id:"ecommerce",label:"Ecommerce",count:v.ecommerce,color:r.amber600,Icon:$e},{id:"page_view",label:"Screens",count:v.page_view,color:r.sky600,Icon:De},{id:"system",label:"System",count:v.system,color:r.violet600,Icon:He},{id:"custom",label:"Custom",count:v.custom,color:r.teal600,Icon:We}].map(e=>{const o=e.id==="all"?B.categories.has("all"):!B.categories.has("all")&&B.categories.has(e.id),t=e.color||r.purple,S=o?r.white:t,A=e.Icon;return<Ve key={e.id}onPress={()=>ne(e.id)}>
+            <Ve horizontal showsHorizontalScrollIndicator={!1}style={{flex:1}}contentContainerStyle={{flexDirection:"row",alignItems:"center",gap:6,paddingRight:6}}>
+              {[{id:"all",label:$("common.all","All"),count:v.totalCount,color:r.purple,Icon:je},{id:"ecommerce",label:"Ecommerce",count:v.ecommerce,color:r.amber600,Icon:Xe},{id:"page_view",label:"Screens",count:v.page_view,color:r.sky600,Icon:Ye},{id:"system",label:"System",count:v.system,color:r.violet600,Icon:Ze},{id:"custom",label:"Custom",count:v.custom,color:r.teal600,Icon:et}].map(e=>{const o=e.id==="all"?A.categories.has("all"):!A.categories.has("all")&&A.categories.has(e.id),t=e.color||r.purple,w=o?r.white:t,L=e.Icon;return<We key={e.id}onPress={()=>ke(e.id)}>
                     <C style={{flexDirection:"row",alignItems:"center",paddingHorizontal:9,paddingVertical:4.5,borderRadius:8,backgroundColor:o?t:`${t}12`,borderWidth:1,borderColor:o?t:`${t}30`,gap:5}}>
-                      <A size={11}color={S}/>
-                      <O style={{fontFamily:$.interBold,fontSize:10.5,color:o?r.white:r.primaryBlack}}>
+                      <L size={11}color={w}/>
+                      <N style={{fontFamily:O.interBold,fontSize:10.5,color:o?r.white:r.primaryBlack}}>
                         {e.label}
-                      </O>
+                      </N>
                       <C style={{backgroundColor:o?"rgba(255,255,255,0.25)":`${t}20`,paddingHorizontal:5,paddingVertical:1,borderRadius:8,alignItems:"center",justifyContent:"center"}}>
-                        <O style={{fontFamily:$.interBold,fontSize:9.5,color:o?r.white:t}}>
+                        <N style={{fontFamily:O.interBold,fontSize:9.5,color:o?r.white:t}}>
                           {e.count}
-                        </O>
+                        </N>
                       </C>
                     </C>
-                  </Ve>})}
-            </Ie>
+                  </We>})}
+            </Ve>
           </C>
         </C>}
 
       
-      <Fe visible={ae}onClose={()=>Q(!1)}/>
+      <Oe visible={Le}onClose={()=>Q(!1)}/>
 
-      <C style={{flex:1}}onLayout={()=>oe(!0)}>
-        {te?<>
-            <Ce ref={re}data={N}keyExtractor={se}renderItem={ie}getItemLayout={ce}initialNumToRender={15}maxToRenderPerBatch={10}windowSize={9}removeClippedSubviews={we.OS==="android"}renderToHardwareTextureAndroid={!0}ListEmptyComponent={<Pe isSearch={w.length>0}searchQuery={w}customTitle={w.length>0?"No matching analytics events":"No analytics events yet"}customSub={w.length>0?`No events matched "${w}"`:"Call setupAnalyticsLogger(analytics()) at app start."}onClearSearch={()=>V("")}/>}ListFooterComponent={a.length>0?<Le count={N.length}totalCount={a.length}label="events"hasMore={N.length<a.length}onLoadMore={()=>le(e=>e+10)}/>:null}contentContainerStyle={[I.listContent,a.length===0&&{flexGrow:1}]}keyboardShouldPersistTaps="handled"/>
+      <C style={{flex:1}}onLayout={()=>ve(!0)}>
+        {Te?<>
+            <Pe ref={J}data={B}keyExtractor={Ae}renderItem={Ee}getItemLayout={ze}initialNumToRender={10}maxToRenderPerBatch={8}windowSize={5}updateCellsBatchingPeriod={40}removeClippedSubviews={!0}renderToHardwareTextureAndroid={!0}showsVerticalScrollIndicator={!1}ListEmptyComponent={<De isSearch={S.length>0}searchQuery={S}customTitle={S.length>0?"No matching analytics events":"No analytics events yet"}customSub={S.length>0?`No events matched "${S}"`:"Call setupAnalyticsLogger(analytics()) at app start."}onClearSearch={()=>P("")}/>}ListFooterComponent={a.length>0?<$e count={B.length}totalCount={a.length}label="events"loadMoreStep={Se}hasMore={B.length<a.length}onLoadMore={()=>K(e=>e+Se)}/>:null}contentContainerStyle={[I.listContent,a.length===0&&{flexGrow:1}]}keyboardShouldPersistTaps="handled"/>
           </>:null}
       </C>
-    </>});export default Ge;
+    </>});export default tt;

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

@@ -0,0 +1,13 @@
+import React from 'react';
+export interface ConfirmationModalProps {
+    visible: boolean;
+    title: string;
+    message: string;
+    confirmText?: string;
+    cancelText?: string;
+    isDestructive?: boolean;
+    icon?: 'trash' | 'alert' | 'reset' | 'info';
+    onConfirm: () => void;
+    onCancel: () => void;
+}
+export declare const ConfirmationModal: React.FC<ConfirmationModalProps>;

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

@@ -0,0 +1,32 @@
+import"react";import{Modal as D,View as C,Text as B,StyleSheet as P,Pressable as N,Platform as S}from"react-native";import R from"../TouchableScale";import{AppColors as e}from"../../styles/AppColors";import{AppFonts as T}from"../../styles/AppFonts";import{TrashIcon as E,AlertTriangleIcon as G,ResetIcon as J,InfoCircleIcon as K,CloseWhite as Q}from"../NetworkIcons";import{triggerNativeHaptic as O}from"../../native/NativeInspector";import{useTranslation as U}from"../../i18n";export const ConfirmationModal=({visible:I,title:W,message:j,confirmText:A,cancelText:F,isDestructive:o=!0,icon:x="trash",onConfirm:H,onCancel:V})=>{const{t:z}=U();if(!I)return null;const k=A||z("common.confirm","Confirm"),v=F||z("common.cancel","Cancel"),M=()=>{O(o?"heavy":"medium"),H()},r=()=>{O("light"),V()},$=()=>{switch(x){case"trash":return<E size={24}color={e.red500}/>;case"alert":return<G size={24}color={e.amber500}/>;case"reset":return<J size={24}color={e.purple}/>;default:return<K size={24}color={e.purple}/>}},L=o?e.red100:x==="alert"?e.amber100:e.purple50,q=o?`${e.red500}4D`:x==="alert"?e.amber200:e.purple200;return<D visible={I}transparent={!0}animationType="fade"onRequestClose={r}>
+      <C style={t.overlay}>
+        <N style={t.backdrop}onPress={r}/>
+
+        <C style={t.card}>
+          
+          <R onPress={r}hitSlop={8}style={t.cornerCloseBtn}>
+            <Q size={11}color={e.grayTextWeak}/>
+          </R>
+
+          
+          <C style={[t.iconBadge,{backgroundColor:L,borderColor:q}]}>
+            {$()}
+          </C>
+
+          
+          <B style={t.title}>{W}</B>
+          <B style={t.message}>{j}</B>
+
+          
+          <C style={t.buttonRow}>
+            <R accessible={!0}accessibilityRole="button"accessibilityLabel={v}onPress={r}style={t.cancelBtn}>
+              <B style={t.cancelBtnText}>{v}</B>
+            </R>
+
+            <R accessible={!0}accessibilityRole="button"accessibilityLabel={k}onPress={M}style={[t.confirmBtn,o?t.confirmBtnDestructive:t.confirmBtnPrimary]}>
+              <B style={t.confirmBtnText}>{k}</B>
+            </R>
+          </C>
+        </C>
+      </C>
+    </D>};const t=P.create({overlay:{flex:1,backgroundColor:`${e.slate900}A6`,justifyContent:"center",alignItems:"center",paddingHorizontal:24},backdrop:{...P.absoluteFillObject},card:{width:"100%",maxWidth:340,backgroundColor:e.white,borderRadius:22,paddingTop:24,paddingBottom:18,paddingHorizontal:20,alignItems:"center",borderWidth:1,borderColor:`${e.white}CC`,...S.select({ios:{shadowColor:e.slate900,shadowOffset:{width:0,height:12},shadowOpacity:.28,shadowRadius:24},android:{elevation:12}})},cornerCloseBtn:{position:"absolute",top:14,right:14,width:28,height:28,borderRadius:14,backgroundColor:e.graySurface,alignItems:"center",justifyContent:"center"},iconBadge:{width:54,height:54,borderRadius:27,borderWidth:1.5,alignItems:"center",justifyContent:"center",marginBottom:14},title:{fontFamily:T.interBold,fontSize:17,color:e.slate900,textAlign:"center",marginBottom:8,letterSpacing:-.2},message:{fontFamily:T.interRegular,fontSize:13,color:e.grayTextWeak,textAlign:"center",lineHeight:19,paddingHorizontal:8,marginBottom:22},buttonRow:{flexDirection:"row",alignItems:"center",gap:10,width:"100%"},cancelBtn:{flex:1,height:44,borderRadius:12,backgroundColor:e.graySurface,borderWidth:1,borderColor:e.grayBorderSecondary,alignItems:"center",justifyContent:"center"},cancelBtnText:{fontFamily:T.interSemiBold,fontSize:14,color:e.grayText},confirmBtn:{flex:1.15,height:44,borderRadius:12,alignItems:"center",justifyContent:"center"},confirmBtnDestructive:{backgroundColor:e.red500,...S.select({ios:{shadowColor:e.red500,shadowOffset:{width:0,height:4},shadowOpacity:.35,shadowRadius:8},android:{elevation:4}})},confirmBtnPrimary:{backgroundColor:e.purple,...S.select({ios:{shadowColor:e.purple,shadowOffset:{width:0,height:4},shadowOpacity:.35,shadowRadius:8},android:{elevation:4}})},confirmBtnText:{fontFamily:T.interBold,fontSize:14,color:e.white,letterSpacing:.2}});

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

@@ -1,71 +1,71 @@
-import W,{useCallback as $,useMemo as k,useRef as oo}from"react";import{FlatList as So,Platform as fo,Pressable as Co,ScrollView as D,Text as L,TextInput as Io,View as S}from"react-native";import{useInspector as To}from"./InspectorContext";import{useTranslation as xo}from"../../i18n";import E from"../TouchableScale";import Ao from"../AnimatedEntrance";import{ConsoleLogCard as Lo}from"../ConsoleLogCard";import Vo from"../EmptyState";import Bo from"../EndOfListFooter";import T from"../../styles";import{AppColors as e}from"../../styles/AppColors";import{AppFonts as z}from"../../styles/AppFonts";import{LogFilter as V}from"../../types";import{SearchIcon as Fo,ClearIcon as Eo,SortArrowIcon as Ho,TrashIcon as Po,LayersIcon as Ro,UserIcon as Wo,InfoCircleIcon as $o,WarningTriangleIcon as No,ErrorCircleIcon as Oo,AnalyticsIcon as Uo}from"../NetworkIcons";const Do=W.memo(()=>{const{t:w}=xo(),{logSearch:f,setLogSearch:B,logSortOrder:G,setLogSortOrder:v,handleDelete:M,logFilters:b,setLogFilters:H,logCounts:x,filteredConsoleLogs:C,visibleConsoleLogs:N}=To(),_=oo(null),[O,Q]=W.useState(100),P=k(()=>C.slice(0,O),[C,O]),Y=$(({item:o,index:t})=><Ao index={t}distance={8}>
-        <Lo item={o}searchStr={f}/>
-      </Ao>,[f]),K=$((o,t)=>({length:148,offset:148*t,index:t}),[]),X=$((o,t)=>o?.id?.toString()??t.toString(),[]),j=k(()=>{const o=N.length,t=C.length;if(b.has("all")||!Array.from(b).some(F=>F!=="all"))return<S style={{paddingHorizontal:12,paddingTop:8,paddingBottom:3}}>
-          <L style={{fontFamily:z.interMedium,fontSize:11,color:e.grayTextWeak,letterSpacing:.2}}>
-            {t===o?`Showing ${o} logs`:`Showing ${t} of ${o} logs`}
-          </L>
-        </S>;{const F=Array.from(b).filter(I=>I!=="all").map(I=>I==="user-log"?"Log":I==="analytics"?"Analytics":I.charAt(0).toUpperCase()+I.slice(1));return<S style={{paddingHorizontal:12,paddingTop:8,paddingBottom:3}}>
-          <L style={{fontFamily:z.interMedium,fontSize:11,color:e.grayTextWeak,letterSpacing:.2}}>
-            Filtered by {F.join(", ")} ({t} of {o} logs)
-          </L>
-        </S>}},[N.length,C.length,b]),[R,U]=W.useState(!1),q=k(()=>["[AXIOS]","[API]","[GRAPHQL]","[REDUX]","[ANALYTICS]","[AUTH]","[NAV]","[STORAGE]","[PERF]","[WS]","[PUSH]","[PAYMENT]","[SYNC]","[BLE]","[LOCATION]","[TEST]","[DEBUG]"],[]),J=k(()=>[{id:V.All,label:w("common.all","All"),count:x.all?.split("/")?.[0]??"0",color:e.purple,Icon:Ro},{id:V.UserLog,label:w("console.log","Log"),count:x["user-log"]?.split("/")?.[0]??"0",color:e.teal600,Icon:Wo},{id:V.Info,label:w("console.info","Info"),count:x.info?.split("/")?.[0]??"0",color:e.sky600,Icon:$o},{id:V.Warn,label:w("console.warning","Warn"),count:x.warn?.split("/")?.[0]??"0",color:e.amber600,Icon:No},{id:V.Error,label:w("console.error","Error"),count:x.error?.split("/")?.[0]??"0",color:e.errorColor,Icon:Oo},{id:V.Analytics,label:w("console.analytics","Analytics"),count:x.analytics?.split("/")?.[0]??"0",color:e.violet600,Icon:Uo}],[x,w]);return<S style={{flex:1}}>
-      <S style={{backgroundColor:e.white,borderBottomWidth:1,borderBottomColor:e.dividerColor,paddingBottom:6}}>
+import F,{useCallback as k,useMemo as P,useRef as ne}from"react";import{FlatList as Se,Pressable as Ce,ScrollView as Q,Text as A,TextInput as Ie,View as S}from"react-native";import{useInspector as Te}from"./InspectorContext";import{useTranslation as xe}from"../../i18n";import H from"../TouchableScale";import Le from"../AnimatedEntrance";import{ConsoleLogCard as Ae}from"../ConsoleLogCard";import Ve from"../EmptyState";import Be from"../EndOfListFooter";import T from"../../styles";import{AppColors as o}from"../../styles/AppColors";import{AppFonts as z}from"../../styles/AppFonts";import{LogFilter as V}from"../../types";import{SearchIcon as Ee,ClearIcon as Fe,SortArrowIcon as Pe,TrashIcon as He,LayersIcon as Re,UserIcon as We,InfoCircleIcon as $e,WarningTriangleIcon as Oe,ErrorCircleIcon as De,AnalyticsIcon as Ne}from"../NetworkIcons";const Y=10,Ue=F.memo(()=>{const{t:w}=xe(),{logSearch:h,setLogSearch:B,logSortOrder:K,setLogSortOrder:X,handleDelete:j,logFilters:y,setLogFilters:R,logCounts:x,filteredConsoleLogs:C,visibleConsoleLogs:D,maxConsoleLogs:W,setSelectedLog:N}=Te(),q=W||100,U=ne(null),[G,M]=F.useState(q);F.useEffect(()=>{M(W||100),U.current?.scrollToOffset({offset:0,animated:!1})},[h,y,W]);const $=P(()=>C.slice(0,G),[C,G]),v=k(e=>{N(e)},[N]),J=k(({item:e,index:t})=><Le index={t}distance={8}>
+        <Ae item={e}searchStr={h}onPress={v}/>
+      </Le>,[h,v]),Z=k((e,t)=>({length:148,offset:148*t,index:t}),[]),ee=k((e,t)=>e?.id?.toString()??t.toString(),[]),oe=P(()=>{const e=D.length,t=C.length;if(y.has("all")||!Array.from(y).some(E=>E!=="all"))return<S style={{paddingHorizontal:12,paddingTop:8,paddingBottom:3}}>
+          <A style={{fontFamily:z.interMedium,fontSize:11,color:o.grayTextWeak,letterSpacing:.2}}>
+            {t===e?`Showing ${e} logs`:`Showing ${t} of ${e} logs`}
+          </A>
+        </S>;{const E=Array.from(y).filter(I=>I!=="all").map(I=>I==="user-log"?"Log":I==="analytics"?"Analytics":I.charAt(0).toUpperCase()+I.slice(1));return<S style={{paddingHorizontal:12,paddingTop:8,paddingBottom:3}}>
+          <A style={{fontFamily:z.interMedium,fontSize:11,color:o.grayTextWeak,letterSpacing:.2}}>
+            Filtered by {E.join(", ")} ({t} of {e} logs)
+          </A>
+        </S>}},[D.length,C.length,y]),[O,_]=F.useState(!1),te=P(()=>["[AXIOS]","[API]","[GRAPHQL]","[REDUX]","[ANALYTICS]","[AUTH]","[NAV]","[STORAGE]","[PERF]","[WS]","[PUSH]","[PAYMENT]","[SYNC]","[BLE]","[LOCATION]","[TEST]","[DEBUG]"],[]),re=P(()=>[{id:V.All,label:w("common.all","All"),count:x.all?.split("/")?.[0]??"0",color:o.purple,Icon:Re},{id:V.UserLog,label:w("console.log","Log"),count:x["user-log"]?.split("/")?.[0]??"0",color:o.teal600,Icon:We},{id:V.Info,label:w("console.info","Info"),count:x.info?.split("/")?.[0]??"0",color:o.sky600,Icon:$e},{id:V.Warn,label:w("console.warning","Warn"),count:x.warn?.split("/")?.[0]??"0",color:o.amber600,Icon:Oe},{id:V.Error,label:w("console.error","Error"),count:x.error?.split("/")?.[0]??"0",color:o.errorColor,Icon:De},{id:V.Analytics,label:w("console.analytics","Analytics"),count:x.analytics?.split("/")?.[0]??"0",color:o.violet600,Icon:Ne}],[x,w]);return<S style={{flex:1}}>
+      <S style={{backgroundColor:o.white,borderBottomWidth:1,borderBottomColor:o.dividerColor,paddingBottom:6}}>
         <S style={[T.toolbarRow,{marginTop:12,marginBottom:8}]}>
-          <S style={[T.searchContainer,R&&{borderColor:e.purple,borderWidth:1.5}]}>
-            <Fo color={R?e.purple:e.grayTextWeak}size={16}/>
-            <Io placeholder={w("console.searchPlaceholder")}placeholderTextColor={e.grayTextWeak}value={f}onChangeText={B}onFocus={()=>U(!0)}onBlur={()=>U(!1)}style={T.searchInput}autoCorrect={!1}autoCapitalize="none"/>
-            {f.length>0&&<S style={{flexDirection:"row",alignItems:"center",gap:4}}>
-                <S style={{backgroundColor:`${e.purple}20`,borderRadius:10,paddingHorizontal:6,paddingVertical:2}}>
-                  <L style={{color:e.purple,fontSize:10,fontFamily:z.interBold}}>
+          <S style={[T.searchContainer,O&&{borderColor:o.purple,borderWidth:1.5}]}>
+            <Ee color={O?o.purple:o.grayTextWeak}size={16}/>
+            <Ie placeholder={w("console.searchPlaceholder")}placeholderTextColor={o.grayTextWeak}value={h}onChangeText={B}onFocus={()=>_(!0)}onBlur={()=>_(!1)}style={T.searchInput}autoCorrect={!1}autoCapitalize="none"/>
+            {h.length>0&&<S style={{flexDirection:"row",alignItems:"center",gap:4}}>
+                <S style={{backgroundColor:`${o.purple}20`,borderRadius:10,paddingHorizontal:6,paddingVertical:2}}>
+                  <A style={{color:o.purple,fontSize:10,fontFamily:z.interBold}}>
                     {C.length}
-                  </L>
+                  </A>
                 </S>
-                <Co onPress={()=>B("")}hitSlop={10}style={T.clearBtn}>
-                  <Eo color={e.grayTextWeak}size={14}/>
-                </Co>
+                <Ce onPress={()=>B("")}hitSlop={10}style={T.clearBtn}>
+                  <Fe color={o.grayTextWeak}size={14}/>
+                </Ce>
               </S>}
           </S>
 
           <S style={T.toolbarRight}>
-            <E style={T.toolbarBtn}onPress={()=>v(o=>o==="newest"?"oldest":"newest")}hitSlop={10}>
-              <Ho color={e.grayTextStrong}size={18}direction={G==="newest"?"down":"up"}/>
-            </E>
-            <E style={[T.toolbarBtn,{borderColor:`${e.errorColor}38`,backgroundColor:`${e.errorColor}0F`}]}onPress={M}hitSlop={6}>
-              <Po color={e.errorColor}size={15}/>
-            </E>
+            <H style={T.toolbarBtn}onPress={()=>X(e=>e==="newest"?"oldest":"newest")}hitSlop={10}>
+              <Pe color={o.grayTextStrong}size={18}direction={K==="newest"?"down":"up"}/>
+            </H>
+            <H style={[T.toolbarBtn,{borderColor:`${o.errorColor}38`,backgroundColor:`${o.errorColor}0F`}]}onPress={j}hitSlop={6}>
+              <He color={o.errorColor}size={15}/>
+            </H>
           </S>
         </S>
 
         
-        {(R||f.length>0)&&<D horizontal showsHorizontalScrollIndicator={!1}style={{marginBottom:6,maxHeight:30}}contentContainerStyle={{paddingHorizontal:16,flexDirection:"row",alignItems:"center",gap:6}}>
-            {q.map(o=>{const t=f.includes(o);return<E key={o}onPress={()=>{B(t?r=>r.replace(o,"").trim():r=>r?`${r} ${o}`.trim():o)}}>
-                  <S style={{paddingHorizontal:8,paddingVertical:3,borderRadius:6,backgroundColor:t?e.purple:`${e.purple}14`,borderWidth:1,borderColor:t?e.purple:`${e.purple}30`}}>
-                    <L style={{fontFamily:z.interBold,fontSize:10,color:t?e.white:e.purple}}>
-                      {o}
-                    </L>
+        {(O||h.length>0)&&<Q horizontal showsHorizontalScrollIndicator={!1}style={{marginBottom:6,maxHeight:30}}contentContainerStyle={{paddingHorizontal:16,flexDirection:"row",alignItems:"center",gap:6}}>
+            {te.map(e=>{const t=h.includes(e);return<H key={e}onPress={()=>{B(t?r=>r.replace(e,"").trim():r=>r?`${r} ${e}`.trim():e)}}>
+                  <S style={{paddingHorizontal:8,paddingVertical:3,borderRadius:6,backgroundColor:t?o.purple:`${o.purple}14`,borderWidth:1,borderColor:t?o.purple:`${o.purple}30`}}>
+                    <A style={{fontFamily:z.interBold,fontSize:10,color:t?o.white:o.purple}}>
+                      {e}
+                    </A>
                   </S>
-                </E>})}
-          </D>}
+                </H>})}
+          </Q>}
 
         
         <S style={{flexDirection:"row",alignItems:"center",marginBottom:8,paddingHorizontal:12,gap:6}}>
-          <D horizontal showsHorizontalScrollIndicator={!1}style={{flex:1}}contentContainerStyle={{flexDirection:"row",alignItems:"center",gap:6,paddingRight:6}}>
-            {J.map(o=>{const t=o.id==="all"?b.has("all"):b.has(o.id)&&!b.has("all"),r=o.color||e.purple,F=t?e.white:r,I=o.Icon;return<E key={o.id}onPress={()=>{o.id==="all"?H(new Set(["all"])):H(Z=>{const A=new Set(Z);return A.delete("all"),A.has(o.id)?A.delete(o.id):A.add(o.id),A.size===0&&A.add("all"),A})}}>
+          <Q horizontal showsHorizontalScrollIndicator={!1}style={{flex:1}}contentContainerStyle={{flexDirection:"row",alignItems:"center",gap:6,paddingRight:6}}>
+            {re.map(e=>{const t=e.id==="all"?y.has("all"):y.has(e.id)&&!y.has("all"),r=e.color||o.purple,E=t?o.white:r,I=e.Icon;return<H key={e.id}onPress={()=>{e.id==="all"?R(new Set(["all"])):R(le=>{const L=new Set(le);return L.delete("all"),L.has(e.id)?L.delete(e.id):L.add(e.id),L.size===0&&L.add("all"),L})}}>
                   <S style={{flexDirection:"row",alignItems:"center",paddingHorizontal:9,paddingVertical:4.5,borderRadius:8,backgroundColor:t?r:`${r}12`,borderWidth:1,borderColor:t?r:`${r}30`,gap:5}}>
-                    <I size={11}color={F}/>
-                    <L style={{fontFamily:z.interBold,fontSize:10.5,color:t?e.white:e.primaryBlack}}>
-                      {o.label}
-                    </L>
+                    <I size={11}color={E}/>
+                    <A style={{fontFamily:z.interBold,fontSize:10.5,color:t?o.white:o.primaryBlack}}>
+                      {e.label}
+                    </A>
                     <S style={{backgroundColor:t?"rgba(255,255,255,0.25)":`${r}20`,paddingHorizontal:5,paddingVertical:1,borderRadius:8}}>
-                      <L style={{fontFamily:z.interBold,fontSize:9,color:t?e.white:r}}>
-                        {o.count}
-                      </L>
+                      <A style={{fontFamily:z.interBold,fontSize:9,color:t?o.white:r}}>
+                        {e.count}
+                      </A>
                     </S>
                   </S>
-                </E>})}
-          </D>
+                </H>})}
+          </Q>
         </S>
       </S>
 
-      <So ref={_}data={P}keyExtractor={X}ListHeaderComponent={j}renderItem={Y}getItemLayout={K}initialNumToRender={15}maxToRenderPerBatch={10}windowSize={9}removeClippedSubviews={fo.OS==="android"}renderToHardwareTextureAndroid={!0}ListEmptyComponent={<Vo isSearch={f.length>0||!b.has("all")}searchQuery={f}customTitle={f.length>0?"No matching console logs":"No console logs"}onClearSearch={()=>{B(""),H(new Set(["all"]))}}/>}ListFooterComponent={C.length>0?<Bo count={P.length}totalCount={C.length}label="logs"hasMore={P.length<C.length}onLoadMore={()=>Q(o=>o+10)}/>:null}contentContainerStyle={[T.listContent,C.length===0&&{flexGrow:1}]}keyboardShouldPersistTaps="handled"/>
-    </S>});export default Do;
+      <Se ref={U}data={$}keyExtractor={ee}ListHeaderComponent={oe}renderItem={J}getItemLayout={Z}initialNumToRender={10}maxToRenderPerBatch={8}windowSize={5}updateCellsBatchingPeriod={40}removeClippedSubviews={!0}renderToHardwareTextureAndroid={!0}showsVerticalScrollIndicator={!1}ListEmptyComponent={<Ve isSearch={h.length>0||!y.has("all")}searchQuery={h}customTitle={h.length>0?"No matching console logs":"No console logs"}onClearSearch={()=>{B(""),R(new Set(["all"]))}}/>}ListFooterComponent={C.length>0?<Be count={$.length}totalCount={C.length}label="logs"loadMoreStep={Y}hasMore={$.length<C.length}onLoadMore={()=>M(e=>e+Y)}/>:null}contentContainerStyle={[T.listContent,C.length===0&&{flexGrow:1}]}keyboardShouldPersistTaps="handled"/>
+    </S>});export default Ue;

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

@@ -1,5 +1,5 @@
-import Y,{useCallback as Z,useMemo as Q,useRef as ee,useState as D}from"react";import{Alert as te,FlatList as Ce,Platform as be,ScrollView as N,StyleSheet as Te,Text as T,TextInput as Se,TouchableOpacity as Ie,View as C}from"react-native";import{useTranslation as Be}from"../../i18n";import{useInspector as Ve}from"./InspectorContext";import A from"../TouchableScale";import Fe from"../AnimatedEntrance";import Re from"../EndOfListFooter";import He from"./FeatureUnderDevNotice";import Pe from"../HighlightText";import{AppColors as e}from"../../styles/AppColors";import{AppFonts as k}from"../../styles/AppFonts";import{clearCrashRecords as Le}from"../../customHooks/crashHandler";import We,{DEFAULT_CRASH_FILTERS as _,isCrashFiltersDefault as L}from"./CrashFilterModal";import{SearchIcon as $e,ClearIcon as De,TrashIcon as Ae,TerminalIcon as Me,LayersIcon as je,ClockIcon as Oe,ShieldAlertIcon as Ne,FlameIcon as Ee,JsIcon as Je,HourglassIcon as Ue,SkullIcon as Qe,LayoutIcon as _e,ChipIcon as qe,AppleIcon as Ge,AndroidIcon as Ke,RepeatIcon as Xe,CodeBracketsIcon as Ye,FilterIcon as Ze,ForwardChevronIcon as Ct}from"../NetworkIcons";const bt=S=>{const R=Date.now(),M=Math.max(0,R-S),W=Math.floor(M/1e3),v=Math.floor(W/60),$=Math.floor(v/60),B=Math.floor($/24);return W<60?`${W}s ago`:v<60?`${v}m ago`:$<24?`${$}h ago`:`${B}d ago`},Tt=Y.memo(()=>{const{t:S}=Be(),{crashRecords:R,setSelectedCrash:M}=Ve(),W=ee(null),[v,$]=D(100),[B,O]=D(""),[z,E]=D("all"),[w,J]=D(_),[q,U]=D(!1),V=Q(()=>{const r=R.length;let o=0,x=0,F=0,I=0,j=0;return R.forEach(P=>{P.isFatal&&o++,P.type==="js"?x++:P.type==="promise"?F++:P.type==="render"?I++:P.type==="native"&&j++}),{total:r,fatalCount:o,jsCount:x,promiseCount:F,renderCount:I,nativeCount:j}},[R]),H=Q(()=>{let r=R.filter(o=>{if(z==="fatal"&&!o.isFatal||z==="js"&&o.type!=="js"||z==="promise"&&o.type!=="promise"||z==="render"&&o.type!=="render"||z==="native"&&o.type!=="native"||w.types.size>0&&!w.types.has("all")&&!(w.types.has("fatal")&&o.isFatal||w.types.has("js")&&o.type==="js"||w.types.has("promise")&&o.type==="promise"||w.types.has("render")&&o.type==="render"||w.types.has("native")&&o.type==="native"))return!1;if(w.timeWindow!=="all"){const x=Date.now(),F=w.timeWindow==="15m"?x-900*1e3:w.timeWindow==="1h"?x-3600*1e3:w.timeWindow==="24h"?x-1440*60*1e3:x-10080*60*1e3;if(o.timestamp<F)return!1}if(w.platform!=="all"&&(o.deviceInfo?.platform||"").toLowerCase()!==w.platform)return!1;if(w.engine!=="all"){const x=o.deviceInfo?.isHermes;if(w.engine==="hermes"&&x!==!0||w.engine==="jsc"&&x===!0)return!1}if(B.trim().length>0){const x=B.trim().toLowerCase().split(/\s+/).filter(Boolean),F=[o.message||"",o.name||"",o.stack||"",o.type||"",o.deviceInfo?.platform||"",...(o.breadcrumbs||[]).map(I=>`${I.type||""} ${I.message||""}`)].join(" ").toLowerCase();return x.every(I=>F.includes(I))}return!0});return w.sortBy==="time_asc"&&(r=[...r].sort((o,x)=>o.timestamp-x.timestamp)),r},[R,z,B,w]),G=()=>{te.alert(S("crash.clearTitle"),S("crash.clearMessage"),[{text:S("crash.clearCancel"),style:"cancel"},{text:S("crash.clearConfirm"),style:"destructive",onPress:()=>Le()}])},K=Z(({item:r,index:o})=>{const x=r.isFatal,F=r.type.toUpperCase(),I=r.parsedStack&&r.parsedStack.length>0?r.parsedStack.find(X=>X.isAppCode)||r.parsedStack[0]:null,j=r.type==="native"?`${e.errorColor}22`:r.type==="render"?`${e.purple}22`:r.type==="promise"?`${e.darkOrange}22`:`${e.offerPurple}22`,P=r.type==="native"?e.errorColor:r.type==="render"?e.purple:r.type==="promise"?e.darkOrange:e.offerPurple;return<Fe index={o}distance={8}>
-          <A onPress={()=>{M(r)}}style={[t.cardContainer,x&&t.fatalCardBorder]}>
+import oe,{useCallback as ae,useEffect as le,useMemo as G,useRef as ne,useState as W}from"react";import{FlatList as Ce,ScrollView as J,StyleSheet as be,Text as T,TextInput as Te,TouchableOpacity as Se,View as C}from"react-native";import{useTranslation as ke}from"../../i18n";import{useInspector as Ie}from"./InspectorContext";import M from"../TouchableScale";import Be from"../AnimatedEntrance";import Ve from"../EndOfListFooter";import Fe from"./FeatureUnderDevNotice";import Re from"../HighlightText";import{AppColors as e}from"../../styles/AppColors";import{AppFonts as k}from"../../styles/AppFonts";import{clearCrashRecords as ve}from"../../customHooks/crashHandler";import He,{DEFAULT_CRASH_FILTERS as K,isCrashFiltersDefault as $}from"./CrashFilterModal";import{ConfirmationModal as Le}from"./ConfirmationModal";import{SearchIcon as Pe,ClearIcon as We,TrashIcon as $e,TerminalIcon as De,LayersIcon as Ae,ClockIcon as Me,ShieldAlertIcon as Oe,FlameIcon as Ee,JsIcon as Ne,HourglassIcon as Je,SkullIcon as _e,LayoutIcon as Ue,ChipIcon as Qe,AppleIcon as Ge,AndroidIcon as Ke,RepeatIcon as Xe,CodeBracketsIcon as Ye,FilterIcon as Ze,ForwardChevronIcon as Ct}from"../NetworkIcons";const bt=S=>{const R=Date.now(),j=Math.max(0,R-S),v=Math.floor(j/1e3),D=Math.floor(v/60),P=Math.floor(D/60),A=Math.floor(P/24);return v<60?`${v}s ago`:D<60?`${D}m ago`:P<24?`${P}h ago`:`${A}d ago`},X=10,Tt=oe.memo(()=>{const{t:S}=ke(),{crashRecords:R,setSelectedCrash:j,maxCrashLogs:v}=Ie(),D=v||50,P=ne(null),[A,_]=W(D),[B,E]=W(""),[z,U]=W("all"),[w,Q]=W(K),[Y,q]=W(!1),[Z,N]=W(!1);le(()=>{_(v||50),P.current?.scrollToOffset({offset:0,animated:!1})},[B,z,w,v]);const V=G(()=>{const r=R.length;let o=0,x=0,F=0,I=0,O=0;return R.forEach(L=>{L.isFatal&&o++,L.type==="js"?x++:L.type==="promise"?F++:L.type==="render"?I++:L.type==="native"&&O++}),{total:r,fatalCount:o,jsCount:x,promiseCount:F,renderCount:I,nativeCount:O}},[R]),H=G(()=>{let r=R.filter(o=>{if(z==="fatal"&&!o.isFatal||z==="js"&&o.type!=="js"||z==="promise"&&o.type!=="promise"||z==="render"&&o.type!=="render"||z==="native"&&o.type!=="native"||w.types.size>0&&!w.types.has("all")&&!(w.types.has("fatal")&&o.isFatal||w.types.has("js")&&o.type==="js"||w.types.has("promise")&&o.type==="promise"||w.types.has("render")&&o.type==="render"||w.types.has("native")&&o.type==="native"))return!1;if(w.timeWindow!=="all"){const x=Date.now(),F=w.timeWindow==="15m"?x-900*1e3:w.timeWindow==="1h"?x-3600*1e3:w.timeWindow==="24h"?x-1440*60*1e3:x-10080*60*1e3;if(o.timestamp<F)return!1}if(w.platform!=="all"&&(o.deviceInfo?.platform||"").toLowerCase()!==w.platform)return!1;if(w.engine!=="all"){const x=o.deviceInfo?.isHermes;if(w.engine==="hermes"&&x!==!0||w.engine==="jsc"&&x===!0)return!1}if(B.trim().length>0){const x=B.trim().toLowerCase().split(/\s+/).filter(Boolean),F=[o.message||"",o.name||"",o.stack||"",o.type||"",o.deviceInfo?.platform||"",...(o.breadcrumbs||[]).map(I=>`${I.type||""} ${I.message||""}`)].join(" ").toLowerCase();return x.every(I=>F.includes(I))}return!0});return w.sortBy==="time_asc"&&(r=[...r].sort((o,x)=>o.timestamp-x.timestamp)),r},[R,z,B,w]),ee=()=>{N(!0)},te=ae(({item:r,index:o})=>{const x=r.isFatal,F=r.type.toUpperCase(),I=r.parsedStack&&r.parsedStack.length>0?r.parsedStack.find(re=>re.isAppCode)||r.parsedStack[0]:null,O=r.type==="native"?`${e.errorColor}22`:r.type==="render"?`${e.purple}22`:r.type==="promise"?`${e.darkOrange}22`:`${e.offerPurple}22`,L=r.type==="native"?e.errorColor:r.type==="render"?e.purple:r.type==="promise"?e.darkOrange:e.offerPurple;return<Be index={o}distance={8}>
+          <M onPress={()=>{j(r)}}style={[t.cardContainer,x&&t.fatalCardBorder]}>
             
             <C style={t.cardHeader}>
               <C style={t.badgeRow}>
@@ -14,15 +14,15 @@ import Y,{useCallback as Z,useMemo as Q,useRef as ee,useState as D}from"react";i
                     <T style={t.caughtBadgeText}>{S("crash.handledBadge")}</T>
                   </C>}
 
-                <C style={[t.typeBadge,{backgroundColor:j}]}>
-                  <T style={[t.typeBadgeText,{color:P}]}>
+                <C style={[t.typeBadge,{backgroundColor:O}]}>
+                  <T style={[t.typeBadgeText,{color:L}]}>
                     {F}
                   </T>
                 </C>
               </C>
 
               <C style={t.timeRow}>
-                <Oe size={11}color={e.grayTextWeak}/>
+                <Me size={11}color={e.grayTextWeak}/>
                 <T style={t.timestampText}>
                   {r.timeStr||new Date(r.timestamp).toLocaleTimeString()}
                 </T>
@@ -35,12 +35,12 @@ import Y,{useCallback as Z,useMemo as Q,useRef as ee,useState as D}from"react";i
 
             
             <C style={{marginVertical:6}}>
-              <Pe text={r.message||S("crash.unknownException")}highlight={B}numberOfLines={3}style={t.errorMessageText}/>
+              <Re text={r.message||S("crash.unknownException")}highlight={B}numberOfLines={3}style={t.errorMessageText}/>
             </C>
 
             
             {I&&<C style={t.locationRow}>
-                <Me size={12}color={e.grayTextWeak}/>
+                <De size={12}color={e.grayTextWeak}/>
                 <T numberOfLines={1}ellipsizeMode="middle"style={t.locationText}>
                   {I.method!=="<anonymous>"?`${I.method} `:""}
                   <T style={{color:e.purple,fontFamily:k.interBold}}>
@@ -83,12 +83,12 @@ import Y,{useCallback as Z,useMemo as Q,useRef as ee,useState as D}from"react";i
                   </C>}
               </C>
             </C>
-          </A>
-        </Fe>},[B,M]);return<C style={t.container}>
+          </M>
+        </Be>},[B,j]);return<C style={t.container}>
       {R.length>0&&<>
           
           <C style={t.statsBar}>
-            <N horizontal showsHorizontalScrollIndicator={!1}contentContainerStyle={t.statsScrollContent}>
+            <J horizontal showsHorizontalScrollIndicator={!1}contentContainerStyle={t.statsScrollContent}>
               <C style={[t.statChip,t.statChipActive]}>
                 <T style={t.statChipValue}>{V.total}</T>
                 <T style={t.statChipLabel}>{S("crash.statCrashes")}</T>
@@ -128,45 +128,45 @@ import Y,{useCallback as Z,useMemo as Q,useRef as ee,useState as D}from"react";i
                 </T>
                 <T style={t.statChipLabel}>{S("crash.statNative")}</T>
               </C>
-            </N>
+            </J>
           </C>
 
           
           <C style={t.controlsContainer}>
             <C style={t.searchRow}>
               <C style={t.searchInputWrapper}>
-                <$e color={e.grayTextWeak}size={14}/>
-                <Se value={B}onChangeText={O}placeholder={S("crash.searchPlaceholder")}placeholderTextColor={e.grayTextWeak}style={t.searchInput}autoCapitalize="none"autoCorrect={!1}/>
+                <Pe color={e.grayTextWeak}size={14}/>
+                <Te value={B}onChangeText={E}placeholder={S("crash.searchPlaceholder")}placeholderTextColor={e.grayTextWeak}style={t.searchInput}autoCapitalize="none"autoCorrect={!1}/>
                 {B.length>0&&<C style={{flexDirection:"row",alignItems:"center",gap:4}}>
                     <C style={{backgroundColor:`${e.purple}20`,borderRadius:10,paddingHorizontal:6,paddingVertical:1.5}}>
                       <T style={{color:e.purple,fontSize:9.5,fontFamily:k.interBold}}>
                         {H.length}
                       </T>
                     </C>
-                    <Ie onPress={()=>O("")}hitSlop={8}>
-                      <De color={e.grayTextWeak}size={14}/>
-                    </Ie>
+                    <Se onPress={()=>E("")}hitSlop={8}>
+                      <We color={e.grayTextWeak}size={14}/>
+                    </Se>
                   </C>}
               </C>
 
               
-              <A onPress={()=>U(!0)}style={[t.filterButton,!L(w)&&{borderColor:`${e.brandPurple}60`,backgroundColor:`${e.brandPurple}15`}]}>
-                <Ze size={14}color={L(w)?e.grayTextStrong:e.brandPurple}/>
-                {!L(w)&&<C style={{position:"absolute",top:2,right:2,width:7,height:7,borderRadius:3.5,backgroundColor:e.darkOrange,borderWidth:1,borderColor:e.white}}/>}
-              </A>
+              <M onPress={()=>q(!0)}style={[t.filterButton,!$(w)&&{borderColor:`${e.brandPurple}60`,backgroundColor:`${e.brandPurple}15`}]}>
+                <Ze size={14}color={$(w)?e.grayTextStrong:e.brandPurple}/>
+                {!$(w)&&<C style={{position:"absolute",top:2,right:2,width:7,height:7,borderRadius:3.5,backgroundColor:e.darkOrange,borderWidth:1,borderColor:e.white}}/>}
+              </M>
 
               
-              <A onPress={G}style={t.clearButton}>
-                <Ae size={14}color={e.errorColor}/>
-              </A>
+              <M onPress={ee}style={t.clearButton}>
+                <$e size={14}color={e.errorColor}/>
+              </M>
             </C>
 
-            <He featureName="Crash & Exception Sentinel"/>
+            <Fe featureName="Crash & Exception Sentinel"/>
 
             
             <C style={{flexDirection:"row",alignItems:"center",marginBottom:8,paddingHorizontal:12,gap:6}}>
-              <N horizontal showsHorizontalScrollIndicator={!1}style={{flex:1}}contentContainerStyle={{flexDirection:"row",alignItems:"center",gap:6,paddingRight:6}}>
-                {[{key:"all",label:S("crash.filterAll"),Icon:je,count:V.total,themeColor:e.purple},{key:"fatal",label:S("crash.filterFatal"),Icon:Qe,count:V.fatalCount,themeColor:e.errorColor},{key:"js",label:S("crash.filterJsError"),Icon:Je,count:V.jsCount,themeColor:e.amber600},{key:"promise",label:S("crash.filterPromise"),Icon:Ue,count:V.promiseCount,themeColor:e.orange600},{key:"render",label:S("crash.filterRender"),Icon:_e,count:V.renderCount,themeColor:e.violet600},{key:"native",label:S("crash.filterNative"),Icon:qe,count:V.nativeCount,themeColor:e.cyan600}].map(r=>{const o=z===r.key,x=r.themeColor||e.purple,F=o?e.white:x,I=r.Icon;return<A key={r.key}onPress={()=>E(r.key)}>
+              <J horizontal showsHorizontalScrollIndicator={!1}style={{flex:1}}contentContainerStyle={{flexDirection:"row",alignItems:"center",gap:6,paddingRight:6}}>
+                {[{key:"all",label:S("crash.filterAll"),Icon:Ae,count:V.total,themeColor:e.purple},{key:"fatal",label:S("crash.filterFatal"),Icon:_e,count:V.fatalCount,themeColor:e.errorColor},{key:"js",label:S("crash.filterJsError"),Icon:Ne,count:V.jsCount,themeColor:e.amber600},{key:"promise",label:S("crash.filterPromise"),Icon:Je,count:V.promiseCount,themeColor:e.orange600},{key:"render",label:S("crash.filterRender"),Icon:Ue,count:V.renderCount,themeColor:e.violet600},{key:"native",label:S("crash.filterNative"),Icon:Qe,count:V.nativeCount,themeColor:e.cyan600}].map(r=>{const o=z===r.key,x=r.themeColor||e.purple,F=o?e.white:x,I=r.Icon;return<M key={r.key}onPress={()=>U(r.key)}>
                       <C style={{flexDirection:"row",alignItems:"center",paddingHorizontal:9,paddingVertical:4.5,borderRadius:8,backgroundColor:o?x:`${x}12`,borderWidth:1,borderColor:o?x:`${x}30`,gap:5}}>
                         <I size={11}color={F}/>
                         <T style={{fontFamily:k.interBold,fontSize:10.5,color:o?e.white:e.primaryBlack}}>
@@ -178,32 +178,34 @@ import Y,{useCallback as Z,useMemo as Q,useRef as ee,useState as D}from"react";i
                           </T>
                         </C>
                       </C>
-                    </A>})}
-              </N>
+                    </M>})}
+              </J>
             </C>
           </C>
         </>}
 
       
-      {H.length===0?<N contentContainerStyle={t.emptyContainer}showsVerticalScrollIndicator={!1}>
+      {H.length===0?<J contentContainerStyle={t.emptyContainer}showsVerticalScrollIndicator={!1}>
           <C style={t.emptyIconCircle}>
-            <Ne size={38}color={e.greenColor}/>
+            <Oe size={38}color={e.greenColor}/>
           </C>
           <T style={t.emptyTitle}>
-            {B.length>0?"No matching crash entries":z!=="all"||!L(w)?"No crashes match filters":S("crash.emptyTitle")}
+            {B.length>0?"No matching crash entries":z!=="all"||!$(w)?"No crashes match filters":S("crash.emptyTitle")}
           </T>
           <T style={t.emptySub}>
-            {B?`No crash entries matched "${B}"`:z!=="all"||!L(w)?"Try adjusting your filters or search keywords.":S("crash.emptySubtitle")}
+            {B?`No crash entries matched "${B}"`:z!=="all"||!$(w)?"Try adjusting your filters or search keywords.":S("crash.emptySubtitle")}
           </T>
-          {(B.length>0||z!=="all"||!L(w))&&<A onPress={()=>{O(""),E("all"),J(_)}}style={{marginTop:10,paddingHorizontal:14,paddingVertical:7,borderRadius:8,backgroundColor:e.purple}}>
+          {(B.length>0||z!=="all"||!$(w))&&<M onPress={()=>{E(""),U("all"),Q(K)}}style={{marginTop:10,paddingHorizontal:14,paddingVertical:7,borderRadius:8,backgroundColor:e.purple}}>
               <T style={{fontFamily:k.interBold,fontSize:11.5,color:e.white}}>
                 Clear Search & Filters
               </T>
-            </A>}
-        </N>:<>
-          <Ce ref={W}data={H.slice(0,v)}keyExtractor={r=>r.id}renderItem={K}initialNumToRender={12}maxToRenderPerBatch={8}windowSize={5}removeClippedSubviews={be.OS==="android"}renderToHardwareTextureAndroid={!0}contentContainerStyle={t.listContent}showsVerticalScrollIndicator={!1}ListFooterComponent={H.length>0?<Re count={Math.min(v,H.length)}totalCount={H.length}label="crashes"hasMore={H.length>v}onLoadMore={()=>$(r=>r+10)}/>:null}/>
+            </M>}
+        </J>:<>
+          <Ce ref={P}data={H.slice(0,A)}keyExtractor={r=>r.id}renderItem={te}initialNumToRender={10}maxToRenderPerBatch={8}windowSize={5}updateCellsBatchingPeriod={40}removeClippedSubviews={!0}renderToHardwareTextureAndroid={!0}contentContainerStyle={t.listContent}showsVerticalScrollIndicator={!1}ListFooterComponent={H.length>0?<Ve count={Math.min(A,H.length)}totalCount={H.length}label="crashes"loadMoreStep={X}hasMore={H.length>A}onLoadMore={()=>_(r=>r+X)}/>:null}/>
         </>}
 
       
-      <We visible={q}onClose={()=>U(!1)}filters={w}onApply={J}searchQuery={B}/>
-    </C>});export default Tt;const t=Te.create({container:{flex:1,backgroundColor:e.grayBackground},statsBar:{backgroundColor:e.primaryLight,borderBottomWidth:1,borderBottomColor:e.grayBorderSecondary,paddingVertical:10},statsScrollContent:{paddingHorizontal:16,gap:8},statChip:{flexDirection:"row",alignItems:"center",gap:6,paddingHorizontal:10,paddingVertical:5,borderRadius:8,backgroundColor:e.purpleShade50,borderWidth:1,borderColor:`${e.purple}14`},statChipActive:{backgroundColor:`${e.purple}14`,borderColor:`${e.purple}33`},statChipValue:{fontFamily:k.interBold,fontSize:13,color:e.primaryBlack},statChipLabel:{fontFamily:k.interMedium,fontSize:11,color:e.grayText},controlsContainer:{paddingHorizontal:16,paddingTop:12,paddingBottom:6,backgroundColor:e.grayBackground},searchRow:{flexDirection:"row",alignItems:"center",gap:8},searchInputWrapper:{flex:1,flexDirection:"row",alignItems:"center",backgroundColor:e.primaryLight,borderWidth:1,borderColor:e.grayBorderSecondary,borderRadius:10,paddingHorizontal:10,height:38,gap:8},searchInput:{flex:1,fontFamily:k.interRegular,fontSize:13,color:e.primaryBlack,paddingVertical:0},clearButton:{width:38,height:38,borderRadius:10,backgroundColor:`${e.errorColor}14`,borderWidth:1,borderColor:`${e.errorColor}22`,alignItems:"center",justifyContent:"center"},filterButton:{width:38,height:38,borderRadius:10,backgroundColor:`${e.brandPurple}0F`,borderWidth:1,borderColor:`${e.brandPurple}30`,alignItems:"center",justifyContent:"center"},filterScrollContent:{paddingVertical:10,gap:6},filterChip:{flexDirection:"row",alignItems:"center",gap:5,paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:e.primaryLight,borderWidth:1,borderColor:e.grayBorderSecondary},filterChipActive:{backgroundColor:e.purple,borderColor:e.purple},filterChipText:{fontFamily:k.interMedium,fontSize:12,color:e.grayText},filterChipTextActive:{fontFamily:k.interBold,color:e.white},listContent:{paddingHorizontal:16,paddingTop:4,paddingBottom:24,gap:10},cardContainer:{backgroundColor:e.primaryLight,borderRadius:12,borderWidth:1,borderColor:e.grayBorderSecondary,padding:14,shadowColor:e.shadowColorString,shadowOffset:{width:0,height:1},shadowOpacity:.05,shadowRadius:3,elevation:2},fatalCardBorder:{borderColor:`${e.errorColor}44`},cardHeader:{flexDirection:"row",alignItems:"center",justifyContent:"space-between"},badgeRow:{flexDirection:"row",alignItems:"center",gap:6,flexShrink:1},sNoBadge:{backgroundColor:e.grayBackground,borderWidth:1,borderColor:e.grayBorderSecondary,paddingHorizontal:6,paddingVertical:3,borderRadius:5},sNoBadgeText:{fontFamily:k.interBold,fontSize:9.5,color:e.grayText,letterSpacing:.3},fatalBadge:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:e.errorColor,paddingHorizontal:6,paddingVertical:3,borderRadius:5},fatalBadgeText:{fontFamily:k.interBold,fontSize:9.5,color:e.white,letterSpacing:.5},caughtBadge:{backgroundColor:`${e.greenColor}1F`,paddingHorizontal:6,paddingVertical:3,borderRadius:5},caughtBadgeText:{fontFamily:k.interBold,fontSize:9.5,color:e.greenColor,letterSpacing:.5},typeBadge:{paddingHorizontal:6,paddingVertical:3,borderRadius:5},typeBadgeText:{fontFamily:k.interBold,fontSize:9.5,letterSpacing:.5},timeRow:{flexDirection:"row",alignItems:"center",gap:4,flexShrink:1},timestampText:{fontFamily:k.interRegular,fontSize:11,color:e.grayTextWeak},relativeTimeText:{fontFamily:k.interBold,fontSize:10,color:e.grayTextWeak,backgroundColor:e.grayBackground,paddingHorizontal:5,paddingVertical:1,borderRadius:4,overflow:"hidden"},errorMessageText:{fontFamily:k.interBold,fontSize:13.5,color:e.primaryBlack,lineHeight:18},locationRow:{flexDirection:"row",alignItems:"center",gap:6,marginTop:2,marginBottom:6,backgroundColor:e.purpleShade50,paddingHorizontal:8,paddingVertical:4,borderRadius:6},locationText:{fontFamily:k.interRegular,fontSize:11,color:e.grayText,flex:1},cardFooter:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginTop:6,paddingTop:8,borderTopWidth:1,borderTopColor:e.dividerColor},metaPill:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:e.purpleShade50,paddingHorizontal:6,paddingVertical:2,borderRadius:4},metaPillText:{fontFamily:k.interMedium,fontSize:10,color:e.grayTextWeak},emptyContainer:{flexGrow:1,alignItems:"center",justifyContent:"center",padding:32,paddingBottom:80},emptyIconCircle:{width:72,height:72,borderRadius:36,backgroundColor:`${e.greenColor}1F`,alignItems:"center",justifyContent:"center",marginBottom:16},emptyTitle:{fontFamily:k.interBold,fontSize:17,color:e.primaryBlack,marginBottom:6},emptySub:{fontFamily:k.interRegular,fontSize:13,color:e.grayText,textAlign:"center",lineHeight:18,maxWidth:280}});
+      <He visible={Y}onClose={()=>q(!1)}filters={w}onApply={Q}searchQuery={B}/>
+
+      <Le visible={Z}title={S("crash.clearTitle","Clear Crash Records")}message={S("crash.clearMessage","Are you sure you want to clear all intercepted crash records?")}confirmText={S("crash.clearConfirm","Clear All")}cancelText={S("crash.clearCancel","Cancel")}isDestructive={!0}icon="trash"onConfirm={()=>{N(!1),ve()}}onCancel={()=>N(!1)}/>
+    </C>});export default Tt;const t=be.create({container:{flex:1,backgroundColor:e.grayBackground},statsBar:{backgroundColor:e.primaryLight,borderBottomWidth:1,borderBottomColor:e.grayBorderSecondary,paddingVertical:10},statsScrollContent:{paddingHorizontal:16,gap:8},statChip:{flexDirection:"row",alignItems:"center",gap:6,paddingHorizontal:10,paddingVertical:5,borderRadius:8,backgroundColor:e.purpleShade50,borderWidth:1,borderColor:`${e.purple}14`},statChipActive:{backgroundColor:`${e.purple}14`,borderColor:`${e.purple}33`},statChipValue:{fontFamily:k.interBold,fontSize:13,color:e.primaryBlack},statChipLabel:{fontFamily:k.interMedium,fontSize:11,color:e.grayText},controlsContainer:{paddingHorizontal:16,paddingTop:12,paddingBottom:6,backgroundColor:e.grayBackground},searchRow:{flexDirection:"row",alignItems:"center",gap:8},searchInputWrapper:{flex:1,flexDirection:"row",alignItems:"center",backgroundColor:e.primaryLight,borderWidth:1,borderColor:e.grayBorderSecondary,borderRadius:10,paddingHorizontal:10,height:38,gap:8},searchInput:{flex:1,fontFamily:k.interRegular,fontSize:13,color:e.primaryBlack,paddingVertical:0},clearButton:{width:38,height:38,borderRadius:10,backgroundColor:`${e.errorColor}14`,borderWidth:1,borderColor:`${e.errorColor}22`,alignItems:"center",justifyContent:"center"},filterButton:{width:38,height:38,borderRadius:10,backgroundColor:`${e.brandPurple}0F`,borderWidth:1,borderColor:`${e.brandPurple}30`,alignItems:"center",justifyContent:"center"},filterScrollContent:{paddingVertical:10,gap:6},filterChip:{flexDirection:"row",alignItems:"center",gap:5,paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:e.primaryLight,borderWidth:1,borderColor:e.grayBorderSecondary},filterChipActive:{backgroundColor:e.purple,borderColor:e.purple},filterChipText:{fontFamily:k.interMedium,fontSize:12,color:e.grayText},filterChipTextActive:{fontFamily:k.interBold,color:e.white},listContent:{paddingHorizontal:16,paddingTop:4,paddingBottom:24,gap:10},cardContainer:{backgroundColor:e.primaryLight,borderRadius:12,borderWidth:1,borderColor:e.grayBorderSecondary,padding:14,shadowColor:e.shadowColorString,shadowOffset:{width:0,height:1},shadowOpacity:.05,shadowRadius:3,elevation:2},fatalCardBorder:{borderColor:`${e.errorColor}44`},cardHeader:{flexDirection:"row",alignItems:"center",justifyContent:"space-between"},badgeRow:{flexDirection:"row",alignItems:"center",gap:6,flexShrink:1},sNoBadge:{backgroundColor:e.grayBackground,borderWidth:1,borderColor:e.grayBorderSecondary,paddingHorizontal:6,paddingVertical:3,borderRadius:5},sNoBadgeText:{fontFamily:k.interBold,fontSize:9.5,color:e.grayText,letterSpacing:.3},fatalBadge:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:e.errorColor,paddingHorizontal:6,paddingVertical:3,borderRadius:5},fatalBadgeText:{fontFamily:k.interBold,fontSize:9.5,color:e.white,letterSpacing:.5},caughtBadge:{backgroundColor:`${e.greenColor}1F`,paddingHorizontal:6,paddingVertical:3,borderRadius:5},caughtBadgeText:{fontFamily:k.interBold,fontSize:9.5,color:e.greenColor,letterSpacing:.5},typeBadge:{paddingHorizontal:6,paddingVertical:3,borderRadius:5},typeBadgeText:{fontFamily:k.interBold,fontSize:9.5,letterSpacing:.5},timeRow:{flexDirection:"row",alignItems:"center",gap:4,flexShrink:1},timestampText:{fontFamily:k.interRegular,fontSize:11,color:e.grayTextWeak},relativeTimeText:{fontFamily:k.interBold,fontSize:10,color:e.grayTextWeak,backgroundColor:e.grayBackground,paddingHorizontal:5,paddingVertical:1,borderRadius:4,overflow:"hidden"},errorMessageText:{fontFamily:k.interBold,fontSize:13.5,color:e.primaryBlack,lineHeight:18},locationRow:{flexDirection:"row",alignItems:"center",gap:6,marginTop:2,marginBottom:6,backgroundColor:e.purpleShade50,paddingHorizontal:8,paddingVertical:4,borderRadius:6},locationText:{fontFamily:k.interRegular,fontSize:11,color:e.grayText,flex:1},cardFooter:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginTop:6,paddingTop:8,borderTopWidth:1,borderTopColor:e.dividerColor},metaPill:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:e.purpleShade50,paddingHorizontal:6,paddingVertical:2,borderRadius:4},metaPillText:{fontFamily:k.interMedium,fontSize:10,color:e.grayTextWeak},emptyContainer:{flexGrow:1,alignItems:"center",justifyContent:"center",padding:32,paddingBottom:80},emptyIconCircle:{width:72,height:72,borderRadius:36,backgroundColor:`${e.greenColor}1F`,alignItems:"center",justifyContent:"center",marginBottom:16},emptyTitle:{fontFamily:k.interBold,fontSize:17,color:e.primaryBlack,marginBottom:6},emptySub:{fontFamily:k.interRegular,fontSize:13,color:e.grayText,textAlign:"center",lineHeight:18,maxWidth:280}});