react-native-inapp-inspector 2.3.23 → 2.3.25

package/dist/commonjs/components/AnalyticsDetail.js

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(e,r,i,l){l===void 0&&(l=i);var o=Object.getOwnPropertyDescriptor(r,i);(!o||("get"in o?!r.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return r[i]}}),Object.defineProperty(e,l,o)}):(function(e,r,i,l){l===void 0&&(l=i),e[l]=r[i]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(e,r){Object.defineProperty(e,"default",{enumerable:!0,value:r})}):function(e,r){e.default=r}),__importStar=this&&this.__importStar||(function(){var e=function(r){return e=Object.getOwnPropertyNames||function(i){var l=[];for(var o in i)Object.prototype.hasOwnProperty.call(i,o)&&(l[l.length]=o);return l},e(r)};return function(r){if(r&&r.__esModule)return r;var i={};if(r!=null)for(var l=e(r),o=0;o<l.length;o++)l[o]!=="default"&&__createBinding(i,r,l[o]);return __setModuleDefault(i,r),i}})(),__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),CopyButton_1=__importDefault(require("./CopyButton")),JsonViewer_1=__importDefault(require("./JsonViewer")),SegmentedTabs_1=__importDefault(require("./SegmentedTabs")),HighlightText_1=__importDefault(require("./HighlightText")),AnimatedEntrance_1=__importDefault(require("./AnimatedEntrance")),AppFonts_1=require("../styles/AppFonts"),AppColors_1=require("../styles/AppColors"),helpers_1=require("../helpers"),gaAnalyticsRegistry_1=require("../helpers/gaAnalyticsRegistry"),i18n_1=require("../i18n"),NetworkIcons_1=require("./NetworkIcons"),AnalyticsDetail=({event:e})=>{const{t:r}=(0,i18n_1.useTranslation)(),[i,l]=(0,react_1.useState)("overview"),[o,w]=(0,react_1.useState)(""),a=(0,react_1.useMemo)(()=>e.params??{},[e.params]),d=(0,react_1.useMemo)(()=>e.userProperties??{},[e.userProperties]),u=(0,react_1.useMemo)(()=>Object.keys(a),[a]),s=(0,react_1.useMemo)(()=>Object.keys(d),[d]),b=(0,react_1.useMemo)(()=>(0,gaAnalyticsRegistry_1.getEventCategory)(e.name,a),[e.name,a]),y=(0,react_1.useMemo)(()=>({name:e.name,timestamp:e.timestamp,source:e.source,...e.screenName?{screenName:e.screenName}:{},...e.screenClass?{screenClass:e.screenClass}:{},...e.userId?{userId:e.userId}:{},...e.sessionId?{sessionId:e.sessionId}:{},...e.trackingId?{trackingId:e.trackingId}:{},params:a,...s.length>0?{userProperties:d}:{}}),[e,a,s.length,d]),m=(0,react_1.useMemo)(()=>{const t=a.value??a.price,n=a.currency??"USD";return t!=null&&!isNaN(Number(t))?{amount:Number(t).toFixed(2),currency:String(n).toUpperCase()}:null},[a]),f=(0,react_1.useMemo)(()=>Array.isArray(a.items)?a.items.length:null,[a.items]),x=(0,react_1.useMemo)(()=>e.screenName||a.firebase_screen||a.screen_name||a.page_title||e.screenClass||a.firebase_screen_class,[e.screenName,e.screenClass,a]),h=(0,react_1.useMemo)(()=>{const t=Object.entries(a);if(!o.trim())return t;const n=o.toLowerCase();return t.filter(([_,c])=>{const C=typeof c=="object"?JSON.stringify(c):String(c);return _.toLowerCase().includes(n)||C.toLowerCase().includes(n)})},[a,o]),p=(0,react_1.useMemo)(()=>{switch(b){case"ecommerce":return{label:r("analytics.ecommerceCategory"),color:AppColors_1.AppColors.amber700,bg:AppColors_1.AppColors.amber100,border:AppColors_1.AppColors.amber200,icon:t=><NetworkIcons_1.CartIcon color={t}size={11}/>};case"page_view":return{label:r("analytics.screensCategory"),color:AppColors_1.AppColors.sky600,bg:AppColors_1.AppColors.sky100,border:AppColors_1.AppColors.sky400,icon:t=><NetworkIcons_1.GlobeIcon color={t}size={11}/>};case"system":return{label:r("analytics.systemCategory"),color:AppColors_1.AppColors.purple,bg:AppColors_1.AppColors.purple100,border:AppColors_1.AppColors.purple200,icon:t=><NetworkIcons_1.BoltIcon color={t}size={11}/>};default:return{label:r("analytics.customCategory"),color:AppColors_1.AppColors.brandPurple,bg:AppColors_1.AppColors.purple100,border:AppColors_1.AppColors.purple200,icon:t=><NetworkIcons_1.SparkleIcon color={t}size={11}/>}}},[b,r]),V=[{key:"overview",label:`${r("analytics.overviewTab")} (${u.length})`,icon:t=><NetworkIcons_1.TableIcon color={t?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}size={12}/>},{key:"json",label:"JSON Payload",icon:t=><NetworkIcons_1.PrettyIcon color={t?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}size={12}/>}];return<react_native_1.ScrollView style={detailStyles.scroll}contentContainerStyle={detailStyles.content}showsVerticalScrollIndicator contentInsetAdjustmentBehavior="never"automaticallyAdjustContentInsets={!1}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(e,r,i,l){l===void 0&&(l=i);var o=Object.getOwnPropertyDescriptor(r,i);(!o||("get"in o?!r.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return r[i]}}),Object.defineProperty(e,l,o)}):(function(e,r,i,l){l===void 0&&(l=i),e[l]=r[i]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(e,r){Object.defineProperty(e,"default",{enumerable:!0,value:r})}):function(e,r){e.default=r}),__importStar=this&&this.__importStar||(function(){var e=function(r){return e=Object.getOwnPropertyNames||function(i){var l=[];for(var o in i)Object.prototype.hasOwnProperty.call(i,o)&&(l[l.length]=o);return l},e(r)};return function(r){if(r&&r.__esModule)return r;var i={};if(r!=null)for(var l=e(r),o=0;o<l.length;o++)l[o]!=="default"&&__createBinding(i,r,l[o]);return __setModuleDefault(i,r),i}})(),__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),CopyButton_1=__importDefault(require("./CopyButton")),JsonViewer_1=__importDefault(require("./JsonViewer")),SegmentedTabs_1=__importDefault(require("./SegmentedTabs")),HighlightText_1=__importDefault(require("./HighlightText")),AnimatedEntrance_1=__importDefault(require("./AnimatedEntrance")),AppFonts_1=require("../styles/AppFonts"),AppColors_1=require("../styles/AppColors"),helpers_1=require("../helpers"),gaAnalyticsRegistry_1=require("../helpers/gaAnalyticsRegistry"),i18n_1=require("../i18n"),NetworkIcons_1=require("./NetworkIcons"),AnalyticsDetail=({event:e})=>{const{t:r}=(0,i18n_1.useTranslation)(),[i,l]=(0,react_1.useState)("overview"),[o,w]=(0,react_1.useState)(""),a=(0,react_1.useMemo)(()=>e.params??{},[e.params]),d=(0,react_1.useMemo)(()=>e.userProperties??{},[e.userProperties]),u=(0,react_1.useMemo)(()=>Object.keys(a),[a]),s=(0,react_1.useMemo)(()=>Object.keys(d),[d]),b=(0,react_1.useMemo)(()=>(0,gaAnalyticsRegistry_1.getEventCategory)(e.name,a),[e.name,a]),y=(0,react_1.useMemo)(()=>({name:e.name,timestamp:e.timestamp,source:e.source,...e.screenName?{screenName:e.screenName}:{},...e.screenClass?{screenClass:e.screenClass}:{},...e.userId?{userId:e.userId}:{},...e.sessionId?{sessionId:e.sessionId}:{},...e.trackingId?{trackingId:e.trackingId}:{},params:a,...s.length>0?{userProperties:d}:{}}),[e,a,s.length,d]),m=(0,react_1.useMemo)(()=>{const t=a.value??a.price,n=a.currency??"USD";return t!=null&&!isNaN(Number(t))?{amount:Number(t).toFixed(2),currency:String(n).toUpperCase()}:null},[a]),f=(0,react_1.useMemo)(()=>Array.isArray(a.items)?a.items.length:null,[a.items]),x=(0,react_1.useMemo)(()=>e.screenName||a.firebase_screen||a.screen_name||a.page_title||e.screenClass||a.firebase_screen_class,[e.screenName,e.screenClass,a]),h=(0,react_1.useMemo)(()=>{const t=Object.entries(a);if(!o.trim())return t;const n=o.toLowerCase();return t.filter(([_,c])=>{const C=typeof c=="object"?JSON.stringify(c):String(c);return _.toLowerCase().includes(n)||C.toLowerCase().includes(n)})},[a,o]),p=(0,react_1.useMemo)(()=>{switch(b){case"ecommerce":return{label:r("analytics.ecommerceCategory"),color:AppColors_1.AppColors.amber700,bg:AppColors_1.AppColors.amber100,border:AppColors_1.AppColors.amber200,icon:t=><NetworkIcons_1.CartIcon color={t}size={11}/>};case"page_view":return{label:r("analytics.screensCategory"),color:AppColors_1.AppColors.sky600,bg:AppColors_1.AppColors.sky100,border:AppColors_1.AppColors.sky400,icon:t=><NetworkIcons_1.GlobeIcon color={t}size={11}/>};case"system":return{label:r("analytics.systemCategory"),color:AppColors_1.AppColors.purple,bg:AppColors_1.AppColors.purple100,border:AppColors_1.AppColors.purple200,icon:t=><NetworkIcons_1.BoltIcon color={t}size={11}/>};default:return{label:r("analytics.customCategory"),color:AppColors_1.AppColors.brandPurple,bg:AppColors_1.AppColors.purple100,border:AppColors_1.AppColors.purple200,icon:t=><NetworkIcons_1.SparkleIcon color={t}size={11}/>}}},[b,r]),T=[{key:"overview",label:`${r("analytics.overviewTab")} (${u.length})`,icon:t=><NetworkIcons_1.TableIcon color={t?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}size={12}/>},{key:"json",label:"JSON Payload",icon:t=><NetworkIcons_1.PrettyIcon color={t?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}size={12}/>}];return<react_native_1.ScrollView style={detailStyles.scroll}contentContainerStyle={detailStyles.content}showsVerticalScrollIndicator contentInsetAdjustmentBehavior="never"automaticallyAdjustContentInsets={!1}>
       
       
       <react_native_1.View style={detailStyles.heroCard}>
@@ -82,7 +82,7 @@
             </react_native_1.View>}
 
           {f!==null&&<react_native_1.View style={detailStyles.itemsPill}>
-              <NetworkIcons_1.PackageIcon size={12}color="#1D4ED8"/>
+              <NetworkIcons_1.PackageIcon size={12}color={AppColors_1.AppColors.blue700}/>
               <react_native_1.Text style={detailStyles.itemsValue}>
                 {f} items
               </react_native_1.Text>
@@ -92,7 +92,7 @@
 
       
       <react_native_1.View style={detailStyles.tabsWrap}>
-        <SegmentedTabs_1.default tabs={V}activeKey={i}onChange={t=>l(t)}/>
+        <SegmentedTabs_1.default tabs={T}activeKey={i}onChange={t=>l(t)}/>
       </react_native_1.View>
 
       
@@ -152,12 +152,12 @@
                   No parameters matching "{o}"
                 </react_native_1.Text>
               </react_native_1.View>:<react_native_1.View style={detailStyles.paramList}>
-                {h.map(([t,n],_)=>{const c=typeof n=="object"&&n!==null,C=Array.isArray(n);let g=typeof n;n===null?g="null":C?g=`array [${n.length}]`:c&&(g="object");const T=c?JSON.stringify(n,null,2):String(n),A=t==="value"||t==="price"||t==="currency"||t==="screen_name"||t==="item_id"||t==="item_name";return<AnimatedEntrance_1.default key={t}index={_}distance={4}>
+                {h.map(([t,n],_)=>{const c=typeof n=="object"&&n!==null,C=Array.isArray(n);let g=typeof n;n===null?g="null":C?g=`array [${n.length}]`:c&&(g="object");const A=c?JSON.stringify(n,null,2):String(n),V=t==="value"||t==="price"||t==="currency"||t==="screen_name"||t==="item_id"||t==="item_name";return<AnimatedEntrance_1.default key={t}index={_}distance={4}>
                       <react_native_1.View style={detailStyles.paramCard}>
                         
                         <react_native_1.View style={detailStyles.paramCardHeader}>
                           <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6,flex:1,minWidth:0}}>
-                            <HighlightText_1.default text={t}search={o}style={[detailStyles.paramKeyText,A&&detailStyles.paramKeyHighlighted]}highlightStyle={detailStyles.highlight}/>
+                            <HighlightText_1.default text={t}search={o}style={[detailStyles.paramKeyText,V&&detailStyles.paramKeyHighlighted]}highlightStyle={detailStyles.highlight}/>
                             <react_native_1.View style={detailStyles.typeBadge}>
                               <react_native_1.Text style={detailStyles.typeBadgeText}>
                                 {g.toUpperCase()}
@@ -165,12 +165,12 @@
                             </react_native_1.View>
                           </react_native_1.View>
 
-                          <CopyButton_1.default value={T}label={t}/>
+                          <CopyButton_1.default value={A}label={t}/>
                         </react_native_1.View>
 
                         
                         <react_native_1.View style={detailStyles.paramValBox}>
-                          {c?<JsonViewer_1.default data={n}search={o}hideTabs wrap/>:<HighlightText_1.default text={T}search={o}style={detailStyles.paramValText}highlightStyle={detailStyles.highlight}selectable/>}
+                          {c?<JsonViewer_1.default data={n}search={o}hideTabs wrap/>:<HighlightText_1.default text={A}search={o}style={detailStyles.paramValText}highlightStyle={detailStyles.highlight}selectable/>}
                         </react_native_1.View>
                       </react_native_1.View>
                     </AnimatedEntrance_1.default>})}
@@ -200,4 +200,4 @@
       {i==="json"&&<react_native_1.View style={detailStyles.jsonContainer}>
           <JsonViewer_1.default data={y}defaultExpandDepth={2}fullHeight/>
         </react_native_1.View>}
-    </react_native_1.ScrollView>},detailStyles=react_native_1.StyleSheet.create({scroll:{flex:1,backgroundColor:AppColors_1.AppColors.grayBackground},content:{paddingTop:12,paddingBottom:40,paddingHorizontal:12},heroCard:{backgroundColor:AppColors_1.AppColors.white,borderRadius:12,padding:14,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,shadowColor:AppColors_1.AppColors.primaryBlack,shadowOffset:{width:0,height:1},shadowOpacity:.04,shadowRadius:4,elevation:2,marginBottom:12},heroTopRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginBottom:10},idBadge:{paddingHorizontal:6,paddingVertical:2.5,borderRadius:5,backgroundColor:`${AppColors_1.AppColors.slate500}12`,borderWidth:1,borderColor:`${AppColors_1.AppColors.slate500}22`},idBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,color:AppColors_1.AppColors.grayTextWeak,letterSpacing:.2},sourceBadge:{flexDirection:"row",alignItems:"center",gap:4.5,paddingHorizontal:7,paddingVertical:3,borderRadius:5,borderWidth:1},sourceDot:{width:6,height:6,borderRadius:3},sourceBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,letterSpacing:.4},catBadge:{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:7,paddingVertical:3,borderRadius:5,borderWidth:1},catBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,letterSpacing:.3},titleRow:{marginBottom:8},eventTitle:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:16,color:AppColors_1.AppColors.primaryBlack,lineHeight:22},metaRow:{flexDirection:"row",alignItems:"center",gap:6,flexWrap:"wrap",marginBottom:10},timePill:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:`${AppColors_1.AppColors.purple}14`,paddingHorizontal:7,paddingVertical:3,borderRadius:5,borderWidth:1,borderColor:`${AppColors_1.AppColors.purple}2E`},timeText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10.5,color:AppColors_1.AppColors.purple},screenPill:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:`${AppColors_1.AppColors.sky500}14`,paddingHorizontal:7,paddingVertical:3,borderRadius:5,borderWidth:1,borderColor:`${AppColors_1.AppColors.sky500}2E`,maxWidth:220},screenText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10.5,color:AppColors_1.AppColors.sky600},metricsBar:{flexDirection:"row",alignItems:"center",gap:6,flexWrap:"wrap",paddingTop:8,borderTopWidth:1,borderTopColor:AppColors_1.AppColors.dividerColor},metricPill:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:AppColors_1.AppColors.grayBackground,paddingHorizontal:7,paddingVertical:3,borderRadius:5,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor},metricLabel:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10.5,color:AppColors_1.AppColors.grayTextWeak},metricValue:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:AppColors_1.AppColors.primaryBlack},revenuePill:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:AppColors_1.AppColors.emeraldBg,paddingHorizontal:7,paddingVertical:3,borderRadius:5,borderWidth:1,borderColor:AppColors_1.AppColors.emeraldBorder},revenueValue:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:"#047857"},itemsPill:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:"#EFF6FF",paddingHorizontal:7,paddingVertical:3,borderRadius:5,borderWidth:1,borderColor:"#BFDBFE"},itemsValue:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:"#1D4ED8"},tabsWrap:{marginBottom:12},tabContent:{gap:12},sectionCard:{backgroundColor:AppColors_1.AppColors.white,borderRadius:12,padding:12,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,shadowColor:AppColors_1.AppColors.primaryBlack,shadowOffset:{width:0,height:1},shadowOpacity:.04,shadowRadius:4,elevation:2},sectionHeader:{flexDirection:"row",alignItems:"center",gap:6,marginBottom:10,paddingBottom:6,borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.dividerColor},sectionHeaderBetween:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginBottom:10,paddingBottom:6,borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.dividerColor},sectionTitle:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,color:AppColors_1.AppColors.slate700,letterSpacing:.4},sectionSubtitle:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10,color:AppColors_1.AppColors.grayTextWeak},sectionBody:{gap:6},kvRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingVertical:3},kvKey:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.grayTextWeak},kvVal:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,color:AppColors_1.AppColors.primaryBlack},searchBar:{flexDirection:"row",alignItems:"center",backgroundColor:AppColors_1.AppColors.grayBackground,borderRadius:8,paddingHorizontal:8,paddingVertical:5,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,marginBottom:10,gap:6},searchInput:{flex:1,fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,color:AppColors_1.AppColors.primaryBlack,paddingVertical:0},emptyParamsBox:{alignItems:"center",justifyContent:"center",paddingVertical:20,gap:6},emptyParamsText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.grayTextWeak},paramList:{gap:8},paramCard:{backgroundColor:AppColors_1.AppColors.grayBackground,borderRadius:8,padding:9,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor},paramCardHeader:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginBottom:4},paramKeyText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11.5,color:AppColors_1.AppColors.primaryBlack},paramKeyHighlighted:{color:AppColors_1.AppColors.brandPurple},typeBadge:{backgroundColor:"#E2E8F0",paddingHorizontal:5,paddingVertical:1.5,borderRadius:3},typeBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5,color:AppColors_1.AppColors.slate700,letterSpacing:.3},paramValBox:{marginTop:2},paramValText:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,color:AppColors_1.AppColors.slate700,lineHeight:16},jsonContainer:{borderRadius:12,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,overflow:"hidden",backgroundColor:AppColors_1.AppColors.white,minHeight:300},highlight:{backgroundColor:"#FEF08A",color:"#854D0E",fontFamily:AppFonts_1.AppFonts.interBold}});exports.default=AnalyticsDetail;
+    </react_native_1.ScrollView>},detailStyles=react_native_1.StyleSheet.create({scroll:{flex:1,backgroundColor:AppColors_1.AppColors.grayBackground},content:{paddingTop:12,paddingBottom:40,paddingHorizontal:12},heroCard:{backgroundColor:AppColors_1.AppColors.white,borderRadius:12,padding:14,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,shadowColor:AppColors_1.AppColors.primaryBlack,shadowOffset:{width:0,height:1},shadowOpacity:.04,shadowRadius:4,elevation:2,marginBottom:12},heroTopRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginBottom:10},idBadge:{paddingHorizontal:6,paddingVertical:2.5,borderRadius:5,backgroundColor:`${AppColors_1.AppColors.slate500}12`,borderWidth:1,borderColor:`${AppColors_1.AppColors.slate500}22`},idBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,color:AppColors_1.AppColors.grayTextWeak,letterSpacing:.2},sourceBadge:{flexDirection:"row",alignItems:"center",gap:4.5,paddingHorizontal:7,paddingVertical:3,borderRadius:5,borderWidth:1},sourceDot:{width:6,height:6,borderRadius:3},sourceBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,letterSpacing:.4},catBadge:{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:7,paddingVertical:3,borderRadius:5,borderWidth:1},catBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,letterSpacing:.3},titleRow:{marginBottom:8},eventTitle:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:16,color:AppColors_1.AppColors.primaryBlack,lineHeight:22},metaRow:{flexDirection:"row",alignItems:"center",gap:6,flexWrap:"wrap",marginBottom:10},timePill:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:`${AppColors_1.AppColors.purple}14`,paddingHorizontal:7,paddingVertical:3,borderRadius:5,borderWidth:1,borderColor:`${AppColors_1.AppColors.purple}2E`},timeText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10.5,color:AppColors_1.AppColors.purple},screenPill:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:`${AppColors_1.AppColors.sky500}14`,paddingHorizontal:7,paddingVertical:3,borderRadius:5,borderWidth:1,borderColor:`${AppColors_1.AppColors.sky500}2E`,maxWidth:220},screenText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10.5,color:AppColors_1.AppColors.sky600},metricsBar:{flexDirection:"row",alignItems:"center",gap:6,flexWrap:"wrap",paddingTop:8,borderTopWidth:1,borderTopColor:AppColors_1.AppColors.dividerColor},metricPill:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:AppColors_1.AppColors.grayBackground,paddingHorizontal:7,paddingVertical:3,borderRadius:5,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor},metricLabel:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10.5,color:AppColors_1.AppColors.grayTextWeak},metricValue:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:AppColors_1.AppColors.primaryBlack},revenuePill:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:AppColors_1.AppColors.emeraldBg,paddingHorizontal:7,paddingVertical:3,borderRadius:5,borderWidth:1,borderColor:AppColors_1.AppColors.emeraldBorder},revenueValue:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:AppColors_1.AppColors.greenSuccessDark},itemsPill:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:AppColors_1.AppColors.blueTintBg,paddingHorizontal:7,paddingVertical:3,borderRadius:5,borderWidth:1,borderColor:AppColors_1.AppColors.sky100},itemsValue:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:AppColors_1.AppColors.blue700},tabsWrap:{marginBottom:12},tabContent:{gap:12},sectionCard:{backgroundColor:AppColors_1.AppColors.white,borderRadius:12,padding:12,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,shadowColor:AppColors_1.AppColors.primaryBlack,shadowOffset:{width:0,height:1},shadowOpacity:.04,shadowRadius:4,elevation:2},sectionHeader:{flexDirection:"row",alignItems:"center",gap:6,marginBottom:10,paddingBottom:6,borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.dividerColor},sectionHeaderBetween:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginBottom:10,paddingBottom:6,borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.dividerColor},sectionTitle:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,color:AppColors_1.AppColors.slate700,letterSpacing:.4},sectionSubtitle:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10,color:AppColors_1.AppColors.grayTextWeak},sectionBody:{gap:6},kvRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingVertical:3},kvKey:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.grayTextWeak},kvVal:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,color:AppColors_1.AppColors.primaryBlack},searchBar:{flexDirection:"row",alignItems:"center",backgroundColor:AppColors_1.AppColors.grayBackground,borderRadius:8,paddingHorizontal:8,paddingVertical:5,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,marginBottom:10,gap:6},searchInput:{flex:1,fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,color:AppColors_1.AppColors.primaryBlack,paddingVertical:0},emptyParamsBox:{alignItems:"center",justifyContent:"center",paddingVertical:20,gap:6},emptyParamsText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.grayTextWeak},paramList:{gap:8},paramCard:{backgroundColor:AppColors_1.AppColors.grayBackground,borderRadius:8,padding:9,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor},paramCardHeader:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginBottom:4},paramKeyText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11.5,color:AppColors_1.AppColors.primaryBlack},paramKeyHighlighted:{color:AppColors_1.AppColors.brandPurple},typeBadge:{backgroundColor:AppColors_1.AppColors.slate200,paddingHorizontal:5,paddingVertical:1.5,borderRadius:3},typeBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5,color:AppColors_1.AppColors.slate700,letterSpacing:.3},paramValBox:{marginTop:2},paramValText:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,color:AppColors_1.AppColors.slate700,lineHeight:16},jsonContainer:{borderRadius:12,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,overflow:"hidden",backgroundColor:AppColors_1.AppColors.white,minHeight:300},highlight:{backgroundColor:AppColors_1.AppColors.yellow200,color:AppColors_1.AppColors.yellow800,fontFamily:AppFonts_1.AppFonts.interBold}});exports.default=AnalyticsDetail;

package/dist/commonjs/components/AnalyticsEventCard.js

@@ -46,11 +46,14 @@
           </react_native_1.View>
 
           
-          <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:3}}>
-            <NetworkIcons_1.ClockIcon color={AppColors_1.AppColors.grayTextWeak}size={10}/>
-            <react_native_1.Text style={[cardStyles.timestamp,{color:AppColors_1.AppColors.grayTextWeak}]}>
-              {(0,helpers_1.formatTime)(e.timestamp)}
-            </react_native_1.Text>
+          <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:5}}>
+            <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:3}}>
+              <NetworkIcons_1.ClockIcon color={AppColors_1.AppColors.grayTextWeak}size={10}/>
+              <react_native_1.Text style={[cardStyles.timestamp,{color:AppColors_1.AppColors.grayTextWeak}]}>
+                {(0,helpers_1.formatTime)(e.timestamp)}
+              </react_native_1.Text>
+            </react_native_1.View>
+            <NetworkIcons_1.ForwardChevronIcon color={AppColors_1.AppColors.grayTextWeak}size={13}/>
           </react_native_1.View>
         </react_native_1.View>
 
@@ -85,13 +88,13 @@
                     </react_native_1.Text>
                   </react_native_1.View>:null})()}
 
-            {(()=>{const i=e.params?.value??e.params?.price,c=e.params?.currency??"",m=typeof i=="string"||typeof i=="number";if(i!=null&&m&&String(i).trim()!==""){const b=typeof c=="string"&&c.trim()!==""?c.toUpperCase():"";return<react_native_1.View style={[cardStyles.chip,{backgroundColor:`${AppColors_1.AppColors.emerald500}15`,borderColor:`${AppColors_1.AppColors.emerald500}35`}]}>
+            {(()=>{const i=e.params?.value??e.params?.price,c=e.params?.currency??"",h=typeof i=="string"||typeof i=="number";if(i!=null&&h&&String(i).trim()!==""){const m=typeof c=="string"&&c.trim()!==""?c.toUpperCase():"";return<react_native_1.View style={[cardStyles.chip,{backgroundColor:`${AppColors_1.AppColors.emerald500}15`,borderColor:`${AppColors_1.AppColors.emerald500}35`}]}>
                     <NetworkIcons_1.MoneyIcon color={AppColors_1.AppColors.emerald600}size={11}/>
                     <react_native_1.Text style={[cardStyles.chipText,{color:AppColors_1.AppColors.emerald600,fontFamily:AppFonts_1.AppFonts.interBold}]}>
-                      {String(i)} {b}
+                      {String(i)} {m}
                     </react_native_1.Text>
                   </react_native_1.View>}return null})()}
           </react_native_1.View>
         </react_native_1.View>
       </TouchableScale_1.default>
-    </react_native_1.View>}),cardStyles=react_native_1.StyleSheet.create({container:{paddingHorizontal:10,paddingVertical:3},gapContainer:{flexDirection:"row",alignItems:"center",justifyContent:"center",marginVertical:6,gap:8},gapLine:{flex:1,height:1,backgroundColor:`${AppColors_1.AppColors.dividerColor}`},gapText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:AppColors_1.AppColors.grayTextWeak,letterSpacing:.5},modernCard:{backgroundColor:AppColors_1.AppColors.white,borderRadius:10,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,padding:10,shadowColor:AppColors_1.AppColors.black,shadowOpacity:.03,shadowRadius:3,shadowOffset:{width:0,height:1},elevation:1,overflow:"hidden",gap:8},cardHeader:{flexDirection:"row",justifyContent:"space-between",alignItems:"center"},iconBadge:{width:22,height:22,borderRadius:6,borderWidth:1,alignItems:"center",justifyContent:"center"},eventName:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13,letterSpacing:.1,color:AppColors_1.AppColors.primaryBlack},timestamp:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10,color:AppColors_1.AppColors.grayTextWeak},highlight:{backgroundColor:AppColors_1.AppColors.yellowHighlight,color:AppColors_1.AppColors.primaryBlack,borderRadius:2},cardBody:{flexDirection:"row",alignItems:"center",justifyContent:"space-between"},chipsRow:{flexDirection:"row",alignItems:"center",flexWrap:"wrap",gap:6,flex:1},chip:{flexDirection:"row",alignItems:"center",paddingHorizontal:6,paddingVertical:2.5,borderRadius:5,borderWidth:1,gap:3.5},chipText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10,color:AppColors_1.AppColors.grayText},screenDot:{width:5,height:5,borderRadius:2.5},duplicateBadge:{backgroundColor:AppColors_1.AppColors.roseBg,borderColor:AppColors_1.AppColors.roseBorder,borderWidth:1,paddingHorizontal:5,paddingVertical:1.5,borderRadius:4},duplicateText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9,color:AppColors_1.AppColors.rose600,textTransform:"uppercase"},idBadge:{paddingHorizontal:6,paddingVertical:2,borderRadius:6,backgroundColor:`${AppColors_1.AppColors.slate500}12`,borderWidth:1,borderColor:`${AppColors_1.AppColors.slate500}22`},idBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,color:AppColors_1.AppColors.grayTextWeak,letterSpacing:.2},categoryBadge:{borderWidth:1,paddingHorizontal:5,paddingVertical:1.5,borderRadius:4},categoryText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5,textTransform:"uppercase",letterSpacing:.4}});exports.default=AnalyticsEventCard;
+    </react_native_1.View>}),cardStyles=react_native_1.StyleSheet.create({container:{paddingHorizontal:10,paddingVertical:4,height:86,justifyContent:"center"},gapContainer:{flexDirection:"row",alignItems:"center",justifyContent:"center",marginVertical:4,gap:8},gapLine:{flex:1,height:1,backgroundColor:`${AppColors_1.AppColors.dividerColor}`},gapText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:AppColors_1.AppColors.grayTextWeak,letterSpacing:.5},modernCard:{backgroundColor:AppColors_1.AppColors.white,borderRadius:10,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,paddingHorizontal:12,paddingVertical:9,shadowColor:AppColors_1.AppColors.black,shadowOpacity:.03,shadowRadius:3,shadowOffset:{width:0,height:1},elevation:1,overflow:"hidden",height:78,justifyContent:"space-between"},cardHeader:{flexDirection:"row",justifyContent:"space-between",alignItems:"center",height:24},iconBadge:{width:22,height:22,borderRadius:6,borderWidth:1,alignItems:"center",justifyContent:"center"},eventName:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13,lineHeight:17,letterSpacing:.1,color:AppColors_1.AppColors.primaryBlack},timestamp:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10.5,lineHeight:14,color:AppColors_1.AppColors.grayTextWeak},highlight:{backgroundColor:AppColors_1.AppColors.yellowHighlight,color:AppColors_1.AppColors.primaryBlack,borderRadius:2},cardBody:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",height:24,overflow:"hidden"},chipsRow:{flexDirection:"row",alignItems:"center",flexWrap:"nowrap",gap:6,flex:1,overflow:"hidden"},chip:{flexDirection:"row",alignItems:"center",paddingHorizontal:6,paddingVertical:2.5,borderRadius:4.5,borderWidth:1,gap:3.5},chipText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10,lineHeight:13,color:AppColors_1.AppColors.grayText},screenDot:{width:5,height:5,borderRadius:2.5},duplicateBadge:{backgroundColor:AppColors_1.AppColors.roseBg,borderColor:AppColors_1.AppColors.roseBorder,borderWidth:1,paddingHorizontal:5,paddingVertical:1.5,borderRadius:4},duplicateText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5,color:AppColors_1.AppColors.rose600,textTransform:"uppercase"},idBadge:{paddingHorizontal:5.5,paddingVertical:2,borderRadius:5,backgroundColor:`${AppColors_1.AppColors.slate500}12`,borderWidth:1,borderColor:`${AppColors_1.AppColors.slate500}22`},idBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:AppColors_1.AppColors.grayTextWeak,letterSpacing:.2},categoryBadge:{borderWidth:1,paddingHorizontal:5,paddingVertical:1.5,borderRadius:4},categoryText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5,textTransform:"uppercase",letterSpacing:.4}});exports.default=AnalyticsEventCard;

package/dist/commonjs/components/AppHeaderLogo.js

@@ -4,4 +4,4 @@
         <react_native_1.Image source={t}style={[logoStyles.image,{borderRadius:r-2}]}resizeMode="cover"/>
       </react_native_1.View>}return<react_native_1.View style={[logoStyles.container,{width:e,height:e,borderRadius:r}]}>
       <BrandSquareIcon_1.default size={e}/>
-    </react_native_1.View>};exports.AppHeaderLogo=AppHeaderLogo;const logoStyles=react_native_1.StyleSheet.create({container:{overflow:"hidden",alignItems:"center",justifyContent:"center",borderWidth:1.5,borderColor:AppColors_1.AppColors.whiteAlpha33,backgroundColor:AppColors_1.AppColors.whiteAlpha12,shadowColor:AppColors_1.AppColors.shadowColorString,shadowOffset:{width:0,height:2},shadowOpacity:.35,shadowRadius:5,elevation:4},imageContainer:{overflow:"hidden",backgroundColor:AppColors_1.AppColors.whiteAlpha15,borderWidth:1.5,borderColor:AppColors_1.AppColors.whiteAlpha33,alignItems:"center",justifyContent:"center",shadowColor:AppColors_1.AppColors.shadowColorString,shadowOffset:{width:0,height:2},shadowOpacity:.3,shadowRadius:4,elevation:3,padding:1.5},image:{width:"100%",height:"100%"}});exports.default=exports.AppHeaderLogo;
+    </react_native_1.View>};exports.AppHeaderLogo=AppHeaderLogo;const logoStyles=react_native_1.StyleSheet.create({container:{overflow:"hidden",alignItems:"center",justifyContent:"center",borderWidth:1.5,borderColor:"rgba(255, 255, 255, 0.55)",backgroundColor:AppColors_1.AppColors.white,shadowColor:AppColors_1.AppColors.shadowColorString,shadowOffset:{width:0,height:2},shadowOpacity:.35,shadowRadius:5,elevation:4},imageContainer:{overflow:"hidden",backgroundColor:AppColors_1.AppColors.white,borderWidth:1.5,borderColor:"rgba(255, 255, 255, 0.55)",alignItems:"center",justifyContent:"center",shadowColor:AppColors_1.AppColors.shadowColorString,shadowOffset:{width:0,height:2},shadowOpacity:.3,shadowRadius:4,elevation:3},image:{width:"100%",height:"100%"}});exports.default=exports.AppHeaderLogo;

package/dist/commonjs/components/BrandSquareIcon.js

@@ -2,31 +2,31 @@
       <react_native_svg_1.Defs>
         
         <react_native_svg_1.LinearGradient id="bs_tile"x1="0"y1="0"x2="256"y2="256"gradientUnits="userSpaceOnUse">
-          <react_native_svg_1.Stop offset="0%"stopColor="#1E1B4B"/>
-          <react_native_svg_1.Stop offset="50%"stopColor="#18182F"/>
-          <react_native_svg_1.Stop offset="100%"stopColor="#0B0F19"/>
+          <react_native_svg_1.Stop offset="0%"stopColor="#4F46E5"/>
+          <react_native_svg_1.Stop offset="50%"stopColor="#4338CA"/>
+          <react_native_svg_1.Stop offset="100%"stopColor="#312E81"/>
         </react_native_svg_1.LinearGradient>
 
         
         <react_native_svg_1.LinearGradient id="bs_border"x1="0"y1="0"x2="256"y2="256"gradientUnits="userSpaceOnUse">
-          <react_native_svg_1.Stop offset="0%"stopColor="#818CF8"stopOpacity={.9}/>
-          <react_native_svg_1.Stop offset="45%"stopColor="#C084FC"stopOpacity={.8}/>
-          <react_native_svg_1.Stop offset="80%"stopColor="#F472B6"stopOpacity={.85}/>
-          <react_native_svg_1.Stop offset="100%"stopColor="#38BDF8"stopOpacity={.9}/>
+          <react_native_svg_1.Stop offset="0%"stopColor="#FFFFFF"stopOpacity={.95}/>
+          <react_native_svg_1.Stop offset="30%"stopColor="#A5B4FC"stopOpacity={.9}/>
+          <react_native_svg_1.Stop offset="70%"stopColor="#C084FC"stopOpacity={.9}/>
+          <react_native_svg_1.Stop offset="100%"stopColor="#67E8F9"stopOpacity={.95}/>
         </react_native_svg_1.LinearGradient>
 
         
         <react_native_svg_1.RadialGradient id="bs_top_glow"cx="50%"cy="15%"r="65%">
-          <react_native_svg_1.Stop offset="0%"stopColor="#818CF8"stopOpacity={.35}/>
-          <react_native_svg_1.Stop offset="60%"stopColor="#A855F7"stopOpacity={.12}/>
-          <react_native_svg_1.Stop offset="100%"stopColor="#1E1B4B"stopOpacity={0}/>
+          <react_native_svg_1.Stop offset="0%"stopColor="#A5B4FC"stopOpacity={.5}/>
+          <react_native_svg_1.Stop offset="60%"stopColor="#818CF8"stopOpacity={.2}/>
+          <react_native_svg_1.Stop offset="100%"stopColor="#312E81"stopOpacity={0}/>
         </react_native_svg_1.RadialGradient>
 
         
         <react_native_svg_1.LinearGradient id="bs_body"x1="64"y1="40"x2="192"y2="220"gradientUnits="userSpaceOnUse">
           <react_native_svg_1.Stop offset="0%"stopColor="#3730A3"/>
-          <react_native_svg_1.Stop offset="50%"stopColor="#2E1065"/>
-          <react_native_svg_1.Stop offset="100%"stopColor="#17123A"/>
+          <react_native_svg_1.Stop offset="50%"stopColor="#1E1B4B"/>
+          <react_native_svg_1.Stop offset="100%"stopColor="#0F172A"/>
         </react_native_svg_1.LinearGradient>
 
         

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

@@ -1,3 +1,4 @@
 import React from 'react';
 import { ConsoleLogCardProps } from '../types';
 export declare const ConsoleLogCard: React.NamedExoticComponent<ConsoleLogCardProps>;
+export default ConsoleLogCard;

package/dist/commonjs/components/ConsoleLogCard.js

@@ -1,99 +1,111 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(r,o,t,n){n===void 0&&(n=t);var l=Object.getOwnPropertyDescriptor(o,t);(!l||("get"in l?!o.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return o[t]}}),Object.defineProperty(r,n,l)}):(function(r,o,t,n){n===void 0&&(n=t),r[n]=o[t]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(r,o){Object.defineProperty(r,"default",{enumerable:!0,value:o})}):function(r,o){r.default=o}),__importStar=this&&this.__importStar||(function(){var r=function(o){return r=Object.getOwnPropertyNames||function(t){var n=[];for(var l in t)Object.prototype.hasOwnProperty.call(t,l)&&(n[n.length]=l);return n},r(o)};return function(o){if(o&&o.__esModule)return o;var t={};if(o!=null)for(var n=r(o),l=0;l<n.length;l++)n[l]!=="default"&&__createBinding(t,o,n[l]);return __setModuleDefault(t,o),t}})(),__importDefault=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ConsoleLogCard=void 0;const react_1=__importStar(require("react")),i18n_1=require("../i18n"),react_native_1=require("react-native"),AppColors_1=require("../styles/AppColors"),AppFonts_1=require("../styles/AppFonts"),helpers_1=require("../helpers"),CopyButton_1=__importDefault(require("./CopyButton")),LogSyntaxHighlighter_1=__importDefault(require("./LogSyntaxHighlighter")),NetworkIcons_1=require("./NetworkIcons"),InspectorContext_1=require("./Inspector/InspectorContext"),getLogMessageWithBadges=(r,o,t,n,l)=>{if(!r)return null;const c=/^((?:\[[^\]]+\]\s*)+)/,C=r.match(c);if(C){const i=C[1],g=r.substring(i.length),f=i.match(/\[[^\]]+\]/g)||[],a=u=>{const e=u.replace(/[\[\]]/g,"").trim().toUpperCase();return e==="AXIOS"?{color:AppColors_1.AppColors.emerald600,Icon:NetworkIcons_1.ZapIcon,label:"AXIOS"}:e==="API"||e==="FETCH"||e==="HTTP"||e==="REST"||e==="NETWORK"?{color:AppColors_1.AppColors.sky600,Icon:NetworkIcons_1.GlobeIcon,label:e}:e==="GRAPHQL"||e==="GQL"||e==="APOLLO"||e==="MUTATION"||e==="QUERY"?{color:AppColors_1.AppColors.pink500,Icon:NetworkIcons_1.AtomIcon,label:e}:e==="WS"||e==="WEBSOCKET"||e==="SOCKET"||e==="SOCKET.IO"||e==="REALTIME"?{color:AppColors_1.AppColors.cyan600,Icon:NetworkIcons_1.SignalIcon,label:e}:e==="REDUX"||e==="STORE"||e==="STATE"||e==="ZUSTAND"||e==="MOBX"||e==="RECOIL"||e==="ACTION"||e==="DISPATCH"?{color:AppColors_1.AppColors.violet600,Icon:NetworkIcons_1.AtomIcon,label:e}:e==="ANALYTICS"||e==="FIREBASE"||e==="GA4"||e==="GA"||e==="SEGMENT"||e==="MIXPANEL"||e==="POSTHOG"||e==="TRACK"||e==="EVENT"?{color:AppColors_1.AppColors.teal600,Icon:NetworkIcons_1.BarChartIcon,label:e}:e==="AUTH"||e==="TOKEN"||e==="SESSION"||e==="JWT"||e==="LOGIN"||e==="LOGOUT"||e==="USER"?{color:AppColors_1.AppColors.amber600,Icon:NetworkIcons_1.KeyIcon,label:e}:e==="SECURITY"||e==="SHIELD"||e==="PERMISSION"||e==="PERMISSIONS"?{color:AppColors_1.AppColors.indigo600Alt,Icon:NetworkIcons_1.ShieldAlertIcon,label:e}:e==="NAV"||e==="NAVIGATION"||e==="ROUTE"||e==="SCREEN"||e==="ROUTER"||e==="DEEPLINK"?{color:AppColors_1.AppColors.indigo600Alt,Icon:NetworkIcons_1.MapPinIcon,label:e}:e==="STORAGE"||e==="ASYNCSTORAGE"||e==="MMKV"||e==="SQLITE"||e==="DB"||e==="DATABASE"||e==="REALM"||e==="CACHE"?{color:AppColors_1.AppColors.purple500,Icon:NetworkIcons_1.StorageIcon,label:e}:e==="PERF"||e==="RENDER"||e==="PERFORMANCE"||e==="FPS"||e==="MEMORY"?{color:AppColors_1.AppColors.violet500,Icon:NetworkIcons_1.PerformanceIcon,label:e}:e==="INIT"||e==="BOOT"||e==="STARTUP"||e==="LIFECYCLE"||e==="MOUNT"||e==="UNMOUNT"?{color:AppColors_1.AppColors.blue600,Icon:NetworkIcons_1.ZapIcon,label:e}:e==="SYNC"||e==="REFRESH"||e==="BACKGROUND"||e==="JOB"||e==="WORKER"?{color:AppColors_1.AppColors.sky600,Icon:NetworkIcons_1.RefreshCcwIcon,label:e}:e==="PUSH"||e==="NOTIF"||e==="NOTIFICATION"||e==="FCM"||e==="APNS"?{color:AppColors_1.AppColors.darkOrange,Icon:NetworkIcons_1.FlameIcon,label:e}:e==="PAY"||e==="PAYMENT"||e==="STRIPE"||e==="IAP"||e==="BILLING"||e==="CHECKOUT"||e==="CART"?{color:AppColors_1.AppColors.emerald600,Icon:NetworkIcons_1.MoneyIcon,label:e}:e==="DEVICE"||e==="HARDWARE"||e==="BLE"||e==="BLUETOOTH"||e==="NFC"||e==="SENSOR"?{color:AppColors_1.AppColors.slate600,Icon:NetworkIcons_1.ChipIcon,label:e}:e==="LOCATION"||e==="GPS"||e==="GEO"?{color:AppColors_1.AppColors.emerald600,Icon:NetworkIcons_1.MapPinIcon,label:e}:e==="APP"?{color:AppColors_1.AppColors.indigo600Alt,Icon:NetworkIcons_1.SmartphoneIcon,label:"APP"}:e==="UI"||e==="VIEW"||e==="THEME"||e==="STYLE"||e==="LAYOUT"?{color:AppColors_1.AppColors.pink600,Icon:NetworkIcons_1.LayoutIcon,label:e}:e==="TEST"||e==="MOCK"||e==="SPEC"?{color:AppColors_1.AppColors.emerald500,Icon:NetworkIcons_1.FlaskIcon,label:"TEST"}:e==="SAMPLE"||e==="BATCH"?{color:AppColors_1.AppColors.indigo600Alt,Icon:NetworkIcons_1.DiceIcon,label:e}:e==="CONFIG"||e==="ENV"||e==="SETTINGS"?{color:AppColors_1.AppColors.slate700,Icon:NetworkIcons_1.SettingsIcon,label:e}:e==="DEBUG"||e==="TRACE"?{color:AppColors_1.AppColors.purpleText,Icon:NetworkIcons_1.TerminalIcon,label:e}:e==="INFO"?{color:AppColors_1.AppColors.sky600,Icon:NetworkIcons_1.InfoCircleIcon,label:"INFO"}:e==="SUCCESS"||e==="OK"||e==="DONE"||e==="PASSED"?{color:AppColors_1.AppColors.green600,Icon:NetworkIcons_1.CircleCheckIcon,label:e}:e==="WARN"||e==="WARNING"?{color:AppColors_1.AppColors.amber600,Icon:NetworkIcons_1.AlertTriangleIcon,label:"WARN"}:e==="ERROR"||e==="CRASH"||e==="BUG"||e==="FATAL"||e==="EXCEPTION"||e==="FAIL"?{color:AppColors_1.AppColors.red600,Icon:NetworkIcons_1.BugIcon,label:e==="CRASH"||e==="BUG"||e==="FATAL"||e==="EXCEPTION"||e==="FAIL"?e:"ERROR"}:{color:AppColors_1.AppColors.slate600,Icon:NetworkIcons_1.TagIcon,label:e}};return<react_native_1.View style={{flexDirection:"column",gap:6}}>
-        <react_native_1.View style={{flexDirection:"row",flexWrap:"wrap",gap:5}}>
-          {f.map((u,e)=>{const s=a(u),A=s.Icon;return<react_native_1.View key={e}style={[styles.prefixTag,{backgroundColor:`${s.color}14`,borderColor:`${s.color}33`}]}>
-                <A color={s.color}size={10}/>
-                <react_native_1.Text style={[styles.prefixTagText,{color:s.color}]}>
-                  {s.label}
+"use strict";var __importDefault=this&&this.__importDefault||function(g){return g&&g.__esModule?g:{default:g}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ConsoleLogCard=void 0;const react_1=__importDefault(require("react")),i18n_1=require("../i18n"),react_native_1=require("react-native"),AppColors_1=require("../styles/AppColors"),AppFonts_1=require("../styles/AppFonts"),helpers_1=require("../helpers"),TouchableScale_1=__importDefault(require("./TouchableScale")),LogSyntaxHighlighter_1=__importDefault(require("./LogSyntaxHighlighter")),NetworkIcons_1=require("./NetworkIcons"),InspectorContext_1=require("./Inspector/InspectorContext"),getLogMessageWithBadges=(g,o,f,w,I)=>{if(!g)return null;const l=/^((?:\[[^\]]+\]\s*)+)/,T=g.match(l);if(T){const r=T[1],E=g.substring(r.length),t=r.match(/\[[^\]]+\]/g)||[],S=b=>{const e=b.replace(/[\[\]]/g,"").trim().toUpperCase();return e==="AXIOS"?{color:AppColors_1.AppColors.emerald600,Icon:NetworkIcons_1.ZapIcon,label:"AXIOS"}:e==="API"||e==="FETCH"||e==="HTTP"||e==="REST"||e==="NETWORK"?{color:AppColors_1.AppColors.sky600,Icon:NetworkIcons_1.GlobeIcon,label:e}:e==="GRAPHQL"||e==="GQL"||e==="APOLLO"||e==="MUTATION"||e==="QUERY"?{color:AppColors_1.AppColors.pink500,Icon:NetworkIcons_1.AtomIcon,label:e}:e==="WS"||e==="WEBSOCKET"||e==="SOCKET"||e==="SOCKET.IO"||e==="REALTIME"?{color:AppColors_1.AppColors.cyan600,Icon:NetworkIcons_1.SignalIcon,label:e}:e==="REDUX"||e==="STORE"||e==="STATE"||e==="ZUSTAND"||e==="MOBX"||e==="RECOIL"||e==="ACTION"||e==="DISPATCH"?{color:AppColors_1.AppColors.violet600,Icon:NetworkIcons_1.AtomIcon,label:e}:e==="ANALYTICS"||e==="FIREBASE"||e==="GA4"||e==="GA"||e==="SEGMENT"||e==="MIXPANEL"||e==="POSTHOG"||e==="TRACK"||e==="EVENT"?{color:AppColors_1.AppColors.teal600,Icon:NetworkIcons_1.BarChartIcon,label:e}:e==="AUTH"||e==="TOKEN"||e==="SESSION"||e==="JWT"||e==="LOGIN"||e==="LOGOUT"||e==="USER"?{color:AppColors_1.AppColors.amber600,Icon:NetworkIcons_1.KeyIcon,label:e}:e==="SECURITY"||e==="SHIELD"||e==="PERMISSION"||e==="PERMISSIONS"?{color:AppColors_1.AppColors.indigo600Alt,Icon:NetworkIcons_1.ShieldAlertIcon,label:e}:e==="NAV"||e==="NAVIGATION"||e==="ROUTE"||e==="SCREEN"||e==="ROUTER"||e==="DEEPLINK"?{color:AppColors_1.AppColors.indigo600Alt,Icon:NetworkIcons_1.MapPinIcon,label:e}:e==="STORAGE"||e==="ASYNCSTORAGE"||e==="MMKV"||e==="SQLITE"||e==="DB"||e==="DATABASE"||e==="REALM"||e==="CACHE"?{color:AppColors_1.AppColors.purple500,Icon:NetworkIcons_1.StorageIcon,label:e}:e==="PERF"||e==="RENDER"||e==="PERFORMANCE"||e==="FPS"||e==="MEMORY"?{color:AppColors_1.AppColors.violet500,Icon:NetworkIcons_1.PerformanceIcon,label:e}:e==="INIT"||e==="BOOT"||e==="STARTUP"||e==="LIFECYCLE"||e==="MOUNT"||e==="UNMOUNT"?{color:AppColors_1.AppColors.blue600,Icon:NetworkIcons_1.ZapIcon,label:e}:e==="SYNC"||e==="REFRESH"||e==="BACKGROUND"||e==="JOB"||e==="WORKER"?{color:AppColors_1.AppColors.sky600,Icon:NetworkIcons_1.RefreshCcwIcon,label:e}:e==="PUSH"||e==="NOTIF"||e==="NOTIFICATION"||e==="FCM"||e==="APNS"?{color:AppColors_1.AppColors.darkOrange,Icon:NetworkIcons_1.FlameIcon,label:e}:e==="PAY"||e==="PAYMENT"||e==="STRIPE"||e==="IAP"||e==="BILLING"||e==="CHECKOUT"||e==="CART"?{color:AppColors_1.AppColors.emerald600,Icon:NetworkIcons_1.MoneyIcon,label:e}:e==="DEVICE"||e==="HARDWARE"||e==="BLE"||e==="BLUETOOTH"||e==="NFC"||e==="SENSOR"?{color:AppColors_1.AppColors.slate600,Icon:NetworkIcons_1.ChipIcon,label:e}:e==="LOCATION"||e==="GPS"||e==="GEO"?{color:AppColors_1.AppColors.emerald600,Icon:NetworkIcons_1.MapPinIcon,label:e}:e==="APP"?{color:AppColors_1.AppColors.indigo600Alt,Icon:NetworkIcons_1.SmartphoneIcon,label:"APP"}:e==="UI"||e==="VIEW"||e==="THEME"||e==="STYLE"||e==="LAYOUT"?{color:AppColors_1.AppColors.pink600,Icon:NetworkIcons_1.LayoutIcon,label:e}:e==="TEST"||e==="MOCK"||e==="SPEC"?{color:AppColors_1.AppColors.emerald500,Icon:NetworkIcons_1.FlaskIcon,label:"TEST"}:e==="SAMPLE"||e==="BATCH"?{color:AppColors_1.AppColors.indigo600Alt,Icon:NetworkIcons_1.DiceIcon,label:e}:e==="CONFIG"||e==="ENV"||e==="SETTINGS"?{color:AppColors_1.AppColors.slate700,Icon:NetworkIcons_1.SettingsIcon,label:e}:e==="DEBUG"||e==="TRACE"?{color:AppColors_1.AppColors.purpleText,Icon:NetworkIcons_1.TerminalIcon,label:e}:e==="INFO"?{color:AppColors_1.AppColors.sky600,Icon:NetworkIcons_1.InfoCircleIcon,label:"INFO"}:e==="SUCCESS"||e==="OK"||e==="DONE"||e==="PASSED"?{color:AppColors_1.AppColors.green600,Icon:NetworkIcons_1.CircleCheckIcon,label:e}:e==="WARN"||e==="WARNING"?{color:AppColors_1.AppColors.amber600,Icon:NetworkIcons_1.AlertTriangleIcon,label:"WARN"}:e==="ERROR"||e==="CRASH"||e==="BUG"||e==="FATAL"||e==="EXCEPTION"||e==="FAIL"?{color:AppColors_1.AppColors.red600,Icon:NetworkIcons_1.BugIcon,label:e==="CRASH"||e==="BUG"||e==="FATAL"||e==="EXCEPTION"||e==="FAIL"?e:"ERROR"}:{color:AppColors_1.AppColors.slate600,Icon:NetworkIcons_1.TagIcon,label:e}};return<react_native_1.View style={{flexDirection:"column",gap:2}}>
+        <react_native_1.View style={{flexDirection:"row",gap:4,overflow:"hidden"}}>
+          {t.slice(0,2).map((b,e)=>{const u=S(b),C=u.Icon;return<react_native_1.View key={e}style={[styles.prefixTag,{backgroundColor:`${u.color}12`,borderColor:`${u.color}30`}]}>
+                <C color={u.color}size={8.5}/>
+                <react_native_1.Text style={[styles.prefixTagText,{color:u.color}]}>
+                  {u.label}
                 </react_native_1.Text>
               </react_native_1.View>})}
         </react_native_1.View>
-        <LogSyntaxHighlighter_1.default text={g}search={o}style={t}numberOfLines={l}detectLinks={!0}/>
-      </react_native_1.View>}return<LogSyntaxHighlighter_1.default text={r}search={o}style={t}numberOfLines={l}detectLinks={!0}/>};exports.ConsoleLogCard=react_1.default.memo(function({item:o,searchStr:t=""}){const{setSelectedLog:n}=(0,InspectorContext_1.useInspector)(),{t:l}=(0,i18n_1.useTranslation)(),[c,C]=(0,react_1.useState)(!1),i=(0,helpers_1.getJsonContent)(o.message),g=o.message.toLowerCase().includes("[analytics error]"),f=o.sourceMethod==="log",a=o.caller&&o.caller!=="Unknown"?(0,helpers_1.parseStackLine)(o.caller,!0):null,e=(()=>{const p=(o.type||"log").toLowerCase(),d=(o.sourceMethod||p).toLowerCase();return g||p==="error"||d==="error"?{border:AppColors_1.AppColors.errorColor,badgeBg:`${AppColors_1.AppColors.errorColor}18`,badgeText:AppColors_1.AppColors.errorColor,label:"ERROR",cardBg:AppColors_1.AppColors.errorCardBg,methodBorder:`${AppColors_1.AppColors.errorColor}30`,methodBg:`${AppColors_1.AppColors.errorColor}12`,methodText:AppColors_1.AppColors.errorColor,textColor:AppColors_1.AppColors.redErrorText}:p==="warn"||d==="warn"?{border:AppColors_1.AppColors.amber600,badgeBg:`${AppColors_1.AppColors.amber600}18`,badgeText:AppColors_1.AppColors.amber800,label:"WARN",cardBg:AppColors_1.AppColors.warnCardBg,methodBorder:`${AppColors_1.AppColors.amber600}33`,methodBg:`${AppColors_1.AppColors.amber600}14`,methodText:AppColors_1.AppColors.amber800,textColor:AppColors_1.AppColors.amber800}:p==="debug"||d==="debug"?{border:AppColors_1.AppColors.purple500,badgeBg:`${AppColors_1.AppColors.purple500}18`,badgeText:AppColors_1.AppColors.purple,label:"DEBUG",cardBg:AppColors_1.AppColors.purpleTintBg,methodBorder:`${AppColors_1.AppColors.purple500}33`,methodBg:`${AppColors_1.AppColors.purple500}12`,methodText:AppColors_1.AppColors.purple,textColor:AppColors_1.AppColors.purpleText}:d==="info"||p==="info"&&d!=="log"?{border:AppColors_1.AppColors.sky500,badgeBg:`${AppColors_1.AppColors.sky500}18`,badgeText:AppColors_1.AppColors.sky600,label:"INFO",cardBg:AppColors_1.AppColors.blueTintBg,methodBorder:`${AppColors_1.AppColors.sky500}33`,methodBg:`${AppColors_1.AppColors.sky500}12`,methodText:AppColors_1.AppColors.sky600,textColor:AppColors_1.AppColors.blue800}:{border:AppColors_1.AppColors.indigo500,badgeBg:`${AppColors_1.AppColors.indigo500}15`,badgeText:AppColors_1.AppColors.indigo600Alt,label:"LOG",cardBg:AppColors_1.AppColors.white,methodBorder:AppColors_1.AppColors.dividerColor,methodBg:AppColors_1.AppColors.indigo50,methodText:AppColors_1.AppColors.indigo600Alt,textColor:AppColors_1.AppColors.primaryBlack}})(),s=i?(0,helpers_1.getJsonPreviewText)(i.data):null,A=()=>{n(o)},T=p=>{p?.stopPropagation?.(),C(d=>!d)};return<react_native_1.View style={styles.container}>
-      <react_native_1.Pressable onPress={A}style={({pressed:p})=>[styles.card,{borderLeftColor:e.border,borderLeftWidth:3.5,backgroundColor:e.cardBg},p&&styles.cardPressed]}>
-        
-        <react_native_1.View style={styles.cardHeader}>
-          <react_native_1.View style={styles.headerLeft}>
-            <react_native_1.View style={styles.idBadge}>
-              <react_native_1.Text style={styles.idBadgeText}>
+        <LogSyntaxHighlighter_1.default text={E}search={o}style={f}numberOfLines={1}detectLinks={!1}/>
+      </react_native_1.View>}return<LogSyntaxHighlighter_1.default text={g}search={o}style={f}numberOfLines={I||2}detectLinks={!1}/>};exports.ConsoleLogCard=react_1.default.memo(function({item:o,searchStr:f=""}){const{setSelectedLog:w}=(0,InspectorContext_1.useInspector)(),{t:I}=(0,i18n_1.useTranslation)(),l=(0,helpers_1.getJsonContent)(o.message),T=o.message.toLowerCase().includes("[analytics error]"),r=react_1.default.useMemo(()=>{const C=(0,helpers_1.getCleanCallerDisplay)(o.caller);if(!C)return null;const A=(0,helpers_1.parseStackLine)(o.caller,!0);return{...A,display:C.display,fileName:C.fileName,lineNumber:C.lineNumber||A.lineNumber}},[o.caller]),t=(()=>{const C=(o.type||"log").toLowerCase(),A=(o.sourceMethod||C).toLowerCase();return T||C==="error"||A==="error"?{badgeColor:AppColors_1.AppColors.errorColor,border:AppColors_1.AppColors.errorColor,badgeBg:`${AppColors_1.AppColors.errorColor}18`,badgeText:AppColors_1.AppColors.errorColor,label:"ERROR",cardBg:AppColors_1.AppColors.errorCardBg,statusPillBg:`${AppColors_1.AppColors.errorColor}14`,statusPillBorder:`${AppColors_1.AppColors.errorColor}33`,statusPillText:AppColors_1.AppColors.errorColor,StatusIcon:NetworkIcons_1.CircleXIcon}:C==="warn"||A==="warn"?{badgeColor:AppColors_1.AppColors.darkOrange,border:AppColors_1.AppColors.darkOrange,badgeBg:`${AppColors_1.AppColors.darkOrange}18`,badgeText:AppColors_1.AppColors.darkOrange,label:"WARN",cardBg:AppColors_1.AppColors.warnCardBg,statusPillBg:`${AppColors_1.AppColors.darkOrange}14`,statusPillBorder:`${AppColors_1.AppColors.darkOrange}33`,statusPillText:AppColors_1.AppColors.darkOrange,StatusIcon:NetworkIcons_1.CircleAlertIcon}:C==="debug"||A==="debug"?{badgeColor:AppColors_1.AppColors.purple,border:AppColors_1.AppColors.purple,badgeBg:`${AppColors_1.AppColors.purple}18`,badgeText:AppColors_1.AppColors.purple,label:"DEBUG",cardBg:AppColors_1.AppColors.purpleTintBg,statusPillBg:`${AppColors_1.AppColors.purple}14`,statusPillBorder:`${AppColors_1.AppColors.purple}33`,statusPillText:AppColors_1.AppColors.purple,StatusIcon:NetworkIcons_1.ZapIcon}:A==="info"||C==="info"&&A!=="log"?{badgeColor:AppColors_1.AppColors.sky600,border:AppColors_1.AppColors.sky600,badgeBg:`${AppColors_1.AppColors.sky600}18`,badgeText:AppColors_1.AppColors.sky600,label:"INFO",cardBg:AppColors_1.AppColors.blueTintBg,statusPillBg:`${AppColors_1.AppColors.sky600}14`,statusPillBorder:`${AppColors_1.AppColors.sky600}33`,statusPillText:AppColors_1.AppColors.sky600,StatusIcon:NetworkIcons_1.InfoCircleIcon}:{badgeColor:AppColors_1.AppColors.brandPurple,border:AppColors_1.AppColors.brandPurple,badgeBg:`${AppColors_1.AppColors.brandPurple}15`,badgeText:AppColors_1.AppColors.brandPurple,label:"LOG",cardBg:AppColors_1.AppColors.white,statusPillBg:`${AppColors_1.AppColors.brandPurple}12`,statusPillBorder:`${AppColors_1.AppColors.brandPurple}2E`,statusPillText:AppColors_1.AppColors.brandPurple,StatusIcon:NetworkIcons_1.CircleCheckIcon}})(),S=t.StatusIcon,b=l?(0,helpers_1.getJsonPreviewText)(l.data):null,e=()=>{w(o)},u=("sourceMethod"in o?o.sourceMethod:void 0)||o.type||"log";return<react_native_1.View style={styles.container}>
+      <TouchableScale_1.default onPress={e}style={[styles.card,{borderLeftWidth:3.5,borderLeftColor:t.border,backgroundColor:t.cardBg}]}>
+        <react_native_1.View style={styles.cardBody}>
+          
+          <react_native_1.View style={styles.cardHeaderRow}>
+            <react_native_1.View style={styles.cardHeaderLeft}>
+              <react_native_1.Text style={styles.serialNumber}>
                 #{o.id!=null?o.id+1:1}
               </react_native_1.Text>
-            </react_native_1.View>
-            <react_native_1.View style={[styles.typeChip,{backgroundColor:e.badgeBg}]}>
-              <react_native_1.View style={[styles.typeDot,{backgroundColor:e.badgeText}]}/>
-              <react_native_1.Text style={[styles.typeChipText,{color:e.badgeText,fontFamily:AppFonts_1.AppFonts.interBold}]}>
-                {e.label}
-              </react_native_1.Text>
-            </react_native_1.View>
-            <react_native_1.View style={[styles.metaChip,{backgroundColor:e.methodBg,borderColor:e.methodBorder}]}>
-              <react_native_1.Text style={[styles.metaChipText,{color:e.methodText,fontFamily:AppFonts_1.AppFonts.interBold}]}>
-                console.
-                {("sourceMethod"in o?o.sourceMethod:void 0)||o.type||"log"}
-              </react_native_1.Text>
-            </react_native_1.View>
-            {i&&<react_native_1.View style={[styles.metaChip,{backgroundColor:`${AppColors_1.AppColors.teal600}14`,borderColor:`${AppColors_1.AppColors.teal600}33`}]}>
-                <react_native_1.Text style={[styles.metaChipText,{color:AppColors_1.AppColors.teal600,fontFamily:AppFonts_1.AppFonts.interBold}]}>
-                  {Array.isArray(i.data)?`Array[${i.data.length}]`:`Object{${Object.keys(i.data).length}}`}
+
+              
+              <react_native_1.View style={[styles.methodBadge,{backgroundColor:t.badgeColor}]}>
+                <react_native_1.Text style={styles.methodBadgeText}>{t.label}</react_native_1.Text>
+              </react_native_1.View>
+
+              
+              <react_native_1.View style={[styles.chip,{backgroundColor:`${t.badgeColor}12`,borderColor:`${t.badgeColor}2E`}]}>
+                <react_native_1.Text style={[styles.chipText,{color:t.badgeColor}]}numberOfLines={1}>
+                  console.{u}
                 </react_native_1.Text>
-              </react_native_1.View>}
-            {"duplicateCount"in o&&o.duplicateCount!=null&&o.duplicateCount>1&&<react_native_1.View style={[styles.metaChip,{backgroundColor:`${AppColors_1.AppColors.purple}1A`,borderColor:`${AppColors_1.AppColors.purple}3D`}]}>
-                  <react_native_1.Text style={[styles.metaChipText,{color:AppColors_1.AppColors.purple,fontFamily:AppFonts_1.AppFonts.interBold}]}>
-                    ×{o.duplicateCount}
+              </react_native_1.View>
+
+              
+              {l&&<react_native_1.View style={[styles.chip,{backgroundColor:`${AppColors_1.AppColors.teal600}14`,borderColor:`${AppColors_1.AppColors.teal600}33`}]}>
+                  <react_native_1.Text style={[styles.chipText,{color:AppColors_1.AppColors.teal600}]}>
+                    {Array.isArray(l.data)?`Array[${l.data.length}]`:`Object{${Object.keys(l.data).length}}`}
                   </react_native_1.Text>
                 </react_native_1.View>}
+
+              
+              {"duplicateCount"in o&&o.duplicateCount!=null&&o.duplicateCount>1&&<react_native_1.View style={styles.dupBadge}>
+                    <react_native_1.Text style={styles.dupBadgeText}>
+                      ×{o.duplicateCount}
+                    </react_native_1.Text>
+                  </react_native_1.View>}
+            </react_native_1.View>
+
+            
+            <react_native_1.View style={styles.cardHeaderRight}>
+              <react_native_1.View style={[styles.statusPill,{backgroundColor:t.statusPillBg,borderColor:t.statusPillBorder}]}>
+                <S color={t.statusPillText}size={9.5}/>
+                <react_native_1.Text style={[styles.statusPillText,{color:t.statusPillText}]}>
+                  {t.label}
+                </react_native_1.Text>
+              </react_native_1.View>
+              <NetworkIcons_1.ForwardChevronIcon color={AppColors_1.AppColors.grayTextWeak}size={13}/>
+            </react_native_1.View>
           </react_native_1.View>
 
-          <react_native_1.View style={styles.headerRight}>
-            <CopyButton_1.default value={o.message}label={l("console.logMessage")}/>
-            <NetworkIcons_1.ChevronIcon color={AppColors_1.AppColors.grayTextWeak}size={14}/>
+          
+          <react_native_1.View style={styles.messageBox}>
+            {l?<react_native_1.View style={styles.jsonPreviewRow}>
+                {l.header?<LogSyntaxHighlighter_1.default text={l.header}search={f}style={styles.messageText}detectLinks={!1}numberOfLines={1}/>:null}
+                {b&&<LogSyntaxHighlighter_1.default text={b.text.replace(/\s+/g," ")}search={f}style={styles.jsonPreviewText}detectLinks={!1}numberOfLines={l.header?2:3}/>}
+              </react_native_1.View>:getLogMessageWithBadges(o.message,f,styles.messageText,styles.highlight,3)}
           </react_native_1.View>
-        </react_native_1.View>
 
-        
-        <react_native_1.View style={styles.cardBody}>
-          {i?<>
-              {i.header?getLogMessageWithBadges(i.header,t,[styles.messageText,{color:AppColors_1.AppColors.primaryBlack}],styles.highlight,c?void 0:2):null}
-              {s&&<react_native_1.View style={styles.jsonPreviewContainer}>
-                  <LogSyntaxHighlighter_1.default text={s.text}search={t}style={[styles.jsonPreviewText,{color:AppColors_1.AppColors.primaryBlack}]}detectLinks={!1}numberOfLines={c?void 0:4}/>
-                  {s.text.split(`
-`).length>4&&<react_native_1.Pressable onPress={T}hitSlop={6}style={styles.expandToggle}>
-                      <react_native_1.Text style={styles.expandToggleText}>
-                        {c?"Show less":"Show full preview"}
-                      </react_native_1.Text>
-                      <NetworkIcons_1.ChevronIcon color={AppColors_1.AppColors.purple}size={11}direction={c?"up":"down"}/>
-                    </react_native_1.Pressable>}
-                </react_native_1.View>}
-            </>:getLogMessageWithBadges(o.message,t,[styles.messageText,{color:AppColors_1.AppColors.primaryBlack}],styles.highlight,c?void 0:4)}
-        </react_native_1.View>
+          
+          <react_native_1.View style={styles.cardFooterRow}>
+            <react_native_1.View style={styles.footerLeft}>
+              <react_native_1.View style={styles.cardDateRow}>
+                <NetworkIcons_1.ClockIcon color={AppColors_1.AppColors.grayTextWeak}size={10}/>
+                <react_native_1.Text style={styles.cardDateText}numberOfLines={1}>
+                  {(0,helpers_1.formatTime)(o.timestamp)}
+                </react_native_1.Text>
+              </react_native_1.View>
 
-        
-        <react_native_1.View style={styles.cardFooter}>
-          <react_native_1.View style={styles.footerLeft}>
-            <NetworkIcons_1.ClockIcon color={AppColors_1.AppColors.grayTextWeak}size={11}/>
-            <react_native_1.Text style={styles.footerTime}>{(0,helpers_1.formatTime)(o.timestamp)}</react_native_1.Text>
-            {a&&<>
-                <react_native_1.View style={styles.footerDot}/>
-                <react_native_1.Pressable onPress={p=>{p.stopPropagation?.(),(0,helpers_1.openInVSCode)(a.rawFilePath||a.fullPath||a.fileName,a.lineNumber,a.columnNumber)}}hitSlop={8}style={styles.callerPill}>
-                  {a.fileExt&&a.fileExt!=="other"&&<react_native_1.View style={[styles.extBadge,{backgroundColor:a.fileExt==="tsx"||a.fileExt==="ts"?`${AppColors_1.AppColors.brandPurple}22`:`${AppColors_1.AppColors.teal600}22`}]}>
-                      <react_native_1.Text style={[styles.extBadgeText,{color:a.fileExt==="tsx"||a.fileExt==="ts"?AppColors_1.AppColors.brandPurple:AppColors_1.AppColors.teal600}]}>
-                        {a.fileExt.toUpperCase()}
+              {r&&<react_native_1.Pressable onPress={C=>{C.stopPropagation?.(),(0,helpers_1.openInVSCode)(r.rawFilePath||r.fullPath||r.fileName,r.lineNumber,r.columnNumber)}}hitSlop={8}style={styles.callerChip}>
+                  {r.fileExt&&r.fileExt!=="other"&&<react_native_1.View style={[styles.extBadge,{backgroundColor:r.fileExt==="tsx"||r.fileExt==="ts"?`${AppColors_1.AppColors.brandPurple}22`:`${AppColors_1.AppColors.teal600}22`}]}>
+                      <react_native_1.Text style={[styles.extBadgeText,{color:r.fileExt==="tsx"||r.fileExt==="ts"?AppColors_1.AppColors.brandPurple:AppColors_1.AppColors.teal600}]}>
+                        {r.fileExt.toUpperCase()}
                       </react_native_1.Text>
                     </react_native_1.View>}
-                  <react_native_1.Text style={styles.callerFileName}numberOfLines={1}ellipsizeMode="middle">
-                    {a.fileName}
-                    {a.lineNumber?`:${a.lineNumber}`:""}
+                  <react_native_1.Text style={styles.callerChipText}numberOfLines={1}ellipsizeMode="middle">
+                    {r.display}
                   </react_native_1.Text>
-                  <NetworkIcons_1.ExternalLinkIcon color={AppColors_1.AppColors.sky600}size={8.5}/>
-                </react_native_1.Pressable>
-              </>}
+                  <NetworkIcons_1.ExternalLinkIcon color={AppColors_1.AppColors.sky600}size={8}/>
+                </react_native_1.Pressable>}
+            </react_native_1.View>
+
+            <react_native_1.View style={styles.footerRight}>
+              {l&&<react_native_1.View style={styles.metaStatChip}>
+                  <NetworkIcons_1.SizeIcon color={AppColors_1.AppColors.purple}size={8.5}/>
+                  <react_native_1.Text style={styles.metaStatText}>
+                    {(0,helpers_1.getSize)(l.data)}
+                  </react_native_1.Text>
+                </react_native_1.View>}
+
+              {T&&<react_native_1.View style={[styles.chip,{backgroundColor:`${AppColors_1.AppColors.skyBlue}15`,borderColor:`${AppColors_1.AppColors.skyBlue}30`}]}>
+                  <react_native_1.Text style={[styles.chipText,{color:AppColors_1.AppColors.skyBlue}]}>
+                    {I("console.analyticsBadge")||"ANALYTICS"}
+                  </react_native_1.Text>
+                </react_native_1.View>}
+            </react_native_1.View>
           </react_native_1.View>
 
-          {g&&<react_native_1.View style={styles.footerRight}>
-              <react_native_1.View style={[styles.footerBadge,{backgroundColor:`${AppColors_1.AppColors.skyBlue}15`,borderColor:`${AppColors_1.AppColors.skyBlue}30`}]}>
-                <react_native_1.Text style={[styles.footerBadgeText,{color:AppColors_1.AppColors.skyBlue}]}>
-                  {l("console.analyticsBadge")}
-                </react_native_1.Text>
-              </react_native_1.View>
-            </react_native_1.View>}
+          
+          <react_native_1.View style={[styles.bottomAccentBar,{backgroundColor:`${t.border}35`}]}/>
         </react_native_1.View>
-      </react_native_1.Pressable>
-    </react_native_1.View>});const styles=react_native_1.StyleSheet.create({container:{paddingHorizontal:10,paddingVertical:3.5},card:{alignSelf:"stretch",borderRadius:11,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,borderLeftWidth:3.5,paddingHorizontal:12,paddingTop:10,paddingBottom:9,backgroundColor:AppColors_1.AppColors.white,shadowColor:AppColors_1.AppColors.black,shadowOpacity:.04,shadowRadius:3,shadowOffset:{width:0,height:1.5},elevation:1.5},cardPressed:{opacity:.88,transform:[{scale:.995}]},cardHeader:{flexDirection:"row",justifyContent:"space-between",alignItems:"center",marginBottom:6,gap:8},headerLeft:{flexDirection:"row",alignItems:"center",flexWrap:"wrap",gap:6,flex:1},idBadge:{paddingHorizontal:6,paddingVertical:2,borderRadius:6,backgroundColor:`${AppColors_1.AppColors.slate500}12`,borderWidth:1,borderColor:`${AppColors_1.AppColors.slate500}22`},idBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,color:AppColors_1.AppColors.grayTextWeak,letterSpacing:.2},headerRight:{flexDirection:"row",alignItems:"center",gap:6},typeChip:{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:7,paddingVertical:2.5,borderRadius:6},typeDot:{width:5,height:5,borderRadius:2.5},typeChipText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,letterSpacing:.5},metaChip:{paddingHorizontal:6,paddingVertical:2,borderRadius:6,borderWidth:1},metaChipText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,letterSpacing:.2},cardBody:{paddingVertical:2},messageText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:12.5,color:AppColors_1.AppColors.primaryBlack,lineHeight:18},highlight:{backgroundColor:AppColors_1.AppColors.yellowHighlight,color:AppColors_1.AppColors.primaryBlack,borderRadius:2},jsonPreviewContainer:{marginTop:6,backgroundColor:AppColors_1.AppColors.grayBackground,borderRadius:8,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,borderLeftWidth:3,borderLeftColor:AppColors_1.AppColors.teal600,paddingHorizontal:10,paddingVertical:7},jsonPreviewText:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,color:AppColors_1.AppColors.primaryBlack,lineHeight:16},expandToggle:{flexDirection:"row",alignItems:"center",justifyContent:"center",gap:4,marginTop:5,paddingVertical:3,borderTopWidth:1,borderTopColor:AppColors_1.AppColors.dividerColor},expandToggleText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:AppColors_1.AppColors.purple},cardFooter:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginTop:7,paddingTop:6,borderTopWidth:1,borderTopColor:`${AppColors_1.AppColors.dividerColor}88`,gap:6},footerLeft:{flexDirection:"row",alignItems:"center",gap:5,flex:1,flexWrap:"wrap"},footerRight:{flexDirection:"row",alignItems:"center",gap:4},footerDot:{width:3,height:3,borderRadius:1.5,backgroundColor:AppColors_1.AppColors.grayTextWeak,opacity:.6},footerId:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,color:AppColors_1.AppColors.grayTextWeak},footerTime:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10,color:AppColors_1.AppColors.grayTextWeak,letterSpacing:.1},callerPill:{flexDirection:"row",alignItems:"center",gap:4,maxWidth:185,backgroundColor:`${AppColors_1.AppColors.sky600}10`,borderColor:`${AppColors_1.AppColors.sky600}2B`,borderWidth:1,borderRadius:5,paddingHorizontal:5,paddingVertical:1.5},extBadge:{borderRadius:3,paddingHorizontal:3.5,paddingVertical:.5},extBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8},callerFileName:{fontFamily:AppFonts_1.AppFonts.interBold,color:AppColors_1.AppColors.sky600,fontSize:9.5},footerBadge:{paddingHorizontal:6,paddingVertical:1.5,borderRadius:5,borderWidth:1},footerBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9},prefixTag:{flexDirection:"row",alignItems:"center",gap:3.5,paddingHorizontal:6.5,paddingVertical:2,borderRadius:5,borderWidth:1},prefixTagText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,letterSpacing:.3}});
+      </TouchableScale_1.default>
+    </react_native_1.View>});const styles=react_native_1.StyleSheet.create({container:{paddingHorizontal:8,paddingVertical:4,height:148,justifyContent:"center"},card:{height:140,alignSelf:"stretch",borderRadius:10,overflow:"hidden",borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,shadowColor:AppColors_1.AppColors.shadowColorString},cardBody:{height:"100%",paddingHorizontal:12,paddingTop:10,paddingBottom:8,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:8,gap:6,minWidth:0,overflow:"hidden"},cardHeaderRight:{flexDirection:"row",alignItems:"center",gap:6,flexShrink:0},serialNumber:{fontFamily:AppFonts_1.AppFonts.interBold,color:AppColors_1.AppColors.grayTextWeak,fontSize:10},methodBadge:{paddingHorizontal:7,paddingVertical:2.5,borderRadius:5,alignItems:"center",justifyContent:"center"},methodBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,lineHeight:12,letterSpacing:.5,color:AppColors_1.AppColors.white},chip:{paddingHorizontal:6,paddingVertical:2,borderRadius:4,borderWidth:1},chipText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9,lineHeight:12},dupBadge:{backgroundColor:`${AppColors_1.AppColors.purple}14`,borderColor:`${AppColors_1.AppColors.purple}2E`,borderWidth:1,paddingHorizontal:4.5,paddingVertical:1,borderRadius:3.5},dupBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5,color:AppColors_1.AppColors.purple},statusPill:{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:7,paddingVertical:2.5,borderRadius:6,borderWidth:1,flexShrink:0},statusPillText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,lineHeight:13},messageBox:{backgroundColor:AppColors_1.AppColors.grayBackground,borderRadius:7,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,paddingHorizontal:10,paddingVertical:6,height:68,minHeight:68,maxHeight:68,justifyContent:"center",gap:2,overflow:"hidden"},messageText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:12,color:AppColors_1.AppColors.primaryBlack,lineHeight:17},highlight:{backgroundColor:AppColors_1.AppColors.yellowHighlight,color:AppColors_1.AppColors.primaryBlack,borderRadius:2},jsonPreviewRow:{flexDirection:"column",justifyContent:"center",gap:2},jsonPreviewText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.teal700,lineHeight:15},cardFooterRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",height:18,minHeight:18,maxHeight:18,gap:6},footerLeft:{flexDirection:"row",alignItems:"center",gap:6,flex:1,minWidth:0,overflow:"hidden"},footerRight:{flexDirection:"row",alignItems:"center",gap:5,flexShrink:0},cardDateRow:{flexDirection:"row",alignItems:"center",gap:3.5},cardDateText:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:10,lineHeight:13,color:AppColors_1.AppColors.slate400},callerChip:{flexDirection:"row",alignItems:"center",gap:3,backgroundColor:AppColors_1.AppColors.skySoftBg,borderColor:AppColors_1.AppColors.skySoftBorder,borderWidth:1,paddingHorizontal:5,paddingVertical:1.5,borderRadius:4,flexShrink:1,minWidth:0},extBadge:{borderRadius:3,paddingHorizontal:3,paddingVertical:.5},extBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:7.5},callerChipText:{color:AppColors_1.AppColors.skySoftText,fontSize:9,lineHeight:12,fontFamily:AppFonts_1.AppFonts.interBold},metaStatChip:{flexDirection:"row",alignItems:"center",gap:3,backgroundColor:AppColors_1.AppColors.violetSoftBg,borderColor:AppColors_1.AppColors.violetSoftBorder,borderWidth:1,paddingHorizontal:5.5,paddingVertical:1.5,borderRadius:4},metaStatText:{fontFamily:AppFonts_1.AppFonts.interBold,color:AppColors_1.AppColors.violetSoftText,fontSize:9,lineHeight:12},prefixTag:{flexDirection:"row",alignItems:"center",gap:2.5,paddingHorizontal:5,paddingVertical:1.5,borderRadius:3.5,borderWidth:1},prefixTagText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5,letterSpacing:.3},bottomAccentBar:{height:2.5,width:"100%",borderRadius:1.5,marginTop:2}});exports.default=exports.ConsoleLogCard;

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

@@ -1,8 +1,12 @@
 import React from 'react';
-interface EndOfListFooterProps {
+export interface EndOfListFooterProps {
     count?: number;
+    totalCount?: number;
     label?: string;
     message?: string;
+    hasMore?: boolean;
+    onLoadMore?: () => void;
+    loadMoreStep?: number;
 }
 export declare const EndOfListFooter: React.FC<EndOfListFooterProps>;
 export default EndOfListFooter;

package/dist/commonjs/components/EndOfListFooter.js

@@ -1,15 +1,37 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.EndOfListFooter=void 0;const react_1=__importDefault(require("react")),react_native_1=require("react-native"),AppColors_1=require("../styles/AppColors"),AppFonts_1=require("../styles/AppFonts"),NetworkIcons_1=require("./NetworkIcons");exports.EndOfListFooter=react_1.default.memo(({count:e,label:t,message:o="You've reached the end of the list"})=><react_native_1.View style={styles.container}>
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.EndOfListFooter=void 0;const react_1=__importDefault(require("react")),react_native_1=require("react-native"),AppColors_1=require("../styles/AppColors"),AppFonts_1=require("../styles/AppFonts"),NetworkIcons_1=require("./NetworkIcons"),TouchableScale_1=__importDefault(require("./TouchableScale")),i18n_1=require("../i18n");exports.EndOfListFooter=react_1.default.memo(({count:e,totalCount:o,label:r="items",message:s,hasMore:d=!1,onLoadMore:i,loadMoreStep:a=10})=>{const{t:n}=(0,i18n_1.useTranslation)(),c=s??n("footer.endOfList","You've reached the end of the list"),p=d||o!=null&&e!=null&&e<o&&!!i,g=o!=null&&e!=null?Math.max(0,o-e):a,l=Math.min(g||a,a);if(p&&i)return<react_native_1.View style={styles.container}>
+        <react_native_1.View style={styles.dividerLine}/>
+        <react_native_1.View style={styles.loadMoreContainer}>
+          <TouchableScale_1.default onPress={i}hitSlop={6}style={styles.loadMoreBtn}>
+            <react_native_1.View style={styles.loadMoreIconWrap}>
+              <NetworkIcons_1.ChevronIcon color={AppColors_1.AppColors.white}size={9}direction="down"/>
+            </react_native_1.View>
+            <react_native_1.Text style={styles.loadMoreBtnText}>
+              {n("footer.loadMore",{count:l,defaultValue:`Load ${l} More`})}
+            </react_native_1.Text>
+            {o!=null&&e!=null&&<react_native_1.View style={styles.loadMoreCountBadge}>
+                <react_native_1.Text style={styles.loadMoreCountText}>
+                  {e}/{o}
+                </react_native_1.Text>
+              </react_native_1.View>}
+          </TouchableScale_1.default>
+          {o!=null&&e!=null&&<react_native_1.Text style={styles.loadMoreSubtitle}>
+              {n("footer.showingOf",{count:e,total:o,label:r,defaultValue:`Showing ${e} of ${o} ${r}`})}
+            </react_native_1.Text>}
+        </react_native_1.View>
+        <react_native_1.View style={styles.dividerLine}/>
+      </react_native_1.View>;const t=e??o;return<react_native_1.View style={styles.container}>
       <react_native_1.View style={styles.dividerLine}/>
       <react_native_1.View style={styles.badgePill}>
         <react_native_1.View style={styles.iconCircle}>
           <NetworkIcons_1.CheckIcon color={AppColors_1.AppColors.purple}size={8}/>
         </react_native_1.View>
-        <react_native_1.Text style={styles.messageText}>{o}</react_native_1.Text>
-        {e!=null&&e>0&&<react_native_1.View style={styles.countBadge}>
+        <react_native_1.Text style={styles.messageText}>{c}</react_native_1.Text>
+        {t!=null&&t>0&&<react_native_1.View style={styles.countBadge}>
             <react_native_1.Text style={styles.countText}>
-              {e} {t?e===1?t.replace(/s$/,""):t:""}
+              {t}{" "}
+              {r?t===1?r.replace(/s$/,""):r:""}
             </react_native_1.Text>
           </react_native_1.View>}
       </react_native_1.View>
       <react_native_1.View style={styles.dividerLine}/>
-    </react_native_1.View>);const styles=react_native_1.StyleSheet.create({container:{flexDirection:"row",alignItems:"center",justifyContent:"center",paddingHorizontal:16,paddingTop:16,paddingBottom:react_native_1.Platform.OS==="ios"?44:32,gap:8},dividerLine:{flex:1,height:1,backgroundColor:AppColors_1.AppColors.dividerColor,opacity:.7},badgePill:{flexDirection:"row",alignItems:"center",gap:6,paddingHorizontal:10,paddingVertical:5,borderRadius:999,backgroundColor:AppColors_1.AppColors.primaryLight,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,shadowColor:AppColors_1.AppColors.black,shadowOffset:{width:0,height:1},shadowOpacity:.04,shadowRadius:2,elevation:1},iconCircle:{width:14,height:14,borderRadius:7,backgroundColor:`${AppColors_1.AppColors.purple}18`,alignItems:"center",justifyContent:"center"},messageText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.grayTextWeak,letterSpacing:.1},countBadge:{paddingHorizontal:5,paddingVertical:1,borderRadius:6,backgroundColor:AppColors_1.AppColors.grayBackground,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary},countText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:AppColors_1.AppColors.grayTextStrong}});exports.default=exports.EndOfListFooter;
+    </react_native_1.View>});const styles=react_native_1.StyleSheet.create({container:{flexDirection:"row",alignItems:"center",justifyContent:"center",paddingHorizontal:16,paddingTop:14,paddingBottom:react_native_1.Platform.OS==="ios"?40:28,gap:8},dividerLine:{flex:1,height:1,backgroundColor:AppColors_1.AppColors.dividerColor,opacity:.7},loadMoreContainer:{alignItems:"center",gap:5},loadMoreBtn:{flexDirection:"row",alignItems:"center",backgroundColor:AppColors_1.AppColors.brandPurple,paddingVertical:6,paddingHorizontal:12,borderRadius:20,gap:6,shadowColor:AppColors_1.AppColors.brandPurple,shadowOffset:{width:0,height:2},shadowOpacity:.25,shadowRadius:4,elevation:2,borderWidth:1,borderColor:"rgba(255, 255, 255, 0.2)"},loadMoreIconWrap:{width:15,height:15,borderRadius:7.5,backgroundColor:"rgba(255, 255, 255, 0.25)",alignItems:"center",justifyContent:"center"},loadMoreBtnText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,color:AppColors_1.AppColors.white,letterSpacing:.2},loadMoreCountBadge:{backgroundColor:"rgba(255, 255, 255, 0.2)",paddingHorizontal:5,paddingVertical:1,borderRadius:10},loadMoreCountText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:AppColors_1.AppColors.white},loadMoreSubtitle:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10,color:AppColors_1.AppColors.grayTextWeak,letterSpacing:.1},badgePill:{flexDirection:"row",alignItems:"center",gap:6,paddingHorizontal:10,paddingVertical:5,borderRadius:999,backgroundColor:AppColors_1.AppColors.primaryLight,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,shadowColor:AppColors_1.AppColors.black,shadowOffset:{width:0,height:1},shadowOpacity:.04,shadowRadius:2,elevation:1},iconCircle:{width:14,height:14,borderRadius:7,backgroundColor:`${AppColors_1.AppColors.purple}18`,alignItems:"center",justifyContent:"center"},messageText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.grayTextWeak,letterSpacing:.1},countBadge:{paddingHorizontal:5,paddingVertical:1,borderRadius:6,backgroundColor:AppColors_1.AppColors.grayBackground,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary},countText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:AppColors_1.AppColors.grayTextStrong}});exports.default=exports.EndOfListFooter;