react-native-inapp-inspector 2.3.18 → 2.3.20

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

@@ -1,317 +1,92 @@
-"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 });
-exports.isCrashFiltersDefault = exports.DEFAULT_CRASH_FILTERS = void 0;
-const react_1 = __importStar(require("react"));
-const react_native_1 = require("react-native");
-const InspectorContext_1 = require("./InspectorContext");
-const AppColors_1 = require("../../styles/AppColors");
-const AppFonts_1 = require("../../styles/AppFonts");
-const i18n_1 = require("../../i18n");
-const NetworkIcons_1 = require("../NetworkIcons");
-const TouchableScale_1 = __importDefault(require("../TouchableScale"));
-exports.DEFAULT_CRASH_FILTERS = {
-    types: new Set(['all']),
-    timeWindow: 'all',
-    platform: 'all',
-    engine: 'all',
-    sortBy: 'time_desc',
-};
-const isCrashFiltersDefault = (f) => (f.types.has('all') || f.types.size === 0) &&
-    f.timeWindow === 'all' &&
-    f.platform === 'all' &&
-    f.engine === 'all' &&
-    f.sortBy === 'time_desc';
-exports.isCrashFiltersDefault = isCrashFiltersDefault;
-const CrashFilterModal = ({ visible, onClose, filters, onApply, searchQuery = '', }) => {
-    const { t } = (0, i18n_1.useTranslation)();
-    const { crashRecords } = (0, InspectorContext_1.useInspector)();
-    const [draft, setDraft] = (0, react_1.useState)(() => ({
-        ...filters,
-        types: new Set(filters.types),
-    }));
-    (0, react_1.useEffect)(() => {
-        if (visible) {
-            setDraft({
-                ...filters,
-                types: new Set(filters.types),
-            });
-        }
-    }, [visible]);
-    const toggleType = (key) => {
-        setDraft(prev => {
-            const next = new Set(prev.types);
-            if (key === 'all') {
-                return { ...prev, types: new Set(['all']) };
-            }
-            next.delete('all');
-            if (next.has(key)) {
-                next.delete(key);
-                if (next.size === 0)
-                    next.add('all');
-            }
-            else {
-                next.add(key);
-            }
-            return { ...prev, types: next };
-        });
-    };
-    const setTimeWindow = (tw) => {
-        setDraft(prev => ({ ...prev, timeWindow: tw }));
-    };
-    const setPlatform = (p) => {
-        setDraft(prev => ({ ...prev, platform: p }));
-    };
-    const setEngine = (e) => {
-        setDraft(prev => ({ ...prev, engine: e }));
-    };
-    const setSort = (sortBy) => {
-        setDraft(prev => ({ ...prev, sortBy }));
-    };
-    const handleResetDraft = () => {
-        setDraft({
-            ...exports.DEFAULT_CRASH_FILTERS,
-            types: new Set(exports.DEFAULT_CRASH_FILTERS.types),
-        });
-    };
-    const handleApply = () => {
-        onApply({
-            ...draft,
-            types: new Set(draft.types),
-        });
-        onClose();
-    };
-    const handleDiscard = () => {
-        setDraft({
-            ...filters,
-            types: new Set(filters.types),
-        });
-        onClose();
-    };
-    const draftMatchCount = (0, react_1.useMemo)(() => {
-        let crashes = crashRecords;
-        if (searchQuery.trim().length > 0) {
-            const q = searchQuery.toLowerCase();
-            crashes = crashes.filter(c => (c.message || '').toLowerCase().includes(q) ||
-                (c.name || '').toLowerCase().includes(q) ||
-                (c.stack || '').toLowerCase().includes(q));
-        }
-        if (draft.types.size > 0 && !draft.types.has('all')) {
-            crashes = crashes.filter(c => {
-                if (draft.types.has('fatal') && c.isFatal)
-                    return true;
-                if (draft.types.has('js') && c.type === 'js')
-                    return true;
-                if (draft.types.has('promise') && c.type === 'promise')
-                    return true;
-                if (draft.types.has('render') && c.type === 'render')
-                    return true;
-                if (draft.types.has('native') && c.type === 'native')
-                    return true;
-                return false;
-            });
-        }
-        if (draft.timeWindow !== 'all') {
-            const now = Date.now();
-            const cutoff = draft.timeWindow === '15m'
-                ? now - 15 * 60 * 1000
-                : draft.timeWindow === '1h'
-                    ? now - 60 * 60 * 1000
-                    : draft.timeWindow === '24h'
-                        ? now - 24 * 60 * 60 * 1000
-                        : now - 7 * 24 * 60 * 60 * 1000;
-            crashes = crashes.filter(c => c.timestamp >= cutoff);
-        }
-        if (draft.platform !== 'all') {
-            crashes = crashes.filter(c => (c.deviceInfo?.platform || '').toLowerCase() === draft.platform);
-        }
-        if (draft.engine !== 'all') {
-            crashes = crashes.filter(c => {
-                const isHermes = c.deviceInfo?.isHermes;
-                if (draft.engine === 'hermes')
-                    return isHermes === true;
-                return isHermes === false || isHermes === undefined;
-            });
-        }
-        return crashes.length;
-    }, [crashRecords, searchQuery, draft]);
-    const isAllTypes = draft.types.has('all') || draft.types.size === 0;
-    const typeChips = [
-        { key: 'all', label: t('crash.filterTypeAll'), Icon: NetworkIcons_1.FilterIcon, color: AppColors_1.AppColors.grayTextStrong },
-        { key: 'fatal', label: t('crash.filterFatal'), Icon: NetworkIcons_1.SkullIcon, color: AppColors_1.AppColors.errorColor },
-        { key: 'js', label: t('crash.filterJsError'), Icon: NetworkIcons_1.JsIcon, color: AppColors_1.AppColors.sky600 },
-        { key: 'promise', label: t('crash.filterPromise'), Icon: NetworkIcons_1.HourglassIcon, color: AppColors_1.AppColors.darkOrange },
-        { key: 'render', label: t('crash.filterRender'), Icon: NetworkIcons_1.LayoutIcon, color: AppColors_1.AppColors.purple },
-        { key: 'native', label: t('crash.filterNative'), Icon: NetworkIcons_1.ChipIcon, color: AppColors_1.AppColors.amber700 },
-    ];
-    return (<react_native_1.Modal visible={visible} transparent animationType="fade" onRequestClose={handleDiscard}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(o,i,a,n){n===void 0&&(n=a);var s=Object.getOwnPropertyDescriptor(i,a);(!s||("get"in s?!i.__esModule:s.writable||s.configurable))&&(s={enumerable:!0,get:function(){return i[a]}}),Object.defineProperty(o,n,s)}):(function(o,i,a,n){n===void 0&&(n=a),o[n]=i[a]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(o,i){Object.defineProperty(o,"default",{enumerable:!0,value:i})}):function(o,i){o.default=i}),__importStar=this&&this.__importStar||(function(){var o=function(i){return o=Object.getOwnPropertyNames||function(a){var n=[];for(var s in a)Object.prototype.hasOwnProperty.call(a,s)&&(n[n.length]=s);return n},o(i)};return function(i){if(i&&i.__esModule)return i;var a={};if(i!=null)for(var n=o(i),s=0;s<n.length;s++)n[s]!=="default"&&__createBinding(a,i,n[s]);return __setModuleDefault(a,i),a}})(),__importDefault=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.isCrashFiltersDefault=exports.DEFAULT_CRASH_FILTERS=void 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"),i18n_1=require("../../i18n"),NetworkIcons_1=require("../NetworkIcons"),TouchableScale_1=__importDefault(require("../TouchableScale"));exports.DEFAULT_CRASH_FILTERS={types:new Set(["all"]),timeWindow:"all",platform:"all",engine:"all",sortBy:"time_desc"};const isCrashFiltersDefault=o=>(o.types.has("all")||o.types.size===0)&&o.timeWindow==="all"&&o.platform==="all"&&o.engine==="all"&&o.sortBy==="time_desc";exports.isCrashFiltersDefault=isCrashFiltersDefault;const CrashFilterModal=({visible:o,onClose:i,filters:a,onApply:n,searchQuery:s=""})=>{const{t:l}=(0,i18n_1.useTranslation)(),{crashRecords:u}=(0,InspectorContext_1.useInspector)(),[e,p]=(0,react_1.useState)(()=>({...a,types:new Set(a.types)}));(0,react_1.useEffect)(()=>{o&&p({...a,types:new Set(a.types)})},[o]);const h=t=>{p(r=>{const c=new Set(r.types);return t==="all"?{...r,types:new Set(["all"])}:(c.delete("all"),c.has(t)?(c.delete(t),c.size===0&&c.add("all")):c.add(t),{...r,types:c})})},T=t=>{p(r=>({...r,timeWindow:t}))},f=t=>{p(r=>({...r,platform:t}))},y=t=>{p(r=>({...r,engine:t}))},_=t=>{p(r=>({...r,sortBy:t}))},w=()=>{p({...exports.DEFAULT_CRASH_FILTERS,types:new Set(exports.DEFAULT_CRASH_FILTERS.types)})},C=()=>{n({...e,types:new Set(e.types)}),i()},d=()=>{p({...a,types:new Set(a.types)}),i()},x=(0,react_1.useMemo)(()=>{let t=u;if(s.trim().length>0){const r=s.toLowerCase();t=t.filter(c=>(c.message||"").toLowerCase().includes(r)||(c.name||"").toLowerCase().includes(r)||(c.stack||"").toLowerCase().includes(r))}if(e.types.size>0&&!e.types.has("all")&&(t=t.filter(r=>!!(e.types.has("fatal")&&r.isFatal||e.types.has("js")&&r.type==="js"||e.types.has("promise")&&r.type==="promise"||e.types.has("render")&&r.type==="render"||e.types.has("native")&&r.type==="native"))),e.timeWindow!=="all"){const r=Date.now(),c=e.timeWindow==="15m"?r-900*1e3:e.timeWindow==="1h"?r-3600*1e3:e.timeWindow==="24h"?r-1440*60*1e3:r-10080*60*1e3;t=t.filter(v=>v.timestamp>=c)}return e.platform!=="all"&&(t=t.filter(r=>(r.deviceInfo?.platform||"").toLowerCase()===e.platform)),e.engine!=="all"&&(t=t.filter(r=>{const c=r.deviceInfo?.isHermes;return e.engine==="hermes"?c===!0:c===!1||c===void 0})),t.length},[u,s,e]),A=e.types.has("all")||e.types.size===0,g=[{key:"all",label:l("crash.filterTypeAll"),Icon:NetworkIcons_1.FilterIcon,color:AppColors_1.AppColors.grayTextStrong},{key:"fatal",label:l("crash.filterFatal"),Icon:NetworkIcons_1.SkullIcon,color:AppColors_1.AppColors.errorColor},{key:"js",label:l("crash.filterJsError"),Icon:NetworkIcons_1.JsIcon,color:AppColors_1.AppColors.sky600},{key:"promise",label:l("crash.filterPromise"),Icon:NetworkIcons_1.HourglassIcon,color:AppColors_1.AppColors.darkOrange},{key:"render",label:l("crash.filterRender"),Icon:NetworkIcons_1.LayoutIcon,color:AppColors_1.AppColors.purple},{key:"native",label:l("crash.filterNative"),Icon:NetworkIcons_1.ChipIcon,color:AppColors_1.AppColors.amber700}];return<react_native_1.Modal visible={o}transparent animationType="fade"onRequestClose={d}>
       <react_native_1.View style={styles.backdrop}>
-        <react_native_1.Pressable style={react_native_1.StyleSheet.absoluteFill} onPress={handleDiscard}/>
+        <react_native_1.Pressable style={react_native_1.StyleSheet.absoluteFill}onPress={d}/>
 
         <react_native_1.View style={styles.modalCard}>
           <react_native_1.View style={styles.header}>
-            <react_native_1.View style={{ flexDirection: 'row', alignItems: 'center', gap: 8 }}>
+            <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:8}}>
               <react_native_1.View style={styles.headerIconBox}>
-                <NetworkIcons_1.FilterIcon color={AppColors_1.AppColors.brandPurple} size={15}/>
+                <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}>{t('crash.filterTitle')}</react_native_1.Text>
+                <react_native_1.Text style={styles.headerTitle}>{l("crash.filterTitle")}</react_native_1.Text>
                 <react_native_1.Text style={styles.headerSubtitle}>
-                  {t('crash.filterSubtitle')}
+                  {l("crash.filterSubtitle")}
                 </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={handleResetDraft} hitSlop={8} style={styles.resetBtn}>
-                <react_native_1.Text style={styles.resetBtnText}>{t('crash.filterReset')}</react_native_1.Text>
+            <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:8}}>
+              <react_native_1.TouchableOpacity onPress={w}hitSlop={8}style={styles.resetBtn}>
+                <react_native_1.Text style={styles.resetBtnText}>{l("crash.filterReset")}</react_native_1.Text>
               </react_native_1.TouchableOpacity>
 
-              <react_native_1.TouchableOpacity onPress={handleDiscard} hitSlop={10} style={styles.closeBtn}>
-                <NetworkIcons_1.CloseWhite />
+              <react_native_1.TouchableOpacity onPress={d}hitSlop={10}style={styles.closeBtn}>
+                <NetworkIcons_1.CloseWhite/>
               </react_native_1.TouchableOpacity>
             </react_native_1.View>
           </react_native_1.View>
 
-          <react_native_1.ScrollView style={{ maxHeight: 460 }} contentContainerStyle={styles.scrollContent} showsVerticalScrollIndicator={true}>
+          <react_native_1.ScrollView style={{maxHeight:460}}contentContainerStyle={styles.scrollContent}showsVerticalScrollIndicator={!0}>
             <react_native_1.View style={styles.section}>
               <react_native_1.View style={styles.sectionHeaderRow}>
-                <NetworkIcons_1.SkullIcon color={AppColors_1.AppColors.grayTextWeak} size={12}/>
+                <NetworkIcons_1.SkullIcon color={AppColors_1.AppColors.grayTextWeak}size={12}/>
                 <react_native_1.Text style={styles.sectionTitle}>
-                  {t('crash.filterTypeSection')}
+                  {l("crash.filterTypeSection")}
                 </react_native_1.Text>
               </react_native_1.View>
               <react_native_1.View style={styles.chipsWrap}>
-                {typeChips.map(chip => {
-            const isSelected = chip.key === 'all' ? isAllTypes : draft.types.has(chip.key);
-            return (<TouchableScale_1.default key={chip.key} onPress={() => toggleType(chip.key)} style={[
-                    styles.filterPill,
-                    isSelected && styles.filterPillActive,
-                ]}>
-                      {chip.key === 'all' && isSelected && (<NetworkIcons_1.CheckIcon color={AppColors_1.AppColors.white} size={12}/>)}
-                      <chip.Icon size={12} color={isSelected ? AppColors_1.AppColors.white : chip.color}/>
-                      <react_native_1.Text style={[
-                    styles.filterPillText,
-                    isSelected && styles.filterPillTextActive,
-                ]}>
-                        {chip.label}
+                {g.map(t=>{const r=t.key==="all"?A:e.types.has(t.key);return<TouchableScale_1.default key={t.key}onPress={()=>h(t.key)}style={[styles.filterPill,r&&styles.filterPillActive]}>
+                      {t.key==="all"&&r&&<NetworkIcons_1.CheckIcon color={AppColors_1.AppColors.white}size={12}/>}
+                      <t.Icon size={12}color={r?AppColors_1.AppColors.white:t.color}/>
+                      <react_native_1.Text style={[styles.filterPillText,r&&styles.filterPillTextActive]}>
+                        {t.label}
                       </react_native_1.Text>
-                    </TouchableScale_1.default>);
-        })}
+                    </TouchableScale_1.default>})}
               </react_native_1.View>
             </react_native_1.View>
 
             <react_native_1.View style={styles.section}>
               <react_native_1.View style={styles.sectionHeaderRow}>
-                <NetworkIcons_1.ClockIcon color={AppColors_1.AppColors.grayTextWeak} size={12}/>
+                <NetworkIcons_1.ClockIcon color={AppColors_1.AppColors.grayTextWeak}size={12}/>
                 <react_native_1.Text style={styles.sectionTitle}>
-                  {t('crash.filterTimeSection')}
+                  {l("crash.filterTimeSection")}
                 </react_native_1.Text>
               </react_native_1.View>
               <react_native_1.View style={styles.chipsWrap}>
-                {[
-            { key: 'all', label: t('crash.filterTimeAll') },
-            { key: '15m', label: t('crash.filterTime15m') },
-            { key: '1h', label: t('crash.filterTime1h') },
-            { key: '24h', label: t('crash.filterTime24h') },
-            { key: '7d', label: t('crash.filterTime7d') },
-        ].map(item => (<TouchableScale_1.default key={item.key} onPress={() => setTimeWindow(item.key)} style={[
-                styles.filterPill,
-                draft.timeWindow === item.key && styles.filterPillActive,
-            ]}>
-                    <react_native_1.Text style={[
-                styles.filterPillText,
-                draft.timeWindow === item.key &&
-                    styles.filterPillTextActive,
-            ]}>
-                      {item.label}
+                {[{key:"all",label:l("crash.filterTimeAll")},{key:"15m",label:l("crash.filterTime15m")},{key:"1h",label:l("crash.filterTime1h")},{key:"24h",label:l("crash.filterTime24h")},{key:"7d",label:l("crash.filterTime7d")}].map(t=><TouchableScale_1.default key={t.key}onPress={()=>T(t.key)}style={[styles.filterPill,e.timeWindow===t.key&&styles.filterPillActive]}>
+                    <react_native_1.Text style={[styles.filterPillText,e.timeWindow===t.key&&styles.filterPillTextActive]}>
+                      {t.label}
                     </react_native_1.Text>
-                  </TouchableScale_1.default>))}
+                  </TouchableScale_1.default>)}
               </react_native_1.View>
             </react_native_1.View>
 
             <react_native_1.View style={styles.section}>
               <react_native_1.View style={styles.sectionHeaderRow}>
-                <NetworkIcons_1.AppleIcon color={AppColors_1.AppColors.grayTextWeak} size={12}/>
+                <NetworkIcons_1.AppleIcon color={AppColors_1.AppColors.grayTextWeak}size={12}/>
                 <react_native_1.Text style={styles.sectionTitle}>
-                  {t('crash.filterPlatformSection')}
+                  {l("crash.filterPlatformSection")}
                 </react_native_1.Text>
               </react_native_1.View>
               <react_native_1.View style={styles.chipsWrap}>
-                <TouchableScale_1.default onPress={() => setPlatform('all')} style={[
-            styles.filterPill,
-            draft.platform === 'all' && styles.filterPillActive,
-        ]}>
-                  <react_native_1.Text style={[
-            styles.filterPillText,
-            draft.platform === 'all' && styles.filterPillTextActive,
-        ]}>
-                    {t('crash.filterPlatformAll')}
+                <TouchableScale_1.default onPress={()=>f("all")}style={[styles.filterPill,e.platform==="all"&&styles.filterPillActive]}>
+                  <react_native_1.Text style={[styles.filterPillText,e.platform==="all"&&styles.filterPillTextActive]}>
+                    {l("crash.filterPlatformAll")}
                   </react_native_1.Text>
                 </TouchableScale_1.default>
 
-                <TouchableScale_1.default onPress={() => setPlatform('ios')} style={[
-            styles.filterPill,
-            draft.platform === 'ios' && styles.filterPillActive,
-        ]}>
-                  <NetworkIcons_1.AppleIcon size={12} color={draft.platform === 'ios'
-            ? AppColors_1.AppColors.white
-            : AppColors_1.AppColors.grayTextStrong}/>
-                  <react_native_1.Text style={[
-            styles.filterPillText,
-            draft.platform === 'ios' && styles.filterPillTextActive,
-        ]}>
-                    {t('crash.filterPlatformIos')}
+                <TouchableScale_1.default onPress={()=>f("ios")}style={[styles.filterPill,e.platform==="ios"&&styles.filterPillActive]}>
+                  <NetworkIcons_1.AppleIcon size={12}color={e.platform==="ios"?AppColors_1.AppColors.white:AppColors_1.AppColors.grayTextStrong}/>
+                  <react_native_1.Text style={[styles.filterPillText,e.platform==="ios"&&styles.filterPillTextActive]}>
+                    {l("crash.filterPlatformIos")}
                   </react_native_1.Text>
                 </TouchableScale_1.default>
 
-                <TouchableScale_1.default onPress={() => setPlatform('android')} style={[
-            styles.filterPill,
-            draft.platform === 'android' && styles.filterPillActive,
-        ]}>
-                  <NetworkIcons_1.AndroidIcon size={12} color={draft.platform === 'android'
-            ? AppColors_1.AppColors.white
-            : AppColors_1.AppColors.greenColor}/>
-                  <react_native_1.Text style={[
-            styles.filterPillText,
-            draft.platform === 'android' && styles.filterPillTextActive,
-        ]}>
-                    {t('crash.filterPlatformAndroid')}
+                <TouchableScale_1.default onPress={()=>f("android")}style={[styles.filterPill,e.platform==="android"&&styles.filterPillActive]}>
+                  <NetworkIcons_1.AndroidIcon size={12}color={e.platform==="android"?AppColors_1.AppColors.white:AppColors_1.AppColors.greenColor}/>
+                  <react_native_1.Text style={[styles.filterPillText,e.platform==="android"&&styles.filterPillTextActive]}>
+                    {l("crash.filterPlatformAndroid")}
                   </react_native_1.Text>
                 </TouchableScale_1.default>
               </react_native_1.View>
@@ -319,48 +94,28 @@ const CrashFilterModal = ({ visible, onClose, filters, onApply, searchQuery = ''
 
             <react_native_1.View style={styles.section}>
               <react_native_1.View style={styles.sectionHeaderRow}>
-                <NetworkIcons_1.BoltIcon color={AppColors_1.AppColors.grayTextWeak} size={12}/>
+                <NetworkIcons_1.BoltIcon color={AppColors_1.AppColors.grayTextWeak}size={12}/>
                 <react_native_1.Text style={styles.sectionTitle}>
-                  {t('crash.filterEngineSection')}
+                  {l("crash.filterEngineSection")}
                 </react_native_1.Text>
               </react_native_1.View>
               <react_native_1.View style={styles.chipsWrap}>
-                <TouchableScale_1.default onPress={() => setEngine('all')} style={[
-            styles.filterPill,
-            draft.engine === 'all' && styles.filterPillActive,
-        ]}>
-                  <react_native_1.Text style={[
-            styles.filterPillText,
-            draft.engine === 'all' && styles.filterPillTextActive,
-        ]}>
-                    {t('crash.filterEngineAll')}
+                <TouchableScale_1.default onPress={()=>y("all")}style={[styles.filterPill,e.engine==="all"&&styles.filterPillActive]}>
+                  <react_native_1.Text style={[styles.filterPillText,e.engine==="all"&&styles.filterPillTextActive]}>
+                    {l("crash.filterEngineAll")}
                   </react_native_1.Text>
                 </TouchableScale_1.default>
 
-                <TouchableScale_1.default onPress={() => setEngine('hermes')} style={[
-            styles.filterPill,
-            draft.engine === 'hermes' && styles.filterPillActive,
-        ]}>
-                  <NetworkIcons_1.BoltIcon size={12} color={draft.engine === 'hermes'
-            ? AppColors_1.AppColors.white
-            : AppColors_1.AppColors.brandPurple}/>
-                  <react_native_1.Text style={[
-            styles.filterPillText,
-            draft.engine === 'hermes' && styles.filterPillTextActive,
-        ]}>
-                    {t('crash.filterEngineHermes')}
+                <TouchableScale_1.default onPress={()=>y("hermes")}style={[styles.filterPill,e.engine==="hermes"&&styles.filterPillActive]}>
+                  <NetworkIcons_1.BoltIcon size={12}color={e.engine==="hermes"?AppColors_1.AppColors.white:AppColors_1.AppColors.brandPurple}/>
+                  <react_native_1.Text style={[styles.filterPillText,e.engine==="hermes"&&styles.filterPillTextActive]}>
+                    {l("crash.filterEngineHermes")}
                   </react_native_1.Text>
                 </TouchableScale_1.default>
 
-                <TouchableScale_1.default onPress={() => setEngine('jsc')} style={[
-            styles.filterPill,
-            draft.engine === 'jsc' && styles.filterPillActive,
-        ]}>
-                  <react_native_1.Text style={[
-            styles.filterPillText,
-            draft.engine === 'jsc' && styles.filterPillTextActive,
-        ]}>
-                    {t('crash.jsc')}
+                <TouchableScale_1.default onPress={()=>y("jsc")}style={[styles.filterPill,e.engine==="jsc"&&styles.filterPillActive]}>
+                  <react_native_1.Text style={[styles.filterPillText,e.engine==="jsc"&&styles.filterPillTextActive]}>
+                    {l("crash.jsc")}
                   </react_native_1.Text>
                 </TouchableScale_1.default>
               </react_native_1.View>
@@ -368,41 +123,23 @@ const CrashFilterModal = ({ visible, onClose, filters, onApply, searchQuery = ''
 
             <react_native_1.View style={styles.section}>
               <react_native_1.View style={styles.sectionHeaderRow}>
-                <NetworkIcons_1.ClockIcon color={AppColors_1.AppColors.grayTextWeak} size={12}/>
+                <NetworkIcons_1.ClockIcon color={AppColors_1.AppColors.grayTextWeak}size={12}/>
                 <react_native_1.Text style={styles.sectionTitle}>
-                  {t('crash.filterSortSection')}
+                  {l("crash.filterSortSection")}
                 </react_native_1.Text>
               </react_native_1.View>
               <react_native_1.View style={styles.chipsWrap}>
-                <TouchableScale_1.default onPress={() => setSort('time_desc')} style={[
-            styles.filterPill,
-            draft.sortBy === 'time_desc' && styles.filterPillActive,
-        ]}>
-                  <NetworkIcons_1.ClockIcon size={12} color={draft.sortBy === 'time_desc'
-            ? AppColors_1.AppColors.white
-            : AppColors_1.AppColors.grayText}/>
-                  <react_native_1.Text style={[
-            styles.filterPillText,
-            draft.sortBy === 'time_desc' &&
-                styles.filterPillTextActive,
-        ]}>
-                    {t('crash.filterSortNewest')}
+                <TouchableScale_1.default onPress={()=>_("time_desc")}style={[styles.filterPill,e.sortBy==="time_desc"&&styles.filterPillActive]}>
+                  <NetworkIcons_1.ClockIcon size={12}color={e.sortBy==="time_desc"?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}/>
+                  <react_native_1.Text style={[styles.filterPillText,e.sortBy==="time_desc"&&styles.filterPillTextActive]}>
+                    {l("crash.filterSortNewest")}
                   </react_native_1.Text>
                 </TouchableScale_1.default>
 
-                <TouchableScale_1.default onPress={() => setSort('time_asc')} style={[
-            styles.filterPill,
-            draft.sortBy === 'time_asc' && styles.filterPillActive,
-        ]}>
-                  <NetworkIcons_1.HourglassIcon size={12} color={draft.sortBy === 'time_asc'
-            ? AppColors_1.AppColors.white
-            : AppColors_1.AppColors.grayText}/>
-                  <react_native_1.Text style={[
-            styles.filterPillText,
-            draft.sortBy === 'time_asc' &&
-                styles.filterPillTextActive,
-        ]}>
-                    {t('crash.filterSortOldest')}
+                <TouchableScale_1.default onPress={()=>_("time_asc")}style={[styles.filterPill,e.sortBy==="time_asc"&&styles.filterPillActive]}>
+                  <NetworkIcons_1.HourglassIcon size={12}color={e.sortBy==="time_asc"?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}/>
+                  <react_native_1.Text style={[styles.filterPillText,e.sortBy==="time_asc"&&styles.filterPillTextActive]}>
+                    {l("crash.filterSortOldest")}
                   </react_native_1.Text>
                 </TouchableScale_1.default>
               </react_native_1.View>
@@ -410,187 +147,18 @@ const CrashFilterModal = ({ visible, onClose, filters, onApply, searchQuery = ''
           </react_native_1.ScrollView>
 
           <react_native_1.View style={styles.footer}>
-            <react_native_1.TouchableOpacity onPress={handleDiscard} style={styles.discardBtn} activeOpacity={0.8}>
+            <react_native_1.TouchableOpacity onPress={d}style={styles.discardBtn}activeOpacity={.8}>
               <react_native_1.Text style={styles.discardBtnText}>
-                {t('crash.filterDiscard')}
+                {l("crash.filterDiscard")}
               </react_native_1.Text>
             </react_native_1.TouchableOpacity>
 
-            <react_native_1.TouchableOpacity onPress={handleApply} style={styles.applyBtn} activeOpacity={0.85}>
+            <react_native_1.TouchableOpacity onPress={C}style={styles.applyBtn}activeOpacity={.85}>
               <react_native_1.Text style={styles.applyBtnText}>
-                {t('crash.filterApply', { count: draftMatchCount })}
+                {l("crash.filterApply",{count:x})}
               </react_native_1.Text>
             </react_native_1.TouchableOpacity>
           </react_native_1.View>
         </react_native_1.View>
       </react_native_1.View>
-    </react_native_1.Modal>);
-};
-const styles = react_native_1.StyleSheet.create({
-    backdrop: {
-        flex: 1,
-        backgroundColor: `${AppColors_1.AppColors.primaryBlack}85`,
-        justifyContent: 'center',
-        alignItems: 'center',
-        padding: 16,
-    },
-    modalCard: {
-        width: '100%',
-        maxWidth: 440,
-        backgroundColor: AppColors_1.AppColors.white,
-        borderRadius: 14,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.dividerColor,
-        shadowColor: AppColors_1.AppColors.black,
-        shadowOpacity: 0.18,
-        shadowRadius: 12,
-        shadowOffset: { width: 0, height: 4 },
-        elevation: 8,
-        overflow: 'hidden',
-    },
-    header: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        justifyContent: 'space-between',
-        paddingHorizontal: 14,
-        paddingVertical: 12,
-        borderBottomWidth: 1,
-        borderBottomColor: AppColors_1.AppColors.dividerColor,
-        backgroundColor: `${AppColors_1.AppColors.brandPurple}08`,
-    },
-    headerIconBox: {
-        width: 28,
-        height: 28,
-        borderRadius: 7,
-        backgroundColor: `${AppColors_1.AppColors.brandPurple}18`,
-        alignItems: 'center',
-        justifyContent: 'center',
-    },
-    headerTitle: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 13.5,
-        color: AppColors_1.AppColors.primaryBlack,
-    },
-    headerSubtitle: {
-        fontFamily: AppFonts_1.AppFonts.interMedium,
-        fontSize: 10,
-        color: AppColors_1.AppColors.grayTextWeak,
-    },
-    resetBtn: {
-        paddingHorizontal: 8,
-        paddingVertical: 4,
-        borderRadius: 5,
-        backgroundColor: `${AppColors_1.AppColors.darkOrange}14`,
-        borderWidth: 1,
-        borderColor: `${AppColors_1.AppColors.darkOrange}30`,
-    },
-    resetBtnText: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 10,
-        color: AppColors_1.AppColors.darkOrange,
-    },
-    closeBtn: {
-        width: 24,
-        height: 24,
-        borderRadius: 12,
-        backgroundColor: `${AppColors_1.AppColors.primaryBlack}18`,
-        alignItems: 'center',
-        justifyContent: 'center',
-    },
-    scrollContent: {
-        padding: 14,
-        gap: 14,
-    },
-    section: {
-        gap: 7,
-    },
-    sectionHeaderRow: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 5,
-    },
-    sectionTitle: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 9.5,
-        color: AppColors_1.AppColors.grayTextWeak,
-        letterSpacing: 0.5,
-    },
-    chipsWrap: {
-        flexDirection: 'row',
-        flexWrap: 'wrap',
-        gap: 6.5,
-    },
-    filterPill: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 5,
-        paddingHorizontal: 9,
-        paddingVertical: 5.5,
-        borderRadius: 7,
-        backgroundColor: AppColors_1.AppColors.grayBackground,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.dividerColor,
-    },
-    filterPillActive: {
-        backgroundColor: AppColors_1.AppColors.brandPurple,
-        borderColor: AppColors_1.AppColors.brandPurple,
-        shadowColor: AppColors_1.AppColors.brandPurple,
-        shadowOffset: { width: 0, height: 1 },
-        shadowOpacity: 0.25,
-        shadowRadius: 3,
-        elevation: 2,
-    },
-    filterPillText: {
-        fontFamily: AppFonts_1.AppFonts.interMedium,
-        fontSize: 11,
-        color: AppColors_1.AppColors.primaryBlack,
-    },
-    filterPillTextActive: {
-        color: AppColors_1.AppColors.white,
-        fontFamily: AppFonts_1.AppFonts.interBold,
-    },
-    footer: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 10,
-        paddingHorizontal: 14,
-        paddingVertical: 12,
-        borderTopWidth: 1,
-        borderTopColor: AppColors_1.AppColors.dividerColor,
-        backgroundColor: AppColors_1.AppColors.grayBackground,
-    },
-    discardBtn: {
-        flex: 1,
-        paddingVertical: 9.5,
-        borderRadius: 8,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.dividerColor,
-        backgroundColor: AppColors_1.AppColors.white,
-        alignItems: 'center',
-        justifyContent: 'center',
-    },
-    discardBtnText: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 12.5,
-        color: AppColors_1.AppColors.grayTextStrong,
-    },
-    applyBtn: {
-        flex: 2,
-        backgroundColor: AppColors_1.AppColors.brandPurple,
-        paddingVertical: 9.5,
-        borderRadius: 8,
-        alignItems: 'center',
-        justifyContent: 'center',
-        shadowColor: AppColors_1.AppColors.brandPurple,
-        shadowOffset: { width: 0, height: 1 },
-        shadowOpacity: 0.25,
-        shadowRadius: 3,
-        elevation: 2,
-    },
-    applyBtnText: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 12.5,
-        color: AppColors_1.AppColors.white,
-    },
-});
-exports.default = CrashFilterModal;
+    </react_native_1.Modal>},styles=react_native_1.StyleSheet.create({backdrop:{flex:1,backgroundColor:`${AppColors_1.AppColors.primaryBlack}85`,justifyContent:"center",alignItems:"center",padding:16},modalCard:{width:"100%",maxWidth:440,backgroundColor:AppColors_1.AppColors.white,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,shadowColor:AppColors_1.AppColors.black,shadowOpacity:.18,shadowRadius:12,shadowOffset:{width:0,height:4},elevation:8,overflow:"hidden"},header:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:14,paddingVertical:12,borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.dividerColor,backgroundColor:`${AppColors_1.AppColors.brandPurple}08`},headerIconBox:{width:28,height:28,borderRadius:7,backgroundColor:`${AppColors_1.AppColors.brandPurple}18`,alignItems:"center",justifyContent:"center"},headerTitle:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13.5,color:AppColors_1.AppColors.primaryBlack},headerSubtitle:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10,color:AppColors_1.AppColors.grayTextWeak},resetBtn:{paddingHorizontal:8,paddingVertical:4,borderRadius:5,backgroundColor:`${AppColors_1.AppColors.darkOrange}14`,borderWidth:1,borderColor:`${AppColors_1.AppColors.darkOrange}30`},resetBtnText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,color:AppColors_1.AppColors.darkOrange},closeBtn:{width:24,height:24,borderRadius:12,backgroundColor:`${AppColors_1.AppColors.primaryBlack}18`,alignItems:"center",justifyContent:"center"},scrollContent:{padding:14,gap:14},section:{gap:7},sectionHeaderRow:{flexDirection:"row",alignItems:"center",gap:5},sectionTitle:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:AppColors_1.AppColors.grayTextWeak,letterSpacing:.5},chipsWrap:{flexDirection:"row",flexWrap:"wrap",gap:6.5},filterPill:{flexDirection:"row",alignItems:"center",gap:5,paddingHorizontal:9,paddingVertical:5.5,borderRadius:7,backgroundColor:AppColors_1.AppColors.grayBackground,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor},filterPillActive:{backgroundColor:AppColors_1.AppColors.brandPurple,borderColor:AppColors_1.AppColors.brandPurple,shadowColor:AppColors_1.AppColors.brandPurple,shadowOffset:{width:0,height:1},shadowOpacity:.25,shadowRadius:3,elevation:2},filterPillText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.primaryBlack},filterPillTextActive:{color:AppColors_1.AppColors.white,fontFamily:AppFonts_1.AppFonts.interBold},footer:{flexDirection:"row",alignItems:"center",gap:10,paddingHorizontal:14,paddingVertical:12,borderTopWidth:1,borderTopColor:AppColors_1.AppColors.dividerColor,backgroundColor:AppColors_1.AppColors.grayBackground},discardBtn:{flex:1,paddingVertical:9.5,borderRadius:8,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,backgroundColor:AppColors_1.AppColors.white,alignItems:"center",justifyContent:"center"},discardBtnText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12.5,color:AppColors_1.AppColors.grayTextStrong},applyBtn:{flex:2,backgroundColor:AppColors_1.AppColors.brandPurple,paddingVertical:9.5,borderRadius:8,alignItems:"center",justifyContent:"center",shadowColor:AppColors_1.AppColors.brandPurple,shadowOffset:{width:0,height:1},shadowOpacity:.25,shadowRadius:3,elevation:2},applyBtnText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12.5,color:AppColors_1.AppColors.white}});exports.default=CrashFilterModal;