react-native-inapp-inspector 2.3.24 → 2.4.0

package/dist/commonjs/types/enums.d.ts

@@ -3,9 +3,8 @@ export declare const ActiveTab: {
     readonly Analytics: "analytics";
     readonly Logs: "logs";
     readonly Redux: "redux";
-    readonly Bundle: "bundle";
-    readonly Performance: "performance";
     readonly Crash: "crash";
+    readonly Push: "push";
     readonly Device: "device";
     readonly Storage: "storage";
     readonly Debugging: "debugging";
@@ -56,13 +55,12 @@ export declare const SettingsPage: {
     readonly Logs: "logs";
     readonly Analytics: "analytics";
     readonly Redux: "redux";
-    readonly Bundle: "bundle";
-    readonly Performance: "performance";
     readonly Crash: "crash";
     readonly Device: "device";
     readonly Storage: "storage";
     readonly Debugging: "debugging";
     readonly Media: "media";
+    readonly Push: "push";
 };
 export type SettingsPage = (typeof SettingsPage)[keyof typeof SettingsPage] | null;
 export declare const SettingsSubTab: {
@@ -112,22 +110,6 @@ export declare const DiffResultType: {
     readonly Changed: "changed";
 };
 export type DiffResultType = (typeof DiffResultType)[keyof typeof DiffResultType];
-export declare const BundleSubTab: {
-    readonly Overview: "overview";
-    readonly Production: "production";
-    readonly Files: "files";
-    readonly Packages: "packages";
-    readonly Media: "media";
-    readonly Optimizer: "optimizer";
-};
-export type BundleSubTab = (typeof BundleSubTab)[keyof typeof BundleSubTab];
-export declare const PerformanceSubTab: {
-    readonly Overview: "overview";
-    readonly Renders: "renders";
-    readonly Interactions: "interactions";
-    readonly Memory: "memory";
-};
-export type PerformanceSubTab = (typeof PerformanceSubTab)[keyof typeof PerformanceSubTab];
 export declare const CrashType: {
     readonly Native: "native";
     readonly Js: "js";
@@ -167,3 +149,31 @@ export declare const BreadcrumbType: {
     readonly System: "system";
 };
 export type BreadcrumbType = (typeof BreadcrumbType)[keyof typeof BreadcrumbType];
+export declare const PushAppState: {
+    readonly Foreground: "foreground";
+    readonly Background: "background";
+    readonly Quit: "quit";
+    readonly ColdStart: "cold_start";
+};
+export type PushAppState = (typeof PushAppState)[keyof typeof PushAppState] | string;
+export declare const PushActionType: {
+    readonly Received: "received";
+    readonly Opened: "opened";
+    readonly Dismissed: "dismissed";
+    readonly ActionPress: "action_press";
+};
+export type PushActionType = (typeof PushActionType)[keyof typeof PushActionType] | string;
+export declare const PushDetailSubTab: {
+    readonly Preview: "preview";
+    readonly Payload: "payload";
+    readonly Headers: "headers";
+    readonly Raw: "raw";
+};
+export type PushDetailSubTab = (typeof PushDetailSubTab)[keyof typeof PushDetailSubTab];
+export declare const PushFilterType: {
+    readonly All: "all";
+    readonly Foreground: "foreground";
+    readonly Background: "background";
+    readonly Opened: "opened";
+};
+export type PushFilterType = (typeof PushFilterType)[keyof typeof PushFilterType] | string;

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.PushFilterType=exports.PushDetailSubTab=exports.PushActionType=exports.PushAppState=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",Push:"push",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",Push:"push"},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"},exports.PushAppState={Foreground:"foreground",Background:"background",Quit:"quit",ColdStart:"cold_start"},exports.PushActionType={Received:"received",Opened:"opened",Dismissed:"dismissed",ActionPress:"action_press"},exports.PushDetailSubTab={Preview:"preview",Payload:"payload",Headers:"headers",Raw:"raw"},exports.PushFilterType={All:"all",Foreground:"foreground",Background:"background",Opened:"opened"};

package/dist/commonjs/types/index.d.ts

@@ -22,6 +22,16 @@ export type GroupedListItem = {
     log: NetworkLog;
     isLast: boolean;
     color: string;
+} | {
+    type: 'loadMore';
+    id: string | number;
+    pageName: string;
+    color: string;
+    remainingCount: number;
+    totalCount: number;
+    loadedCount: number;
+    loadMoreStep: number;
+    hasMore: boolean;
 };
 export type DiffResult = {
     type: 'added' | 'removed' | 'changed';

package/dist/commonjs/types/interfaces.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ViewStyle } from 'react-native';
 import { Animated, PanResponderInstance } from 'react-native';
-import type { ActiveTab, BreadcrumbType, CrashType, GroupedListItem, LocalFilter, LogFilter, Method, SettingsPage, SettingsSubTab, SortOrder, StatusFilter } from './index';
+import type { ActiveTab, BreadcrumbType, CrashType, GroupedListItem, LocalFilter, LogFilter, Method, PushActionType, PushAppState, SettingsPage, SettingsSubTab, SortOrder, StatusFilter } from './index';
 export type SearchScope = 'all' | 'url' | 'reqBody' | 'resBody' | 'headers';
 export interface ParsedStackFrame {
     method: string;
@@ -141,6 +141,7 @@ export interface PersistedSettings {
     maxConsoleLogs?: number;
     maxAnalyticsEventsLimit?: number;
     maxCrashLogs?: number;
+    maxPushLogsLimit?: number;
     isAutoRamLimitEnabled?: boolean;
     showConsoleLevels?: {
         info: boolean;
@@ -254,9 +255,8 @@ export interface InspectorContextValue {
     newLogIds: Set<number>;
     toggleSectionFilter: (pageName: string, filter: LocalFilter) => void;
     toggleSectionCollapse: (pageName: string) => void;
+    loadMoreSection: (pageName: string, step?: number) => void;
     handleDelete: () => void;
-    isNetworkPaused: boolean;
-    setIsNetworkPaused: React.Dispatch<React.SetStateAction<boolean>>;
     detailTitle: string;
     detailDisplayUrl: string;
     apiDetailActiveTab: 'metadata' | 'headers' | 'request' | 'response';
@@ -284,8 +284,6 @@ export interface InspectorContextValue {
     logCounts: Record<string, string>;
     logSortOrder: SortOrder;
     setLogSortOrder: React.Dispatch<React.SetStateAction<SortOrder>>;
-    isConsolePaused: boolean;
-    setIsConsolePaused: React.Dispatch<React.SetStateAction<boolean>>;
     analyticsEvents: AnalyticsEvent[];
     filteredAnalyticsEvents: (AnalyticsEvent & {
         count?: number;
@@ -301,8 +299,6 @@ export interface InspectorContextValue {
     setIsAnalyticsLayoutReady: React.Dispatch<React.SetStateAction<boolean>>;
     analyticsHeaderExpanded: boolean;
     setAnalyticsHeaderExpanded: React.Dispatch<React.SetStateAction<boolean>>;
-    isAnalyticsPaused: boolean;
-    setIsAnalyticsPaused: React.Dispatch<React.SetStateAction<boolean>>;
     reduxState: any;
     setReduxState: React.Dispatch<React.SetStateAction<any>>;
     reduxLastActionMap: Record<string, any>;
@@ -322,6 +318,20 @@ export interface InspectorContextValue {
     maxCrashLogs: number;
     setMaxCrashLogs: React.Dispatch<React.SetStateAction<number>>;
     clearAllCrashes: () => void;
+    pushRecords: PushNotificationRecord[];
+    filteredPushRecords: PushNotificationRecord[];
+    selectedPush: PushNotificationRecord | null;
+    setSelectedPush: React.Dispatch<React.SetStateAction<PushNotificationRecord | null>>;
+    pushSearch: string;
+    setPushSearch: React.Dispatch<React.SetStateAction<string>>;
+    pushQuickFilter: string;
+    setPushQuickFilter: React.Dispatch<React.SetStateAction<string>>;
+    lastReadPushCount: number;
+    unreadPushCount: number;
+    maxPushLogs: number;
+    setMaxPushLogs: React.Dispatch<React.SetStateAction<number>>;
+    clearAllPushLogs: () => void;
+    simulatePush: (preset?: 'salesforce' | 'fcm' | 'apns' | 'deeplink' | 'rich_media' | 'custom', customData?: any) => void;
     settingsActiveSubTab: SettingsSubTab;
     setSettingsActiveSubTab: React.Dispatch<React.SetStateAction<SettingsSubTab>>;
     defaultTab: ActiveTab;
@@ -466,3 +476,49 @@ export interface ErrorBoundaryState {
     hasError: boolean;
     error: Error | null;
 }
+export type PushSource = string;
+export interface PushNotificationRecord {
+    id: string;
+    title?: string;
+    body?: string;
+    subtitle?: string;
+    source: PushSource;
+    domain?: string;
+    appState: PushAppState;
+    action: PushActionType;
+    actionId?: string;
+    userText?: string;
+    timestamp: number;
+    data: Record<string, any>;
+    rawPayload: any;
+    channelId?: string;
+    imageUrl?: string;
+    sound?: string;
+    badge?: number;
+    collapseKey?: string;
+    priority?: string;
+    customDomainAttributes?: Record<string, any>;
+}
+export interface PushFilterState {
+    search: string;
+    source: string;
+    appState: string;
+    action: string;
+}
+export interface PushStats {
+    total: number;
+    foreground: number;
+    background: number;
+    opened: number;
+    sources: Record<string, number>;
+}
+export interface PushCardProps {
+    item: PushNotificationRecord;
+    onPress: () => void;
+    searchStr?: string;
+    isNew?: boolean;
+}
+export interface PushDetailProps {
+    item: PushNotificationRecord | null;
+    onClose: () => void;
+}

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 Se from"./ShareButton";import Y from"./JsonViewer";import Ie from"./SegmentedTabs";import Q from"./HighlightText";import Pe from"./AnimatedEntrance";import{AppFonts as S}from"../styles/AppFonts";import{AppColors as e}from"../styles/AppColors";import{getSize as Re,formatDateTime as De}from"../helpers";import{shareAnalyticsReport as We}from"../helpers/shareFormatter";import{getEventCategory as He}from"../helpers/gaAnalyticsRegistry";import{useTranslation as Fe}from"../i18n";import{SparkleIcon as X,ClockIcon as Ne,SearchIcon as Ae,ClearIcon as Oe,LayersIcon as Ee,CartIcon as Ke,GlobeIcon as Le,BoltIcon as Me,PinIcon as $e,MoneyIcon as _e,PrettyIcon as Je,TableIcon as Z,DocIcon as Ue,PackageIcon as Ge}from"./NetworkIcons";const Ye=({event:T})=>{const{t:P}=Fe(),[A,ee]=q("overview"),[R,v]=q(""),k=z(()=>T.params??{},[T.params]),F=z(()=>T.userProperties??{},[T.userProperties]),N=z(()=>Object.keys(k),[k]),D=z(()=>Object.keys(F),[F]),M=z(()=>He(T.name,k),[T.name,k]),O=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,...D.length>0?{userProperties:F}:{}}),[T,k,D.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,W])=>{const L=typeof W=="object"?JSON.stringify(W):String(W);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=><Ke color={V}size={11}/>};case"page_view":return{label:P("analytics.screensCategory"),color:e.sky600,bg:e.sky100,border:e.sky400,icon:V=><Le color={V}size={11}/>};case"system":return{label:P("analytics.systemCategory"),color:e.purple,bg:e.purple100,border:e.purple200,icon:V=><Me 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=><Je 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,114 +7,117 @@ 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>
 
           
-          <G value={JSON.stringify(A,null,2)}label={P("analytics.eventDetails")}/>
+          <C style={{flexDirection:"row",alignItems:"center",gap:6}}>
+            <Se onShare={()=>We(T)}/>
+            <G value={JSON.stringify(O,null,2)}label={P("analytics.eventDetails")}/>
+          </C>
         </C>
 
         
         <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}>
-              {Pe(T.timestamp)}
-            </V>
+            <Ne color={e.purple}size={11}/>
+            <B style={r.timeText}>
+              {De(T.timestamp)}
+            </B>
           </C>
 
           {_&&<C style={r.screenPill}>
-              <Ke color={e.sky600}size={11}/>
-              <V style={r.screenText}numberOfLines={1}>
+              <$e color={e.sky600}size={11}/>
+              <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>
+          {D.length>0&&<C style={r.metricPill}>
+              <B style={r.metricLabel}>User Props:</B>
+              <B style={r.metricValue}>{D.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}>{Re(O)}</B>
           </C>
 
-          {O&&<C style={r.revenuePill}>
-              <Le color={e.emerald600}size={11}/>
-              <V style={r.revenueValue}>
-                ${O.amount} {O.currency}
-              </V>
+          {E&&<C style={r.revenuePill}>
+              <_e color={e.emerald600}size={11}/>
+              <B style={r.revenueValue}>
+                ${E.amount} {E.currency}
+              </B>
             </C>}
 
           {$!==null&&<C style={r.itemsPill}>
-              <_e size={12}color="#1D4ED8"/>
-              <V style={r.itemsValue}>
+              <Ge 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)}/>
+        <Ie tabs={re}activeKey={A}onChange={V=>ee(V)}/>
       </C>
 
       
-      {j==="overview"&&<C style={r.tabContent}>
+      {A==="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>
+                <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,80 +127,80 @@ 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}>
+                <Ae 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}>
+                    <Oe color={e.grayTextWeak}size={13}/>
                   </Ce>}
               </C>}
 
-            {E.length===0?<C style={r.emptyParamsBox}>
-                <$e color={e.grayTextWeak}size={16}/>
-                <V style={r.emptyParamsText}>
+            {N.length===0?<C style={r.emptyParamsBox}>
+                <Ue color={e.grayTextWeak}size={16}/>
+                <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 W=typeof I=="object"&&I!==null,L=Array.isArray(I);let j=typeof I;I===null?j="null":L?j=`array [${I.length}]`:W&&(j="object");const U=W?JSON.stringify(I,null,2):String(I),te=V==="value"||V==="price"||V==="currency"||V==="screen_name"||V==="item_id"||V==="item_name";return<Pe 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/>}
+                          {W?<Y data={I}search={R}hideTabs wrap/>:<Q text={U}search={R}style={r.paramValText}highlightStyle={r.highlight}selectable/>}
                         </C>
                       </C>
-                    </Ie>})}
+                    </Pe>})}
               </C>}
           </C>
 
           
-          {R.length>0&&<C style={r.sectionCard}>
+          {D.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 ({D.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>
+                {D.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}>
-          <Y data={A}defaultExpandDepth={2}fullHeight/>
+      {A==="json"&&<C style={r.jsonContainer}>
+          <Y data={O}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 Ye;