react-native-inapp-inspector 2.3.19 → 2.3.21

package/dist/commonjs/components/AnalyticsDetail.js

@@ -1,306 +1,131 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const react_native_1 = require("react-native");
-const CopyButton_1 = __importDefault(require("./CopyButton"));
-const JsonViewer_1 = __importDefault(require("./JsonViewer"));
-const SegmentedTabs_1 = __importDefault(require("./SegmentedTabs"));
-const HighlightText_1 = __importDefault(require("./HighlightText"));
-const AnimatedEntrance_1 = __importDefault(require("./AnimatedEntrance"));
-const AppFonts_1 = require("../styles/AppFonts");
-const AppColors_1 = require("../styles/AppColors");
-const helpers_1 = require("../helpers");
-const gaAnalyticsRegistry_1 = require("../helpers/gaAnalyticsRegistry");
-const i18n_1 = require("../i18n");
-const NetworkIcons_1 = require("./NetworkIcons");
-const AnalyticsDetail = ({ event, }) => {
-    const { t } = (0, i18n_1.useTranslation)();
-    const [activeViewTab, setActiveViewTab] = (0, react_1.useState)('overview');
-    const [paramSearch, setParamSearch] = (0, react_1.useState)('');
-    const params = (0, react_1.useMemo)(() => event.params ?? {}, [event.params]);
-    const userProperties = (0, react_1.useMemo)(() => event.userProperties ?? {}, [event.userProperties]);
-    const paramKeys = (0, react_1.useMemo)(() => Object.keys(params), [params]);
-    const userPropKeys = (0, react_1.useMemo)(() => Object.keys(userProperties), [userProperties]);
-    const category = (0, react_1.useMemo)(() => (0, gaAnalyticsRegistry_1.getEventCategory)(event.name, params), [event.name, params]);
-    const fullJsonData = (0, react_1.useMemo)(() => ({
-        name: event.name,
-        timestamp: event.timestamp,
-        source: event.source,
-        ...(event.screenName ? { screenName: event.screenName } : {}),
-        ...(event.screenClass ? { screenClass: event.screenClass } : {}),
-        ...(event.userId ? { userId: event.userId } : {}),
-        ...(event.sessionId ? { sessionId: event.sessionId } : {}),
-        ...(event.trackingId ? { trackingId: event.trackingId } : {}),
-        params,
-        ...(userPropKeys.length > 0 ? { userProperties } : {}),
-    }), [event, params, userPropKeys.length, userProperties]);
-    const revenueInfo = (0, react_1.useMemo)(() => {
-        const val = params.value ?? params.price;
-        const currency = params.currency ?? 'USD';
-        if (val !== undefined && val !== null && !isNaN(Number(val))) {
-            return {
-                amount: Number(val).toFixed(2),
-                currency: String(currency).toUpperCase(),
-            };
-        }
-        return null;
-    }, [params]);
-    const itemsCount = (0, react_1.useMemo)(() => {
-        if (Array.isArray(params.items)) {
-            return params.items.length;
-        }
-        return null;
-    }, [params.items]);
-    const screenContext = (0, react_1.useMemo)(() => {
-        return (event.screenName ||
-            params.firebase_screen ||
-            params.screen_name ||
-            params.page_title ||
-            event.screenClass ||
-            params.firebase_screen_class);
-    }, [event.screenName, event.screenClass, params]);
-    const filteredParamEntries = (0, react_1.useMemo)(() => {
-        const entries = Object.entries(params);
-        if (!paramSearch.trim())
-            return entries;
-        const q = paramSearch.toLowerCase();
-        return entries.filter(([k, v]) => {
-            const valStr = typeof v === 'object' ? JSON.stringify(v) : String(v);
-            return k.toLowerCase().includes(q) || valStr.toLowerCase().includes(q);
-        });
-    }, [params, paramSearch]);
-    const catMeta = (0, react_1.useMemo)(() => {
-        switch (category) {
-            case 'ecommerce':
-                return {
-                    label: t('analytics.ecommerceCategory'),
-                    color: AppColors_1.AppColors.amber700,
-                    bg: AppColors_1.AppColors.amber100,
-                    border: AppColors_1.AppColors.amber200,
-                    icon: (color) => <NetworkIcons_1.CartIcon color={color} size={11}/>,
-                };
-            case 'page_view':
-                return {
-                    label: t('analytics.screensCategory'),
-                    color: AppColors_1.AppColors.sky600,
-                    bg: AppColors_1.AppColors.sky100,
-                    border: AppColors_1.AppColors.sky400,
-                    icon: (color) => <NetworkIcons_1.GlobeIcon color={color} size={11}/>,
-                };
-            case 'system':
-                return {
-                    label: t('analytics.systemCategory'),
-                    color: AppColors_1.AppColors.purple,
-                    bg: AppColors_1.AppColors.purple100,
-                    border: AppColors_1.AppColors.purple200,
-                    icon: (color) => <NetworkIcons_1.BoltIcon color={color} size={11}/>,
-                };
-            default:
-                return {
-                    label: t('analytics.customCategory'),
-                    color: AppColors_1.AppColors.brandPurple,
-                    bg: AppColors_1.AppColors.purple100,
-                    border: AppColors_1.AppColors.purple200,
-                    icon: (color) => <NetworkIcons_1.SparkleIcon color={color} size={11}/>,
-                };
-        }
-    }, [category, t]);
-    const viewTabs = [
-        {
-            key: 'overview',
-            label: `${t('analytics.overviewTab')} (${paramKeys.length})`,
-            icon: (isActive) => (<NetworkIcons_1.TableIcon color={isActive ? AppColors_1.AppColors.white : AppColors_1.AppColors.grayText} size={12}/>),
-        },
-        {
-            key: 'tree',
-            label: t('analytics.jsonTreeTab'),
-            icon: (isActive) => (<NetworkIcons_1.PrettyIcon color={isActive ? AppColors_1.AppColors.white : AppColors_1.AppColors.grayText} size={12}/>),
-        },
-        {
-            key: 'raw',
-            label: t('analytics.rawPayloadTab'),
-            icon: (isActive) => (<NetworkIcons_1.RawIcon color={isActive ? AppColors_1.AppColors.white : AppColors_1.AppColors.grayText} size={12}/>),
-        },
-    ];
-    return (<react_native_1.ScrollView style={detailStyles.scroll} contentContainerStyle={detailStyles.content} showsVerticalScrollIndicator contentInsetAdjustmentBehavior="never" automaticallyAdjustContentInsets={false}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(e,r,i,l){l===void 0&&(l=i);var o=Object.getOwnPropertyDescriptor(r,i);(!o||("get"in o?!r.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return r[i]}}),Object.defineProperty(e,l,o)}):(function(e,r,i,l){l===void 0&&(l=i),e[l]=r[i]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(e,r){Object.defineProperty(e,"default",{enumerable:!0,value:r})}):function(e,r){e.default=r}),__importStar=this&&this.__importStar||(function(){var e=function(r){return e=Object.getOwnPropertyNames||function(i){var l=[];for(var o in i)Object.prototype.hasOwnProperty.call(i,o)&&(l[l.length]=o);return l},e(r)};return function(r){if(r&&r.__esModule)return r;var i={};if(r!=null)for(var l=e(r),o=0;o<l.length;o++)l[o]!=="default"&&__createBinding(i,r,l[o]);return __setModuleDefault(i,r),i}})(),__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),CopyButton_1=__importDefault(require("./CopyButton")),JsonViewer_1=__importDefault(require("./JsonViewer")),SegmentedTabs_1=__importDefault(require("./SegmentedTabs")),HighlightText_1=__importDefault(require("./HighlightText")),AnimatedEntrance_1=__importDefault(require("./AnimatedEntrance")),AppFonts_1=require("../styles/AppFonts"),AppColors_1=require("../styles/AppColors"),helpers_1=require("../helpers"),gaAnalyticsRegistry_1=require("../helpers/gaAnalyticsRegistry"),i18n_1=require("../i18n"),NetworkIcons_1=require("./NetworkIcons"),AnalyticsDetail=({event:e})=>{const{t:r}=(0,i18n_1.useTranslation)(),[i,l]=(0,react_1.useState)("overview"),[o,w]=(0,react_1.useState)(""),a=(0,react_1.useMemo)(()=>e.params??{},[e.params]),d=(0,react_1.useMemo)(()=>e.userProperties??{},[e.userProperties]),u=(0,react_1.useMemo)(()=>Object.keys(a),[a]),s=(0,react_1.useMemo)(()=>Object.keys(d),[d]),b=(0,react_1.useMemo)(()=>(0,gaAnalyticsRegistry_1.getEventCategory)(e.name,a),[e.name,a]),y=(0,react_1.useMemo)(()=>({name:e.name,timestamp:e.timestamp,source:e.source,...e.screenName?{screenName:e.screenName}:{},...e.screenClass?{screenClass:e.screenClass}:{},...e.userId?{userId:e.userId}:{},...e.sessionId?{sessionId:e.sessionId}:{},...e.trackingId?{trackingId:e.trackingId}:{},params:a,...s.length>0?{userProperties:d}:{}}),[e,a,s.length,d]),m=(0,react_1.useMemo)(()=>{const t=a.value??a.price,n=a.currency??"USD";return t!=null&&!isNaN(Number(t))?{amount:Number(t).toFixed(2),currency:String(n).toUpperCase()}:null},[a]),f=(0,react_1.useMemo)(()=>Array.isArray(a.items)?a.items.length:null,[a.items]),x=(0,react_1.useMemo)(()=>e.screenName||a.firebase_screen||a.screen_name||a.page_title||e.screenClass||a.firebase_screen_class,[e.screenName,e.screenClass,a]),h=(0,react_1.useMemo)(()=>{const t=Object.entries(a);if(!o.trim())return t;const n=o.toLowerCase();return t.filter(([_,c])=>{const C=typeof c=="object"?JSON.stringify(c):String(c);return _.toLowerCase().includes(n)||C.toLowerCase().includes(n)})},[a,o]),p=(0,react_1.useMemo)(()=>{switch(b){case"ecommerce":return{label:r("analytics.ecommerceCategory"),color:AppColors_1.AppColors.amber700,bg:AppColors_1.AppColors.amber100,border:AppColors_1.AppColors.amber200,icon:t=><NetworkIcons_1.CartIcon color={t}size={11}/>};case"page_view":return{label:r("analytics.screensCategory"),color:AppColors_1.AppColors.sky600,bg:AppColors_1.AppColors.sky100,border:AppColors_1.AppColors.sky400,icon:t=><NetworkIcons_1.GlobeIcon color={t}size={11}/>};case"system":return{label:r("analytics.systemCategory"),color:AppColors_1.AppColors.purple,bg:AppColors_1.AppColors.purple100,border:AppColors_1.AppColors.purple200,icon:t=><NetworkIcons_1.BoltIcon color={t}size={11}/>};default:return{label:r("analytics.customCategory"),color:AppColors_1.AppColors.brandPurple,bg:AppColors_1.AppColors.purple100,border:AppColors_1.AppColors.purple200,icon:t=><NetworkIcons_1.SparkleIcon color={t}size={11}/>}}},[b,r]),V=[{key:"overview",label:`${r("analytics.overviewTab")} (${u.length})`,icon:t=><NetworkIcons_1.TableIcon color={t?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}size={12}/>},{key:"json",label:"JSON Payload",icon:t=><NetworkIcons_1.PrettyIcon color={t?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}size={12}/>}];return<react_native_1.ScrollView style={detailStyles.scroll}contentContainerStyle={detailStyles.content}showsVerticalScrollIndicator contentInsetAdjustmentBehavior="never"automaticallyAdjustContentInsets={!1}>
       
       
       <react_native_1.View style={detailStyles.heroCard}>
         
         <react_native_1.View style={detailStyles.heroTopRow}>
-          <react_native_1.View style={{ flexDirection: 'row', alignItems: 'center', gap: 6, flexWrap: 'wrap', flex: 1 }}>
+          <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6,flexWrap:"wrap",flex:1}}>
             
-            <react_native_1.View style={[
-            detailStyles.sourceBadge,
-            event.source === 'firebase'
-                ? { backgroundColor: AppColors_1.AppColors.amberBg, borderColor: AppColors_1.AppColors.amberBorder }
-                : { backgroundColor: AppColors_1.AppColors.purpleBg, borderColor: AppColors_1.AppColors.purpleBorder },
-        ]}>
-              <react_native_1.View style={[
-            detailStyles.sourceDot,
-            {
-                backgroundColor: event.source === 'firebase'
-                    ? AppColors_1.AppColors.firebaseOrange
-                    : AppColors_1.AppColors.purple,
-            },
-        ]}/>
-              <react_native_1.Text style={[
-            detailStyles.sourceBadgeText,
-            {
-                color: event.source === 'firebase'
-                    ? AppColors_1.AppColors.amber800Warm
-                    : AppColors_1.AppColors.purple,
-            },
-        ]}>
-                {event.source === 'firebase' ? t('analytics.sourceFirebase') : t('analytics.sourceCustom')}
+            <react_native_1.View style={detailStyles.idBadge}>
+              <react_native_1.Text style={detailStyles.idBadgeText}>
+                #{e.id!=null?e.id+1:1}
               </react_native_1.Text>
             </react_native_1.View>
 
             
-            <react_native_1.View style={[
-            detailStyles.catBadge,
-            { backgroundColor: catMeta.bg, borderColor: catMeta.border },
-        ]}>
-              {catMeta.icon(catMeta.color)}
-              <react_native_1.Text style={[detailStyles.catBadgeText, { color: catMeta.color }]}>
-                {catMeta.label}
+            <react_native_1.View style={[detailStyles.sourceBadge,e.source==="firebase"?{backgroundColor:AppColors_1.AppColors.amberBg,borderColor:AppColors_1.AppColors.amberBorder}:{backgroundColor:AppColors_1.AppColors.purpleBg,borderColor:AppColors_1.AppColors.purpleBorder}]}>
+              <react_native_1.View style={[detailStyles.sourceDot,{backgroundColor:e.source==="firebase"?AppColors_1.AppColors.firebaseOrange:AppColors_1.AppColors.purple}]}/>
+              <react_native_1.Text style={[detailStyles.sourceBadgeText,{color:e.source==="firebase"?AppColors_1.AppColors.amber800Warm:AppColors_1.AppColors.purple}]}>
+                {e.source==="firebase"?r("analytics.sourceFirebase"):r("analytics.sourceCustom")}
+              </react_native_1.Text>
+            </react_native_1.View>
+
+            
+            <react_native_1.View style={[detailStyles.catBadge,{backgroundColor:p.bg,borderColor:p.border}]}>
+              {p.icon(p.color)}
+              <react_native_1.Text style={[detailStyles.catBadgeText,{color:p.color}]}>
+                {p.label}
               </react_native_1.Text>
             </react_native_1.View>
           </react_native_1.View>
 
           
-          <CopyButton_1.default value={JSON.stringify(fullJsonData, null, 2)} label={t('analytics.eventDetails')}/>
+          <CopyButton_1.default value={JSON.stringify(y,null,2)}label={r("analytics.eventDetails")}/>
         </react_native_1.View>
 
         
         <react_native_1.View style={detailStyles.titleRow}>
-          <react_native_1.Text style={detailStyles.eventTitle} selectable numberOfLines={2}>
-            {event.name}
+          <react_native_1.Text style={detailStyles.eventTitle}selectable numberOfLines={2}>
+            {e.name}
           </react_native_1.Text>
         </react_native_1.View>
 
         
         <react_native_1.View style={detailStyles.metaRow}>
           <react_native_1.View style={detailStyles.timePill}>
-            <NetworkIcons_1.ClockIcon color={AppColors_1.AppColors.purple} size={11}/>
+            <NetworkIcons_1.ClockIcon color={AppColors_1.AppColors.purple}size={11}/>
             <react_native_1.Text style={detailStyles.timeText}>
-              {(0, helpers_1.formatDateTime)(event.timestamp)}
+              {(0,helpers_1.formatDateTime)(e.timestamp)}
             </react_native_1.Text>
           </react_native_1.View>
 
-          {screenContext && (<react_native_1.View style={detailStyles.screenPill}>
-              <NetworkIcons_1.PinIcon color={AppColors_1.AppColors.sky600} size={11}/>
-              <react_native_1.Text style={detailStyles.screenText} numberOfLines={1}>
-                {String(screenContext)}
+          {x&&<react_native_1.View style={detailStyles.screenPill}>
+              <NetworkIcons_1.PinIcon color={AppColors_1.AppColors.sky600}size={11}/>
+              <react_native_1.Text style={detailStyles.screenText}numberOfLines={1}>
+                {String(x)}
               </react_native_1.Text>
-            </react_native_1.View>)}
+            </react_native_1.View>}
         </react_native_1.View>
 
         
         <react_native_1.View style={detailStyles.metricsBar}>
           <react_native_1.View style={detailStyles.metricPill}>
             <react_native_1.Text style={detailStyles.metricLabel}>Params:</react_native_1.Text>
-            <react_native_1.Text style={detailStyles.metricValue}>{paramKeys.length}</react_native_1.Text>
+            <react_native_1.Text style={detailStyles.metricValue}>{u.length}</react_native_1.Text>
           </react_native_1.View>
 
-          {userPropKeys.length > 0 && (<react_native_1.View style={detailStyles.metricPill}>
+          {s.length>0&&<react_native_1.View style={detailStyles.metricPill}>
               <react_native_1.Text style={detailStyles.metricLabel}>User Props:</react_native_1.Text>
-              <react_native_1.Text style={detailStyles.metricValue}>{userPropKeys.length}</react_native_1.Text>
-            </react_native_1.View>)}
+              <react_native_1.Text style={detailStyles.metricValue}>{s.length}</react_native_1.Text>
+            </react_native_1.View>}
 
           <react_native_1.View style={detailStyles.metricPill}>
             <react_native_1.Text style={detailStyles.metricLabel}>Size:</react_native_1.Text>
-            <react_native_1.Text style={detailStyles.metricValue}>{(0, helpers_1.getSize)(fullJsonData)}</react_native_1.Text>
+            <react_native_1.Text style={detailStyles.metricValue}>{(0,helpers_1.getSize)(y)}</react_native_1.Text>
           </react_native_1.View>
 
-          {revenueInfo && (<react_native_1.View style={detailStyles.revenuePill}>
-              <NetworkIcons_1.MoneyIcon color={AppColors_1.AppColors.emerald600} size={11}/>
+          {m&&<react_native_1.View style={detailStyles.revenuePill}>
+              <NetworkIcons_1.MoneyIcon color={AppColors_1.AppColors.emerald600}size={11}/>
               <react_native_1.Text style={detailStyles.revenueValue}>
-                ${revenueInfo.amount} {revenueInfo.currency}
+                ${m.amount} {m.currency}
               </react_native_1.Text>
-            </react_native_1.View>)}
+            </react_native_1.View>}
 
-          {itemsCount !== null && (<react_native_1.View style={detailStyles.itemsPill}>
-              <NetworkIcons_1.PackageIcon size={12} color="#1D4ED8"/>
+          {f!==null&&<react_native_1.View style={detailStyles.itemsPill}>
+              <NetworkIcons_1.PackageIcon size={12}color="#1D4ED8"/>
               <react_native_1.Text style={detailStyles.itemsValue}>
-                {itemsCount} items
+                {f} items
               </react_native_1.Text>
-            </react_native_1.View>)}
+            </react_native_1.View>}
         </react_native_1.View>
       </react_native_1.View>
 
       
       <react_native_1.View style={detailStyles.tabsWrap}>
-        <SegmentedTabs_1.default tabs={viewTabs} activeKey={activeViewTab} onChange={key => setActiveViewTab(key)}/>
+        <SegmentedTabs_1.default tabs={V}activeKey={i}onChange={t=>l(t)}/>
       </react_native_1.View>
 
       
-      {activeViewTab === 'overview' && (<react_native_1.View style={detailStyles.tabContent}>
+      {i==="overview"&&<react_native_1.View style={detailStyles.tabContent}>
           
-          {(event.userId || event.sessionId || event.trackingId) && (<react_native_1.View style={detailStyles.sectionCard}>
+          {(e.userId||e.sessionId||e.trackingId)&&<react_native_1.View style={detailStyles.sectionCard}>
               <react_native_1.View style={detailStyles.sectionHeader}>
-                <NetworkIcons_1.LayersIcon color={AppColors_1.AppColors.purple} size={12}/>
+                <NetworkIcons_1.LayersIcon color={AppColors_1.AppColors.purple}size={12}/>
                 <react_native_1.Text style={detailStyles.sectionTitle}>SESSION & IDENTITY</react_native_1.Text>
               </react_native_1.View>
               <react_native_1.View style={detailStyles.sectionBody}>
-                {event.userId && (<react_native_1.View style={detailStyles.kvRow}>
+                {e.userId&&<react_native_1.View style={detailStyles.kvRow}>
                     <react_native_1.Text style={detailStyles.kvKey}>User ID:</react_native_1.Text>
-                    <react_native_1.Text style={detailStyles.kvVal} selectable>{event.userId}</react_native_1.Text>
-                  </react_native_1.View>)}
-                {event.sessionId && (<react_native_1.View style={detailStyles.kvRow}>
+                    <react_native_1.Text style={detailStyles.kvVal}selectable>{e.userId}</react_native_1.Text>
+                  </react_native_1.View>}
+                {e.sessionId&&<react_native_1.View style={detailStyles.kvRow}>
                     <react_native_1.Text style={detailStyles.kvKey}>Session ID:</react_native_1.Text>
-                    <react_native_1.Text style={detailStyles.kvVal} selectable>{event.sessionId}</react_native_1.Text>
-                  </react_native_1.View>)}
-                {event.trackingId && (<react_native_1.View style={detailStyles.kvRow}>
+                    <react_native_1.Text style={detailStyles.kvVal}selectable>{e.sessionId}</react_native_1.Text>
+                  </react_native_1.View>}
+                {e.trackingId&&<react_native_1.View style={detailStyles.kvRow}>
                     <react_native_1.Text style={detailStyles.kvKey}>Tracking ID:</react_native_1.Text>
-                    <react_native_1.Text style={detailStyles.kvVal} selectable>{event.trackingId}</react_native_1.Text>
-                  </react_native_1.View>)}
+                    <react_native_1.Text style={detailStyles.kvVal}selectable>{e.trackingId}</react_native_1.Text>
+                  </react_native_1.View>}
               </react_native_1.View>
-            </react_native_1.View>)}
+            </react_native_1.View>}
 
           
           <react_native_1.View style={detailStyles.sectionCard}>
             <react_native_1.View style={detailStyles.sectionHeaderBetween}>
-              <react_native_1.View style={{ flexDirection: 'row', alignItems: 'center', gap: 6 }}>
-                <NetworkIcons_1.TableIcon color={AppColors_1.AppColors.brandPurple} size={12}/>
+              <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6}}>
+                <NetworkIcons_1.TableIcon color={AppColors_1.AppColors.brandPurple}size={12}/>
                 <react_native_1.Text style={detailStyles.sectionTitle}>
-                  EVENT PARAMETERS ({paramKeys.length})
+                  EVENT PARAMETERS ({u.length})
                 </react_native_1.Text>
               </react_native_1.View>
               <react_native_1.Text style={detailStyles.sectionSubtitle}>
@@ -309,426 +134,70 @@ const AnalyticsDetail = ({ event, }) => {
             </react_native_1.View>
 
             
-            {paramKeys.length > 4 && (<react_native_1.View style={detailStyles.searchBar}>
-                <NetworkIcons_1.SearchIcon color={AppColors_1.AppColors.grayTextWeak} size={13}/>
-                <react_native_1.TextInput placeholder="Filter parameters by key or value..." placeholderTextColor={AppColors_1.AppColors.grayTextWeak} value={paramSearch} onChangeText={setParamSearch} style={detailStyles.searchInput} autoCorrect={false} autoCapitalize="none"/>
-                {paramSearch.length > 0 && (<react_native_1.Pressable onPress={() => setParamSearch('')} hitSlop={8}>
-                    <NetworkIcons_1.ClearIcon color={AppColors_1.AppColors.grayTextWeak} size={13}/>
-                  </react_native_1.Pressable>)}
-              </react_native_1.View>)}
-
-            {paramKeys.length === 0 ? (<react_native_1.View style={detailStyles.emptyParamsBox}>
-                <NetworkIcons_1.DocIcon color={AppColors_1.AppColors.grayTextWeak} size={16}/>
+            {u.length>4&&<react_native_1.View style={detailStyles.searchBar}>
+                <NetworkIcons_1.SearchIcon color={AppColors_1.AppColors.grayTextWeak}size={13}/>
+                <react_native_1.TextInput placeholder="Filter parameters by key or value..."placeholderTextColor={AppColors_1.AppColors.grayTextWeak}value={o}onChangeText={w}style={detailStyles.searchInput}autoCorrect={!1}autoCapitalize="none"/>
+                {o.length>0&&<react_native_1.Pressable onPress={()=>w("")}hitSlop={8}>
+                    <NetworkIcons_1.ClearIcon color={AppColors_1.AppColors.grayTextWeak}size={13}/>
+                  </react_native_1.Pressable>}
+              </react_native_1.View>}
+
+            {u.length===0?<react_native_1.View style={detailStyles.emptyParamsBox}>
+                <NetworkIcons_1.DocIcon color={AppColors_1.AppColors.grayTextWeak}size={16}/>
                 <react_native_1.Text style={detailStyles.emptyParamsText}>
                   No custom parameters recorded for this event.
                 </react_native_1.Text>
-              </react_native_1.View>) : filteredParamEntries.length === 0 ? (<react_native_1.View style={detailStyles.emptyParamsBox}>
+              </react_native_1.View>:h.length===0?<react_native_1.View style={detailStyles.emptyParamsBox}>
                 <react_native_1.Text style={detailStyles.emptyParamsText}>
-                  No parameters matching "{paramSearch}"
+                  No parameters matching "{o}"
                 </react_native_1.Text>
-              </react_native_1.View>) : (<react_native_1.View style={detailStyles.paramList}>
-                {filteredParamEntries.map(([key, val], pIdx) => {
-                    const isObject = typeof val === 'object' && val !== null;
-                    const isArray = Array.isArray(val);
-                    let typeStr = typeof val;
-                    if (val === null)
-                        typeStr = 'null';
-                    else if (isArray)
-                        typeStr = `array [${val.length}]`;
-                    else if (isObject)
-                        typeStr = 'object';
-                    const valString = isObject ? JSON.stringify(val, null, 2) : String(val);
-                    const isKeyHighlighted = key === 'value' ||
-                        key === 'price' ||
-                        key === 'currency' ||
-                        key === 'screen_name' ||
-                        key === 'item_id' ||
-                        key === 'item_name';
-                    return (<AnimatedEntrance_1.default key={key} index={pIdx} distance={4}>
+              </react_native_1.View>:<react_native_1.View style={detailStyles.paramList}>
+                {h.map(([t,n],_)=>{const c=typeof n=="object"&&n!==null,C=Array.isArray(n);let g=typeof n;n===null?g="null":C?g=`array [${n.length}]`:c&&(g="object");const T=c?JSON.stringify(n,null,2):String(n),A=t==="value"||t==="price"||t==="currency"||t==="screen_name"||t==="item_id"||t==="item_name";return<AnimatedEntrance_1.default key={t}index={_}distance={4}>
                       <react_native_1.View style={detailStyles.paramCard}>
                         
                         <react_native_1.View style={detailStyles.paramCardHeader}>
-                          <react_native_1.View style={{ flexDirection: 'row', alignItems: 'center', gap: 6, flex: 1, minWidth: 0 }}>
-                            <HighlightText_1.default text={key} search={paramSearch} style={[
-                            detailStyles.paramKeyText,
-                            isKeyHighlighted && detailStyles.paramKeyHighlighted,
-                        ]} highlightStyle={detailStyles.highlight}/>
+                          <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6,flex:1,minWidth:0}}>
+                            <HighlightText_1.default text={t}search={o}style={[detailStyles.paramKeyText,A&&detailStyles.paramKeyHighlighted]}highlightStyle={detailStyles.highlight}/>
                             <react_native_1.View style={detailStyles.typeBadge}>
                               <react_native_1.Text style={detailStyles.typeBadgeText}>
-                                {typeStr.toUpperCase()}
+                                {g.toUpperCase()}
                               </react_native_1.Text>
                             </react_native_1.View>
                           </react_native_1.View>
 
-                          <CopyButton_1.default value={valString} label={key}/>
+                          <CopyButton_1.default value={T}label={t}/>
                         </react_native_1.View>
 
                         
                         <react_native_1.View style={detailStyles.paramValBox}>
-                          {isObject ? (<JsonViewer_1.default data={val} search={paramSearch} hideTabs wrap/>) : (<HighlightText_1.default text={valString} search={paramSearch} style={detailStyles.paramValText} highlightStyle={detailStyles.highlight} selectable/>)}
+                          {c?<JsonViewer_1.default data={n}search={o}hideTabs wrap/>:<HighlightText_1.default text={T}search={o}style={detailStyles.paramValText}highlightStyle={detailStyles.highlight}selectable/>}
                         </react_native_1.View>
                       </react_native_1.View>
-                    </AnimatedEntrance_1.default>);
-                })}
-              </react_native_1.View>)}
+                    </AnimatedEntrance_1.default>})}
+              </react_native_1.View>}
           </react_native_1.View>
 
           
-          {userPropKeys.length > 0 && (<react_native_1.View style={detailStyles.sectionCard}>
+          {s.length>0&&<react_native_1.View style={detailStyles.sectionCard}>
               <react_native_1.View style={detailStyles.sectionHeader}>
-                <NetworkIcons_1.SparkleIcon color={AppColors_1.AppColors.purple} size={12}/>
+                <NetworkIcons_1.SparkleIcon color={AppColors_1.AppColors.purple}size={12}/>
                 <react_native_1.Text style={detailStyles.sectionTitle}>
-                  USER PROPERTIES SNAPSHOT ({userPropKeys.length})
+                  USER PROPERTIES SNAPSHOT ({s.length})
                 </react_native_1.Text>
               </react_native_1.View>
               <react_native_1.View style={detailStyles.sectionBody}>
-                {userPropKeys.map(k => (<react_native_1.View key={k} style={detailStyles.kvRow}>
-                    <react_native_1.Text style={detailStyles.kvKey}>{k}:</react_native_1.Text>
-                    <react_native_1.Text style={detailStyles.kvVal} selectable>
-                      {String(userProperties[k])}
+                {s.map(t=><react_native_1.View key={t}style={detailStyles.kvRow}>
+                    <react_native_1.Text style={detailStyles.kvKey}>{t}:</react_native_1.Text>
+                    <react_native_1.Text style={detailStyles.kvVal}selectable>
+                      {String(d[t])}
                     </react_native_1.Text>
-                  </react_native_1.View>))}
+                  </react_native_1.View>)}
               </react_native_1.View>
-            </react_native_1.View>)}
-        </react_native_1.View>)}
-
-      
-      {activeViewTab === 'tree' && (<react_native_1.View style={detailStyles.jsonContainer}>
-          <JsonViewer_1.default data={fullJsonData} defaultExpandDepth={1} mode="pretty" fullHeight/>
-        </react_native_1.View>)}
+            </react_native_1.View>}
+        </react_native_1.View>}
 
       
-      {activeViewTab === 'raw' && (<react_native_1.View style={detailStyles.jsonContainer}>
-          <JsonViewer_1.default data={fullJsonData} mode="raw" fullHeight/>
-        </react_native_1.View>)}
-    </react_native_1.ScrollView>);
-};
-const detailStyles = react_native_1.StyleSheet.create({
-    scroll: {
-        flex: 1,
-        backgroundColor: AppColors_1.AppColors.grayBackground,
-    },
-    content: {
-        paddingTop: 12,
-        paddingBottom: 40,
-        paddingHorizontal: 12,
-    },
-    heroCard: {
-        backgroundColor: AppColors_1.AppColors.white,
-        borderRadius: 12,
-        padding: 14,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.dividerColor,
-        shadowColor: AppColors_1.AppColors.primaryBlack,
-        shadowOffset: { width: 0, height: 1 },
-        shadowOpacity: 0.04,
-        shadowRadius: 4,
-        elevation: 2,
-        marginBottom: 12,
-    },
-    heroTopRow: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        justifyContent: 'space-between',
-        marginBottom: 10,
-    },
-    sourceBadge: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 4.5,
-        paddingHorizontal: 7,
-        paddingVertical: 3,
-        borderRadius: 5,
-        borderWidth: 1,
-    },
-    sourceDot: {
-        width: 6,
-        height: 6,
-        borderRadius: 3,
-    },
-    sourceBadgeText: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 9.5,
-        letterSpacing: 0.4,
-    },
-    catBadge: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 4,
-        paddingHorizontal: 7,
-        paddingVertical: 3,
-        borderRadius: 5,
-        borderWidth: 1,
-    },
-    catBadgeText: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 9.5,
-        letterSpacing: 0.3,
-    },
-    titleRow: {
-        marginBottom: 8,
-    },
-    eventTitle: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 16,
-        color: AppColors_1.AppColors.primaryBlack,
-        lineHeight: 22,
-    },
-    metaRow: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 6,
-        flexWrap: 'wrap',
-        marginBottom: 10,
-    },
-    timePill: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 4,
-        backgroundColor: `${AppColors_1.AppColors.purple}14`,
-        paddingHorizontal: 7,
-        paddingVertical: 3,
-        borderRadius: 5,
-        borderWidth: 1,
-        borderColor: `${AppColors_1.AppColors.purple}2E`,
-    },
-    timeText: {
-        fontFamily: AppFonts_1.AppFonts.interMedium,
-        fontSize: 10.5,
-        color: AppColors_1.AppColors.purple,
-    },
-    screenPill: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 4,
-        backgroundColor: `${AppColors_1.AppColors.sky500}14`,
-        paddingHorizontal: 7,
-        paddingVertical: 3,
-        borderRadius: 5,
-        borderWidth: 1,
-        borderColor: `${AppColors_1.AppColors.sky500}2E`,
-        maxWidth: 220,
-    },
-    screenText: {
-        fontFamily: AppFonts_1.AppFonts.interMedium,
-        fontSize: 10.5,
-        color: AppColors_1.AppColors.sky600,
-    },
-    metricsBar: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 6,
-        flexWrap: 'wrap',
-        paddingTop: 8,
-        borderTopWidth: 1,
-        borderTopColor: AppColors_1.AppColors.dividerColor,
-    },
-    metricPill: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 4,
-        backgroundColor: AppColors_1.AppColors.grayBackground,
-        paddingHorizontal: 7,
-        paddingVertical: 3,
-        borderRadius: 5,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.dividerColor,
-    },
-    metricLabel: {
-        fontFamily: AppFonts_1.AppFonts.interMedium,
-        fontSize: 10.5,
-        color: AppColors_1.AppColors.grayTextWeak,
-    },
-    metricValue: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 10.5,
-        color: AppColors_1.AppColors.primaryBlack,
-    },
-    revenuePill: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 4,
-        backgroundColor: AppColors_1.AppColors.emeraldBg,
-        paddingHorizontal: 7,
-        paddingVertical: 3,
-        borderRadius: 5,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.emeraldBorder,
-    },
-    revenueValue: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 10.5,
-        color: '#047857',
-    },
-    itemsPill: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 4,
-        backgroundColor: '#EFF6FF',
-        paddingHorizontal: 7,
-        paddingVertical: 3,
-        borderRadius: 5,
-        borderWidth: 1,
-        borderColor: '#BFDBFE',
-    },
-    itemsValue: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 10.5,
-        color: '#1D4ED8',
-    },
-    tabsWrap: {
-        marginBottom: 12,
-    },
-    tabContent: {
-        gap: 12,
-    },
-    sectionCard: {
-        backgroundColor: AppColors_1.AppColors.white,
-        borderRadius: 12,
-        padding: 12,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.dividerColor,
-        shadowColor: AppColors_1.AppColors.primaryBlack,
-        shadowOffset: { width: 0, height: 1 },
-        shadowOpacity: 0.04,
-        shadowRadius: 4,
-        elevation: 2,
-    },
-    sectionHeader: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 6,
-        marginBottom: 10,
-        paddingBottom: 6,
-        borderBottomWidth: 1,
-        borderBottomColor: AppColors_1.AppColors.dividerColor,
-    },
-    sectionHeaderBetween: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        justifyContent: 'space-between',
-        marginBottom: 10,
-        paddingBottom: 6,
-        borderBottomWidth: 1,
-        borderBottomColor: AppColors_1.AppColors.dividerColor,
-    },
-    sectionTitle: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 11,
-        color: AppColors_1.AppColors.slate700,
-        letterSpacing: 0.4,
-    },
-    sectionSubtitle: {
-        fontFamily: AppFonts_1.AppFonts.interMedium,
-        fontSize: 10,
-        color: AppColors_1.AppColors.grayTextWeak,
-    },
-    sectionBody: {
-        gap: 6,
-    },
-    kvRow: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        justifyContent: 'space-between',
-        paddingVertical: 3,
-    },
-    kvKey: {
-        fontFamily: AppFonts_1.AppFonts.interMedium,
-        fontSize: 11,
-        color: AppColors_1.AppColors.grayTextWeak,
-    },
-    kvVal: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 11,
-        color: AppColors_1.AppColors.primaryBlack,
-    },
-    searchBar: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        backgroundColor: AppColors_1.AppColors.grayBackground,
-        borderRadius: 8,
-        paddingHorizontal: 8,
-        paddingVertical: 5,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.dividerColor,
-        marginBottom: 10,
-        gap: 6,
-    },
-    searchInput: {
-        flex: 1,
-        fontFamily: AppFonts_1.AppFonts.interRegular,
-        fontSize: 11,
-        color: AppColors_1.AppColors.primaryBlack,
-        paddingVertical: 0,
-    },
-    emptyParamsBox: {
-        alignItems: 'center',
-        justifyContent: 'center',
-        paddingVertical: 20,
-        gap: 6,
-    },
-    emptyParamsText: {
-        fontFamily: AppFonts_1.AppFonts.interMedium,
-        fontSize: 11,
-        color: AppColors_1.AppColors.grayTextWeak,
-    },
-    paramList: {
-        gap: 8,
-    },
-    paramCard: {
-        backgroundColor: AppColors_1.AppColors.grayBackground,
-        borderRadius: 8,
-        padding: 9,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.dividerColor,
-    },
-    paramCardHeader: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        justifyContent: 'space-between',
-        marginBottom: 4,
-    },
-    paramKeyText: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 11.5,
-        color: AppColors_1.AppColors.primaryBlack,
-    },
-    paramKeyHighlighted: {
-        color: AppColors_1.AppColors.brandPurple,
-    },
-    typeBadge: {
-        backgroundColor: '#E2E8F0',
-        paddingHorizontal: 5,
-        paddingVertical: 1.5,
-        borderRadius: 3,
-    },
-    typeBadgeText: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 8.5,
-        color: AppColors_1.AppColors.slate700,
-        letterSpacing: 0.3,
-    },
-    paramValBox: {
-        marginTop: 2,
-    },
-    paramValText: {
-        fontFamily: AppFonts_1.AppFonts.interRegular,
-        fontSize: 11,
-        color: AppColors_1.AppColors.slate700,
-        lineHeight: 16,
-    },
-    jsonContainer: {
-        borderRadius: 12,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.dividerColor,
-        overflow: 'hidden',
-        backgroundColor: AppColors_1.AppColors.white,
-        minHeight: 300,
-    },
-    highlight: {
-        backgroundColor: '#FEF08A',
-        color: '#854D0E',
-        fontFamily: AppFonts_1.AppFonts.interBold,
-    },
-});
-exports.default = AnalyticsDetail;
+      {i==="json"&&<react_native_1.View style={detailStyles.jsonContainer}>
+          <JsonViewer_1.default data={y}defaultExpandDepth={2}fullHeight/>
+        </react_native_1.View>}
+    </react_native_1.ScrollView>},detailStyles=react_native_1.StyleSheet.create({scroll:{flex:1,backgroundColor:AppColors_1.AppColors.grayBackground},content:{paddingTop:12,paddingBottom:40,paddingHorizontal:12},heroCard:{backgroundColor:AppColors_1.AppColors.white,borderRadius:12,padding:14,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,shadowColor:AppColors_1.AppColors.primaryBlack,shadowOffset:{width:0,height:1},shadowOpacity:.04,shadowRadius:4,elevation:2,marginBottom:12},heroTopRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginBottom:10},idBadge:{paddingHorizontal:6,paddingVertical:2.5,borderRadius:5,backgroundColor:`${AppColors_1.AppColors.slate500}12`,borderWidth:1,borderColor:`${AppColors_1.AppColors.slate500}22`},idBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,color:AppColors_1.AppColors.grayTextWeak,letterSpacing:.2},sourceBadge:{flexDirection:"row",alignItems:"center",gap:4.5,paddingHorizontal:7,paddingVertical:3,borderRadius:5,borderWidth:1},sourceDot:{width:6,height:6,borderRadius:3},sourceBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,letterSpacing:.4},catBadge:{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:7,paddingVertical:3,borderRadius:5,borderWidth:1},catBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,letterSpacing:.3},titleRow:{marginBottom:8},eventTitle:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:16,color:AppColors_1.AppColors.primaryBlack,lineHeight:22},metaRow:{flexDirection:"row",alignItems:"center",gap:6,flexWrap:"wrap",marginBottom:10},timePill:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:`${AppColors_1.AppColors.purple}14`,paddingHorizontal:7,paddingVertical:3,borderRadius:5,borderWidth:1,borderColor:`${AppColors_1.AppColors.purple}2E`},timeText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10.5,color:AppColors_1.AppColors.purple},screenPill:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:`${AppColors_1.AppColors.sky500}14`,paddingHorizontal:7,paddingVertical:3,borderRadius:5,borderWidth:1,borderColor:`${AppColors_1.AppColors.sky500}2E`,maxWidth:220},screenText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10.5,color:AppColors_1.AppColors.sky600},metricsBar:{flexDirection:"row",alignItems:"center",gap:6,flexWrap:"wrap",paddingTop:8,borderTopWidth:1,borderTopColor:AppColors_1.AppColors.dividerColor},metricPill:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:AppColors_1.AppColors.grayBackground,paddingHorizontal:7,paddingVertical:3,borderRadius:5,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor},metricLabel:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10.5,color:AppColors_1.AppColors.grayTextWeak},metricValue:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:AppColors_1.AppColors.primaryBlack},revenuePill:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:AppColors_1.AppColors.emeraldBg,paddingHorizontal:7,paddingVertical:3,borderRadius:5,borderWidth:1,borderColor:AppColors_1.AppColors.emeraldBorder},revenueValue:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:"#047857"},itemsPill:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:"#EFF6FF",paddingHorizontal:7,paddingVertical:3,borderRadius:5,borderWidth:1,borderColor:"#BFDBFE"},itemsValue:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:"#1D4ED8"},tabsWrap:{marginBottom:12},tabContent:{gap:12},sectionCard:{backgroundColor:AppColors_1.AppColors.white,borderRadius:12,padding:12,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,shadowColor:AppColors_1.AppColors.primaryBlack,shadowOffset:{width:0,height:1},shadowOpacity:.04,shadowRadius:4,elevation:2},sectionHeader:{flexDirection:"row",alignItems:"center",gap:6,marginBottom:10,paddingBottom:6,borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.dividerColor},sectionHeaderBetween:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginBottom:10,paddingBottom:6,borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.dividerColor},sectionTitle:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,color:AppColors_1.AppColors.slate700,letterSpacing:.4},sectionSubtitle:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10,color:AppColors_1.AppColors.grayTextWeak},sectionBody:{gap:6},kvRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingVertical:3},kvKey:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.grayTextWeak},kvVal:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,color:AppColors_1.AppColors.primaryBlack},searchBar:{flexDirection:"row",alignItems:"center",backgroundColor:AppColors_1.AppColors.grayBackground,borderRadius:8,paddingHorizontal:8,paddingVertical:5,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,marginBottom:10,gap:6},searchInput:{flex:1,fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,color:AppColors_1.AppColors.primaryBlack,paddingVertical:0},emptyParamsBox:{alignItems:"center",justifyContent:"center",paddingVertical:20,gap:6},emptyParamsText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.grayTextWeak},paramList:{gap:8},paramCard:{backgroundColor:AppColors_1.AppColors.grayBackground,borderRadius:8,padding:9,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor},paramCardHeader:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginBottom:4},paramKeyText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11.5,color:AppColors_1.AppColors.primaryBlack},paramKeyHighlighted:{color:AppColors_1.AppColors.brandPurple},typeBadge:{backgroundColor:"#E2E8F0",paddingHorizontal:5,paddingVertical:1.5,borderRadius:3},typeBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5,color:AppColors_1.AppColors.slate700,letterSpacing:.3},paramValBox:{marginTop:2},paramValText:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,color:AppColors_1.AppColors.slate700,lineHeight:16},jsonContainer:{borderRadius:12,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,overflow:"hidden",backgroundColor:AppColors_1.AppColors.white,minHeight:300},highlight:{backgroundColor:"#FEF08A",color:"#854D0E",fontFamily:AppFonts_1.AppFonts.interBold}});exports.default=AnalyticsDetail;