react-native-inapp-inspector 2.5.11 → 2.5.13

package/dist/commonjs/components/ConsoleLogCard.js

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

package/dist/commonjs/components/Inspector/AboutModal.js

@@ -1,4 +1,4 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.AboutModal=void 0;const react_1=__importDefault(require("react")),react_native_1=require("react-native"),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),TouchableScale_1=__importDefault(require("../TouchableScale")),InspectorContext_1=require("./InspectorContext"),i18n_1=require("../../i18n"),version_1=require("../../constants/version"),AppHeaderLogo_1=__importDefault(require("../AppHeaderLogo")),helpers_1=require("../../helpers"),DeveloperSponsorCard_1=require("./DeveloperSponsorCard"),NetworkIcons_1=require("../NetworkIcons"),AboutModal=({onClose:e})=>{const{updateAvailable:t,latestNpmVersion:o}=(0,InspectorContext_1.useInspector)();return<react_native_1.View style={styles.container}>
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.AboutModal=void 0;const react_1=__importDefault(require("react")),react_native_1=require("react-native"),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),TouchableScale_1=__importDefault(require("../TouchableScale")),InspectorContext_1=require("./InspectorContext"),i18n_1=require("../../i18n"),version_1=require("../../constants/version"),AppHeaderLogo_1=__importDefault(require("../AppHeaderLogo")),helpers_1=require("../../helpers"),NetworkIcons_1=require("../NetworkIcons"),AboutModal=({onClose:e})=>{const{updateAvailable:t,latestNpmVersion:o}=(0,InspectorContext_1.useInspector)();return<react_native_1.View style={styles.container}>
       <react_native_1.ScrollView style={styles.scrollView}contentContainerStyle={styles.scrollContent}showsVerticalScrollIndicator={!1}>
         
         <react_native_1.View style={styles.heroCard}>
@@ -40,9 +40,6 @@
         </react_native_1.View>
 
         
-        <DeveloperSponsorCard_1.DeveloperSponsorCard/>
-
-        
         <react_native_1.View style={styles.sectionCard}>
           <react_native_1.Text style={styles.sectionHeader}>{(0,i18n_1.t)("about.appInformation","APP INFORMATION")}</react_native_1.Text>
 

package/dist/commonjs/components/Inspector/AnalyticsFilterModal.js

@@ -1,6 +1,6 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(a,i,n,o){o===void 0&&(o=n);var s=Object.getOwnPropertyDescriptor(i,n);(!s||("get"in s?!i.__esModule:s.writable||s.configurable))&&(s={enumerable:!0,get:function(){return i[n]}}),Object.defineProperty(a,o,s)}):(function(a,i,n,o){o===void 0&&(o=n),a[o]=i[n]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(a,i){Object.defineProperty(a,"default",{enumerable:!0,value:i})}):function(a,i){a.default=i}),__importStar=this&&this.__importStar||(function(){var a=function(i){return a=Object.getOwnPropertyNames||function(n){var o=[];for(var s in n)Object.prototype.hasOwnProperty.call(n,s)&&(o[o.length]=s);return o},a(i)};return function(i){if(i&&i.__esModule)return i;var n={};if(i!=null)for(var o=a(i),s=0;s<o.length;s++)o[s]!=="default"&&__createBinding(n,i,o[s]);return __setModuleDefault(n,i),n}})(),__importDefault=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),InspectorContext_1=require("./InspectorContext"),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),helpers_1=require("../../helpers"),NetworkIcons_1=require("../NetworkIcons"),TouchableScale_1=__importDefault(require("../TouchableScale")),AnalyticsFilterModal=({visible:a,onClose:i})=>{const{analyticsEvents:n,analyticsSearch:o,analyticsFilters:s,setAnalyticsFilters:v}=(0,InspectorContext_1.useInspector)(),[e,c]=(0,react_1.useState)(()=>({...s,categories:new Set(s.categories),screens:new Set(s.screens),sources:new Set(s.sources||["all"]),userTypes:new Set(s.userTypes||["all"])}));(0,react_1.useEffect)(()=>{a&&c({...s,categories:new Set(s.categories),screens:new Set(s.screens),sources:new Set(s.sources||["all"]),userTypes:new Set(s.userTypes||["all"])})},[a,s]);const y=(0,react_1.useMemo)(()=>{const t=new Set;for(const l of n){const r=l.screenName||l.params?.firebase_screen||l.params?.screen_name||l.params?.firebase_screen_class||l.screenClass;r&&typeof r=="string"&&r.trim()!==""&&t.add(r.trim())}return Array.from(t)},[n]),u=t=>{c(l=>{const r=new Set(l.categories);return t==="all"?{...l,categories:new Set(["all"])}:(r.delete("all"),r.has(t)?(r.delete(t),r.size===0&&r.add("all")):r.add(t),{...l,categories:r})})},C=t=>{c(l=>{const r=new Set(l.screens);return r.has(t)?r.delete(t):r.add(t),{...l,screens:r}})},_=t=>{c(l=>{const r=new Set(l.sources);return t==="all"?{...l,sources:new Set(["all"])}:(r.delete("all"),r.has(t)?(r.delete(t),r.size===0&&r.add("all")):r.add(t),{...l,sources:r})})},T=t=>{c(l=>{const r=new Set(l.userTypes);return t==="all"?{...l,userTypes:new Set(["all"])}:(r.delete("all"),r.has(t)?(r.delete(t),r.size===0&&r.add("all")):r.add(t),{...l,userTypes:r})})},p=t=>{c(l=>({...l,[t]:!l[t]}))},A=t=>{c(l=>({...l,timeWindow:t}))},m=t=>{c(l=>({...l,payloadComplexity:t}))},d=t=>{c(l=>({...l,sortBy:t}))},g=()=>{c({categories:new Set(["all"]),screens:new Set,sources:new Set(["all"]),userTypes:new Set(["all"]),timeWindow:"all",payloadComplexity:"all",hasRevenue:!1,hasItems:!1,hasUserProps:!1,hasParams:!1,onlyDuplicates:!1,onlyConversions:!1,sortBy:"time_desc"})},b=()=>{v({...e,categories:new Set(e.categories),screens:new Set(e.screens),sources:new Set(e.sources),userTypes:new Set(e.userTypes)}),i()},f=()=>{c({...s,categories:new Set(s.categories),screens:new Set(s.screens),sources:new Set(s.sources||["all"]),userTypes:new Set(s.userTypes||["all"])}),i()},S=(0,react_1.useMemo)(()=>{let t=n;if(o){const l=o.toLowerCase();t=t.filter(r=>r.name.toLowerCase().includes(l)||JSON.stringify(r.params||{}).toLowerCase().includes(l)||(r.screenName??"").toLowerCase().includes(l)||(r.pageTitle??"").toLowerCase().includes(l))}if(e.categories.size>0&&!e.categories.has("all")&&(t=t.filter(l=>{const r=(0,helpers_1.getEventCategory)(l.name);return e.categories.has(r)})),e.timeWindow!=="all"){const l=Date.now(),r=e.timeWindow==="1m"?l-60*1e3:e.timeWindow==="5m"?l-300*1e3:e.timeWindow==="15m"?l-900*1e3:l-3600*1e3;t=t.filter(P=>P.timestamp>=r)}if(e.sources.size>0&&!e.sources.has("all")&&(t=t.filter(l=>e.sources.has(l.source||"manual"))),e.userTypes.size>0&&!e.userTypes.has("all")&&(t=t.filter(l=>{const r=!!(l.userId&&l.userId.trim()!=="");return!!(e.userTypes.has("identified")&&r||e.userTypes.has("anonymous")&&!r)})),e.payloadComplexity!=="all"&&(t=t.filter(l=>{const r=l.params?Object.keys(l.params).length:0;return e.payloadComplexity==="none"?r===0:e.payloadComplexity==="simple"?r>=1&&r<=5:e.payloadComplexity==="heavy"?r>5:!0})),e.onlyConversions){const l=["purchase","item_purchase","ecommerce_purchase","sign_up","login","lead","generate_lead","tutorial_complete","add_payment_info","begin_checkout"];t=t.filter(r=>l.some(P=>r.name.toLowerCase().includes(P)))}return e.screens.size>0&&(t=t.filter(l=>{const r=l.screenName||l.params?.firebase_screen||l.params?.screen_name||l.params?.firebase_screen_class||l.screenClass||"";return e.screens.has(r)})),e.hasRevenue&&(t=t.filter(l=>{const r=l.params?.value??l.params?.price;return r!=null&&Number(r)>0})),e.hasItems&&(t=t.filter(l=>Array.isArray(l.params?.items)&&l.params.items.length>0)),e.hasUserProps&&(t=t.filter(l=>l.userProperties&&Object.keys(l.userProperties).length>0)),e.hasParams&&(t=t.filter(l=>l.params&&Object.keys(l.params).length>0)),t.length},[n,o,e]),h=e.categories.has("all")||e.categories.size===0,w=e.sources.has("all")||e.sources.size===0,x=e.userTypes.has("all")||e.userTypes.size===0;return<react_native_1.Modal visible={a}transparent animationType="fade"onRequestClose={f}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(a,i,n,o){o===void 0&&(o=n);var s=Object.getOwnPropertyDescriptor(i,n);(!s||("get"in s?!i.__esModule:s.writable||s.configurable))&&(s={enumerable:!0,get:function(){return i[n]}}),Object.defineProperty(a,o,s)}):(function(a,i,n,o){o===void 0&&(o=n),a[o]=i[n]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(a,i){Object.defineProperty(a,"default",{enumerable:!0,value:i})}):function(a,i){a.default=i}),__importStar=this&&this.__importStar||(function(){var a=function(i){return a=Object.getOwnPropertyNames||function(n){var o=[];for(var s in n)Object.prototype.hasOwnProperty.call(n,s)&&(o[o.length]=s);return o},a(i)};return function(i){if(i&&i.__esModule)return i;var n={};if(i!=null)for(var o=a(i),s=0;s<o.length;s++)o[s]!=="default"&&__createBinding(n,i,o[s]);return __setModuleDefault(n,i),n}})(),__importDefault=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),InspectorContext_1=require("./InspectorContext"),i18n_1=require("../../i18n"),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),helpers_1=require("../../helpers"),NetworkIcons_1=require("../NetworkIcons"),TouchableScale_1=__importDefault(require("../TouchableScale")),AnalyticsFilterModal=({visible:a,onClose:i})=>{const{analyticsEvents:n,analyticsSearch:o,analyticsFilters:s,setAnalyticsFilters:x}=(0,InspectorContext_1.useInspector)(),[e,c]=(0,react_1.useState)(()=>({...s,categories:new Set(s.categories),screens:new Set(s.screens),sources:new Set(s.sources||["all"]),userTypes:new Set(s.userTypes||["all"])}));(0,react_1.useEffect)(()=>{a&&c({...s,categories:new Set(s.categories),screens:new Set(s.screens),sources:new Set(s.sources||["all"]),userTypes:new Set(s.userTypes||["all"])})},[a,s]);const f=(0,react_1.useMemo)(()=>{const t=new Set;for(const l of n){const r=l.screenName||l.params?.firebase_screen||l.params?.screen_name||l.params?.firebase_screen_class||l.screenClass;r&&typeof r=="string"&&r.trim()!==""&&t.add(r.trim())}return Array.from(t)},[n]),u=t=>{c(l=>{const r=new Set(l.categories);return t==="all"?{...l,categories:new Set(["all"])}:(r.delete("all"),r.has(t)?(r.delete(t),r.size===0&&r.add("all")):r.add(t),{...l,categories:r})})},m=t=>{c(l=>{const r=new Set(l.screens);return r.has(t)?r.delete(t):r.add(t),{...l,screens:r}})},_=t=>{c(l=>{const r=new Set(l.sources);return t==="all"?{...l,sources:new Set(["all"])}:(r.delete("all"),r.has(t)?(r.delete(t),r.size===0&&r.add("all")):r.add(t),{...l,sources:r})})},T=t=>{c(l=>{const r=new Set(l.userTypes);return t==="all"?{...l,userTypes:new Set(["all"])}:(r.delete("all"),r.has(t)?(r.delete(t),r.size===0&&r.add("all")):r.add(t),{...l,userTypes:r})})},p=t=>{c(l=>({...l,[t]:!l[t]}))},A=t=>{c(l=>({...l,timeWindow:t}))},C=t=>{c(l=>({...l,payloadComplexity:t}))},y=t=>{c(l=>({...l,sortBy:t}))},g=()=>{c({categories:new Set(["all"]),screens:new Set,sources:new Set(["all"]),userTypes:new Set(["all"]),timeWindow:"all",payloadComplexity:"all",hasRevenue:!1,hasItems:!1,hasUserProps:!1,hasParams:!1,onlyDuplicates:!1,onlyConversions:!1,sortBy:"time_desc"})},b=()=>{x({...e,categories:new Set(e.categories),screens:new Set(e.screens),sources:new Set(e.sources),userTypes:new Set(e.userTypes)}),i()},d=()=>{c({...s,categories:new Set(s.categories),screens:new Set(s.screens),sources:new Set(s.sources||["all"]),userTypes:new Set(s.userTypes||["all"])}),i()},S=(0,react_1.useMemo)(()=>{let t=n;if(o){const l=o.toLowerCase();t=t.filter(r=>r.name.toLowerCase().includes(l)||JSON.stringify(r.params||{}).toLowerCase().includes(l)||(r.screenName??"").toLowerCase().includes(l)||(r.pageTitle??"").toLowerCase().includes(l))}if(e.categories.size>0&&!e.categories.has("all")&&(t=t.filter(l=>{const r=(0,helpers_1.getEventCategory)(l.name);return e.categories.has(r)})),e.timeWindow!=="all"){const l=Date.now(),r=e.timeWindow==="1m"?l-60*1e3:e.timeWindow==="5m"?l-300*1e3:e.timeWindow==="15m"?l-900*1e3:l-3600*1e3;t=t.filter(P=>P.timestamp>=r)}if(e.sources.size>0&&!e.sources.has("all")&&(t=t.filter(l=>e.sources.has(l.source||"manual"))),e.userTypes.size>0&&!e.userTypes.has("all")&&(t=t.filter(l=>{const r=!!(l.userId&&l.userId.trim()!=="");return!!(e.userTypes.has("identified")&&r||e.userTypes.has("anonymous")&&!r)})),e.payloadComplexity!=="all"&&(t=t.filter(l=>{const r=l.params?Object.keys(l.params).length:0;return e.payloadComplexity==="none"?r===0:e.payloadComplexity==="simple"?r>=1&&r<=5:e.payloadComplexity==="heavy"?r>5:!0})),e.onlyConversions){const l=["purchase","item_purchase","ecommerce_purchase","sign_up","login","lead","generate_lead","tutorial_complete","add_payment_info","begin_checkout"];t=t.filter(r=>l.some(P=>r.name.toLowerCase().includes(P)))}return e.screens.size>0&&(t=t.filter(l=>{const r=l.screenName||l.params?.firebase_screen||l.params?.screen_name||l.params?.firebase_screen_class||l.screenClass||"";return e.screens.has(r)})),e.hasRevenue&&(t=t.filter(l=>{const r=l.params?.value??l.params?.price;return r!=null&&Number(r)>0})),e.hasItems&&(t=t.filter(l=>Array.isArray(l.params?.items)&&l.params.items.length>0)),e.hasUserProps&&(t=t.filter(l=>l.userProperties&&Object.keys(l.userProperties).length>0)),e.hasParams&&(t=t.filter(l=>l.params&&Object.keys(l.params).length>0)),t.length},[n,o,e]),h=e.categories.has("all")||e.categories.size===0,w=e.sources.has("all")||e.sources.size===0,v=e.userTypes.has("all")||e.userTypes.size===0;return<react_native_1.Modal visible={a}transparent animationType="fade"onRequestClose={d}>
       <react_native_1.View style={styles.backdrop}>
-        <react_native_1.Pressable style={react_native_1.StyleSheet.absoluteFill}onPress={f}/>
+        <react_native_1.Pressable style={react_native_1.StyleSheet.absoluteFill}onPress={d}/>
 
         <react_native_1.View style={styles.modalCard}>
           
@@ -10,19 +10,19 @@
                 <NetworkIcons_1.FilterIcon color={AppColors_1.AppColors.brandPurple}size={15}/>
               </react_native_1.View>
               <react_native_1.View>
-                <react_native_1.Text style={styles.headerTitle}>Analytics Filters</react_native_1.Text>
+                <react_native_1.Text style={styles.headerTitle}>{(0,i18n_1.t)("analytics.filtersTitle","Analytics Filters")}</react_native_1.Text>
                 <react_native_1.Text style={styles.headerSubtitle}>
-                  GA4 Telemetry Dimensions & Metrics
+                  {(0,i18n_1.t)("analytics.filtersSubtitle","GA4 Telemetry Dimensions & Metrics")}
                 </react_native_1.Text>
               </react_native_1.View>
             </react_native_1.View>
 
             <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:8}}>
               <react_native_1.TouchableOpacity onPress={g}hitSlop={8}style={styles.resetBtn}>
-                <react_native_1.Text style={styles.resetBtnText}>Reset All</react_native_1.Text>
+                <react_native_1.Text style={styles.resetBtnText}>{(0,i18n_1.t)("common.resetAll","Reset All")}</react_native_1.Text>
               </react_native_1.TouchableOpacity>
 
-              <react_native_1.TouchableOpacity onPress={f}hitSlop={10}style={styles.closeBtn}>
+              <react_native_1.TouchableOpacity onPress={d}hitSlop={10}style={styles.closeBtn}>
                 <NetworkIcons_1.CloseWhite/>
               </react_native_1.TouchableOpacity>
             </react_native_1.View>
@@ -34,7 +34,7 @@
             <react_native_1.View style={styles.section}>
               <react_native_1.View style={styles.sectionHeaderRow}>
                 <NetworkIcons_1.ClockIcon color={AppColors_1.AppColors.grayTextWeak}size={12}/>
-                <react_native_1.Text style={styles.sectionTitle}>TIME HORIZON</react_native_1.Text>
+                <react_native_1.Text style={styles.sectionTitle}>{(0,i18n_1.t)("analytics.timeHorizon","TIME HORIZON")}</react_native_1.Text>
               </react_native_1.View>
               <react_native_1.View style={styles.chipsWrap}>
                 {[{key:"all",label:"All Time"},{key:"1m",label:"Last 1 min"},{key:"5m",label:"Last 5 mins"},{key:"15m",label:"Last 15 mins"},{key:"1h",label:"Last 1 hour"}].map(t=><TouchableScale_1.default key={t.key}onPress={()=>A(t.key)}style={[styles.filterPill,e.timeWindow===t.key&&styles.filterPillActive]}>
@@ -49,41 +49,41 @@
             <react_native_1.View style={styles.section}>
               <react_native_1.View style={styles.sectionHeaderRow}>
                 <NetworkIcons_1.TargetGoalIcon color={AppColors_1.AppColors.grayTextWeak}size={12}/>
-                <react_native_1.Text style={styles.sectionTitle}>EVENT CATEGORIES</react_native_1.Text>
+                <react_native_1.Text style={styles.sectionTitle}>{(0,i18n_1.t)("analytics.eventCategories","EVENT CATEGORIES")}</react_native_1.Text>
               </react_native_1.View>
               <react_native_1.View style={styles.chipsWrap}>
                 <TouchableScale_1.default onPress={()=>u("all")}style={[styles.filterPill,h&&styles.filterPillActive]}>
                   {h&&<NetworkIcons_1.CheckIcon color={AppColors_1.AppColors.white}size={12}/>}
                   <react_native_1.Text style={[styles.filterPillText,h&&styles.filterPillTextActive]}>
-                    All Categories
+                    {(0,i18n_1.t)("analytics.allCategories","All Categories")}
                   </react_native_1.Text>
                 </TouchableScale_1.default>
 
                 <TouchableScale_1.default onPress={()=>u("ecommerce")}style={[styles.filterPill,e.categories.has("ecommerce")&&styles.filterPillActive]}>
                   <NetworkIcons_1.CartIcon color={e.categories.has("ecommerce")?AppColors_1.AppColors.white:AppColors_1.AppColors.amber700}size={13}/>
                   <react_native_1.Text style={[styles.filterPillText,e.categories.has("ecommerce")&&styles.filterPillTextActive]}>
-                    Ecommerce
+                    {(0,i18n_1.t)("analytics.ecommerce","Ecommerce")}
                   </react_native_1.Text>
                 </TouchableScale_1.default>
 
                 <TouchableScale_1.default onPress={()=>u("page_view")}style={[styles.filterPill,e.categories.has("page_view")&&styles.filterPillActive]}>
                   <NetworkIcons_1.GlobeIcon color={e.categories.has("page_view")?AppColors_1.AppColors.white:AppColors_1.AppColors.sky600}size={13}/>
                   <react_native_1.Text style={[styles.filterPillText,e.categories.has("page_view")&&styles.filterPillTextActive]}>
-                    Screens & Pages
+                    {(0,i18n_1.t)("analytics.screensAndPages","Screens & Pages")}
                   </react_native_1.Text>
                 </TouchableScale_1.default>
 
                 <TouchableScale_1.default onPress={()=>u("system")}style={[styles.filterPill,e.categories.has("system")&&styles.filterPillActive]}>
                   <NetworkIcons_1.BoltIcon color={e.categories.has("system")?AppColors_1.AppColors.white:AppColors_1.AppColors.purple}size={13}/>
                   <react_native_1.Text style={[styles.filterPillText,e.categories.has("system")&&styles.filterPillTextActive]}>
-                    System & Lifecycle
+                    {(0,i18n_1.t)("analytics.systemAndLifecycle","System & Lifecycle")}
                   </react_native_1.Text>
                 </TouchableScale_1.default>
 
                 <TouchableScale_1.default onPress={()=>u("custom")}style={[styles.filterPill,e.categories.has("custom")&&styles.filterPillActive]}>
                   <NetworkIcons_1.SparkleIcon color={e.categories.has("custom")?AppColors_1.AppColors.white:AppColors_1.AppColors.brandPurple}size={13}/>
                   <react_native_1.Text style={[styles.filterPillText,e.categories.has("custom")&&styles.filterPillTextActive]}>
-                    Custom Events
+                    {(0,i18n_1.t)("analytics.customEvents","Custom Events")}
                   </react_native_1.Text>
                 </TouchableScale_1.default>
               </react_native_1.View>
@@ -93,50 +93,48 @@
             <react_native_1.View style={styles.section}>
               <react_native_1.View style={styles.sectionHeaderRow}>
                 <NetworkIcons_1.MoneyIcon color={AppColors_1.AppColors.grayTextWeak}size={12}/>
-                <react_native_1.Text style={styles.sectionTitle}>
-                  MONETIZATION & ATTRIBUTES
-                </react_native_1.Text>
+                <react_native_1.Text style={styles.sectionTitle}>{(0,i18n_1.t)("analytics.monetizationAttributes","MONETIZATION & ATTRIBUTES")}</react_native_1.Text>
               </react_native_1.View>
               <react_native_1.View style={styles.chipsWrap}>
                 <TouchableScale_1.default onPress={()=>p("onlyConversions")}style={[styles.filterPill,e.onlyConversions&&styles.filterPillActive]}>
                   <NetworkIcons_1.TargetGoalIcon color={e.onlyConversions?AppColors_1.AppColors.white:AppColors_1.AppColors.brandPurple}size={13}/>
                   <react_native_1.Text style={[styles.filterPillText,e.onlyConversions&&styles.filterPillTextActive]}>
-                    Conversion Events Only
+                    {(0,i18n_1.t)("analytics.conversionEventsOnly","Conversion Events Only")}
                   </react_native_1.Text>
                 </TouchableScale_1.default>
 
                 <TouchableScale_1.default onPress={()=>p("hasRevenue")}style={[styles.filterPill,e.hasRevenue&&styles.filterPillActive]}>
                   <NetworkIcons_1.MoneyIcon color={e.hasRevenue?AppColors_1.AppColors.white:AppColors_1.AppColors.emerald600}size={13}/>
                   <react_native_1.Text style={[styles.filterPillText,e.hasRevenue&&styles.filterPillTextActive]}>
-                    With Revenue (Value &gt; 0)
+                    {(0,i18n_1.t)("analytics.withRevenue","With Revenue (Value > 0)")}
                   </react_native_1.Text>
                 </TouchableScale_1.default>
 
                 <TouchableScale_1.default onPress={()=>p("hasItems")}style={[styles.filterPill,e.hasItems&&styles.filterPillActive]}>
                   <NetworkIcons_1.PackageBoxIcon color={e.hasItems?AppColors_1.AppColors.white:AppColors_1.AppColors.amber700}size={13}/>
                   <react_native_1.Text style={[styles.filterPillText,e.hasItems&&styles.filterPillTextActive]}>
-                    With Items Payload
+                    {(0,i18n_1.t)("analytics.withItemsPayload","With Items Payload")}
                   </react_native_1.Text>
                 </TouchableScale_1.default>
 
                 <TouchableScale_1.default onPress={()=>p("hasUserProps")}style={[styles.filterPill,e.hasUserProps&&styles.filterPillActive]}>
                   <NetworkIcons_1.SparkleIcon color={e.hasUserProps?AppColors_1.AppColors.white:AppColors_1.AppColors.brandPurple}size={13}/>
                   <react_native_1.Text style={[styles.filterPillText,e.hasUserProps&&styles.filterPillTextActive]}>
-                    With User Properties
+                    {(0,i18n_1.t)("analytics.withUserProperties","With User Properties")}
                   </react_native_1.Text>
                 </TouchableScale_1.default>
 
                 <TouchableScale_1.default onPress={()=>p("hasParams")}style={[styles.filterPill,e.hasParams&&styles.filterPillActive]}>
                   <NetworkIcons_1.CodeBracketsIcon color={e.hasParams?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}size={13}/>
                   <react_native_1.Text style={[styles.filterPillText,e.hasParams&&styles.filterPillTextActive]}>
-                    With Custom Params
+                    {(0,i18n_1.t)("analytics.withCustomParams","With Custom Params")}
                   </react_native_1.Text>
                 </TouchableScale_1.default>
 
                 <TouchableScale_1.default onPress={()=>p("onlyDuplicates")}style={[styles.filterPill,e.onlyDuplicates&&styles.filterPillActive]}>
                   <NetworkIcons_1.RepeatIcon color={e.onlyDuplicates?AppColors_1.AppColors.white:AppColors_1.AppColors.rose600}size={13}/>
                   <react_native_1.Text style={[styles.filterPillText,e.onlyDuplicates&&styles.filterPillTextActive]}>
-                    Frequent Only (&gt; 1×)
+                    {(0,i18n_1.t)("analytics.frequentOnly","Frequent Only (> 1\xD7)")}
                   </react_native_1.Text>
                 </TouchableScale_1.default>
               </react_native_1.View>
@@ -146,27 +144,27 @@
             <react_native_1.View style={styles.section}>
               <react_native_1.View style={styles.sectionHeaderRow}>
                 <NetworkIcons_1.UserIcon color={AppColors_1.AppColors.grayTextWeak}size={12}/>
-                <react_native_1.Text style={styles.sectionTitle}>USER IDENTIFICATION</react_native_1.Text>
+                <react_native_1.Text style={styles.sectionTitle}>{(0,i18n_1.t)("analytics.userIdentification","USER IDENTIFICATION")}</react_native_1.Text>
               </react_native_1.View>
               <react_native_1.View style={styles.chipsWrap}>
-                <TouchableScale_1.default onPress={()=>T("all")}style={[styles.filterPill,x&&styles.filterPillActive]}>
-                  {x&&<NetworkIcons_1.CheckIcon color={AppColors_1.AppColors.white}size={12}/>}
-                  <react_native_1.Text style={[styles.filterPillText,x&&styles.filterPillTextActive]}>
-                    All Users
+                <TouchableScale_1.default onPress={()=>T("all")}style={[styles.filterPill,v&&styles.filterPillActive]}>
+                  {v&&<NetworkIcons_1.CheckIcon color={AppColors_1.AppColors.white}size={12}/>}
+                  <react_native_1.Text style={[styles.filterPillText,v&&styles.filterPillTextActive]}>
+                    {(0,i18n_1.t)("analytics.allUsers","All Users")}
                   </react_native_1.Text>
                 </TouchableScale_1.default>
 
                 <TouchableScale_1.default onPress={()=>T("identified")}style={[styles.filterPill,e.userTypes.has("identified")&&styles.filterPillActive]}>
                   <NetworkIcons_1.UserCheckIcon color={e.userTypes.has("identified")?AppColors_1.AppColors.white:AppColors_1.AppColors.greenColor}size={13}/>
                   <react_native_1.Text style={[styles.filterPillText,e.userTypes.has("identified")&&styles.filterPillTextActive]}>
-                    Identified (User ID)
+                    {(0,i18n_1.t)("analytics.identifiedUser","Identified (User ID)")}
                   </react_native_1.Text>
                 </TouchableScale_1.default>
 
                 <TouchableScale_1.default onPress={()=>T("anonymous")}style={[styles.filterPill,e.userTypes.has("anonymous")&&styles.filterPillActive]}>
                   <NetworkIcons_1.UserIcon color={e.userTypes.has("anonymous")?AppColors_1.AppColors.white:AppColors_1.AppColors.grayTextWeak}size={13}/>
                   <react_native_1.Text style={[styles.filterPillText,e.userTypes.has("anonymous")&&styles.filterPillTextActive]}>
-                    Anonymous
+                    {(0,i18n_1.t)("analytics.anonymousUser","Anonymous")}
                   </react_native_1.Text>
                 </TouchableScale_1.default>
               </react_native_1.View>
@@ -176,25 +174,25 @@
             <react_native_1.View style={styles.section}>
               <react_native_1.View style={styles.sectionHeaderRow}>
                 <NetworkIcons_1.BoltIcon color={AppColors_1.AppColors.grayTextWeak}size={12}/>
-                <react_native_1.Text style={styles.sectionTitle}>EVENT SOURCE</react_native_1.Text>
+                <react_native_1.Text style={styles.sectionTitle}>{(0,i18n_1.t)("analytics.eventSource","EVENT SOURCE")}</react_native_1.Text>
               </react_native_1.View>
               <react_native_1.View style={styles.chipsWrap}>
                 <TouchableScale_1.default onPress={()=>_("all")}style={[styles.filterPill,w&&styles.filterPillActive]}>
                   {w&&<NetworkIcons_1.CheckIcon color={AppColors_1.AppColors.white}size={12}/>}
                   <react_native_1.Text style={[styles.filterPillText,w&&styles.filterPillTextActive]}>
-                    All Sources
+                    {(0,i18n_1.t)("analytics.allSources","All Sources")}
                   </react_native_1.Text>
                 </TouchableScale_1.default>
 
                 <TouchableScale_1.default onPress={()=>_("firebase")}style={[styles.filterPill,e.sources.has("firebase")&&styles.filterPillActive]}>
                   <react_native_1.Text style={[styles.filterPillText,e.sources.has("firebase")&&styles.filterPillTextActive]}>
-                    Firebase / GA SDK
+                    {(0,i18n_1.t)("analytics.firebaseGaSdk","Firebase / GA SDK")}
                   </react_native_1.Text>
                 </TouchableScale_1.default>
 
                 <TouchableScale_1.default onPress={()=>_("manual")}style={[styles.filterPill,e.sources.has("manual")&&styles.filterPillActive]}>
                   <react_native_1.Text style={[styles.filterPillText,e.sources.has("manual")&&styles.filterPillTextActive]}>
-                    In-App Logger
+                    {(0,i18n_1.t)("analytics.inAppLogger","In-App Logger")}
                   </react_native_1.Text>
                 </TouchableScale_1.default>
               </react_native_1.View>
@@ -204,10 +202,10 @@
             <react_native_1.View style={styles.section}>
               <react_native_1.View style={styles.sectionHeaderRow}>
                 <NetworkIcons_1.CodeBracketsIcon color={AppColors_1.AppColors.grayTextWeak}size={12}/>
-                <react_native_1.Text style={styles.sectionTitle}>PAYLOAD COMPLEXITY</react_native_1.Text>
+                <react_native_1.Text style={styles.sectionTitle}>{(0,i18n_1.t)("analytics.payloadComplexity","PAYLOAD COMPLEXITY")}</react_native_1.Text>
               </react_native_1.View>
               <react_native_1.View style={styles.chipsWrap}>
-                {[{key:"all",label:"All Payloads"},{key:"none",label:"0 Params"},{key:"simple",label:"1 - 5 Params"},{key:"heavy",label:"> 5 Params"}].map(t=><TouchableScale_1.default key={t.key}onPress={()=>m(t.key)}style={[styles.filterPill,e.payloadComplexity===t.key&&styles.filterPillActive]}>
+                {[{key:"all",label:"All Payloads"},{key:"none",label:"0 Params"},{key:"simple",label:"1 - 5 Params"},{key:"heavy",label:"> 5 Params"}].map(t=><TouchableScale_1.default key={t.key}onPress={()=>C(t.key)}style={[styles.filterPill,e.payloadComplexity===t.key&&styles.filterPillActive]}>
                     <react_native_1.Text style={[styles.filterPillText,e.payloadComplexity===t.key&&styles.filterPillTextActive]}>
                       {t.label}
                     </react_native_1.Text>
@@ -216,15 +214,15 @@
             </react_native_1.View>
 
             
-            {y.length>0&&<react_native_1.View style={styles.section}>
+            {f.length>0&&<react_native_1.View style={styles.section}>
                 <react_native_1.View style={styles.sectionHeaderRow}>
                   <NetworkIcons_1.PinIcon color={AppColors_1.AppColors.grayTextWeak}size={12}/>
                   <react_native_1.Text style={styles.sectionTitle}>
-                    DISCOVERED SCREENS ({y.length})
+                    DISCOVERED SCREENS ({f.length})
                   </react_native_1.Text>
                 </react_native_1.View>
                 <react_native_1.View style={styles.chipsWrap}>
-                  {y.map(t=>{const l=e.screens.has(t);return<TouchableScale_1.default key={t}onPress={()=>C(t)}style={[styles.filterPill,l&&styles.filterPillActive]}>
+                  {f.map(t=>{const l=e.screens.has(t);return<TouchableScale_1.default key={t}onPress={()=>m(t)}style={[styles.filterPill,l&&styles.filterPillActive]}>
                         <NetworkIcons_1.PinIcon color={l?AppColors_1.AppColors.white:AppColors_1.AppColors.amber700}size={12}/>
                         <react_native_1.Text style={[styles.filterPillText,l&&styles.filterPillTextActive]}>
                           {t}
@@ -237,34 +235,34 @@
             <react_native_1.View style={styles.section}>
               <react_native_1.View style={styles.sectionHeaderRow}>
                 <NetworkIcons_1.ClockIcon color={AppColors_1.AppColors.grayTextWeak}size={12}/>
-                <react_native_1.Text style={styles.sectionTitle}>SORT ORDER</react_native_1.Text>
+                <react_native_1.Text style={styles.sectionTitle}>{(0,i18n_1.t)("analytics.sortOrder","SORT ORDER")}</react_native_1.Text>
               </react_native_1.View>
               <react_native_1.View style={styles.chipsWrap}>
-                <TouchableScale_1.default onPress={()=>d("time_desc")}style={[styles.filterPill,e.sortBy==="time_desc"&&styles.filterPillActive]}>
+                <TouchableScale_1.default onPress={()=>y("time_desc")}style={[styles.filterPill,e.sortBy==="time_desc"&&styles.filterPillActive]}>
                   <NetworkIcons_1.ClockIcon color={e.sortBy==="time_desc"?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}size={12}/>
                   <react_native_1.Text style={[styles.filterPillText,e.sortBy==="time_desc"&&styles.filterPillTextActive]}>
-                    Newest First (Default)
+                    {(0,i18n_1.t)("analytics.newestFirstDefault","Newest First (Default)")}
                   </react_native_1.Text>
                 </TouchableScale_1.default>
 
-                <TouchableScale_1.default onPress={()=>d("time_asc")}style={[styles.filterPill,e.sortBy==="time_asc"&&styles.filterPillActive]}>
+                <TouchableScale_1.default onPress={()=>y("time_asc")}style={[styles.filterPill,e.sortBy==="time_asc"&&styles.filterPillActive]}>
                   <NetworkIcons_1.HourglassIcon color={e.sortBy==="time_asc"?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}size={12}/>
                   <react_native_1.Text style={[styles.filterPillText,e.sortBy==="time_asc"&&styles.filterPillTextActive]}>
-                    Oldest First
+                    {(0,i18n_1.t)("analytics.oldestFirst","Oldest First")}
                   </react_native_1.Text>
                 </TouchableScale_1.default>
 
-                <TouchableScale_1.default onPress={()=>d("revenue_desc")}style={[styles.filterPill,e.sortBy==="revenue_desc"&&styles.filterPillActive]}>
+                <TouchableScale_1.default onPress={()=>y("revenue_desc")}style={[styles.filterPill,e.sortBy==="revenue_desc"&&styles.filterPillActive]}>
                   <NetworkIcons_1.MoneyIcon color={e.sortBy==="revenue_desc"?AppColors_1.AppColors.white:AppColors_1.AppColors.emerald600}size={12}/>
                   <react_native_1.Text style={[styles.filterPillText,e.sortBy==="revenue_desc"&&styles.filterPillTextActive]}>
-                    Highest Revenue
+                    {(0,i18n_1.t)("analytics.highestRevenue","Highest Revenue")}
                   </react_native_1.Text>
                 </TouchableScale_1.default>
 
-                <TouchableScale_1.default onPress={()=>d("count_desc")}style={[styles.filterPill,e.sortBy==="count_desc"&&styles.filterPillActive]}>
+                <TouchableScale_1.default onPress={()=>y("count_desc")}style={[styles.filterPill,e.sortBy==="count_desc"&&styles.filterPillActive]}>
                   <NetworkIcons_1.FlameIcon color={e.sortBy==="count_desc"?AppColors_1.AppColors.white:AppColors_1.AppColors.darkOrange}size={12}/>
                   <react_native_1.Text style={[styles.filterPillText,e.sortBy==="count_desc"&&styles.filterPillTextActive]}>
-                    Most Frequent
+                    {(0,i18n_1.t)("analytics.mostFrequent","Most Frequent")}
                   </react_native_1.Text>
                 </TouchableScale_1.default>
               </react_native_1.View>
@@ -273,8 +271,8 @@
 
           
           <react_native_1.View style={styles.footer}>
-            <react_native_1.TouchableOpacity onPress={f}style={styles.discardBtn}activeOpacity={.8}>
-              <react_native_1.Text style={styles.discardBtnText}>Discard</react_native_1.Text>
+            <react_native_1.TouchableOpacity onPress={d}style={styles.discardBtn}activeOpacity={.8}>
+              <react_native_1.Text style={styles.discardBtnText}>{(0,i18n_1.t)("common.discard","Discard")}</react_native_1.Text>
             </react_native_1.TouchableOpacity>
 
             <react_native_1.TouchableOpacity onPress={b}style={styles.applyBtn}activeOpacity={.85}>

package/dist/commonjs/components/Inspector/BoxModelVisualizer.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { BoxModelMetrics } from '../../types';
+interface BoxModelVisualizerProps {
+    boxModel: BoxModelMetrics;
+    compact?: boolean;
+}
+export declare const BoxModelVisualizer: React.FC<BoxModelVisualizerProps>;
+export {};