react-native-inapp-inspector 2.3.19 → 2.3.21

package/dist/commonjs/components/AnalyticsEventCard.js

@@ -1,152 +1,55 @@
-"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 AppColors_1 = require("../styles/AppColors");
-const AppFonts_1 = require("../styles/AppFonts");
-const helpers_1 = require("../helpers");
-const i18n_1 = require("../i18n");
-const HighlightText_1 = __importDefault(require("./HighlightText"));
-const TouchableScale_1 = __importDefault(require("./TouchableScale"));
-const NetworkIcons_1 = require("./NetworkIcons");
-const AnalyticsEventCard = react_1.default.memo(function AnalyticsEventCard({ event, onPress, isNew = false, searchStr = '', msSincePrev, computedScreenName, }) {
-    const { t } = (0, i18n_1.useTranslation)();
-    const color = (0, helpers_1.getEventColor)(event.name);
-    const paramCount = event.params ? Object.keys(event.params).length : 0;
-    const userPropCount = event.userProperties
-        ? Object.keys(event.userProperties).length
-        : 0;
-    const catKey = (0, helpers_1.getEventCategory)(event.name);
-    const tagColors = (0, helpers_1.getCategoryColors)(catKey);
-    const flashOpacity = (0, react_1.useRef)(new react_native_1.Animated.Value(isNew ? 1 : 0)).current;
-    (0, react_1.useEffect)(() => {
-        if (isNew) {
-            react_native_1.Animated.timing(flashOpacity, {
-                toValue: 0,
-                duration: 1200,
-                useNativeDriver: false,
-            }).start();
-        }
-    }, [isNew]);
-    const showGap = msSincePrev != null && msSincePrev >= 2000;
-    const categoryLabel = catKey === 'page_view'
-        ? t('analytics.pageViewCategory')
-        : catKey === 'ecommerce'
-            ? t('analytics.ecommerceCategory')
-            : catKey === 'system'
-                ? t('analytics.systemCategory')
-                : t('analytics.customCategory');
-    return (<react_native_1.View style={cardStyles.container}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(t,e,a,r){r===void 0&&(r=a);var o=Object.getOwnPropertyDescriptor(e,a);(!o||("get"in o?!e.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return e[a]}}),Object.defineProperty(t,r,o)}):(function(t,e,a,r){r===void 0&&(r=a),t[r]=e[a]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}):function(t,e){t.default=e}),__importStar=this&&this.__importStar||(function(){var t=function(e){return t=Object.getOwnPropertyNames||function(a){var r=[];for(var o in a)Object.prototype.hasOwnProperty.call(a,o)&&(r[r.length]=o);return r},t(e)};return function(e){if(e&&e.__esModule)return e;var a={};if(e!=null)for(var r=t(e),o=0;o<r.length;o++)r[o]!=="default"&&__createBinding(a,e,r[o]);return __setModuleDefault(a,e),a}})(),__importDefault=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),AppColors_1=require("../styles/AppColors"),AppFonts_1=require("../styles/AppFonts"),helpers_1=require("../helpers"),i18n_1=require("../i18n"),HighlightText_1=__importDefault(require("./HighlightText")),TouchableScale_1=__importDefault(require("./TouchableScale")),NetworkIcons_1=require("./NetworkIcons"),AnalyticsEventCard=react_1.default.memo(function({event:e,onPress:a,isNew:r=!1,searchStr:o="",msSincePrev:p,computedScreenName:g}){const{t:l}=(0,i18n_1.useTranslation)(),y=(0,helpers_1.getEventColor)(e.name),f=e.params?Object.keys(e.params).length:0,d=e.userProperties?Object.keys(e.userProperties).length:0,s=(0,helpers_1.getEventCategory)(e.name),n=(0,helpers_1.getCategoryColors)(s),u=(0,react_1.useRef)(new react_native_1.Animated.Value(r?1:0)).current;(0,react_1.useEffect)(()=>{r&&react_native_1.Animated.timing(u,{toValue:0,duration:1200,useNativeDriver:!1}).start()},[r]);const C=p!=null&&p>=2e3,_=l(s==="page_view"?"analytics.pageViewCategory":s==="ecommerce"?"analytics.ecommerceCategory":s==="system"?"analytics.systemCategory":"analytics.customCategory");return<react_native_1.View style={cardStyles.container}>
       
-      {showGap && (<react_native_1.View style={cardStyles.gapContainer}>
+      {C&&<react_native_1.View style={cardStyles.gapContainer}>
           <react_native_1.View style={cardStyles.gapLine}/>
-          <react_native_1.Text style={[cardStyles.gapText, { color: AppColors_1.AppColors.grayTextWeak }]}>
-            +{(0, helpers_1.formatGap)(msSincePrev)}
+          <react_native_1.Text style={[cardStyles.gapText,{color:AppColors_1.AppColors.grayTextWeak}]}>
+            +{(0,helpers_1.formatGap)(p)}
           </react_native_1.Text>
           <react_native_1.View style={cardStyles.gapLine}/>
-        </react_native_1.View>)}
+        </react_native_1.View>}
 
       
-      <TouchableScale_1.default onPress={onPress} style={[
-            cardStyles.modernCard,
-            {
-                borderLeftWidth: 3.5,
-                borderLeftColor: tagColors.text,
-            },
-        ]}>
-        {isNew && (<react_native_1.Animated.View style={[
-                react_native_1.StyleSheet.absoluteFill,
-                {
-                    backgroundColor: color,
-                    opacity: flashOpacity.interpolate({
-                        inputRange: [0, 1],
-                        outputRange: [0, 0.08],
-                    }),
-                },
-            ]}/>)}
+      <TouchableScale_1.default onPress={a}style={[cardStyles.modernCard,{borderLeftWidth:3.5,borderLeftColor:n.text}]}>
+        {r&&<react_native_1.Animated.View style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:y,opacity:u.interpolate({inputRange:[0,1],outputRange:[0,.08]})}]}/>}
 
         
         <react_native_1.View style={cardStyles.cardHeader}>
-          <react_native_1.View style={{ flexDirection: 'row', alignItems: 'center', gap: 7, flex: 1 }}>
+          <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6,flex:1}}>
             
-            <react_native_1.View style={[
-            cardStyles.iconBadge,
-            { backgroundColor: tagColors.bg, borderColor: tagColors.border },
-        ]}>
-              {catKey === 'ecommerce' ? (<NetworkIcons_1.CartIcon color={tagColors.text} size={12}/>) : catKey === 'page_view' ? (<NetworkIcons_1.GlobeIcon color={tagColors.text} size={12}/>) : catKey === 'system' ? (<NetworkIcons_1.BoltIcon color={tagColors.text} size={12}/>) : (<NetworkIcons_1.SparkleIcon color={tagColors.text} size={12}/>)}
+            <react_native_1.View style={cardStyles.idBadge}>
+              <react_native_1.Text style={cardStyles.idBadgeText}>
+                #{e.id!=null?e.id+1:1}
+              </react_native_1.Text>
+            </react_native_1.View>
+
+            
+            <react_native_1.View style={[cardStyles.iconBadge,{backgroundColor:n.bg,borderColor:n.border}]}>
+              {s==="ecommerce"?<NetworkIcons_1.CartIcon color={n.text}size={12}/>:s==="page_view"?<NetworkIcons_1.GlobeIcon color={n.text}size={12}/>:s==="system"?<NetworkIcons_1.BoltIcon color={n.text}size={12}/>:<NetworkIcons_1.SparkleIcon color={n.text}size={12}/>}
             </react_native_1.View>
 
             
-            <HighlightText_1.default text={event.name} search={searchStr} style={[cardStyles.eventName, { color: AppColors_1.AppColors.primaryBlack }]} highlightStyle={cardStyles.highlight} numberOfLines={1}/>
+            <HighlightText_1.default text={e.name}search={o}style={[cardStyles.eventName,{color:AppColors_1.AppColors.primaryBlack}]}highlightStyle={cardStyles.highlight}numberOfLines={1}/>
 
             
-            <react_native_1.View style={[
-            cardStyles.categoryBadge,
-            { backgroundColor: tagColors.bg, borderColor: tagColors.border },
-        ]}>
-              <react_native_1.Text style={[cardStyles.categoryText, { color: tagColors.text }]}>
-                {categoryLabel}
+            <react_native_1.View style={[cardStyles.categoryBadge,{backgroundColor:n.bg,borderColor:n.border}]}>
+              <react_native_1.Text style={[cardStyles.categoryText,{color:n.text}]}>
+                {_}
               </react_native_1.Text>
             </react_native_1.View>
 
             
-            {event.count !== undefined && event.count > 0 ? (<react_native_1.View style={[
-                cardStyles.duplicateBadge,
-                event.count === 1 && {
-                    backgroundColor: AppColors_1.AppColors.grayBackground,
-                    borderColor: AppColors_1.AppColors.grayBorderSecondary,
-                },
-            ]}>
-                <react_native_1.Text style={[
-                cardStyles.duplicateText,
-                event.count === 1 && { color: AppColors_1.AppColors.grayTextStrong },
-            ]}>
-                  {event.count}×
+            {e.count!==void 0&&e.count>0?<react_native_1.View style={[cardStyles.duplicateBadge,e.count===1&&{backgroundColor:AppColors_1.AppColors.grayBackground,borderColor:AppColors_1.AppColors.grayBorderSecondary}]}>
+                <react_native_1.Text style={[cardStyles.duplicateText,e.count===1&&{color:AppColors_1.AppColors.grayTextStrong}]}>
+                  {e.count}×
                 </react_native_1.Text>
-              </react_native_1.View>) : null}
+              </react_native_1.View>:null}
           </react_native_1.View>
 
           
-          <react_native_1.View style={{ flexDirection: 'row', alignItems: 'center', gap: 3 }}>
-            <NetworkIcons_1.ClockIcon color={AppColors_1.AppColors.grayTextWeak} size={10}/>
-            <react_native_1.Text style={[cardStyles.timestamp, { color: AppColors_1.AppColors.grayTextWeak }]}>
-              {(0, helpers_1.formatTime)(event.timestamp)}
+          <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:3}}>
+            <NetworkIcons_1.ClockIcon color={AppColors_1.AppColors.grayTextWeak}size={10}/>
+            <react_native_1.Text style={[cardStyles.timestamp,{color:AppColors_1.AppColors.grayTextWeak}]}>
+              {(0,helpers_1.formatTime)(e.timestamp)}
             </react_native_1.Text>
           </react_native_1.View>
         </react_native_1.View>
@@ -154,240 +57,41 @@ const AnalyticsEventCard = react_1.default.memo(function AnalyticsEventCard({ ev
         
         <react_native_1.View style={cardStyles.cardBody}>
           <react_native_1.View style={cardStyles.chipsRow}>
-            {(() => {
-            const rawScreenName = computedScreenName ||
-                event.screenName ||
-                event.params?.firebase_screen ||
-                event.params?.screen_name ||
-                event.params?.firebase_screen_class;
-            if (!rawScreenName)
-                return null;
-            const screenNameStr = typeof rawScreenName === 'object'
-                ? JSON.stringify(rawScreenName)
-                : String(rawScreenName);
-            return (<react_native_1.View style={[
-                    cardStyles.chip,
-                    {
-                        backgroundColor: `${AppColors_1.AppColors.amber500}12`,
-                        borderColor: `${AppColors_1.AppColors.amber500}2E`,
-                    },
-                ]}>
-                  <react_native_1.View style={[cardStyles.screenDot, { backgroundColor: AppColors_1.AppColors.amber500 }]}/>
-                  <react_native_1.Text style={[cardStyles.chipText, { color: AppColors_1.AppColors.amber700, fontFamily: AppFonts_1.AppFonts.interBold }]} numberOfLines={1}>
-                    {screenNameStr}
+            {(()=>{const i=g||e.screenName||e.params?.firebase_screen||e.params?.screen_name||e.params?.firebase_screen_class;if(!i)return null;const c=typeof i=="object"?JSON.stringify(i):String(i);return<react_native_1.View style={[cardStyles.chip,{backgroundColor:`${AppColors_1.AppColors.amber500}12`,borderColor:`${AppColors_1.AppColors.amber500}2E`}]}>
+                  <react_native_1.View style={[cardStyles.screenDot,{backgroundColor:AppColors_1.AppColors.amber500}]}/>
+                  <react_native_1.Text style={[cardStyles.chipText,{color:AppColors_1.AppColors.amber700,fontFamily:AppFonts_1.AppFonts.interBold}]}numberOfLines={1}>
+                    {c}
                   </react_native_1.Text>
-                </react_native_1.View>);
-        })()}
+                </react_native_1.View>})()}
 
-            <react_native_1.View style={[
-            cardStyles.chip,
-            {
-                backgroundColor: AppColors_1.AppColors.grayBackground,
-                borderColor: AppColors_1.AppColors.grayBorderSecondary,
-            },
-        ]}>
-              <react_native_1.Text style={[cardStyles.chipText, { color: AppColors_1.AppColors.grayText }]}>
-                {'{} '} {paramCount} {t('analytics.params')}
+            <react_native_1.View style={[cardStyles.chip,{backgroundColor:AppColors_1.AppColors.grayBackground,borderColor:AppColors_1.AppColors.grayBorderSecondary}]}>
+              <react_native_1.Text style={[cardStyles.chipText,{color:AppColors_1.AppColors.grayText}]}>
+                {"{} "} {f} {l("analytics.params")}
               </react_native_1.Text>
             </react_native_1.View>
 
-            {userPropCount > 0 && (<react_native_1.View style={[
-                cardStyles.chip,
-                {
-                    backgroundColor: `${AppColors_1.AppColors.brandPurple}10`,
-                    borderColor: `${AppColors_1.AppColors.brandPurple}25`,
-                },
-            ]}>
-                <NetworkIcons_1.SparkleIcon color={AppColors_1.AppColors.brandPurple} size={10}/>
-                <react_native_1.Text style={[cardStyles.chipText, { color: AppColors_1.AppColors.brandPurple, fontFamily: AppFonts_1.AppFonts.interBold }]}>
-                  {userPropCount} {t('analytics.props')}
+            {d>0&&<react_native_1.View style={[cardStyles.chip,{backgroundColor:`${AppColors_1.AppColors.brandPurple}10`,borderColor:`${AppColors_1.AppColors.brandPurple}25`}]}>
+                <NetworkIcons_1.SparkleIcon color={AppColors_1.AppColors.brandPurple}size={10}/>
+                <react_native_1.Text style={[cardStyles.chipText,{color:AppColors_1.AppColors.brandPurple,fontFamily:AppFonts_1.AppFonts.interBold}]}>
+                  {d} {l("analytics.props")}
                 </react_native_1.Text>
-              </react_native_1.View>)}
+              </react_native_1.View>}
 
-            {(() => {
-            const items = event.params?.items;
-            if (Array.isArray(items) && items.length > 0) {
-                return (<react_native_1.View style={[
-                        cardStyles.chip,
-                        {
-                            backgroundColor: AppColors_1.AppColors.amberBg,
-                            borderColor: AppColors_1.AppColors.amberBorder,
-                        },
-                    ]}>
-                    <NetworkIcons_1.CartIcon color={AppColors_1.AppColors.amber700} size={11}/>
-                    <react_native_1.Text style={[
-                        cardStyles.chipText,
-                        {
-                            color: AppColors_1.AppColors.amber700,
-                            fontFamily: AppFonts_1.AppFonts.interBold,
-                        },
-                    ]}>
-                      {items.length}{' '}
-                      {items.length === 1
-                        ? t('analytics.item')
-                        : t('analytics.items')}
+            {(()=>{const i=e.params?.items;return Array.isArray(i)&&i.length>0?<react_native_1.View style={[cardStyles.chip,{backgroundColor:AppColors_1.AppColors.amberBg,borderColor:AppColors_1.AppColors.amberBorder}]}>
+                    <NetworkIcons_1.CartIcon color={AppColors_1.AppColors.amber700}size={11}/>
+                    <react_native_1.Text style={[cardStyles.chipText,{color:AppColors_1.AppColors.amber700,fontFamily:AppFonts_1.AppFonts.interBold}]}>
+                      {i.length}{" "}
+                      {i.length===1?l("analytics.item"):l("analytics.items")}
                     </react_native_1.Text>
-                  </react_native_1.View>);
-            }
-            return null;
-        })()}
+                  </react_native_1.View>:null})()}
 
-            {(() => {
-            const val = event.params?.value ?? event.params?.price;
-            const currency = event.params?.currency ?? '';
-            const isPrimitive = typeof val === 'string' || typeof val === 'number';
-            if (val != null && isPrimitive && String(val).trim() !== '') {
-                const currencyStr = typeof currency === 'string' && currency.trim() !== ''
-                    ? currency.toUpperCase()
-                    : '';
-                return (<react_native_1.View style={[
-                        cardStyles.chip,
-                        {
-                            backgroundColor: `${AppColors_1.AppColors.emerald500}15`,
-                            borderColor: `${AppColors_1.AppColors.emerald500}35`,
-                        },
-                    ]}>
-                    <NetworkIcons_1.MoneyIcon color={AppColors_1.AppColors.emerald600} size={11}/>
-                    <react_native_1.Text style={[
-                        cardStyles.chipText,
-                        {
-                            color: AppColors_1.AppColors.emerald600,
-                            fontFamily: AppFonts_1.AppFonts.interBold,
-                        },
-                    ]}>
-                      {String(val)} {currencyStr}
+            {(()=>{const i=e.params?.value??e.params?.price,c=e.params?.currency??"",m=typeof i=="string"||typeof i=="number";if(i!=null&&m&&String(i).trim()!==""){const b=typeof c=="string"&&c.trim()!==""?c.toUpperCase():"";return<react_native_1.View style={[cardStyles.chip,{backgroundColor:`${AppColors_1.AppColors.emerald500}15`,borderColor:`${AppColors_1.AppColors.emerald500}35`}]}>
+                    <NetworkIcons_1.MoneyIcon color={AppColors_1.AppColors.emerald600}size={11}/>
+                    <react_native_1.Text style={[cardStyles.chipText,{color:AppColors_1.AppColors.emerald600,fontFamily:AppFonts_1.AppFonts.interBold}]}>
+                      {String(i)} {b}
                     </react_native_1.Text>
-                  </react_native_1.View>);
-            }
-            return null;
-        })()}
+                  </react_native_1.View>}return null})()}
           </react_native_1.View>
         </react_native_1.View>
       </TouchableScale_1.default>
-    </react_native_1.View>);
-});
-const cardStyles = react_native_1.StyleSheet.create({
-    container: {
-        paddingHorizontal: 10,
-        paddingVertical: 3,
-    },
-    gapContainer: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        justifyContent: 'center',
-        marginVertical: 6,
-        gap: 8,
-    },
-    gapLine: {
-        flex: 1,
-        height: 1,
-        backgroundColor: `${AppColors_1.AppColors.dividerColor}`,
-    },
-    gapText: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 9.5,
-        color: AppColors_1.AppColors.grayTextWeak,
-        letterSpacing: 0.5,
-    },
-    modernCard: {
-        backgroundColor: AppColors_1.AppColors.white,
-        borderRadius: 10,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.dividerColor,
-        padding: 10,
-        shadowColor: AppColors_1.AppColors.black,
-        shadowOpacity: 0.03,
-        shadowRadius: 3,
-        shadowOffset: { width: 0, height: 1 },
-        elevation: 1,
-        overflow: 'hidden',
-        gap: 8,
-    },
-    cardHeader: {
-        flexDirection: 'row',
-        justifyContent: 'space-between',
-        alignItems: 'center',
-    },
-    iconBadge: {
-        width: 22,
-        height: 22,
-        borderRadius: 6,
-        borderWidth: 1,
-        alignItems: 'center',
-        justifyContent: 'center',
-    },
-    eventName: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 13,
-        letterSpacing: 0.1,
-        color: AppColors_1.AppColors.primaryBlack,
-    },
-    timestamp: {
-        fontFamily: AppFonts_1.AppFonts.interMedium,
-        fontSize: 10,
-        color: AppColors_1.AppColors.grayTextWeak,
-    },
-    highlight: {
-        backgroundColor: AppColors_1.AppColors.yellowHighlight,
-        color: AppColors_1.AppColors.primaryBlack,
-        borderRadius: 2,
-    },
-    cardBody: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        justifyContent: 'space-between',
-    },
-    chipsRow: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        flexWrap: 'wrap',
-        gap: 6,
-        flex: 1,
-    },
-    chip: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        paddingHorizontal: 6,
-        paddingVertical: 2.5,
-        borderRadius: 5,
-        borderWidth: 1,
-        gap: 3.5,
-    },
-    chipText: {
-        fontFamily: AppFonts_1.AppFonts.interMedium,
-        fontSize: 10,
-        color: AppColors_1.AppColors.grayText,
-    },
-    screenDot: {
-        width: 5,
-        height: 5,
-        borderRadius: 2.5,
-    },
-    duplicateBadge: {
-        backgroundColor: AppColors_1.AppColors.roseBg,
-        borderColor: AppColors_1.AppColors.roseBorder,
-        borderWidth: 1,
-        paddingHorizontal: 5,
-        paddingVertical: 1.5,
-        borderRadius: 4,
-    },
-    duplicateText: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 9,
-        color: AppColors_1.AppColors.rose600,
-        textTransform: 'uppercase',
-    },
-    categoryBadge: {
-        borderWidth: 1,
-        paddingHorizontal: 5,
-        paddingVertical: 1.5,
-        borderRadius: 4,
-    },
-    categoryText: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 8.5,
-        textTransform: 'uppercase',
-        letterSpacing: 0.4,
-    },
-});
-exports.default = AnalyticsEventCard;
+    </react_native_1.View>}),cardStyles=react_native_1.StyleSheet.create({container:{paddingHorizontal:10,paddingVertical:3},gapContainer:{flexDirection:"row",alignItems:"center",justifyContent:"center",marginVertical:6,gap:8},gapLine:{flex:1,height:1,backgroundColor:`${AppColors_1.AppColors.dividerColor}`},gapText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:AppColors_1.AppColors.grayTextWeak,letterSpacing:.5},modernCard:{backgroundColor:AppColors_1.AppColors.white,borderRadius:10,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,padding:10,shadowColor:AppColors_1.AppColors.black,shadowOpacity:.03,shadowRadius:3,shadowOffset:{width:0,height:1},elevation:1,overflow:"hidden",gap:8},cardHeader:{flexDirection:"row",justifyContent:"space-between",alignItems:"center"},iconBadge:{width:22,height:22,borderRadius:6,borderWidth:1,alignItems:"center",justifyContent:"center"},eventName:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13,letterSpacing:.1,color:AppColors_1.AppColors.primaryBlack},timestamp:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10,color:AppColors_1.AppColors.grayTextWeak},highlight:{backgroundColor:AppColors_1.AppColors.yellowHighlight,color:AppColors_1.AppColors.primaryBlack,borderRadius:2},cardBody:{flexDirection:"row",alignItems:"center",justifyContent:"space-between"},chipsRow:{flexDirection:"row",alignItems:"center",flexWrap:"wrap",gap:6,flex:1},chip:{flexDirection:"row",alignItems:"center",paddingHorizontal:6,paddingVertical:2.5,borderRadius:5,borderWidth:1,gap:3.5},chipText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10,color:AppColors_1.AppColors.grayText},screenDot:{width:5,height:5,borderRadius:2.5},duplicateBadge:{backgroundColor:AppColors_1.AppColors.roseBg,borderColor:AppColors_1.AppColors.roseBorder,borderWidth:1,paddingHorizontal:5,paddingVertical:1.5,borderRadius:4},duplicateText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9,color:AppColors_1.AppColors.rose600,textTransform:"uppercase"},idBadge:{paddingHorizontal:6,paddingVertical:2,borderRadius:6,backgroundColor:`${AppColors_1.AppColors.slate500}12`,borderWidth:1,borderColor:`${AppColors_1.AppColors.slate500}22`},idBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,color:AppColors_1.AppColors.grayTextWeak,letterSpacing:.2},categoryBadge:{borderWidth:1,paddingHorizontal:5,paddingVertical:1.5,borderRadius:4},categoryText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5,textTransform:"uppercase",letterSpacing:.4}});exports.default=AnalyticsEventCard;