react-native-inapp-inspector 2.3.23 → 2.3.25

package/dist/commonjs/types/enums.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BreadcrumbType=exports.CrashFilterType=exports.CrashDetailSubTab=exports.CrashExportFormat=exports.CrashType=exports.PerformanceSubTab=exports.BundleSubTab=exports.DiffResultType=exports.StackFrameType=exports.GAEventCategory=exports.AnalyticsEventSource=exports.ConsoleLogType=exports.LogFilter=exports.SettingsSubTab=exports.SettingsPage=exports.ModalAnimationType=exports.LocalFilter=exports.SortOrder=exports.StatusFilter=exports.Method=exports.ActiveTab=void 0,exports.ActiveTab={Apis:"apis",Analytics:"analytics",Logs:"logs",Redux:"redux",Bundle:"bundle",Performance:"performance",Crash:"crash",Device:"device",Storage:"storage",Debugging:"debugging",Media:"media"},exports.Method={All:"ALL",Get:"GET",Post:"POST",Put:"PUT",Patch:"PATCH",Delete:"DELETE",Query:"QUERY",Options:"OPTIONS",Head:"HEAD"},exports.StatusFilter={All:"ALL",TwoXx:"2xx",ThreeXx:"3xx",FourXx:"4xx",FiveXx:"5xx",Failed:"Failed"},exports.SortOrder={Newest:"newest",Oldest:"oldest"},exports.LocalFilter={Success:"success",Failed:"failed",Loading:"loading"},exports.ModalAnimationType={Slide:"slide",Fade:"fade",None:"none"},exports.SettingsPage={Main:"main",Apis:"apis",Logs:"logs",Analytics:"analytics",Redux:"redux",Bundle:"bundle",Performance:"performance",Crash:"crash",Device:"device",Storage:"storage",Debugging:"debugging",Media:"media"},exports.SettingsSubTab={Module:"module",Ui:"ui",Limits:"limits",Capture:"capture"},exports.LogFilter={All:"all",Info:"info",Warn:"warn",Error:"error",UserLog:"user-log",Analytics:"analytics"},exports.ConsoleLogType={Info:"info",Warn:"warn",Error:"error"},exports.AnalyticsEventSource={Firebase:"firebase",Manual:"manual"},exports.GAEventCategory={PageView:"page_view",Ecommerce:"ecommerce",System:"system",Custom:"custom"},exports.StackFrameType={App:"app",Dependency:"dependency",Runtime:"runtime",Native:"native"},exports.DiffResultType={Added:"added",Removed:"removed",Changed:"changed"},exports.BundleSubTab={Overview:"overview",Production:"production",Files:"files",Packages:"packages",Media:"media",Optimizer:"optimizer"},exports.PerformanceSubTab={Overview:"overview",Renders:"renders",Interactions:"interactions",Memory:"memory"},exports.CrashType={Native:"native",Js:"js",Promise:"promise",Render:"render",Custom:"custom"},exports.CrashExportFormat={Text:"text",Markdown:"markdown",Json:"json"},exports.CrashDetailSubTab={Stack:"stack",Diagnostics:"diagnostics",Breadcrumbs:"breadcrumbs",Raw:"raw"},exports.CrashFilterType={All:"all",Fatal:"fatal",Js:"js",Promise:"promise",Render:"render",Native:"native"},exports.BreadcrumbType={Navigation:"navigation",Network:"network",Redux:"redux",Console:"console",User:"user",System:"system"};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BreadcrumbType=exports.CrashFilterType=exports.CrashDetailSubTab=exports.CrashExportFormat=exports.CrashType=exports.DiffResultType=exports.StackFrameType=exports.GAEventCategory=exports.AnalyticsEventSource=exports.ConsoleLogType=exports.LogFilter=exports.SettingsSubTab=exports.SettingsPage=exports.ModalAnimationType=exports.LocalFilter=exports.SortOrder=exports.StatusFilter=exports.Method=exports.ActiveTab=void 0,exports.ActiveTab={Apis:"apis",Analytics:"analytics",Logs:"logs",Redux:"redux",Crash:"crash",Device:"device",Storage:"storage",Debugging:"debugging",Media:"media"},exports.Method={All:"ALL",Get:"GET",Post:"POST",Put:"PUT",Patch:"PATCH",Delete:"DELETE",Query:"QUERY",Options:"OPTIONS",Head:"HEAD"},exports.StatusFilter={All:"ALL",TwoXx:"2xx",ThreeXx:"3xx",FourXx:"4xx",FiveXx:"5xx",Failed:"Failed"},exports.SortOrder={Newest:"newest",Oldest:"oldest"},exports.LocalFilter={Success:"success",Failed:"failed",Loading:"loading"},exports.ModalAnimationType={Slide:"slide",Fade:"fade",None:"none"},exports.SettingsPage={Main:"main",Apis:"apis",Logs:"logs",Analytics:"analytics",Redux:"redux",Crash:"crash",Device:"device",Storage:"storage",Debugging:"debugging",Media:"media"},exports.SettingsSubTab={Module:"module",Ui:"ui",Limits:"limits",Capture:"capture"},exports.LogFilter={All:"all",Info:"info",Warn:"warn",Error:"error",UserLog:"user-log",Analytics:"analytics"},exports.ConsoleLogType={Info:"info",Warn:"warn",Error:"error"},exports.AnalyticsEventSource={Firebase:"firebase",Manual:"manual"},exports.GAEventCategory={PageView:"page_view",Ecommerce:"ecommerce",System:"system",Custom:"custom"},exports.StackFrameType={App:"app",Dependency:"dependency",Runtime:"runtime",Native:"native"},exports.DiffResultType={Added:"added",Removed:"removed",Changed:"changed"},exports.CrashType={Native:"native",Js:"js",Promise:"promise",Render:"render",Custom:"custom"},exports.CrashExportFormat={Text:"text",Markdown:"markdown",Json:"json"},exports.CrashDetailSubTab={Stack:"stack",Diagnostics:"diagnostics",Breadcrumbs:"breadcrumbs",Raw:"raw"},exports.CrashFilterType={All:"all",Fatal:"fatal",Js:"js",Promise:"promise",Render:"render",Native:"native"},exports.BreadcrumbType={Navigation:"navigation",Network:"network",Redux:"redux",Console:"console",User:"user",System:"system"};

package/dist/esm/components/AnalyticsDetail.js

@@ -1,4 +1,4 @@
-import{useState as q,useMemo as z}from"react";import{Pressable as Ce,ScrollView as Te,StyleSheet as Be,Text as V,TextInput as Ve,View as C}from"react-native";import G from"./CopyButton";import Y from"./JsonViewer";import Se from"./SegmentedTabs";import Q from"./HighlightText";import Ie from"./AnimatedEntrance";import{AppFonts as S}from"../styles/AppFonts";import{AppColors as e}from"../styles/AppColors";import{getSize as ze,formatDateTime as Pe}from"../helpers";import{getEventCategory as De}from"../helpers/gaAnalyticsRegistry";import{useTranslation as Re}from"../i18n";import{SparkleIcon as X,ClockIcon as Fe,SearchIcon as We,ClearIcon as He,LayersIcon as Ee,CartIcon as Ne,GlobeIcon as Ae,BoltIcon as Oe,PinIcon as Ke,MoneyIcon as Le,PrettyIcon as Me,TableIcon as Z,DocIcon as $e,PackageIcon as _e}from"./NetworkIcons";const Je=({event:T})=>{const{t:P}=Re(),[j,ee]=q("overview"),[D,v]=q(""),k=z(()=>T.params??{},[T.params]),H=z(()=>T.userProperties??{},[T.userProperties]),E=z(()=>Object.keys(k),[k]),R=z(()=>Object.keys(H),[H]),M=z(()=>De(T.name,k),[T.name,k]),A=z(()=>({name:T.name,timestamp:T.timestamp,source:T.source,...T.screenName?{screenName:T.screenName}:{},...T.screenClass?{screenClass:T.screenClass}:{},...T.userId?{userId:T.userId}:{},...T.sessionId?{sessionId:T.sessionId}:{},...T.trackingId?{trackingId:T.trackingId}:{},params:k,...R.length>0?{userProperties:H}:{}}),[T,k,R.length,H]),O=z(()=>{const B=k.value??k.price,I=k.currency??"USD";return B!=null&&!isNaN(Number(B))?{amount:Number(B).toFixed(2),currency:String(I).toUpperCase()}:null},[k]),$=z(()=>Array.isArray(k.items)?k.items.length:null,[k.items]),_=z(()=>T.screenName||k.firebase_screen||k.screen_name||k.page_title||T.screenClass||k.firebase_screen_class,[T.screenName,T.screenClass,k]),J=z(()=>{const B=Object.entries(k);if(!D.trim())return B;const I=D.toLowerCase();return B.filter(([K,F])=>{const L=typeof F=="object"?JSON.stringify(F):String(F);return K.toLowerCase().includes(I)||L.toLowerCase().includes(I)})},[k,D]),W=z(()=>{switch(M){case"ecommerce":return{label:P("analytics.ecommerceCategory"),color:e.amber700,bg:e.amber100,border:e.amber200,icon:B=><Ne color={B}size={11}/>};case"page_view":return{label:P("analytics.screensCategory"),color:e.sky600,bg:e.sky100,border:e.sky400,icon:B=><Ae color={B}size={11}/>};case"system":return{label:P("analytics.systemCategory"),color:e.purple,bg:e.purple100,border:e.purple200,icon:B=><Oe color={B}size={11}/>};default:return{label:P("analytics.customCategory"),color:e.brandPurple,bg:e.purple100,border:e.purple200,icon:B=><X color={B}size={11}/>}}},[M,P]),re=[{key:"overview",label:`${P("analytics.overviewTab")} (${E.length})`,icon:B=><Z color={B?e.white:e.grayText}size={12}/>},{key:"json",label:"JSON Payload",icon:B=><Me color={B?e.white:e.grayText}size={12}/>}];return<Te style={r.scroll}contentContainerStyle={r.content}showsVerticalScrollIndicator contentInsetAdjustmentBehavior="never"automaticallyAdjustContentInsets={!1}>
+import{useState as q,useMemo as z}from"react";import{Pressable as Ce,ScrollView as Te,StyleSheet as Ve,Text as B,TextInput as Be,View as C}from"react-native";import G from"./CopyButton";import Y from"./JsonViewer";import Se from"./SegmentedTabs";import Q from"./HighlightText";import Ie from"./AnimatedEntrance";import{AppFonts as S}from"../styles/AppFonts";import{AppColors as e}from"../styles/AppColors";import{getSize as ze,formatDateTime as Pe}from"../helpers";import{getEventCategory as Re}from"../helpers/gaAnalyticsRegistry";import{useTranslation as We}from"../i18n";import{SparkleIcon as X,ClockIcon as De,SearchIcon as He,ClearIcon as Fe,LayersIcon as Ne,CartIcon as Oe,GlobeIcon as Ae,BoltIcon as Ee,PinIcon as Ke,MoneyIcon as Le,PrettyIcon as Me,TableIcon as Z,DocIcon as $e,PackageIcon as _e}from"./NetworkIcons";const Je=({event:T})=>{const{t:P}=We(),[O,ee]=q("overview"),[R,v]=q(""),k=z(()=>T.params??{},[T.params]),F=z(()=>T.userProperties??{},[T.userProperties]),N=z(()=>Object.keys(k),[k]),W=z(()=>Object.keys(F),[F]),M=z(()=>Re(T.name,k),[T.name,k]),A=z(()=>({name:T.name,timestamp:T.timestamp,source:T.source,...T.screenName?{screenName:T.screenName}:{},...T.screenClass?{screenClass:T.screenClass}:{},...T.userId?{userId:T.userId}:{},...T.sessionId?{sessionId:T.sessionId}:{},...T.trackingId?{trackingId:T.trackingId}:{},params:k,...W.length>0?{userProperties:F}:{}}),[T,k,W.length,F]),E=z(()=>{const V=k.value??k.price,I=k.currency??"USD";return V!=null&&!isNaN(Number(V))?{amount:Number(V).toFixed(2),currency:String(I).toUpperCase()}:null},[k]),$=z(()=>Array.isArray(k.items)?k.items.length:null,[k.items]),_=z(()=>T.screenName||k.firebase_screen||k.screen_name||k.page_title||T.screenClass||k.firebase_screen_class,[T.screenName,T.screenClass,k]),J=z(()=>{const V=Object.entries(k);if(!R.trim())return V;const I=R.toLowerCase();return V.filter(([K,D])=>{const L=typeof D=="object"?JSON.stringify(D):String(D);return K.toLowerCase().includes(I)||L.toLowerCase().includes(I)})},[k,R]),H=z(()=>{switch(M){case"ecommerce":return{label:P("analytics.ecommerceCategory"),color:e.amber700,bg:e.amber100,border:e.amber200,icon:V=><Oe color={V}size={11}/>};case"page_view":return{label:P("analytics.screensCategory"),color:e.sky600,bg:e.sky100,border:e.sky400,icon:V=><Ae color={V}size={11}/>};case"system":return{label:P("analytics.systemCategory"),color:e.purple,bg:e.purple100,border:e.purple200,icon:V=><Ee color={V}size={11}/>};default:return{label:P("analytics.customCategory"),color:e.brandPurple,bg:e.purple100,border:e.purple200,icon:V=><X color={V}size={11}/>}}},[M,P]),re=[{key:"overview",label:`${P("analytics.overviewTab")} (${N.length})`,icon:V=><Z color={V?e.white:e.grayText}size={12}/>},{key:"json",label:"JSON Payload",icon:V=><Me color={V?e.white:e.grayText}size={12}/>}];return<Te style={r.scroll}contentContainerStyle={r.content}showsVerticalScrollIndicator contentInsetAdjustmentBehavior="never"automaticallyAdjustContentInsets={!1}>
       
       
       <C style={r.heroCard}>
@@ -7,25 +7,25 @@ import{useState as q,useMemo as z}from"react";import{Pressable as Ce,ScrollView
           <C style={{flexDirection:"row",alignItems:"center",gap:6,flexWrap:"wrap",flex:1}}>
             
             <C style={r.idBadge}>
-              <V style={r.idBadgeText}>
+              <B style={r.idBadgeText}>
                 #{T.id!=null?T.id+1:1}
-              </V>
+              </B>
             </C>
 
             
             <C style={[r.sourceBadge,T.source==="firebase"?{backgroundColor:e.amberBg,borderColor:e.amberBorder}:{backgroundColor:e.purpleBg,borderColor:e.purpleBorder}]}>
               <C style={[r.sourceDot,{backgroundColor:T.source==="firebase"?e.firebaseOrange:e.purple}]}/>
-              <V style={[r.sourceBadgeText,{color:T.source==="firebase"?e.amber800Warm:e.purple}]}>
+              <B style={[r.sourceBadgeText,{color:T.source==="firebase"?e.amber800Warm:e.purple}]}>
                 {T.source==="firebase"?P("analytics.sourceFirebase"):P("analytics.sourceCustom")}
-              </V>
+              </B>
             </C>
 
             
-            <C style={[r.catBadge,{backgroundColor:W.bg,borderColor:W.border}]}>
-              {W.icon(W.color)}
-              <V style={[r.catBadgeText,{color:W.color}]}>
-                {W.label}
-              </V>
+            <C style={[r.catBadge,{backgroundColor:H.bg,borderColor:H.border}]}>
+              {H.icon(H.color)}
+              <B style={[r.catBadgeText,{color:H.color}]}>
+                {H.label}
+              </B>
             </C>
           </C>
 
@@ -35,86 +35,86 @@ import{useState as q,useMemo as z}from"react";import{Pressable as Ce,ScrollView
 
         
         <C style={r.titleRow}>
-          <V style={r.eventTitle}selectable numberOfLines={2}>
+          <B style={r.eventTitle}selectable numberOfLines={2}>
             {T.name}
-          </V>
+          </B>
         </C>
 
         
         <C style={r.metaRow}>
           <C style={r.timePill}>
-            <Fe color={e.purple}size={11}/>
-            <V style={r.timeText}>
+            <De color={e.purple}size={11}/>
+            <B style={r.timeText}>
               {Pe(T.timestamp)}
-            </V>
+            </B>
           </C>
 
           {_&&<C style={r.screenPill}>
               <Ke color={e.sky600}size={11}/>
-              <V style={r.screenText}numberOfLines={1}>
+              <B style={r.screenText}numberOfLines={1}>
                 {String(_)}
-              </V>
+              </B>
             </C>}
         </C>
 
         
         <C style={r.metricsBar}>
           <C style={r.metricPill}>
-            <V style={r.metricLabel}>Params:</V>
-            <V style={r.metricValue}>{E.length}</V>
+            <B style={r.metricLabel}>Params:</B>
+            <B style={r.metricValue}>{N.length}</B>
           </C>
 
-          {R.length>0&&<C style={r.metricPill}>
-              <V style={r.metricLabel}>User Props:</V>
-              <V style={r.metricValue}>{R.length}</V>
+          {W.length>0&&<C style={r.metricPill}>
+              <B style={r.metricLabel}>User Props:</B>
+              <B style={r.metricValue}>{W.length}</B>
             </C>}
 
           <C style={r.metricPill}>
-            <V style={r.metricLabel}>Size:</V>
-            <V style={r.metricValue}>{ze(A)}</V>
+            <B style={r.metricLabel}>Size:</B>
+            <B style={r.metricValue}>{ze(A)}</B>
           </C>
 
-          {O&&<C style={r.revenuePill}>
+          {E&&<C style={r.revenuePill}>
               <Le color={e.emerald600}size={11}/>
-              <V style={r.revenueValue}>
-                ${O.amount} {O.currency}
-              </V>
+              <B style={r.revenueValue}>
+                ${E.amount} {E.currency}
+              </B>
             </C>}
 
           {$!==null&&<C style={r.itemsPill}>
-              <_e size={12}color="#1D4ED8"/>
-              <V style={r.itemsValue}>
+              <_e size={12}color={e.blue700}/>
+              <B style={r.itemsValue}>
                 {$} items
-              </V>
+              </B>
             </C>}
         </C>
       </C>
 
       
       <C style={r.tabsWrap}>
-        <Se tabs={re}activeKey={j}onChange={B=>ee(B)}/>
+        <Se tabs={re}activeKey={O}onChange={V=>ee(V)}/>
       </C>
 
       
-      {j==="overview"&&<C style={r.tabContent}>
+      {O==="overview"&&<C style={r.tabContent}>
           
           {(T.userId||T.sessionId||T.trackingId)&&<C style={r.sectionCard}>
               <C style={r.sectionHeader}>
-                <Ee color={e.purple}size={12}/>
-                <V style={r.sectionTitle}>SESSION & IDENTITY</V>
+                <Ne color={e.purple}size={12}/>
+                <B style={r.sectionTitle}>SESSION & IDENTITY</B>
               </C>
               <C style={r.sectionBody}>
                 {T.userId&&<C style={r.kvRow}>
-                    <V style={r.kvKey}>User ID:</V>
-                    <V style={r.kvVal}selectable>{T.userId}</V>
+                    <B style={r.kvKey}>User ID:</B>
+                    <B style={r.kvVal}selectable>{T.userId}</B>
                   </C>}
                 {T.sessionId&&<C style={r.kvRow}>
-                    <V style={r.kvKey}>Session ID:</V>
-                    <V style={r.kvVal}selectable>{T.sessionId}</V>
+                    <B style={r.kvKey}>Session ID:</B>
+                    <B style={r.kvVal}selectable>{T.sessionId}</B>
                   </C>}
                 {T.trackingId&&<C style={r.kvRow}>
-                    <V style={r.kvKey}>Tracking ID:</V>
-                    <V style={r.kvVal}selectable>{T.trackingId}</V>
+                    <B style={r.kvKey}>Tracking ID:</B>
+                    <B style={r.kvVal}selectable>{T.trackingId}</B>
                   </C>}
               </C>
             </C>}
@@ -124,53 +124,53 @@ import{useState as q,useMemo as z}from"react";import{Pressable as Ce,ScrollView
             <C style={r.sectionHeaderBetween}>
               <C style={{flexDirection:"row",alignItems:"center",gap:6}}>
                 <Z color={e.brandPurple}size={12}/>
-                <V style={r.sectionTitle}>
-                  EVENT PARAMETERS ({E.length})
-                </V>
+                <B style={r.sectionTitle}>
+                  EVENT PARAMETERS ({N.length})
+                </B>
               </C>
-              <V style={r.sectionSubtitle}>
+              <B style={r.sectionSubtitle}>
                 Key-Value Attributes
-              </V>
+              </B>
             </C>
 
             
-            {E.length>4&&<C style={r.searchBar}>
-                <We color={e.grayTextWeak}size={13}/>
-                <Ve placeholder="Filter parameters by key or value..."placeholderTextColor={e.grayTextWeak}value={D}onChangeText={v}style={r.searchInput}autoCorrect={!1}autoCapitalize="none"/>
-                {D.length>0&&<Ce onPress={()=>v("")}hitSlop={8}>
-                    <He color={e.grayTextWeak}size={13}/>
+            {N.length>4&&<C style={r.searchBar}>
+                <He color={e.grayTextWeak}size={13}/>
+                <Be placeholder="Filter parameters by key or value..."placeholderTextColor={e.grayTextWeak}value={R}onChangeText={v}style={r.searchInput}autoCorrect={!1}autoCapitalize="none"/>
+                {R.length>0&&<Ce onPress={()=>v("")}hitSlop={8}>
+                    <Fe color={e.grayTextWeak}size={13}/>
                   </Ce>}
               </C>}
 
-            {E.length===0?<C style={r.emptyParamsBox}>
+            {N.length===0?<C style={r.emptyParamsBox}>
                 <$e color={e.grayTextWeak}size={16}/>
-                <V style={r.emptyParamsText}>
+                <B style={r.emptyParamsText}>
                   No custom parameters recorded for this event.
-                </V>
+                </B>
               </C>:J.length===0?<C style={r.emptyParamsBox}>
-                <V style={r.emptyParamsText}>
-                  No parameters matching "{D}"
-                </V>
+                <B style={r.emptyParamsText}>
+                  No parameters matching "{R}"
+                </B>
               </C>:<C style={r.paramList}>
-                {J.map(([B,I],K)=>{const F=typeof I=="object"&&I!==null,L=Array.isArray(I);let N=typeof I;I===null?N="null":L?N=`array [${I.length}]`:F&&(N="object");const U=F?JSON.stringify(I,null,2):String(I),te=B==="value"||B==="price"||B==="currency"||B==="screen_name"||B==="item_id"||B==="item_name";return<Ie key={B}index={K}distance={4}>
+                {J.map(([V,I],K)=>{const D=typeof I=="object"&&I!==null,L=Array.isArray(I);let j=typeof I;I===null?j="null":L?j=`array [${I.length}]`:D&&(j="object");const U=D?JSON.stringify(I,null,2):String(I),te=V==="value"||V==="price"||V==="currency"||V==="screen_name"||V==="item_id"||V==="item_name";return<Ie key={V}index={K}distance={4}>
                       <C style={r.paramCard}>
                         
                         <C style={r.paramCardHeader}>
                           <C style={{flexDirection:"row",alignItems:"center",gap:6,flex:1,minWidth:0}}>
-                            <Q text={B}search={D}style={[r.paramKeyText,te&&r.paramKeyHighlighted]}highlightStyle={r.highlight}/>
+                            <Q text={V}search={R}style={[r.paramKeyText,te&&r.paramKeyHighlighted]}highlightStyle={r.highlight}/>
                             <C style={r.typeBadge}>
-                              <V style={r.typeBadgeText}>
-                                {N.toUpperCase()}
-                              </V>
+                              <B style={r.typeBadgeText}>
+                                {j.toUpperCase()}
+                              </B>
                             </C>
                           </C>
 
-                          <G value={U}label={B}/>
+                          <G value={U}label={V}/>
                         </C>
 
                         
                         <C style={r.paramValBox}>
-                          {F?<Y data={I}search={D}hideTabs wrap/>:<Q text={U}search={D}style={r.paramValText}highlightStyle={r.highlight}selectable/>}
+                          {D?<Y data={I}search={R}hideTabs wrap/>:<Q text={U}search={R}style={r.paramValText}highlightStyle={r.highlight}selectable/>}
                         </C>
                       </C>
                     </Ie>})}
@@ -178,26 +178,26 @@ import{useState as q,useMemo as z}from"react";import{Pressable as Ce,ScrollView
           </C>
 
           
-          {R.length>0&&<C style={r.sectionCard}>
+          {W.length>0&&<C style={r.sectionCard}>
               <C style={r.sectionHeader}>
                 <X color={e.purple}size={12}/>
-                <V style={r.sectionTitle}>
-                  USER PROPERTIES SNAPSHOT ({R.length})
-                </V>
+                <B style={r.sectionTitle}>
+                  USER PROPERTIES SNAPSHOT ({W.length})
+                </B>
               </C>
               <C style={r.sectionBody}>
-                {R.map(B=><C key={B}style={r.kvRow}>
-                    <V style={r.kvKey}>{B}:</V>
-                    <V style={r.kvVal}selectable>
-                      {String(H[B])}
-                    </V>
+                {W.map(V=><C key={V}style={r.kvRow}>
+                    <B style={r.kvKey}>{V}:</B>
+                    <B style={r.kvVal}selectable>
+                      {String(F[V])}
+                    </B>
                   </C>)}
               </C>
             </C>}
         </C>}
 
       
-      {j==="json"&&<C style={r.jsonContainer}>
+      {O==="json"&&<C style={r.jsonContainer}>
           <Y data={A}defaultExpandDepth={2}fullHeight/>
         </C>}
-    </Te>},r=Be.create({scroll:{flex:1,backgroundColor:e.grayBackground},content:{paddingTop:12,paddingBottom:40,paddingHorizontal:12},heroCard:{backgroundColor:e.white,borderRadius:12,padding:14,borderWidth:1,borderColor:e.dividerColor,shadowColor:e.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:`${e.slate500}12`,borderWidth:1,borderColor:`${e.slate500}22`},idBadgeText:{fontFamily:S.interBold,fontSize:10,color:e.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:S.interBold,fontSize:9.5,letterSpacing:.4},catBadge:{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:7,paddingVertical:3,borderRadius:5,borderWidth:1},catBadgeText:{fontFamily:S.interBold,fontSize:9.5,letterSpacing:.3},titleRow:{marginBottom:8},eventTitle:{fontFamily:S.interBold,fontSize:16,color:e.primaryBlack,lineHeight:22},metaRow:{flexDirection:"row",alignItems:"center",gap:6,flexWrap:"wrap",marginBottom:10},timePill:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:`${e.purple}14`,paddingHorizontal:7,paddingVertical:3,borderRadius:5,borderWidth:1,borderColor:`${e.purple}2E`},timeText:{fontFamily:S.interMedium,fontSize:10.5,color:e.purple},screenPill:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:`${e.sky500}14`,paddingHorizontal:7,paddingVertical:3,borderRadius:5,borderWidth:1,borderColor:`${e.sky500}2E`,maxWidth:220},screenText:{fontFamily:S.interMedium,fontSize:10.5,color:e.sky600},metricsBar:{flexDirection:"row",alignItems:"center",gap:6,flexWrap:"wrap",paddingTop:8,borderTopWidth:1,borderTopColor:e.dividerColor},metricPill:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:e.grayBackground,paddingHorizontal:7,paddingVertical:3,borderRadius:5,borderWidth:1,borderColor:e.dividerColor},metricLabel:{fontFamily:S.interMedium,fontSize:10.5,color:e.grayTextWeak},metricValue:{fontFamily:S.interBold,fontSize:10.5,color:e.primaryBlack},revenuePill:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:e.emeraldBg,paddingHorizontal:7,paddingVertical:3,borderRadius:5,borderWidth:1,borderColor:e.emeraldBorder},revenueValue:{fontFamily:S.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:S.interBold,fontSize:10.5,color:"#1D4ED8"},tabsWrap:{marginBottom:12},tabContent:{gap:12},sectionCard:{backgroundColor:e.white,borderRadius:12,padding:12,borderWidth:1,borderColor:e.dividerColor,shadowColor:e.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:e.dividerColor},sectionHeaderBetween:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginBottom:10,paddingBottom:6,borderBottomWidth:1,borderBottomColor:e.dividerColor},sectionTitle:{fontFamily:S.interBold,fontSize:11,color:e.slate700,letterSpacing:.4},sectionSubtitle:{fontFamily:S.interMedium,fontSize:10,color:e.grayTextWeak},sectionBody:{gap:6},kvRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingVertical:3},kvKey:{fontFamily:S.interMedium,fontSize:11,color:e.grayTextWeak},kvVal:{fontFamily:S.interBold,fontSize:11,color:e.primaryBlack},searchBar:{flexDirection:"row",alignItems:"center",backgroundColor:e.grayBackground,borderRadius:8,paddingHorizontal:8,paddingVertical:5,borderWidth:1,borderColor:e.dividerColor,marginBottom:10,gap:6},searchInput:{flex:1,fontFamily:S.interRegular,fontSize:11,color:e.primaryBlack,paddingVertical:0},emptyParamsBox:{alignItems:"center",justifyContent:"center",paddingVertical:20,gap:6},emptyParamsText:{fontFamily:S.interMedium,fontSize:11,color:e.grayTextWeak},paramList:{gap:8},paramCard:{backgroundColor:e.grayBackground,borderRadius:8,padding:9,borderWidth:1,borderColor:e.dividerColor},paramCardHeader:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginBottom:4},paramKeyText:{fontFamily:S.interBold,fontSize:11.5,color:e.primaryBlack},paramKeyHighlighted:{color:e.brandPurple},typeBadge:{backgroundColor:"#E2E8F0",paddingHorizontal:5,paddingVertical:1.5,borderRadius:3},typeBadgeText:{fontFamily:S.interBold,fontSize:8.5,color:e.slate700,letterSpacing:.3},paramValBox:{marginTop:2},paramValText:{fontFamily:S.interRegular,fontSize:11,color:e.slate700,lineHeight:16},jsonContainer:{borderRadius:12,borderWidth:1,borderColor:e.dividerColor,overflow:"hidden",backgroundColor:e.white,minHeight:300},highlight:{backgroundColor:"#FEF08A",color:"#854D0E",fontFamily:S.interBold}});export default Je;
+    </Te>},r=Ve.create({scroll:{flex:1,backgroundColor:e.grayBackground},content:{paddingTop:12,paddingBottom:40,paddingHorizontal:12},heroCard:{backgroundColor:e.white,borderRadius:12,padding:14,borderWidth:1,borderColor:e.dividerColor,shadowColor:e.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:`${e.slate500}12`,borderWidth:1,borderColor:`${e.slate500}22`},idBadgeText:{fontFamily:S.interBold,fontSize:10,color:e.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:S.interBold,fontSize:9.5,letterSpacing:.4},catBadge:{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:7,paddingVertical:3,borderRadius:5,borderWidth:1},catBadgeText:{fontFamily:S.interBold,fontSize:9.5,letterSpacing:.3},titleRow:{marginBottom:8},eventTitle:{fontFamily:S.interBold,fontSize:16,color:e.primaryBlack,lineHeight:22},metaRow:{flexDirection:"row",alignItems:"center",gap:6,flexWrap:"wrap",marginBottom:10},timePill:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:`${e.purple}14`,paddingHorizontal:7,paddingVertical:3,borderRadius:5,borderWidth:1,borderColor:`${e.purple}2E`},timeText:{fontFamily:S.interMedium,fontSize:10.5,color:e.purple},screenPill:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:`${e.sky500}14`,paddingHorizontal:7,paddingVertical:3,borderRadius:5,borderWidth:1,borderColor:`${e.sky500}2E`,maxWidth:220},screenText:{fontFamily:S.interMedium,fontSize:10.5,color:e.sky600},metricsBar:{flexDirection:"row",alignItems:"center",gap:6,flexWrap:"wrap",paddingTop:8,borderTopWidth:1,borderTopColor:e.dividerColor},metricPill:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:e.grayBackground,paddingHorizontal:7,paddingVertical:3,borderRadius:5,borderWidth:1,borderColor:e.dividerColor},metricLabel:{fontFamily:S.interMedium,fontSize:10.5,color:e.grayTextWeak},metricValue:{fontFamily:S.interBold,fontSize:10.5,color:e.primaryBlack},revenuePill:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:e.emeraldBg,paddingHorizontal:7,paddingVertical:3,borderRadius:5,borderWidth:1,borderColor:e.emeraldBorder},revenueValue:{fontFamily:S.interBold,fontSize:10.5,color:e.greenSuccessDark},itemsPill:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:e.blueTintBg,paddingHorizontal:7,paddingVertical:3,borderRadius:5,borderWidth:1,borderColor:e.sky100},itemsValue:{fontFamily:S.interBold,fontSize:10.5,color:e.blue700},tabsWrap:{marginBottom:12},tabContent:{gap:12},sectionCard:{backgroundColor:e.white,borderRadius:12,padding:12,borderWidth:1,borderColor:e.dividerColor,shadowColor:e.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:e.dividerColor},sectionHeaderBetween:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginBottom:10,paddingBottom:6,borderBottomWidth:1,borderBottomColor:e.dividerColor},sectionTitle:{fontFamily:S.interBold,fontSize:11,color:e.slate700,letterSpacing:.4},sectionSubtitle:{fontFamily:S.interMedium,fontSize:10,color:e.grayTextWeak},sectionBody:{gap:6},kvRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingVertical:3},kvKey:{fontFamily:S.interMedium,fontSize:11,color:e.grayTextWeak},kvVal:{fontFamily:S.interBold,fontSize:11,color:e.primaryBlack},searchBar:{flexDirection:"row",alignItems:"center",backgroundColor:e.grayBackground,borderRadius:8,paddingHorizontal:8,paddingVertical:5,borderWidth:1,borderColor:e.dividerColor,marginBottom:10,gap:6},searchInput:{flex:1,fontFamily:S.interRegular,fontSize:11,color:e.primaryBlack,paddingVertical:0},emptyParamsBox:{alignItems:"center",justifyContent:"center",paddingVertical:20,gap:6},emptyParamsText:{fontFamily:S.interMedium,fontSize:11,color:e.grayTextWeak},paramList:{gap:8},paramCard:{backgroundColor:e.grayBackground,borderRadius:8,padding:9,borderWidth:1,borderColor:e.dividerColor},paramCardHeader:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginBottom:4},paramKeyText:{fontFamily:S.interBold,fontSize:11.5,color:e.primaryBlack},paramKeyHighlighted:{color:e.brandPurple},typeBadge:{backgroundColor:e.slate200,paddingHorizontal:5,paddingVertical:1.5,borderRadius:3},typeBadgeText:{fontFamily:S.interBold,fontSize:8.5,color:e.slate700,letterSpacing:.3},paramValBox:{marginTop:2},paramValText:{fontFamily:S.interRegular,fontSize:11,color:e.slate700,lineHeight:16},jsonContainer:{borderRadius:12,borderWidth:1,borderColor:e.dividerColor,overflow:"hidden",backgroundColor:e.white,minHeight:300},highlight:{backgroundColor:e.yellow200,color:e.yellow800,fontFamily:S.interBold}});export default Je;

package/dist/esm/components/AnalyticsEventCard.js

@@ -1,4 +1,4 @@
-import K,{useEffect as U,useRef as q}from"react";import{Animated as F,StyleSheet as $,Text as V,View as C}from"react-native";import{AppColors as e}from"../styles/AppColors";import{AppFonts as T}from"../styles/AppFonts";import{formatGap as Q,formatTime as X,getEventColor as Y,getEventCategory as Z,getCategoryColors as v}from"../helpers";import{useTranslation as ee}from"../i18n";import Ce from"./HighlightText";import Te from"./TouchableScale";import{CartIcon as L,MoneyIcon as Be,GlobeIcon as Ve,BoltIcon as Se,SparkleIcon as O,ClockIcon as Re}from"./NetworkIcons";const Ie=K.memo(function({event:o,onPress:j,isNew:I=!1,searchStr:A="",msSincePrev:W,computedScreenName:P}){const{t:S}=ee(),E=Y(o.name),_=o.params?Object.keys(o.params).length:0,D=o.userProperties?Object.keys(o.userProperties).length:0,z=Z(o.name),B=v(z),H=q(new F.Value(I?1:0)).current;U(()=>{I&&F.timing(H,{toValue:0,duration:1200,useNativeDriver:!1}).start()},[I]);const N=W!=null&&W>=2e3,G=S(z==="page_view"?"analytics.pageViewCategory":z==="ecommerce"?"analytics.ecommerceCategory":z==="system"?"analytics.systemCategory":"analytics.customCategory");return<C style={r.container}>
+import K,{useEffect as U,useRef as q}from"react";import{Animated as F,StyleSheet as j,Text as V,View as C}from"react-native";import{AppColors as e}from"../styles/AppColors";import{AppFonts as T}from"../styles/AppFonts";import{formatGap as Q,formatTime as X,getEventColor as Y,getEventCategory as Z,getCategoryColors as v}from"../helpers";import{useTranslation as ee}from"../i18n";import Ce from"./HighlightText";import Te from"./TouchableScale";import{CartIcon as $,MoneyIcon as Be,GlobeIcon as Ve,BoltIcon as Se,SparkleIcon as L,ClockIcon as Ie,ForwardChevronIcon as Re}from"./NetworkIcons";const We=K.memo(function({event:o,onPress:O,isNew:R=!1,searchStr:A="",msSincePrev:W,computedScreenName:P}){const{t:S}=ee(),E=Y(o.name),_=o.params?Object.keys(o.params).length:0,H=o.userProperties?Object.keys(o.userProperties).length:0,z=Z(o.name),B=v(z),D=q(new F.Value(R?1:0)).current;U(()=>{R&&F.timing(D,{toValue:0,duration:1200,useNativeDriver:!1}).start()},[R]);const N=W!=null&&W>=2e3,G=S(z==="page_view"?"analytics.pageViewCategory":z==="ecommerce"?"analytics.ecommerceCategory":z==="system"?"analytics.systemCategory":"analytics.customCategory");return<C style={r.container}>
       
       {N&&<C style={r.gapContainer}>
           <C style={r.gapLine}/>
@@ -9,8 +9,8 @@ import K,{useEffect as U,useRef as q}from"react";import{Animated as F,StyleSheet
         </C>}
 
       
-      <Te onPress={j}style={[r.modernCard,{borderLeftWidth:3.5,borderLeftColor:B.text}]}>
-        {I&&<F.View style={[$.absoluteFill,{backgroundColor:E,opacity:H.interpolate({inputRange:[0,1],outputRange:[0,.08]})}]}/>}
+      <Te onPress={O}style={[r.modernCard,{borderLeftWidth:3.5,borderLeftColor:B.text}]}>
+        {R&&<F.View style={[j.absoluteFill,{backgroundColor:E,opacity:D.interpolate({inputRange:[0,1],outputRange:[0,.08]})}]}/>}
 
         
         <C style={r.cardHeader}>
@@ -24,7 +24,7 @@ import K,{useEffect as U,useRef as q}from"react";import{Animated as F,StyleSheet
 
             
             <C style={[r.iconBadge,{backgroundColor:B.bg,borderColor:B.border}]}>
-              {z==="ecommerce"?<L color={B.text}size={12}/>:z==="page_view"?<Ve color={B.text}size={12}/>:z==="system"?<Se color={B.text}size={12}/>:<O color={B.text}size={12}/>}
+              {z==="ecommerce"?<$ color={B.text}size={12}/>:z==="page_view"?<Ve color={B.text}size={12}/>:z==="system"?<Se color={B.text}size={12}/>:<L color={B.text}size={12}/>}
             </C>
 
             
@@ -46,21 +46,24 @@ import K,{useEffect as U,useRef as q}from"react";import{Animated as F,StyleSheet
           </C>
 
           
-          <C style={{flexDirection:"row",alignItems:"center",gap:3}}>
-            <Re color={e.grayTextWeak}size={10}/>
-            <V style={[r.timestamp,{color:e.grayTextWeak}]}>
-              {X(o.timestamp)}
-            </V>
+          <C style={{flexDirection:"row",alignItems:"center",gap:5}}>
+            <C style={{flexDirection:"row",alignItems:"center",gap:3}}>
+              <Ie color={e.grayTextWeak}size={10}/>
+              <V style={[r.timestamp,{color:e.grayTextWeak}]}>
+                {X(o.timestamp)}
+              </V>
+            </C>
+            <Re color={e.grayTextWeak}size={13}/>
           </C>
         </C>
 
         
         <C style={r.cardBody}>
           <C style={r.chipsRow}>
-            {(()=>{const w=P||o.screenName||o.params?.firebase_screen||o.params?.screen_name||o.params?.firebase_screen_class;if(!w)return null;const R=typeof w=="object"?JSON.stringify(w):String(w);return<C style={[r.chip,{backgroundColor:`${e.amber500}12`,borderColor:`${e.amber500}2E`}]}>
+            {(()=>{const w=P||o.screenName||o.params?.firebase_screen||o.params?.screen_name||o.params?.firebase_screen_class;if(!w)return null;const I=typeof w=="object"?JSON.stringify(w):String(w);return<C style={[r.chip,{backgroundColor:`${e.amber500}12`,borderColor:`${e.amber500}2E`}]}>
                   <C style={[r.screenDot,{backgroundColor:e.amber500}]}/>
                   <V style={[r.chipText,{color:e.amber700,fontFamily:T.interBold}]}numberOfLines={1}>
-                    {R}
+                    {I}
                   </V>
                 </C>})()}
 
@@ -70,22 +73,22 @@ import K,{useEffect as U,useRef as q}from"react";import{Animated as F,StyleSheet
               </V>
             </C>
 
-            {D>0&&<C style={[r.chip,{backgroundColor:`${e.brandPurple}10`,borderColor:`${e.brandPurple}25`}]}>
-                <O color={e.brandPurple}size={10}/>
+            {H>0&&<C style={[r.chip,{backgroundColor:`${e.brandPurple}10`,borderColor:`${e.brandPurple}25`}]}>
+                <L color={e.brandPurple}size={10}/>
                 <V style={[r.chipText,{color:e.brandPurple,fontFamily:T.interBold}]}>
-                  {D} {S("analytics.props")}
+                  {H} {S("analytics.props")}
                 </V>
               </C>}
 
             {(()=>{const w=o.params?.items;return Array.isArray(w)&&w.length>0?<C style={[r.chip,{backgroundColor:e.amberBg,borderColor:e.amberBorder}]}>
-                    <L color={e.amber700}size={11}/>
+                    <$ color={e.amber700}size={11}/>
                     <V style={[r.chipText,{color:e.amber700,fontFamily:T.interBold}]}>
                       {w.length}{" "}
                       {w.length===1?S("analytics.item"):S("analytics.items")}
                     </V>
                   </C>:null})()}
 
-            {(()=>{const w=o.params?.value??o.params?.price,R=o.params?.currency??"",M=typeof w=="string"||typeof w=="number";if(w!=null&&M&&String(w).trim()!==""){const J=typeof R=="string"&&R.trim()!==""?R.toUpperCase():"";return<C style={[r.chip,{backgroundColor:`${e.emerald500}15`,borderColor:`${e.emerald500}35`}]}>
+            {(()=>{const w=o.params?.value??o.params?.price,I=o.params?.currency??"",M=typeof w=="string"||typeof w=="number";if(w!=null&&M&&String(w).trim()!==""){const J=typeof I=="string"&&I.trim()!==""?I.toUpperCase():"";return<C style={[r.chip,{backgroundColor:`${e.emerald500}15`,borderColor:`${e.emerald500}35`}]}>
                     <Be color={e.emerald600}size={11}/>
                     <V style={[r.chipText,{color:e.emerald600,fontFamily:T.interBold}]}>
                       {String(w)} {J}
@@ -94,4 +97,4 @@ import K,{useEffect as U,useRef as q}from"react";import{Animated as F,StyleSheet
           </C>
         </C>
       </Te>
-    </C>}),r=$.create({container:{paddingHorizontal:10,paddingVertical:3},gapContainer:{flexDirection:"row",alignItems:"center",justifyContent:"center",marginVertical:6,gap:8},gapLine:{flex:1,height:1,backgroundColor:`${e.dividerColor}`},gapText:{fontFamily:T.interBold,fontSize:9.5,color:e.grayTextWeak,letterSpacing:.5},modernCard:{backgroundColor:e.white,borderRadius:10,borderWidth:1,borderColor:e.dividerColor,padding:10,shadowColor:e.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:T.interBold,fontSize:13,letterSpacing:.1,color:e.primaryBlack},timestamp:{fontFamily:T.interMedium,fontSize:10,color:e.grayTextWeak},highlight:{backgroundColor:e.yellowHighlight,color:e.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:T.interMedium,fontSize:10,color:e.grayText},screenDot:{width:5,height:5,borderRadius:2.5},duplicateBadge:{backgroundColor:e.roseBg,borderColor:e.roseBorder,borderWidth:1,paddingHorizontal:5,paddingVertical:1.5,borderRadius:4},duplicateText:{fontFamily:T.interBold,fontSize:9,color:e.rose600,textTransform:"uppercase"},idBadge:{paddingHorizontal:6,paddingVertical:2,borderRadius:6,backgroundColor:`${e.slate500}12`,borderWidth:1,borderColor:`${e.slate500}22`},idBadgeText:{fontFamily:T.interBold,fontSize:10,color:e.grayTextWeak,letterSpacing:.2},categoryBadge:{borderWidth:1,paddingHorizontal:5,paddingVertical:1.5,borderRadius:4},categoryText:{fontFamily:T.interBold,fontSize:8.5,textTransform:"uppercase",letterSpacing:.4}});export default Ie;
+    </C>}),r=j.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:`${e.dividerColor}`},gapText:{fontFamily:T.interBold,fontSize:9.5,color:e.grayTextWeak,letterSpacing:.5},modernCard:{backgroundColor:e.white,borderRadius:10,borderWidth:1,borderColor:e.dividerColor,paddingHorizontal:12,paddingVertical:9,shadowColor:e.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:T.interBold,fontSize:13,lineHeight:17,letterSpacing:.1,color:e.primaryBlack},timestamp:{fontFamily:T.interMedium,fontSize:10.5,lineHeight:14,color:e.grayTextWeak},highlight:{backgroundColor:e.yellowHighlight,color:e.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:T.interMedium,fontSize:10,lineHeight:13,color:e.grayText},screenDot:{width:5,height:5,borderRadius:2.5},duplicateBadge:{backgroundColor:e.roseBg,borderColor:e.roseBorder,borderWidth:1,paddingHorizontal:5,paddingVertical:1.5,borderRadius:4},duplicateText:{fontFamily:T.interBold,fontSize:8.5,color:e.rose600,textTransform:"uppercase"},idBadge:{paddingHorizontal:5.5,paddingVertical:2,borderRadius:5,backgroundColor:`${e.slate500}12`,borderWidth:1,borderColor:`${e.slate500}22`},idBadgeText:{fontFamily:T.interBold,fontSize:9.5,color:e.grayTextWeak,letterSpacing:.2},categoryBadge:{borderWidth:1,paddingHorizontal:5,paddingVertical:1.5,borderRadius:4},categoryText:{fontFamily:T.interBold,fontSize:8.5,textTransform:"uppercase",letterSpacing:.4}});export default We;

package/dist/esm/components/AppHeaderLogo.js

@@ -1,7 +1,7 @@
-import b from"react";import{Image as R,StyleSheet as A,View as C}from"react-native";import S from"./BrandSquareIcon";import{AppColors as o}from"../styles/AppColors";export const AppHeaderLogo=({size:e=46,customIcon:t})=>{const r=Math.round(e*.23);if(t){if(b.isValidElement(t)){const y=b.cloneElement(t,{size:e,width:e,height:e});return<C style={[i.container,{width:e,height:e,borderRadius:r}]}>
-          {y}
+import b from"react";import{Image as R,StyleSheet as S,View as C}from"react-native";import V from"./BrandSquareIcon";import{AppColors as t}from"../styles/AppColors";export const AppHeaderLogo=({size:e=46,customIcon:o})=>{const r=Math.round(e*.23);if(o){if(b.isValidElement(o)){const p=b.cloneElement(o,{size:e,width:e,height:e});return<C style={[i.container,{width:e,height:e,borderRadius:r}]}>
+          {p}
         </C>}return<C style={[i.imageContainer,{width:e,height:e,borderRadius:r}]}>
-        <R source={t}style={[i.image,{borderRadius:r-2}]}resizeMode="cover"/>
+        <R source={o}style={[i.image,{borderRadius:r-2}]}resizeMode="cover"/>
       </C>}return<C style={[i.container,{width:e,height:e,borderRadius:r}]}>
-      <S size={e}/>
-    </C>};const i=A.create({container:{overflow:"hidden",alignItems:"center",justifyContent:"center",borderWidth:1.5,borderColor:o.whiteAlpha33,backgroundColor:o.whiteAlpha12,shadowColor:o.shadowColorString,shadowOffset:{width:0,height:2},shadowOpacity:.35,shadowRadius:5,elevation:4},imageContainer:{overflow:"hidden",backgroundColor:o.whiteAlpha15,borderWidth:1.5,borderColor:o.whiteAlpha33,alignItems:"center",justifyContent:"center",shadowColor:o.shadowColorString,shadowOffset:{width:0,height:2},shadowOpacity:.3,shadowRadius:4,elevation:3,padding:1.5},image:{width:"100%",height:"100%"}});export default AppHeaderLogo;
+      <V size={e}/>
+    </C>};const i=S.create({container:{overflow:"hidden",alignItems:"center",justifyContent:"center",borderWidth:1.5,borderColor:"rgba(255, 255, 255, 0.55)",backgroundColor:t.white,shadowColor:t.shadowColorString,shadowOffset:{width:0,height:2},shadowOpacity:.35,shadowRadius:5,elevation:4},imageContainer:{overflow:"hidden",backgroundColor:t.white,borderWidth:1.5,borderColor:"rgba(255, 255, 255, 0.55)",alignItems:"center",justifyContent:"center",shadowColor:t.shadowColorString,shadowOffset:{width:0,height:2},shadowOpacity:.3,shadowRadius:4,elevation:3},image:{width:"100%",height:"100%"}});export default AppHeaderLogo;

package/dist/esm/components/BrandSquareIcon.js

@@ -1,41 +1,41 @@
-import"react";import E,{Circle as B,Path as C,G,Defs as M,LinearGradient as L,RadialGradient as O,Stop as F,Rect as _,Line as W}from"react-native-svg";export const BrandSquareIcon=({size:g=56})=><E width={g}height={g}viewBox="0 0 256 256"fill="none">
+import"react";import G,{Circle as L,Path as C,G as A,Defs as M,LinearGradient as _,RadialGradient as O,Stop as F,Rect as B,Line as W}from"react-native-svg";export const BrandSquareIcon=({size:E=56})=><G width={E}height={E}viewBox="0 0 256 256"fill="none">
       <M>
         
-        <L id="bs_tile"x1="0"y1="0"x2="256"y2="256"gradientUnits="userSpaceOnUse">
-          <F offset="0%"stopColor="#1E1B4B"/>
-          <F offset="50%"stopColor="#18182F"/>
-          <F offset="100%"stopColor="#0B0F19"/>
-        </L>
+        <_ id="bs_tile"x1="0"y1="0"x2="256"y2="256"gradientUnits="userSpaceOnUse">
+          <F offset="0%"stopColor="#4F46E5"/>
+          <F offset="50%"stopColor="#4338CA"/>
+          <F offset="100%"stopColor="#312E81"/>
+        </_>
 
         
-        <L id="bs_border"x1="0"y1="0"x2="256"y2="256"gradientUnits="userSpaceOnUse">
-          <F offset="0%"stopColor="#818CF8"stopOpacity={.9}/>
-          <F offset="45%"stopColor="#C084FC"stopOpacity={.8}/>
-          <F offset="80%"stopColor="#F472B6"stopOpacity={.85}/>
-          <F offset="100%"stopColor="#38BDF8"stopOpacity={.9}/>
-        </L>
+        <_ id="bs_border"x1="0"y1="0"x2="256"y2="256"gradientUnits="userSpaceOnUse">
+          <F offset="0%"stopColor="#FFFFFF"stopOpacity={.95}/>
+          <F offset="30%"stopColor="#A5B4FC"stopOpacity={.9}/>
+          <F offset="70%"stopColor="#C084FC"stopOpacity={.9}/>
+          <F offset="100%"stopColor="#67E8F9"stopOpacity={.95}/>
+        </_>
 
         
         <O id="bs_top_glow"cx="50%"cy="15%"r="65%">
-          <F offset="0%"stopColor="#818CF8"stopOpacity={.35}/>
-          <F offset="60%"stopColor="#A855F7"stopOpacity={.12}/>
-          <F offset="100%"stopColor="#1E1B4B"stopOpacity={0}/>
+          <F offset="0%"stopColor="#A5B4FC"stopOpacity={.5}/>
+          <F offset="60%"stopColor="#818CF8"stopOpacity={.2}/>
+          <F offset="100%"stopColor="#312E81"stopOpacity={0}/>
         </O>
 
         
-        <L id="bs_body"x1="64"y1="40"x2="192"y2="220"gradientUnits="userSpaceOnUse">
+        <_ id="bs_body"x1="64"y1="40"x2="192"y2="220"gradientUnits="userSpaceOnUse">
           <F offset="0%"stopColor="#3730A3"/>
-          <F offset="50%"stopColor="#2E1065"/>
-          <F offset="100%"stopColor="#17123A"/>
-        </L>
+          <F offset="50%"stopColor="#1E1B4B"/>
+          <F offset="100%"stopColor="#0F172A"/>
+        </_>
 
         
-        <L id="bs_beam"x1="40"y1="40"x2="220"y2="220"gradientUnits="userSpaceOnUse">
+        <_ id="bs_beam"x1="40"y1="40"x2="220"y2="220"gradientUnits="userSpaceOnUse">
           <F offset="0%"stopColor="#67E8F9"/>
           <F offset="35%"stopColor="#818CF8"/>
           <F offset="70%"stopColor="#C084FC"/>
           <F offset="100%"stopColor="#F472B6"/>
-        </L>
+        </_>
 
         
         <O id="bs_iris"cx="38%"cy="36%"r="65%">
@@ -46,10 +46,10 @@ import"react";import E,{Circle as B,Path as C,G,Defs as M,LinearGradient as L,Ra
         </O>
 
         
-        <L id="bs_beak"x1="124"y1="120"x2="132"y2="136"gradientUnits="userSpaceOnUse">
+        <_ id="bs_beak"x1="124"y1="120"x2="132"y2="136"gradientUnits="userSpaceOnUse">
           <F offset="0%"stopColor="#FDE047"/>
           <F offset="100%"stopColor="#EA580C"/>
-        </L>
+        </_>
 
         
         <O id="bs_lens"cx="40%"cy="35%"r="65%">
@@ -60,9 +60,9 @@ import"react";import E,{Circle as B,Path as C,G,Defs as M,LinearGradient as L,Ra
       </M>
 
       
-      <_ x="2"y="2"width="252"height="252"rx="58"fill="url(#bs_tile)"/>
-      <_ x="2"y="2"width="252"height="252"rx="58"fill="url(#bs_top_glow)"/>
-      <_ x="2"y="2"width="252"height="252"rx="58"fill="none"stroke="url(#bs_border)"strokeWidth="3.5"/>
+      <B x="2"y="2"width="252"height="252"rx="58"fill="url(#bs_tile)"/>
+      <B x="2"y="2"width="252"height="252"rx="58"fill="url(#bs_top_glow)"/>
+      <B x="2"y="2"width="252"height="252"rx="58"fill="none"stroke="url(#bs_border)"strokeWidth="3.5"/>
 
       
       <C d="M62 120 C42 152 46 194 76 210 C68 178 66 146 80 120 Z"fill="#1E1B4B"stroke="url(#bs_beam)"strokeWidth="3"strokeOpacity={.75}/>
@@ -76,37 +76,37 @@ import"react";import E,{Circle as B,Path as C,G,Defs as M,LinearGradient as L,Ra
       <C d="M158 42 L144 56 L154 57 Z"fill="#F472B6"opacity={.6}/>
 
       
-      <_ x="98"y="162"width="60"height="38"rx="10"fill="#050811"stroke="url(#bs_beam)"strokeWidth="2.5"/>
-      <G strokeWidth="3"strokeLinecap="round"strokeLinejoin="round"fill="none">
+      <B x="98"y="162"width="60"height="38"rx="10"fill="#050811"stroke="url(#bs_beam)"strokeWidth="2.5"/>
+      <A strokeWidth="3"strokeLinecap="round"strokeLinejoin="round"fill="none">
         <C d="M116 174 L108 181 L116 188"stroke="#38BDF8"/>
         <C d="M140 174 L148 181 L140 188"stroke="#38BDF8"/>
         <C d="M131 171 L125 191"stroke="#F43F5E"/>
-      </G>
+      </A>
 
       
       <C d="M128 88 C152 64 192 72 192 104 C192 132 162 152 128 152 C94 152 64 132 64 104 C64 72 104 64 128 88 Z"fill="#1E1B4B"stroke="url(#bs_beam)"strokeWidth="2.8"/>
 
       
-      <B cx="156"cy="106"r="19"fill="url(#bs_iris)"stroke="#0F172A"strokeWidth="2.5"/>
-      <B cx="156"cy="106"r="9.5"fill="#0B0F19"/>
-      <B cx="159.5"cy="102.5"r="3.5"fill="#FFFFFF"/>
-      <B cx="153"cy="109.5"r="1.8"fill="#FFFFFF"opacity={.85}/>
+      <L cx="156"cy="106"r="19"fill="url(#bs_iris)"stroke="#0F172A"strokeWidth="2.5"/>
+      <L cx="156"cy="106"r="9.5"fill="#0B0F19"/>
+      <L cx="159.5"cy="102.5"r="3.5"fill="#FFFFFF"/>
+      <L cx="153"cy="109.5"r="1.8"fill="#FFFFFF"opacity={.85}/>
 
       
       
-      <B cx="94"cy="104"r="30"fill="url(#bs_lens)"stroke="url(#bs_beam)"strokeWidth="6"/>
+      <L cx="94"cy="104"r="30"fill="url(#bs_lens)"stroke="url(#bs_beam)"strokeWidth="6"/>
       <W x1="72"y1="126"x2="48"y2="152"stroke="#0B0F19"strokeWidth="13"strokeLinecap="round"/>
       <W x1="72"y1="126"x2="48"y2="152"stroke="url(#bs_beam)"strokeWidth="8"strokeLinecap="round"/>
 
       
-      <B cx="94"cy="104"r="21"fill="url(#bs_iris)"stroke="#0F172A"strokeWidth="2.5"/>
-      <B cx="94"cy="104"r="10.5"fill="#0B0F19"/>
-      <B cx="98"cy="100"r="4"fill="#FFFFFF"/>
-      <B cx="90.5"cy="107.5"r="2"fill="#FFFFFF"opacity={.85}/>
+      <L cx="94"cy="104"r="21"fill="url(#bs_iris)"stroke="#0F172A"strokeWidth="2.5"/>
+      <L cx="94"cy="104"r="10.5"fill="#0B0F19"/>
+      <L cx="98"cy="100"r="4"fill="#FFFFFF"/>
+      <L cx="90.5"cy="107.5"r="2"fill="#FFFFFF"opacity={.85}/>
 
       
       <C d="M74 94 A26 26 0 0 1 106 78"stroke="#FFFFFF"strokeWidth="3"strokeLinecap="round"opacity={.65}fill="none"/>
 
       
       <C d="M123 120 Q128 118 133 120 Q131.5 133 128 137 Q124.5 133 123 120 Z"fill="url(#bs_beak)"stroke="#78350F"strokeWidth="1"/>
-    </E>;export default BrandSquareIcon;
+    </G>;export default BrandSquareIcon;

package/dist/esm/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;