react-native-inapp-inspector 2.3.19 → 2.3.21

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

@@ -1,323 +1,13 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const react_native_1 = require("react-native");
-const InspectorContext_1 = require("./InspectorContext");
-const AppColors_1 = require("../../styles/AppColors");
-const AppFonts_1 = require("../../styles/AppFonts");
-const helpers_1 = require("../../helpers");
-const NetworkIcons_1 = require("../NetworkIcons");
-const TouchableScale_1 = __importDefault(require("../TouchableScale"));
-const DEFAULT_FILTERS = {
-    categories: new Set(['all']),
-    screens: new Set(),
-    sources: new Set(['all']),
-    userTypes: new Set(['all']),
-    timeWindow: 'all',
-    payloadComplexity: 'all',
-    hasRevenue: false,
-    hasItems: false,
-    hasUserProps: false,
-    hasParams: false,
-    onlyDuplicates: false,
-    onlyConversions: false,
-    sortBy: 'time_desc',
-};
-const AnalyticsFilterModal = ({ visible, onClose, }) => {
-    const { analyticsEvents, analyticsSearch, analyticsFilters, setAnalyticsFilters, } = (0, InspectorContext_1.useInspector)();
-    const [draft, setDraft] = (0, react_1.useState)(() => ({
-        ...analyticsFilters,
-        categories: new Set(analyticsFilters.categories),
-        screens: new Set(analyticsFilters.screens),
-        sources: new Set(analyticsFilters.sources || ['all']),
-        userTypes: new Set(analyticsFilters.userTypes || ['all']),
-    }));
-    (0, react_1.useEffect)(() => {
-        if (visible) {
-            setDraft({
-                ...analyticsFilters,
-                categories: new Set(analyticsFilters.categories),
-                screens: new Set(analyticsFilters.screens),
-                sources: new Set(analyticsFilters.sources || ['all']),
-                userTypes: new Set(analyticsFilters.userTypes || ['all']),
-            });
-        }
-    }, [visible, analyticsFilters]);
-    const uniqueScreens = (0, react_1.useMemo)(() => {
-        const screens = new Set();
-        for (const e of analyticsEvents) {
-            const scr = e.screenName ||
-                e.params?.firebase_screen ||
-                e.params?.screen_name ||
-                e.params?.firebase_screen_class ||
-                e.screenClass;
-            if (scr && typeof scr === 'string' && scr.trim() !== '') {
-                screens.add(scr.trim());
-            }
-        }
-        return Array.from(screens);
-    }, [analyticsEvents]);
-    const toggleCategory = (cat) => {
-        setDraft(prev => {
-            const next = new Set(prev.categories);
-            if (cat === 'all') {
-                return { ...prev, categories: new Set(['all']) };
-            }
-            next.delete('all');
-            if (next.has(cat)) {
-                next.delete(cat);
-                if (next.size === 0)
-                    next.add('all');
-            }
-            else {
-                next.add(cat);
-            }
-            return { ...prev, categories: next };
-        });
-    };
-    const toggleScreen = (scr) => {
-        setDraft(prev => {
-            const next = new Set(prev.screens);
-            if (next.has(scr)) {
-                next.delete(scr);
-            }
-            else {
-                next.add(scr);
-            }
-            return { ...prev, screens: next };
-        });
-    };
-    const toggleSource = (src) => {
-        setDraft(prev => {
-            const next = new Set(prev.sources);
-            if (src === 'all') {
-                return { ...prev, sources: new Set(['all']) };
-            }
-            next.delete('all');
-            if (next.has(src)) {
-                next.delete(src);
-                if (next.size === 0)
-                    next.add('all');
-            }
-            else {
-                next.add(src);
-            }
-            return { ...prev, sources: next };
-        });
-    };
-    const toggleUserType = (ut) => {
-        setDraft(prev => {
-            const next = new Set(prev.userTypes);
-            if (ut === 'all') {
-                return { ...prev, userTypes: new Set(['all']) };
-            }
-            next.delete('all');
-            if (next.has(ut)) {
-                next.delete(ut);
-                if (next.size === 0)
-                    next.add('all');
-            }
-            else {
-                next.add(ut);
-            }
-            return { ...prev, userTypes: next };
-        });
-    };
-    const toggleFlag = (key) => {
-        setDraft(prev => ({
-            ...prev,
-            [key]: !prev[key],
-        }));
-    };
-    const setTimeWindow = (tw) => {
-        setDraft(prev => ({ ...prev, timeWindow: tw }));
-    };
-    const setPayloadComplexity = (pc) => {
-        setDraft(prev => ({ ...prev, payloadComplexity: pc }));
-    };
-    const setSort = (sortBy) => {
-        setDraft(prev => ({ ...prev, sortBy }));
-    };
-    const handleResetDraft = () => {
-        setDraft({
-            categories: new Set(['all']),
-            screens: new Set(),
-            sources: new Set(['all']),
-            userTypes: new Set(['all']),
-            timeWindow: 'all',
-            payloadComplexity: 'all',
-            hasRevenue: false,
-            hasItems: false,
-            hasUserProps: false,
-            hasParams: false,
-            onlyDuplicates: false,
-            onlyConversions: false,
-            sortBy: 'time_desc',
-        });
-    };
-    const handleApply = () => {
-        setAnalyticsFilters({
-            ...draft,
-            categories: new Set(draft.categories),
-            screens: new Set(draft.screens),
-            sources: new Set(draft.sources),
-            userTypes: new Set(draft.userTypes),
-        });
-        onClose();
-    };
-    const handleDiscard = () => {
-        setDraft({
-            ...analyticsFilters,
-            categories: new Set(analyticsFilters.categories),
-            screens: new Set(analyticsFilters.screens),
-            sources: new Set(analyticsFilters.sources || ['all']),
-            userTypes: new Set(analyticsFilters.userTypes || ['all']),
-        });
-        onClose();
-    };
-    const draftMatchCount = (0, react_1.useMemo)(() => {
-        let events = analyticsEvents;
-        if (analyticsSearch) {
-            const s = analyticsSearch.toLowerCase();
-            events = events.filter(e => e.name.toLowerCase().includes(s) ||
-                JSON.stringify(e.params || {}).toLowerCase().includes(s) ||
-                (e.screenName ?? '').toLowerCase().includes(s) ||
-                (e.pageTitle ?? '').toLowerCase().includes(s));
-        }
-        if (draft.categories.size > 0 && !draft.categories.has('all')) {
-            events = events.filter(e => {
-                const cat = (0, helpers_1.getEventCategory)(e.name);
-                return draft.categories.has(cat);
-            });
-        }
-        if (draft.timeWindow !== 'all') {
-            const now = Date.now();
-            const cutoff = draft.timeWindow === '1m'
-                ? now - 60 * 1000
-                : draft.timeWindow === '5m'
-                    ? now - 5 * 60 * 1000
-                    : draft.timeWindow === '15m'
-                        ? now - 15 * 60 * 1000
-                        : now - 60 * 60 * 1000;
-            events = events.filter(e => e.timestamp >= cutoff);
-        }
-        if (draft.sources.size > 0 && !draft.sources.has('all')) {
-            events = events.filter(e => draft.sources.has(e.source || 'manual'));
-        }
-        if (draft.userTypes.size > 0 && !draft.userTypes.has('all')) {
-            events = events.filter(e => {
-                const isIdentified = Boolean(e.userId && e.userId.trim() !== '');
-                if (draft.userTypes.has('identified') && isIdentified)
-                    return true;
-                if (draft.userTypes.has('anonymous') && !isIdentified)
-                    return true;
-                return false;
-            });
-        }
-        if (draft.payloadComplexity !== 'all') {
-            events = events.filter(e => {
-                const count = e.params ? Object.keys(e.params).length : 0;
-                if (draft.payloadComplexity === 'none')
-                    return count === 0;
-                if (draft.payloadComplexity === 'simple')
-                    return count >= 1 && count <= 5;
-                if (draft.payloadComplexity === 'heavy')
-                    return count > 5;
-                return true;
-            });
-        }
-        if (draft.onlyConversions) {
-            const CONVERSION_PATTERNS = [
-                'purchase',
-                'item_purchase',
-                'ecommerce_purchase',
-                'sign_up',
-                'login',
-                'lead',
-                'generate_lead',
-                'tutorial_complete',
-                'add_payment_info',
-                'begin_checkout',
-            ];
-            events = events.filter(e => CONVERSION_PATTERNS.some(pat => e.name.toLowerCase().includes(pat)));
-        }
-        if (draft.screens.size > 0) {
-            events = events.filter(e => {
-                const scr = e.screenName ||
-                    e.params?.firebase_screen ||
-                    e.params?.screen_name ||
-                    e.params?.firebase_screen_class ||
-                    e.screenClass ||
-                    '';
-                return draft.screens.has(scr);
-            });
-        }
-        if (draft.hasRevenue) {
-            events = events.filter(e => {
-                const val = e.params?.value ?? e.params?.price;
-                return val !== undefined && val !== null && Number(val) > 0;
-            });
-        }
-        if (draft.hasItems) {
-            events = events.filter(e => Array.isArray(e.params?.items) && e.params.items.length > 0);
-        }
-        if (draft.hasUserProps) {
-            events = events.filter(e => e.userProperties && Object.keys(e.userProperties).length > 0);
-        }
-        if (draft.hasParams) {
-            events = events.filter(e => e.params && Object.keys(e.params).length > 0);
-        }
-        return events.length;
-    }, [analyticsEvents, analyticsSearch, draft]);
-    const isAllCategories = draft.categories.has('all') || draft.categories.size === 0;
-    const isAllSources = draft.sources.has('all') || draft.sources.size === 0;
-    const isAllUserTypes = draft.userTypes.has('all') || draft.userTypes.size === 0;
-    return (<react_native_1.Modal visible={visible} transparent animationType="fade" onRequestClose={handleDiscard}>
+"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")),DEFAULT_FILTERS={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"},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}>
       <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={f}/>
 
         <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}>Analytics Filters</react_native_1.Text>
@@ -327,132 +17,72 @@ const AnalyticsFilterModal = ({ visible, onClose, }) => {
               </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.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.TouchableOpacity>
 
-              <react_native_1.TouchableOpacity onPress={handleDiscard} hitSlop={10} style={styles.closeBtn}>
-                <NetworkIcons_1.CloseWhite />
+              <react_native_1.TouchableOpacity onPress={f}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.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}>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(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:"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]}>
+                    <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.TargetGoalIcon color={AppColors_1.AppColors.grayTextWeak} size={12}/>
+                <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.View>
               <react_native_1.View style={styles.chipsWrap}>
-                <TouchableScale_1.default onPress={() => toggleCategory('all')} style={[
-            styles.filterPill,
-            isAllCategories && styles.filterPillActive,
-        ]}>
-                  {isAllCategories && (<NetworkIcons_1.CheckIcon color={AppColors_1.AppColors.white} size={12}/>)}
-                  <react_native_1.Text style={[
-            styles.filterPillText,
-            isAllCategories && styles.filterPillTextActive,
-        ]}>
+                <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
                   </react_native_1.Text>
                 </TouchableScale_1.default>
 
-                <TouchableScale_1.default onPress={() => toggleCategory('ecommerce')} style={[
-            styles.filterPill,
-            draft.categories.has('ecommerce') &&
-                styles.filterPillActive,
-        ]}>
-                  <NetworkIcons_1.CartIcon color={draft.categories.has('ecommerce')
-            ? AppColors_1.AppColors.white
-            : AppColors_1.AppColors.amber700} size={13}/>
-                  <react_native_1.Text style={[
-            styles.filterPillText,
-            draft.categories.has('ecommerce') &&
-                styles.filterPillTextActive,
-        ]}>
+                <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
                   </react_native_1.Text>
                 </TouchableScale_1.default>
 
-                <TouchableScale_1.default onPress={() => toggleCategory('page_view')} style={[
-            styles.filterPill,
-            draft.categories.has('page_view') &&
-                styles.filterPillActive,
-        ]}>
-                  <NetworkIcons_1.GlobeIcon color={draft.categories.has('page_view')
-            ? AppColors_1.AppColors.white
-            : AppColors_1.AppColors.sky600} size={13}/>
-                  <react_native_1.Text style={[
-            styles.filterPillText,
-            draft.categories.has('page_view') &&
-                styles.filterPillTextActive,
-        ]}>
+                <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
                   </react_native_1.Text>
                 </TouchableScale_1.default>
 
-                <TouchableScale_1.default onPress={() => toggleCategory('system')} style={[
-            styles.filterPill,
-            draft.categories.has('system') &&
-                styles.filterPillActive,
-        ]}>
-                  <NetworkIcons_1.BoltIcon color={draft.categories.has('system')
-            ? AppColors_1.AppColors.white
-            : AppColors_1.AppColors.purple} size={13}/>
-                  <react_native_1.Text style={[
-            styles.filterPillText,
-            draft.categories.has('system') &&
-                styles.filterPillTextActive,
-        ]}>
+                <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
                   </react_native_1.Text>
                 </TouchableScale_1.default>
 
-                <TouchableScale_1.default onPress={() => toggleCategory('custom')} style={[
-            styles.filterPill,
-            draft.categories.has('custom') &&
-                styles.filterPillActive,
-        ]}>
-                  <NetworkIcons_1.SparkleIcon color={draft.categories.has('custom')
-            ? AppColors_1.AppColors.white
-            : AppColors_1.AppColors.brandPurple} size={13}/>
-                  <react_native_1.Text style={[
-            styles.filterPillText,
-            draft.categories.has('custom') &&
-                styles.filterPillTextActive,
-        ]}>
+                <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
                   </react_native_1.Text>
                 </TouchableScale_1.default>
@@ -462,98 +92,50 @@ const AnalyticsFilterModal = ({ visible, onClose, }) => {
             
             <react_native_1.View style={styles.section}>
               <react_native_1.View style={styles.sectionHeaderRow}>
-                <NetworkIcons_1.MoneyIcon color={AppColors_1.AppColors.grayTextWeak} size={12}/>
+                <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.View>
               <react_native_1.View style={styles.chipsWrap}>
-                <TouchableScale_1.default onPress={() => toggleFlag('onlyConversions')} style={[
-            styles.filterPill,
-            draft.onlyConversions && styles.filterPillActive,
-        ]}>
-                  <NetworkIcons_1.TargetGoalIcon color={draft.onlyConversions
-            ? AppColors_1.AppColors.white
-            : AppColors_1.AppColors.brandPurple} size={13}/>
-                  <react_native_1.Text style={[
-            styles.filterPillText,
-            draft.onlyConversions && styles.filterPillTextActive,
-        ]}>
+                <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
                   </react_native_1.Text>
                 </TouchableScale_1.default>
 
-                <TouchableScale_1.default onPress={() => toggleFlag('hasRevenue')} style={[
-            styles.filterPill,
-            draft.hasRevenue && styles.filterPillActive,
-        ]}>
-                  <NetworkIcons_1.MoneyIcon color={draft.hasRevenue
-            ? AppColors_1.AppColors.white
-            : AppColors_1.AppColors.emerald600} size={13}/>
-                  <react_native_1.Text style={[
-            styles.filterPillText,
-            draft.hasRevenue && styles.filterPillTextActive,
-        ]}>
+                <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)
                   </react_native_1.Text>
                 </TouchableScale_1.default>
 
-                <TouchableScale_1.default onPress={() => toggleFlag('hasItems')} style={[
-            styles.filterPill,
-            draft.hasItems && styles.filterPillActive,
-        ]}>
-                  <NetworkIcons_1.PackageBoxIcon color={draft.hasItems
-            ? AppColors_1.AppColors.white
-            : AppColors_1.AppColors.amber700} size={13}/>
-                  <react_native_1.Text style={[
-            styles.filterPillText,
-            draft.hasItems && styles.filterPillTextActive,
-        ]}>
+                <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
                   </react_native_1.Text>
                 </TouchableScale_1.default>
 
-                <TouchableScale_1.default onPress={() => toggleFlag('hasUserProps')} style={[
-            styles.filterPill,
-            draft.hasUserProps && styles.filterPillActive,
-        ]}>
-                  <NetworkIcons_1.SparkleIcon color={draft.hasUserProps
-            ? AppColors_1.AppColors.white
-            : AppColors_1.AppColors.brandPurple} size={13}/>
-                  <react_native_1.Text style={[
-            styles.filterPillText,
-            draft.hasUserProps && styles.filterPillTextActive,
-        ]}>
+                <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
                   </react_native_1.Text>
                 </TouchableScale_1.default>
 
-                <TouchableScale_1.default onPress={() => toggleFlag('hasParams')} style={[
-            styles.filterPill,
-            draft.hasParams && styles.filterPillActive,
-        ]}>
-                  <NetworkIcons_1.CodeBracketsIcon color={draft.hasParams
-            ? AppColors_1.AppColors.white
-            : AppColors_1.AppColors.grayText} size={13}/>
-                  <react_native_1.Text style={[
-            styles.filterPillText,
-            draft.hasParams && styles.filterPillTextActive,
-        ]}>
+                <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
                   </react_native_1.Text>
                 </TouchableScale_1.default>
 
-                <TouchableScale_1.default onPress={() => toggleFlag('onlyDuplicates')} style={[
-            styles.filterPill,
-            draft.onlyDuplicates && styles.filterPillActive,
-        ]}>
-                  <NetworkIcons_1.RepeatIcon color={draft.onlyDuplicates
-            ? AppColors_1.AppColors.white
-            : AppColors_1.AppColors.rose600} size={13}/>
-                  <react_native_1.Text style={[
-            styles.filterPillText,
-            draft.onlyDuplicates && styles.filterPillTextActive,
-        ]}>
+                <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×)
                   </react_native_1.Text>
                 </TouchableScale_1.default>
@@ -563,53 +145,27 @@ const AnalyticsFilterModal = ({ visible, onClose, }) => {
             
             <react_native_1.View style={styles.section}>
               <react_native_1.View style={styles.sectionHeaderRow}>
-                <NetworkIcons_1.UserIcon color={AppColors_1.AppColors.grayTextWeak} size={12}/>
+                <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.View>
               <react_native_1.View style={styles.chipsWrap}>
-                <TouchableScale_1.default onPress={() => toggleUserType('all')} style={[
-            styles.filterPill,
-            isAllUserTypes && styles.filterPillActive,
-        ]}>
-                  {isAllUserTypes && (<NetworkIcons_1.CheckIcon color={AppColors_1.AppColors.white} size={12}/>)}
-                  <react_native_1.Text style={[
-            styles.filterPillText,
-            isAllUserTypes && styles.filterPillTextActive,
-        ]}>
+                <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
                   </react_native_1.Text>
                 </TouchableScale_1.default>
 
-                <TouchableScale_1.default onPress={() => toggleUserType('identified')} style={[
-            styles.filterPill,
-            draft.userTypes.has('identified') &&
-                styles.filterPillActive,
-        ]}>
-                  <NetworkIcons_1.UserCheckIcon color={draft.userTypes.has('identified')
-            ? AppColors_1.AppColors.white
-            : AppColors_1.AppColors.greenColor} size={13}/>
-                  <react_native_1.Text style={[
-            styles.filterPillText,
-            draft.userTypes.has('identified') &&
-                styles.filterPillTextActive,
-        ]}>
+                <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)
                   </react_native_1.Text>
                 </TouchableScale_1.default>
 
-                <TouchableScale_1.default onPress={() => toggleUserType('anonymous')} style={[
-            styles.filterPill,
-            draft.userTypes.has('anonymous') &&
-                styles.filterPillActive,
-        ]}>
-                  <NetworkIcons_1.UserIcon color={draft.userTypes.has('anonymous')
-            ? AppColors_1.AppColors.white
-            : AppColors_1.AppColors.grayTextWeak} size={13}/>
-                  <react_native_1.Text style={[
-            styles.filterPillText,
-            draft.userTypes.has('anonymous') &&
-                styles.filterPillTextActive,
-        ]}>
+                <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
                   </react_native_1.Text>
                 </TouchableScale_1.default>
@@ -619,47 +175,25 @@ const AnalyticsFilterModal = ({ visible, onClose, }) => {
             
             <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}>EVENT SOURCE</react_native_1.Text>
               </react_native_1.View>
               <react_native_1.View style={styles.chipsWrap}>
-                <TouchableScale_1.default onPress={() => toggleSource('all')} style={[
-            styles.filterPill,
-            isAllSources && styles.filterPillActive,
-        ]}>
-                  {isAllSources && (<NetworkIcons_1.CheckIcon color={AppColors_1.AppColors.white} size={12}/>)}
-                  <react_native_1.Text style={[
-            styles.filterPillText,
-            isAllSources && styles.filterPillTextActive,
-        ]}>
+                <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
                   </react_native_1.Text>
                 </TouchableScale_1.default>
 
-                <TouchableScale_1.default onPress={() => toggleSource('firebase')} style={[
-            styles.filterPill,
-            draft.sources.has('firebase') &&
-                styles.filterPillActive,
-        ]}>
-                  <react_native_1.Text style={[
-            styles.filterPillText,
-            draft.sources.has('firebase') &&
-                styles.filterPillTextActive,
-        ]}>
+                <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
                   </react_native_1.Text>
                 </TouchableScale_1.default>
 
-                <TouchableScale_1.default onPress={() => toggleSource('manual')} style={[
-            styles.filterPill,
-            draft.sources.has('manual') &&
-                styles.filterPillActive,
-        ]}>
-                  <react_native_1.Text style={[
-            styles.filterPillText,
-            draft.sources.has('manual') &&
-                styles.filterPillTextActive,
-        ]}>
+                <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
                   </react_native_1.Text>
                 </TouchableScale_1.default>
@@ -669,131 +203,67 @@ const AnalyticsFilterModal = ({ visible, onClose, }) => {
             
             <react_native_1.View style={styles.section}>
               <react_native_1.View style={styles.sectionHeaderRow}>
-                <NetworkIcons_1.CodeBracketsIcon color={AppColors_1.AppColors.grayTextWeak} size={12}/>
+                <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.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(item => (<TouchableScale_1.default key={item.key} onPress={() => setPayloadComplexity(item.key)} style={[
-                styles.filterPill,
-                draft.payloadComplexity === item.key &&
-                    styles.filterPillActive,
-            ]}>
-                    <react_native_1.Text style={[
-                styles.filterPillText,
-                draft.payloadComplexity === item.key &&
-                    styles.filterPillTextActive,
-            ]}>
-                      {item.label}
+                {[{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]}>
+                    <react_native_1.Text style={[styles.filterPillText,e.payloadComplexity===t.key&&styles.filterPillTextActive]}>
+                      {t.label}
                     </react_native_1.Text>
-                  </TouchableScale_1.default>))}
+                  </TouchableScale_1.default>)}
               </react_native_1.View>
             </react_native_1.View>
 
             
-            {uniqueScreens.length > 0 && (<react_native_1.View style={styles.section}>
+            {y.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}/>
+                  <NetworkIcons_1.PinIcon color={AppColors_1.AppColors.grayTextWeak}size={12}/>
                   <react_native_1.Text style={styles.sectionTitle}>
-                    DISCOVERED SCREENS ({uniqueScreens.length})
+                    DISCOVERED SCREENS ({y.length})
                   </react_native_1.Text>
                 </react_native_1.View>
                 <react_native_1.View style={styles.chipsWrap}>
-                  {uniqueScreens.map(scr => {
-                const isSelected = draft.screens.has(scr);
-                return (<TouchableScale_1.default key={scr} onPress={() => toggleScreen(scr)} style={[
-                        styles.filterPill,
-                        isSelected && styles.filterPillActive,
-                    ]}>
-                        <NetworkIcons_1.PinIcon color={isSelected
-                        ? AppColors_1.AppColors.white
-                        : AppColors_1.AppColors.amber700} size={12}/>
-                        <react_native_1.Text style={[
-                        styles.filterPillText,
-                        isSelected && styles.filterPillTextActive,
-                    ]}>
-                          {scr}
+                  {y.map(t=>{const l=e.screens.has(t);return<TouchableScale_1.default key={t}onPress={()=>C(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}
                         </react_native_1.Text>
-                      </TouchableScale_1.default>);
-            })}
+                      </TouchableScale_1.default>})}
                 </react_native_1.View>
-              </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}>SORT ORDER</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 color={draft.sortBy === 'time_desc'
-            ? AppColors_1.AppColors.white
-            : AppColors_1.AppColors.grayText} size={12}/>
-                  <react_native_1.Text style={[
-            styles.filterPillText,
-            draft.sortBy === 'time_desc' &&
-                styles.filterPillTextActive,
-        ]}>
+                <TouchableScale_1.default onPress={()=>d("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)
                   </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 color={draft.sortBy === 'time_asc'
-            ? AppColors_1.AppColors.white
-            : AppColors_1.AppColors.grayText} size={12}/>
-                  <react_native_1.Text style={[
-            styles.filterPillText,
-            draft.sortBy === 'time_asc' &&
-                styles.filterPillTextActive,
-        ]}>
+                <TouchableScale_1.default onPress={()=>d("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
                   </react_native_1.Text>
                 </TouchableScale_1.default>
 
-                <TouchableScale_1.default onPress={() => setSort('revenue_desc')} style={[
-            styles.filterPill,
-            draft.sortBy === 'revenue_desc' &&
-                styles.filterPillActive,
-        ]}>
-                  <NetworkIcons_1.MoneyIcon color={draft.sortBy === 'revenue_desc'
-            ? AppColors_1.AppColors.white
-            : AppColors_1.AppColors.emerald600} size={12}/>
-                  <react_native_1.Text style={[
-            styles.filterPillText,
-            draft.sortBy === 'revenue_desc' &&
-                styles.filterPillTextActive,
-        ]}>
+                <TouchableScale_1.default onPress={()=>d("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
                   </react_native_1.Text>
                 </TouchableScale_1.default>
 
-                <TouchableScale_1.default onPress={() => setSort('count_desc')} style={[
-            styles.filterPill,
-            draft.sortBy === 'count_desc' &&
-                styles.filterPillActive,
-        ]}>
-                  <NetworkIcons_1.FlameIcon color={draft.sortBy === 'count_desc'
-            ? AppColors_1.AppColors.white
-            : AppColors_1.AppColors.darkOrange} size={12}/>
-                  <react_native_1.Text style={[
-            styles.filterPillText,
-            draft.sortBy === 'count_desc' &&
-                styles.filterPillTextActive,
-        ]}>
+                <TouchableScale_1.default onPress={()=>d("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
                   </react_native_1.Text>
                 </TouchableScale_1.default>
@@ -803,185 +273,16 @@ const AnalyticsFilterModal = ({ visible, onClose, }) => {
 
           
           <react_native_1.View style={styles.footer}>
-            <react_native_1.TouchableOpacity onPress={handleDiscard} style={styles.discardBtn} activeOpacity={0.8}>
+            <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>
 
-            <react_native_1.TouchableOpacity onPress={handleApply} style={styles.applyBtn} activeOpacity={0.85}>
+            <react_native_1.TouchableOpacity onPress={b}style={styles.applyBtn}activeOpacity={.85}>
               <react_native_1.Text style={styles.applyBtnText}>
-                Apply ({draftMatchCount} Events)
+                Apply ({S} Events)
               </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 = AnalyticsFilterModal;
+    </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=AnalyticsFilterModal;