react-native-inapp-inspector 2.3.18 → 2.3.20

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

@@ -1,552 +1,198 @@
-"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;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FeedbackModal = void 0;
-const react_1 = __importStar(require("react"));
-const react_native_1 = require("react-native");
-const AppColors_1 = require("../../styles/AppColors");
-const AppFonts_1 = require("../../styles/AppFonts");
-const version_1 = require("../../constants/version");
-const helpers_1 = require("../../helpers");
-const telemetry_1 = require("../../helpers/telemetry");
-const NetworkIcons_1 = require("../NetworkIcons");
-const DEVELOPER_EMAIL = 'vengatmacuser@gmail.com';
-const CATEGORIES = [
-    { key: 'feedback', label: 'Feedback', icon: '💬' },
-    { key: 'bug', label: 'Bug Report', icon: '🐛' },
-    { key: 'feature', label: 'Feature Request', icon: '✨' },
-    { key: 'performance', label: 'Performance', icon: '⚡' },
-    { key: 'help', label: 'Support / Help', icon: '❓' },
-];
-const RATING_LABELS = ['', 'Poor', 'Fair', 'Good', 'Very Good', 'Excellent!'];
-const FeedbackModal = ({ onClose }) => {
-    const [category, setCategory] = (0, react_1.useState)('feedback');
-    const [rating, setRating] = (0, react_1.useState)(5);
-    const [subject, setSubject] = (0, react_1.useState)('');
-    const [message, setMessage] = (0, react_1.useState)('');
-    const [showDiagnostics, setShowDiagnostics] = (0, react_1.useState)(false);
-    const [isSending, setIsSending] = (0, react_1.useState)(false);
-    const [copiedDraft, setCopiedDraft] = (0, react_1.useState)(false);
-    (0, react_1.useEffect)(() => {
-        (0, telemetry_1.trackTelemetryEvent)('feedback_modal_opened', { category });
-    }, []);
-    const appName = (0, helpers_1.getAppName)() || 'React Native App';
-    const bundleId = (0, helpers_1.getBundleIdentifier)() || 'unknown';
-    const appVersion = (0, helpers_1.getAppVersionAndBuild)() || '1.0.0';
-    const { width, height } = react_native_1.Dimensions.get('window');
-    const getDiagnosticsText = () => {
-        return [
-            `• Package: react-native-inapp-inspector@${version_1.LIB_VERSION}`,
-            `• Platform: ${react_native_1.Platform.OS.toUpperCase()} (${react_native_1.Platform.Version})`,
-            `• App: ${appName} (${bundleId}) v${appVersion}`,
-            `• Screen: ${Math.round(width)} x ${Math.round(height)} (Scale ${react_native_1.PixelRatio.get()})`,
-            `• Timestamp: ${new Date().toISOString()}`,
-        ].join('\n');
-    };
-    const buildEmailDraft = () => {
-        const activeCat = CATEGORIES.find(c => c.key === category)?.label || category;
-        const emailSubject = `[In-App Inspector] [${activeCat}] ${subject.trim() || 'User Feedback'}`;
-        const bodyLines = [
-            `Category: ${activeCat}`,
-            `Rating: ${rating} / 5 (${RATING_LABELS[rating] || ''})`,
-            ...(subject.trim() ? [`Subject: ${subject.trim()}`] : []),
-            '',
-            'Feedback / Message:',
-            message.trim() || '(No message provided)',
-            '',
-            '----------------------------------------',
-            'System & Diagnostic Info:',
-            getDiagnosticsText(),
-            '----------------------------------------',
-        ];
-        return {
-            activeCat,
-            subject: emailSubject,
-            body: bodyLines.join('\n'),
-        };
-    };
-    const handleCopyDraft = () => {
-        const draft = buildEmailDraft();
-        const fullText = `To: ${DEVELOPER_EMAIL}\nSubject: ${draft.subject}\n\n${draft.body}`;
-        (0, helpers_1.copyToClipboard)(fullText, 'Email Draft & Diagnostics');
-        setCopiedDraft(true);
-        setTimeout(() => setCopiedDraft(false), 2000);
-        (0, helpers_1.showToast)('Feedback draft copied to clipboard');
-    };
-    const handleSendEmail = async () => {
-        if (isSending)
-            return;
-        setIsSending(true);
-        try {
-            const draft = buildEmailDraft();
-            const mailtoUrl = `mailto:${DEVELOPER_EMAIL}?subject=${encodeURIComponent(draft.subject)}&body=${encodeURIComponent(draft.body)}`;
-            (0, telemetry_1.trackTelemetryEvent)('feedback_submitted', {
-                category,
-                rating,
-                has_subject: Boolean(subject.trim()),
-                has_message: Boolean(message.trim()),
-            });
-            let opened = false;
-            try {
-                const canOpen = await react_native_1.Linking.canOpenURL(mailtoUrl);
-                if (canOpen) {
-                    await react_native_1.Linking.openURL(mailtoUrl);
-                    opened = true;
-                }
-                else {
-                    await react_native_1.Linking.openURL(mailtoUrl);
-                    opened = true;
-                }
-            }
-            catch (err) {
-                opened = false;
-            }
-            if (opened) {
-                (0, helpers_1.showToast)('Opening mail client...');
-                onClose();
-            }
-            else {
-                const fullDraft = `To: ${DEVELOPER_EMAIL}\nSubject: ${draft.subject}\n\n${draft.body}`;
-                (0, helpers_1.copyToClipboard)(fullDraft, 'Feedback Draft');
-                react_native_1.Alert.alert('Email Client Not Available', `Your feedback and diagnostics have been copied to the clipboard!\n\nYou can paste and send directly to:\n${DEVELOPER_EMAIL}`, [
-                    {
-                        text: 'Copy Email Address',
-                        onPress: () => {
-                            (0, helpers_1.copyToClipboard)(DEVELOPER_EMAIL, 'Email Address');
-                            (0, helpers_1.showToast)('Email address copied!');
-                        },
-                    },
-                    {
-                        text: 'Done',
-                        style: 'default',
-                        onPress: onClose,
-                    },
-                ]);
-            }
-        }
-        catch (err) {
-            console.warn('[FeedbackModal] Error sending email:', err);
-        }
-        finally {
-            setIsSending(false);
-        }
-    };
-    return (<react_native_1.View style={styles.container}>
-      
-      <react_native_1.View style={styles.bannerBar}>
-        <react_native_1.View style={styles.bannerIconBox}>
-          <NetworkIcons_1.HeadphonesIcon size={18} color={AppColors_1.AppColors.purple}/>
-        </react_native_1.View>
-        <react_native_1.View style={{ flex: 1 }}>
-          <react_native_1.Text style={styles.bannerTitle}>Share your feedback or report an issue</react_native_1.Text>
-          <react_native_1.Text style={styles.bannerSub}>
-            Direct communication with the maintainers. Diagnostic info is auto-attached.
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(r,o,l,n){n===void 0&&(n=l);var i=Object.getOwnPropertyDescriptor(o,l);(!i||("get"in i?!o.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return o[l]}}),Object.defineProperty(r,n,i)}):(function(r,o,l,n){n===void 0&&(n=l),r[n]=o[l]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(r,o){Object.defineProperty(r,"default",{enumerable:!0,value:o})}):function(r,o){r.default=o}),__importStar=this&&this.__importStar||(function(){var r=function(o){return r=Object.getOwnPropertyNames||function(l){var n=[];for(var i in l)Object.prototype.hasOwnProperty.call(l,i)&&(n[n.length]=i);return n},r(o)};return function(o){if(o&&o.__esModule)return o;var l={};if(o!=null)for(var n=r(o),i=0;i<n.length;i++)n[i]!=="default"&&__createBinding(l,o,n[i]);return __setModuleDefault(l,o),l}})(),__importDefault=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.FeedbackModal=void 0;const react_1=__importStar(require("react")),react_native_1=require("react-native"),react_native_svg_1=__importStar(require("react-native-svg")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),TouchableScale_1=__importDefault(require("../TouchableScale")),version_1=require("../../constants/version"),helpers_1=require("../../helpers"),telemetry_1=require("../../helpers/telemetry"),NativeInspector_1=require("../../native/NativeInspector"),NetworkIcons_1=require("../NetworkIcons"),DEVELOPER_EMAIL="vengatmacuser@gmail.com",GITHUB_REPO_URL="https://github.com/vengatmacuser/react-native-inapp-inspector",INSPECTOR_MODULES=[{id:"apis",name:"Network (APIs)",category:"Core Inspector",icon:"\u{1F310}",description:"HTTP/HTTPS requests, WebSocket, status codes & latency",color:"#6366F1",quickChips:["cURL / HAR Export","Requests failing / missing","GraphQL query filter","Response format issue","SSL pinning / certs","Slow API response alerts"]},{id:"logs",name:"Console Logs",category:"Core Inspector",icon:"\u{1F4DD}",description:"console.log, warn, error, trace & regex search",color:"#8B5CF6",quickChips:["Log regex search / filter","Stack trace symbolication","Error group collapse","Custom tag / color highlight","High log spam performance"]},{id:"redux",name:"Redux Inspector",category:"State Management",icon:"\u269B\uFE0F",description:"Redux store slices, action dispatch history & state diff",color:"#7C3AED",quickChips:["Action time-travel / replay","State slice search & diff","Auto action logger","Persistence / rehydration","Large state tree lag"]},{id:"analytics",name:"Analytics Logger",category:"Telemetry",icon:"\u{1F4CA}",description:"Firebase analytics & custom telemetry event tracking",color:"#F59E0B",quickChips:["Firebase auto-interceptor","Custom event param view","Event export to CSV / JSON","Filter by event name"]},{id:"crash",name:"Crash Protection",category:"Diagnostics",icon:"\u{1F4A5}",description:"Unhandled exceptions, fatal crash captures & stack trace",color:"#EF4444",quickChips:["Auto screenshot on crash","Native crash reporting","Symbolicated stack trace","Error boundary recovery"]},{id:"performance",name:"Performance Tracker",category:"Diagnostics",icon:"\u26A1",description:"FPS monitor, memory footprint, CPU & render timing",color:"#10B981",quickChips:["FPS drop alerts","Memory leak detection","Slow component render timings","Screen transition metrics"]},{id:"bundle",name:"Bundle Analyzer",category:"Optimization",icon:"\u{1F4E6}",description:"Hermes JS bundle visualizer & package asset weight",color:"#3B82F6",quickChips:["Package tree visualizer","Duplicate dependency warning","Asset size breakdown","Sourcemap integration"]},{id:"storage",name:"Storage Explorer",category:"Storage",icon:"\u{1F4BE}",description:"AsyncStorage, MMKV & local key-value store viewer",color:"#06B6D4",quickChips:["AsyncStorage live edit","MMKV encrypted keys","Clear storage cache","Key search & filter"]},{id:"capture",name:"Screen Capture",category:"Media",icon:"\u{1F4F8}",description:"High-res screenshots, video & animated GIF recording",color:"#EC4899",quickChips:["GIF conversion resolution","Audio recording option","Auto-hide inspector in shots","Instant media preview"]},{id:"launcher",name:"FAB Launcher & UI",category:"Interface",icon:"\u{1F680}",description:"Floating trigger, gestures, dark mode & modal themes",color:"#D946EF",quickChips:["Draggable FAB positioning","Custom dark / light theme","Font scaling & line heights","Custom app header logo"]},{id:"general",name:"Entire Inspector / General",category:"General",icon:"\u2728",description:"General feedback, documentation, new ideas & support",color:"#64748B",quickChips:["Love this tool! \u{1F680}","Super easy integration \u{1F6E0}\uFE0F","Documentation clarification \u{1F4D6}","Feature roadmap suggestion \u{1F5FA}\uFE0F"]}],CATEGORIES=[{key:"feedback",label:"Feedback",icon:"\u{1F4AC}",color:"#8B5CF6",bgColor:"#8B5CF618"},{key:"bug",label:"Bug Report",icon:"\u{1F41B}",color:"#EF4444",bgColor:"#EF444418"},{key:"feature",label:"Feature Request",icon:"\u2728",color:"#F59E0B",bgColor:"#F59E0B18"},{key:"performance",label:"Performance",icon:"\u26A1",color:"#10B981",bgColor:"#10B98118"},{key:"help",label:"Support / Help",icon:"\u2753",color:"#3B82F6",bgColor:"#3B82F618"}],MOODS=[{value:1,emoji:"\u{1F621}",label:"Frustrated",color:"#EF4444"},{value:2,emoji:"\u{1F610}",label:"Okay",color:"#F59E0B"},{value:3,emoji:"\u{1F642}",label:"Good",color:"#10B981"},{value:4,emoji:"\u{1F929}",label:"Great",color:"#8B5CF6"},{value:5,emoji:"\u{1F680}",label:"Loving it!",color:"#EC4899"}],GitHubIcon=({size:r=14,color:o=AppColors_1.AppColors.white})=><react_native_svg_1.default width={r}height={r}viewBox="0 0 24 24"fill={o}>
+    <react_native_svg_1.Path d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z"/>
+  </react_native_svg_1.default>,FeedbackModal=({onClose:r})=>{const[o,l]=(0,react_1.useState)("apis"),[n,i]=(0,react_1.useState)(!1),[g,C]=(0,react_1.useState)(""),[u,I]=(0,react_1.useState)("feedback"),[s,h]=(0,react_1.useState)([]),[m,F]=(0,react_1.useState)(5),[y,V]=(0,react_1.useState)(""),[f,R]=(0,react_1.useState)(!1),[_,x]=(0,react_1.useState)(!1),[b,w]=(0,react_1.useState)(!1);(0,react_1.useEffect)(()=>{(0,telemetry_1.trackTelemetryEvent)("feedback_modal_opened",{category:u,module:o})},[]);const a=(0,react_1.useMemo)(()=>INSPECTOR_MODULES.find(e=>e.id===o)||INSPECTOR_MODULES[0],[o]),S=(0,react_1.useMemo)(()=>{const e=g.trim().toLowerCase();return e?INSPECTOR_MODULES.filter(t=>t.name.toLowerCase().includes(e)||t.category.toLowerCase().includes(e)||t.description.toLowerCase().includes(e)):INSPECTOR_MODULES},[g]),v=(0,react_1.useMemo)(()=>CATEGORIES.find(e=>e.key===u)||CATEGORIES[0],[u]),P=(0,react_1.useMemo)(()=>a.quickChips,[a]),k=(0,helpers_1.getAppName)()||"React Native App",O=(0,helpers_1.getBundleIdentifier)()||"unknown",A=(0,helpers_1.getAppVersionAndBuild)()?.formatted||"1.0.0",{width:D,height:z}=react_native_1.Dimensions.get("window"),B=()=>[`\u2022 Module Context: ${a.name} (${a.category})`,`\u2022 Package: react-native-inapp-inspector@${version_1.LIB_VERSION}`,`\u2022 Platform: ${react_native_1.Platform.OS.toUpperCase()} (${react_native_1.Platform.Version})`,`\u2022 App: ${k} (${O}) v${A}`,`\u2022 Screen: ${Math.round(D)} x ${Math.round(z)} (Scale ${react_native_1.PixelRatio.get()})`,`\u2022 Timestamp: ${new Date().toISOString()}`].join(`
+`),H=e=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),h(t=>t.includes(e)?t.filter(c=>c!==e):[...t,e])},E=e=>{(0,NativeInspector_1.triggerNativeHaptic)("medium"),l(e.id),i(!1),C(""),h([])},L=e=>{(0,NativeInspector_1.triggerNativeHaptic)("medium"),I(e)},T=()=>{const e=MOODS.find(p=>p.value===m)||MOODS[4],t=s.length>0?s.join(", "):"General thoughts",c=`[In-App Inspector] [${a.name}] [${v.label}] ${t.slice(0,50)}`,d=[`\u{1F4E6} Module: ${a.name} (${a.category})`,`\u{1F3AF} Type: ${v.label}`,`\u{1F31F} Mood / Experience: ${e.emoji} ${e.label} (${m}/5)`,...s.length>0?["","\u{1F4CC} Key Highlights / Items:",...s.map(p=>`  \u2022 ${p}`)]:[],...y.trim()?["","\u{1F4DD} Additional Notes:",y.trim()]:[],"","----------------------------------------","\u26A1 System & Diagnostic Info (Auto-attached):",B(),"----------------------------------------"];return{subject:c,body:d.join(`
+`),activeMood:e}},$=()=>{(0,NativeInspector_1.triggerNativeHaptic)("success");const{subject:e,body:t}=T(),c=`To: ${DEVELOPER_EMAIL}
+Subject: ${e}
+
+${t}`;(0,helpers_1.copyToClipboard)(c,"Feedback Draft & Diagnostics"),w(!0),setTimeout(()=>w(!1),2e3),(0,helpers_1.showToast)("Feedback draft & diagnostics copied to clipboard")},M=async()=>{(0,NativeInspector_1.triggerNativeHaptic)("medium");try{const{subject:e,body:t}=T(),c=encodeURIComponent(e),d=encodeURIComponent(t),p=`${GITHUB_REPO_URL}/issues/new?title=${c}&body=${d}`;await react_native_1.Linking.openURL(p),(0,telemetry_1.trackTelemetryEvent)("feedback_github_opened",{category:u,module:o,mood:m})}catch{(0,helpers_1.showToast)("Could not open GitHub browser")}},j=async()=>{if(!_){x(!0),(0,NativeInspector_1.triggerNativeHaptic)("medium");try{const{subject:e,body:t}=T(),c=`mailto:${DEVELOPER_EMAIL}?subject=${encodeURIComponent(e)}&body=${encodeURIComponent(t)}`;(0,telemetry_1.trackTelemetryEvent)("feedback_submitted",{category:u,module:o,mood:m,chips_count:s.length,has_custom_note:!!y.trim()});let d=!1;try{await react_native_1.Linking.openURL(c),d=!0}catch{d=!1}if(d)(0,helpers_1.showToast)("Opening mail client..."),r();else{const p=`To: ${DEVELOPER_EMAIL}
+Subject: ${e}
+
+${t}`;(0,helpers_1.copyToClipboard)(p,"Feedback Draft"),react_native_1.Alert.alert("Email Client Not Available",`Your feedback and diagnostics have been copied to clipboard!
+
+You can paste and send directly to:
+${DEVELOPER_EMAIL}`,[{text:"Copy Email Address",onPress:()=>{(0,helpers_1.copyToClipboard)(DEVELOPER_EMAIL,"Email Address"),(0,helpers_1.showToast)("Email address copied!")}},{text:"Done",style:"default",onPress:r}])}}catch(e){console.warn("[FeedbackModal] Error sending email:",e)}finally{x(!1)}}};return<react_native_1.View style={styles.container}>
+      <react_native_1.ScrollView style={styles.scrollContent}contentContainerStyle={styles.scrollInner}showsVerticalScrollIndicator={!1}keyboardShouldPersistTaps="handled">
+        
+        <react_native_1.Text style={styles.sectionLabel}>1. TARGET MODULE</react_native_1.Text>
+        
+        <TouchableScale_1.default onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),i(!0)}}style={styles.moduleTriggerCard}>
+          <react_native_1.View style={styles.moduleTriggerLeft}>
+            <react_native_1.View style={[styles.moduleIconBox,{backgroundColor:`${a.color}1C`}]}>
+              <react_native_1.Text style={styles.moduleIconText}>{a.icon}</react_native_1.Text>
+            </react_native_1.View>
+            <react_native_1.View style={{flex:1,minWidth:0}}>
+              <react_native_1.View style={styles.moduleNameRow}>
+                <react_native_1.Text style={styles.moduleNameText}>{a.name}</react_native_1.Text>
+                <react_native_1.View style={[styles.moduleCategoryBadge,{backgroundColor:`${a.color}18`}]}>
+                  <react_native_1.Text style={[styles.moduleCategoryBadgeText,{color:a.color}]}>
+                    {a.category}
+                  </react_native_1.Text>
+                </react_native_1.View>
+              </react_native_1.View>
+              <react_native_1.Text style={styles.moduleDescText}numberOfLines={1}>
+                {a.description}
+              </react_native_1.Text>
+            </react_native_1.View>
+          </react_native_1.View>
+          
+          <react_native_1.View style={styles.changeBadge}>
+            <react_native_1.Text style={styles.changeBadgeText}>Change</react_native_1.Text>
+            <NetworkIcons_1.ChevronDownIcon size={11}color={AppColors_1.AppColors.purple}/>
+          </react_native_1.View>
+        </TouchableScale_1.default>
+
+        
+        <react_native_1.View style={styles.sectionHeaderRow}>
+          <react_native_1.Text style={styles.sectionLabel}>
+            2. QUICK PRESETS FOR {a.name.toUpperCase()}
           </react_native_1.Text>
+          {s.length>0&&<react_native_1.TouchableOpacity onPress={()=>h([])}>
+              <react_native_1.Text style={styles.clearChipsText}>Clear</react_native_1.Text>
+            </react_native_1.TouchableOpacity>}
+        </react_native_1.View>
+
+        <react_native_1.View style={styles.chipsContainer}>
+          {P.map(e=>{const t=s.includes(e);return<TouchableScale_1.default key={e}onPress={()=>H(e)}style={[styles.presetChip,t&&[styles.presetChipSelected,{borderColor:a.color,backgroundColor:`${a.color}18`}]]}>
+                <react_native_1.Text style={[styles.presetChipCheck,t&&{color:a.color}]}>
+                  {t?"\u2713":"+"}
+                </react_native_1.Text>
+                <react_native_1.Text style={[styles.presetChipText,t&&[styles.presetChipTextSelected,{color:a.color}]]}>
+                  {e}
+                </react_native_1.Text>
+              </TouchableScale_1.default>})}
         </react_native_1.View>
-      </react_native_1.View>
 
-      <react_native_1.ScrollView style={styles.scrollContent} contentContainerStyle={styles.scrollInner} showsVerticalScrollIndicator={false} keyboardShouldPersistTaps="handled">
         
-        <react_native_1.Text style={styles.sectionLabel}>WHAT CAN WE HELP WITH?</react_native_1.Text>
+        <react_native_1.Text style={styles.sectionLabel}>3. SELECT TOPIC</react_native_1.Text>
         <react_native_1.View style={styles.categoryGrid}>
-          {CATEGORIES.map(cat => {
-            const isSelected = category === cat.key;
-            return (<react_native_1.TouchableOpacity key={cat.key} activeOpacity={0.7} onPress={() => setCategory(cat.key)} style={[
-                    styles.categoryChip,
-                    isSelected && styles.categoryChipSelected,
-                ]}>
-                <react_native_1.Text style={styles.categoryIcon}>{cat.icon}</react_native_1.Text>
-                <react_native_1.Text style={[
-                    styles.categoryText,
-                    isSelected && styles.categoryTextSelected,
-                ]}>
-                  {cat.label}
+          {CATEGORIES.map(e=>{const t=u===e.key;return<TouchableScale_1.default key={e.key}onPress={()=>L(e.key)}style={[styles.categoryChip,t&&{backgroundColor:e.bgColor,borderColor:e.color}]}>
+                <react_native_1.Text style={styles.categoryIcon}>{e.icon}</react_native_1.Text>
+                <react_native_1.Text style={[styles.categoryText,t&&{color:e.color,fontFamily:AppFonts_1.AppFonts.interBold}]}>
+                  {e.label}
                 </react_native_1.Text>
-              </react_native_1.TouchableOpacity>);
-        })}
+              </TouchableScale_1.default>})}
         </react_native_1.View>
 
         
-        <react_native_1.View style={styles.ratingCard}>
-          <react_native_1.View style={styles.ratingHeader}>
-            <react_native_1.Text style={styles.ratingTitle}>Rate your experience</react_native_1.Text>
-            {rating > 0 && (<react_native_1.Text style={styles.ratingBadge}>
-                {RATING_LABELS[rating]}
-              </react_native_1.Text>)}
-          </react_native_1.View>
-          <react_native_1.View style={styles.starsRow}>
-            {[1, 2, 3, 4, 5].map(star => {
-            const filled = star <= rating;
-            return (<react_native_1.TouchableOpacity key={star} activeOpacity={0.7} onPress={() => setRating(star)} style={styles.starTouch}>
-                  <NetworkIcons_1.StarIcon size={26} color={filled ? '#FFB800' : AppColors_1.AppColors.grayTextWeak}/>
-                </react_native_1.TouchableOpacity>);
-        })}
+        <react_native_1.Text style={styles.sectionLabel}>4. HOW IS YOUR EXPERIENCE?</react_native_1.Text>
+        <react_native_1.View style={styles.moodCard}>
+          <react_native_1.View style={styles.moodRow}>
+            {MOODS.map(e=>{const t=m===e.value;return<TouchableScale_1.default key={e.value}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),F(e.value)}}style={[styles.moodButton,t&&[styles.moodButtonSelected,{borderColor:e.color,backgroundColor:`${e.color}15`}]]}>
+                  <react_native_1.Text style={styles.moodEmoji}>{e.emoji}</react_native_1.Text>
+                  <react_native_1.Text style={[styles.moodLabel,t&&{color:e.color,fontFamily:AppFonts_1.AppFonts.interBold}]}>
+                    {e.label}
+                  </react_native_1.Text>
+                </TouchableScale_1.default>})}
           </react_native_1.View>
         </react_native_1.View>
 
         
-        <react_native_1.Text style={styles.sectionLabel}>SUBJECT (OPTIONAL)</react_native_1.Text>
+        <react_native_1.Text style={styles.sectionLabel}>5. ADDITIONAL DETAILS (OPTIONAL)</react_native_1.Text>
         <react_native_1.View style={styles.inputWrapper}>
-          <react_native_1.TextInput style={styles.textInput} placeholder="Brief summary..." placeholderTextColor={AppColors_1.AppColors.grayTextWeak} value={subject} onChangeText={setSubject} maxLength={80}/>
+          <react_native_1.TextInput style={styles.textInput}placeholder="Type any extra thoughts, steps to reproduce, or notes here..."placeholderTextColor={AppColors_1.AppColors.grayTextWeak}value={y}onChangeText={V}multiline numberOfLines={3}textAlignVertical="top"/>
         </react_native_1.View>
 
         
-        <react_native_1.Text style={styles.sectionLabel}>YOUR MESSAGE / DETAILS</react_native_1.Text>
-        <react_native_1.View style={[styles.inputWrapper, styles.textareaWrapper]}>
-          <react_native_1.TextInput style={[styles.textInput, styles.textarea]} placeholder="Describe your issue, feature request, or suggestion in detail..." placeholderTextColor={AppColors_1.AppColors.grayTextWeak} value={message} onChangeText={setMessage} multiline numberOfLines={4} textAlignVertical="top"/>
-        </react_native_1.View>
-
-        
-        <react_native_1.TouchableOpacity activeOpacity={0.8} onPress={() => setShowDiagnostics(!showDiagnostics)} style={styles.diagnosticsToggle}>
-          <react_native_1.View style={styles.diagnosticsHeader}>
-            <NetworkIcons_1.InfoCircleIcon size={14} color={AppColors_1.AppColors.purple}/>
-            <react_native_1.Text style={styles.diagnosticsTitle}>
-              Diagnostics & System Details (Auto-attached)
+        <react_native_1.TouchableOpacity activeOpacity={.8}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),R(!f)}}style={styles.diagnosticsPill}>
+          <react_native_1.View style={styles.diagnosticsLeft}>
+            <NetworkIcons_1.InfoCircleIcon size={14}color={AppColors_1.AppColors.purple}/>
+            <react_native_1.Text style={styles.diagnosticsPillTitle}numberOfLines={1}>
+              {react_native_1.Platform.OS.toUpperCase()} {react_native_1.Platform.Version} • {k} v{A} (Auto-attached)
             </react_native_1.Text>
           </react_native_1.View>
           <react_native_1.Text style={styles.diagnosticsArrow}>
-            {showDiagnostics ? '▲' : '▼'}
+            {f?"\u25B2 Less":"\u25BC Details"}
           </react_native_1.Text>
         </react_native_1.TouchableOpacity>
 
-        {showDiagnostics && (<react_native_1.View style={styles.diagnosticsBox}>
-            <react_native_1.Text style={styles.diagnosticsText}>
-              {getDiagnosticsText()}
-            </react_native_1.Text>
-          </react_native_1.View>)}
-
-        
-        <react_native_1.View style={styles.recipientBadge}>
-          <react_native_1.Text style={styles.recipientText}>
-            📧 Emails to: <react_native_1.Text style={styles.recipientHighlight}>{DEVELOPER_EMAIL}</react_native_1.Text>
-          </react_native_1.Text>
-        </react_native_1.View>
+        {f&&<react_native_1.View style={styles.diagnosticsBox}>
+            <react_native_1.Text style={styles.diagnosticsText}>{B()}</react_native_1.Text>
+          </react_native_1.View>}
       </react_native_1.ScrollView>
 
       
       <react_native_1.View style={styles.footer}>
-        <react_native_1.TouchableOpacity activeOpacity={0.7} onPress={handleCopyDraft} style={styles.copyDraftBtn}>
-          {copiedDraft ? (<NetworkIcons_1.CheckIcon size={14} color={AppColors_1.AppColors.emerald500}/>) : (<NetworkIcons_1.CopyIcon size={14} color={AppColors_1.AppColors.grayText}/>)}
-          <react_native_1.Text style={[
-            styles.copyDraftBtnText,
-            copiedDraft && { color: AppColors_1.AppColors.emerald500 },
-        ]}>
-            {copiedDraft ? 'Copied!' : 'Copy Draft'}
+        <react_native_1.View style={styles.footerLeft}>
+          <TouchableScale_1.default onPress={$}style={styles.actionPillBtn}>
+            {b?<NetworkIcons_1.CheckIcon size={14}color={AppColors_1.AppColors.emerald500}/>:<NetworkIcons_1.CopyIcon size={14}color={AppColors_1.AppColors.grayTextStrong}/>}
+            <react_native_1.Text style={[styles.actionPillText,b&&{color:AppColors_1.AppColors.emerald500}]}>
+              {b?"Copied!":"Copy"}
+            </react_native_1.Text>
+          </TouchableScale_1.default>
+
+          <TouchableScale_1.default onPress={M}style={[styles.actionPillBtn,styles.githubPillBtn]}>
+            <GitHubIcon size={13}color={AppColors_1.AppColors.primaryBlack}/>
+            <react_native_1.Text style={styles.actionPillText}>GitHub</react_native_1.Text>
+          </TouchableScale_1.default>
+        </react_native_1.View>
+
+        <TouchableScale_1.default onPress={j}style={styles.primarySubmitBtn}>
+          <NetworkIcons_1.SendIcon size={15}color={AppColors_1.AppColors.white}/>
+          <react_native_1.Text style={styles.primarySubmitBtnText}>
+            {_?"Sending...":"Send Feedback"}
           </react_native_1.Text>
-        </react_native_1.TouchableOpacity>
+        </TouchableScale_1.default>
+      </react_native_1.View>
 
-        <react_native_1.View style={styles.footerRight}>
-          <react_native_1.TouchableOpacity activeOpacity={0.7} onPress={onClose} style={styles.cancelBtn}>
-            <react_native_1.Text style={styles.cancelBtnText}>Cancel</react_native_1.Text>
-          </react_native_1.TouchableOpacity>
+      
+      <react_native_1.Modal visible={n}transparent={!0}animationType="fade"onRequestClose={()=>i(!1)}>
+        <react_native_1.View style={styles.modalOverlay}>
+          <react_native_1.TouchableOpacity style={styles.modalBackdrop}activeOpacity={1}onPress={()=>i(!1)}/>
+          <react_native_1.View style={styles.pickerModalContainer}>
+            
+            <react_native_1.View style={styles.pickerHeader}>
+              <react_native_1.View style={{flex:1}}>
+                <react_native_1.Text style={styles.pickerHeaderTitle}>Select Target Module</react_native_1.Text>
+                <react_native_1.Text style={styles.pickerHeaderSub}>
+                  Choose which inspector feature you want to report on
+                </react_native_1.Text>
+              </react_native_1.View>
+              <react_native_1.TouchableOpacity onPress={()=>i(!1)}hitSlop={12}style={styles.pickerCloseBtn}>
+                <NetworkIcons_1.CloseWhite size={12}/>
+              </react_native_1.TouchableOpacity>
+            </react_native_1.View>
 
-          <react_native_1.TouchableOpacity activeOpacity={0.8} onPress={handleSendEmail} style={styles.submitBtn}>
-            <NetworkIcons_1.SendIcon size={16} color={AppColors_1.AppColors.white}/>
-            <react_native_1.Text style={styles.submitBtnText}>
-              {isSending ? 'Sending...' : 'Send via Email'}
-            </react_native_1.Text>
-          </react_native_1.TouchableOpacity>
+            
+            <react_native_1.View style={styles.pickerSearchWrapper}>
+              <NetworkIcons_1.SearchIcon size={14}color={AppColors_1.AppColors.purple}/>
+              <react_native_1.TextInput style={styles.pickerSearchInput}placeholder="Search all 11 modules..."placeholderTextColor={AppColors_1.AppColors.grayTextWeak}value={g}onChangeText={C}autoFocus={!1}/>
+              {g.length>0&&<react_native_1.TouchableOpacity onPress={()=>C("")}hitSlop={10}>
+                  <react_native_1.Text style={styles.pickerClearSearchText}>✕</react_native_1.Text>
+                </react_native_1.TouchableOpacity>}
+            </react_native_1.View>
+
+            
+            <react_native_1.ScrollView style={styles.pickerListScroll}contentContainerStyle={{paddingBottom:20}}showsVerticalScrollIndicator={!1}keyboardShouldPersistTaps="handled">
+              {S.length===0?<react_native_1.View style={styles.emptySearchWrap}>
+                  <react_native_1.Text style={styles.emptySearchText}>
+                    No modules match "{g}"
+                  </react_native_1.Text>
+                </react_native_1.View>:S.map(e=>{const t=e.id===o;return<TouchableScale_1.default key={e.id}onPress={()=>E(e)}style={[styles.pickerItemCard,t&&[styles.pickerItemCardSelected,{borderColor:e.color,backgroundColor:`${e.color}0E`}]]}>
+                      <react_native_1.View style={[styles.pickerItemIconBox,{backgroundColor:`${e.color}1C`}]}>
+                        <react_native_1.Text style={styles.moduleIconText}>{e.icon}</react_native_1.Text>
+                      </react_native_1.View>
+                      <react_native_1.View style={{flex:1,minWidth:0}}>
+                        <react_native_1.View style={styles.pickerItemTitleRow}>
+                          <react_native_1.Text style={[styles.pickerItemTitle,t&&{color:e.color,fontFamily:AppFonts_1.AppFonts.interBold}]}>
+                            {e.name}
+                          </react_native_1.Text>
+                          <react_native_1.View style={[styles.moduleCategoryBadge,{backgroundColor:`${e.color}18`}]}>
+                            <react_native_1.Text style={[styles.moduleCategoryBadgeText,{color:e.color}]}>
+                              {e.category}
+                            </react_native_1.Text>
+                          </react_native_1.View>
+                        </react_native_1.View>
+                        <react_native_1.Text style={styles.pickerItemDesc}numberOfLines={2}>
+                          {e.description}
+                        </react_native_1.Text>
+                      </react_native_1.View>
+                      {t&&<react_native_1.View style={[styles.pickerItemCheck,{backgroundColor:`${e.color}25`}]}>
+                          <NetworkIcons_1.CheckIcon size={12}color={e.color}/>
+                        </react_native_1.View>}
+                    </TouchableScale_1.default>})}
+            </react_native_1.ScrollView>
+          </react_native_1.View>
         </react_native_1.View>
-      </react_native_1.View>
-    </react_native_1.View>);
-};
-exports.FeedbackModal = FeedbackModal;
-const styles = react_native_1.StyleSheet.create({
-    container: {
-        flex: 1,
-        backgroundColor: AppColors_1.AppColors.primaryLight,
-    },
-    bannerBar: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 10,
-        backgroundColor: `${AppColors_1.AppColors.purple}12`,
-        paddingHorizontal: 14,
-        paddingVertical: 10,
-        borderBottomWidth: 1,
-        borderBottomColor: `${AppColors_1.AppColors.purple}20`,
-    },
-    bannerIconBox: {
-        width: 32,
-        height: 32,
-        borderRadius: 8,
-        backgroundColor: `${AppColors_1.AppColors.purple}20`,
-        alignItems: 'center',
-        justifyContent: 'center',
-    },
-    bannerTitle: {
-        fontFamily: AppFonts_1.AppFonts.interSemiBold,
-        fontSize: 12.5,
-        color: AppColors_1.AppColors.purple,
-    },
-    bannerSub: {
-        fontFamily: AppFonts_1.AppFonts.interRegular,
-        fontSize: 10.5,
-        color: AppColors_1.AppColors.grayText,
-        marginTop: 1,
-    },
-    scrollContent: {
-        flex: 1,
-    },
-    scrollInner: {
-        paddingHorizontal: 16,
-        paddingTop: 12,
-        paddingBottom: 20,
-    },
-    sectionLabel: {
-        fontFamily: AppFonts_1.AppFonts.interSemiBold,
-        fontSize: 10.5,
-        color: AppColors_1.AppColors.grayText,
-        letterSpacing: 0.8,
-        marginBottom: 8,
-        marginTop: 10,
-    },
-    categoryGrid: {
-        flexDirection: 'row',
-        flexWrap: 'wrap',
-        gap: 8,
-        paddingBottom: 4,
-    },
-    categoryChip: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 6,
-        paddingVertical: 7,
-        paddingHorizontal: 12,
-        borderRadius: 8,
-        backgroundColor: AppColors_1.AppColors.grayBackground,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.dividerColor,
-    },
-    categoryChipSelected: {
-        backgroundColor: `${AppColors_1.AppColors.purple}15`,
-        borderColor: AppColors_1.AppColors.purple,
-    },
-    categoryIcon: {
-        fontSize: 13,
-    },
-    categoryText: {
-        fontFamily: AppFonts_1.AppFonts.interMedium,
-        fontSize: 12,
-        color: AppColors_1.AppColors.grayText,
-    },
-    categoryTextSelected: {
-        color: AppColors_1.AppColors.purple,
-        fontFamily: AppFonts_1.AppFonts.interSemiBold,
-    },
-    ratingCard: {
-        backgroundColor: AppColors_1.AppColors.grayBackground,
-        borderRadius: 12,
-        padding: 12,
-        marginTop: 12,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.dividerColor,
-    },
-    ratingHeader: {
-        flexDirection: 'row',
-        justifyContent: 'space-between',
-        alignItems: 'center',
-        marginBottom: 8,
-    },
-    ratingTitle: {
-        fontFamily: AppFonts_1.AppFonts.interSemiBold,
-        fontSize: 12.5,
-        color: AppColors_1.AppColors.primaryBlack,
-    },
-    ratingBadge: {
-        fontFamily: AppFonts_1.AppFonts.interSemiBold,
-        fontSize: 11,
-        color: '#D97706',
-        backgroundColor: '#FEF3C7',
-        paddingHorizontal: 8,
-        paddingVertical: 2,
-        borderRadius: 6,
-    },
-    starsRow: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 12,
-        paddingVertical: 4,
-    },
-    starTouch: {
-        padding: 2,
-    },
-    inputWrapper: {
-        backgroundColor: AppColors_1.AppColors.grayBackground,
-        borderRadius: 10,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.dividerColor,
-        paddingHorizontal: 12,
-        paddingVertical: 8,
-    },
-    textareaWrapper: {
-        minHeight: 88,
-        paddingVertical: 10,
-    },
-    textInput: {
-        fontFamily: AppFonts_1.AppFonts.interRegular,
-        fontSize: 13,
-        color: AppColors_1.AppColors.primaryBlack,
-        padding: 0,
-    },
-    textarea: {
-        height: 72,
-    },
-    diagnosticsToggle: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        justifyContent: 'space-between',
-        backgroundColor: `${AppColors_1.AppColors.purple}10`,
-        borderRadius: 8,
-        paddingHorizontal: 12,
-        paddingVertical: 9,
-        marginTop: 14,
-        borderWidth: 1,
-        borderColor: `${AppColors_1.AppColors.purple}25`,
-    },
-    diagnosticsHeader: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 8,
-        flex: 1,
-    },
-    diagnosticsTitle: {
-        fontFamily: AppFonts_1.AppFonts.interMedium,
-        fontSize: 11.5,
-        color: AppColors_1.AppColors.purple,
-    },
-    diagnosticsArrow: {
-        fontSize: 10,
-        color: AppColors_1.AppColors.purple,
-    },
-    diagnosticsBox: {
-        backgroundColor: '#1E1B2E',
-        borderRadius: 8,
-        padding: 10,
-        marginTop: 6,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.dividerColor,
-    },
-    diagnosticsText: {
-        fontFamily: AppFonts_1.AppFonts.interRegular,
-        fontSize: 11,
-        color: '#E2DFEB',
-        lineHeight: 17,
-    },
-    recipientBadge: {
-        marginTop: 12,
-        paddingVertical: 6,
-        paddingHorizontal: 10,
-        borderRadius: 6,
-        backgroundColor: AppColors_1.AppColors.grayBackground,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.dividerColor,
-        alignSelf: 'flex-start',
-    },
-    recipientText: {
-        fontFamily: AppFonts_1.AppFonts.interRegular,
-        fontSize: 11,
-        color: AppColors_1.AppColors.grayText,
-    },
-    recipientHighlight: {
-        fontFamily: AppFonts_1.AppFonts.interSemiBold,
-        color: AppColors_1.AppColors.purple,
-    },
-    footer: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        justifyContent: 'space-between',
-        paddingHorizontal: 14,
-        paddingTop: 10,
-        paddingBottom: 14,
-        borderTopWidth: 1,
-        borderTopColor: AppColors_1.AppColors.dividerColor,
-        backgroundColor: AppColors_1.AppColors.primaryLight,
-    },
-    copyDraftBtn: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 5,
-        paddingVertical: 8,
-        paddingHorizontal: 10,
-        borderRadius: 8,
-        backgroundColor: AppColors_1.AppColors.grayBackground,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.dividerColor,
-    },
-    copyDraftBtnText: {
-        fontFamily: AppFonts_1.AppFonts.interMedium,
-        fontSize: 11.5,
-        color: AppColors_1.AppColors.grayText,
-    },
-    footerRight: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 8,
-    },
-    cancelBtn: {
-        paddingVertical: 8,
-        paddingHorizontal: 14,
-        borderRadius: 8,
-        backgroundColor: AppColors_1.AppColors.grayBackground,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.dividerColor,
-    },
-    cancelBtnText: {
-        fontFamily: AppFonts_1.AppFonts.interMedium,
-        fontSize: 12.5,
-        color: AppColors_1.AppColors.grayText,
-    },
-    submitBtn: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 6,
-        backgroundColor: AppColors_1.AppColors.purple,
-        paddingVertical: 8,
-        paddingHorizontal: 15,
-        borderRadius: 8,
-        shadowColor: AppColors_1.AppColors.purple,
-        shadowOffset: { width: 0, height: 2 },
-        shadowOpacity: 0.35,
-        shadowRadius: 6,
-        elevation: 4,
-    },
-    submitBtnText: {
-        fontFamily: AppFonts_1.AppFonts.interSemiBold,
-        fontSize: 12.5,
-        color: AppColors_1.AppColors.white,
-    },
-});
-exports.default = exports.FeedbackModal;
+      </react_native_1.Modal>
+    </react_native_1.View>};exports.FeedbackModal=FeedbackModal;const styles=react_native_1.StyleSheet.create({container:{flex:1,backgroundColor:AppColors_1.AppColors.primaryLight},bannerBar:{flexDirection:"row",alignItems:"center",gap:12,backgroundColor:`${AppColors_1.AppColors.purple}10`,paddingHorizontal:16,paddingVertical:12,borderBottomWidth:1,borderBottomColor:`${AppColors_1.AppColors.purple}20`},bannerIconBox:{width:36,height:36,borderRadius:10,backgroundColor:`${AppColors_1.AppColors.purple}20`,alignItems:"center",justifyContent:"center"},bannerTitleRow:{flexDirection:"row",alignItems:"center",gap:8},bannerTitle:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13.5,lineHeight:18,color:AppColors_1.AppColors.purple},livePill:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:`${AppColors_1.AppColors.liveGreen}20`,paddingHorizontal:6,paddingVertical:1.5,borderRadius:10,borderWidth:1,borderColor:`${AppColors_1.AppColors.liveGreen}40`},liveDot:{width:5,height:5,borderRadius:2.5,backgroundColor:AppColors_1.AppColors.liveGreen},liveText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5,color:AppColors_1.AppColors.liveGreen},bannerSub:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,lineHeight:15,color:AppColors_1.AppColors.grayText,marginTop:2},scrollContent:{flex:1},scrollInner:{paddingHorizontal:16,paddingTop:14,paddingBottom:24},sectionLabel:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:AppColors_1.AppColors.grayTextStrong,letterSpacing:.6,marginBottom:8},sectionHeaderRow:{flexDirection:"row",justifyContent:"space-between",alignItems:"center",marginTop:14,marginBottom:8},clearChipsText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:11,color:AppColors_1.AppColors.purple},moduleTriggerCard:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",backgroundColor:AppColors_1.AppColors.grayBackground,borderRadius:12,borderWidth:1.5,borderColor:AppColors_1.AppColors.dividerColor,paddingHorizontal:12,paddingVertical:10,marginBottom:8,shadowColor:AppColors_1.AppColors.black,shadowOffset:{width:0,height:1},shadowOpacity:.04,shadowRadius:3,elevation:1},moduleTriggerLeft:{flexDirection:"row",alignItems:"center",gap:10,flex:1,marginRight:8},moduleIconBox:{width:38,height:38,borderRadius:10,alignItems:"center",justifyContent:"center"},moduleIconText:{fontSize:18},moduleNameRow:{flexDirection:"row",alignItems:"center",gap:6},moduleNameText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13,color:AppColors_1.AppColors.primaryBlack},moduleCategoryBadge:{paddingHorizontal:6,paddingVertical:1.5,borderRadius:6},moduleCategoryBadgeText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:9,letterSpacing:.2},moduleDescText:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:10.5,color:AppColors_1.AppColors.grayTextWeak,marginTop:2},changeBadge:{flexDirection:"row",alignItems:"center",gap:3,backgroundColor:`${AppColors_1.AppColors.purple}14`,paddingHorizontal:8,paddingVertical:4.5,borderRadius:8,borderWidth:1,borderColor:`${AppColors_1.AppColors.purple}30`},changeBadgeText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:10.5,color:AppColors_1.AppColors.purple},chipsContainer:{flexDirection:"row",flexWrap:"wrap",gap:7,marginBottom:14},presetChip:{flexDirection:"row",alignItems:"center",gap:5,paddingVertical:6.5,paddingHorizontal:11,borderRadius:8,backgroundColor:AppColors_1.AppColors.grayBackground,borderWidth:1.2,borderColor:AppColors_1.AppColors.dividerColor},presetChipSelected:{shadowColor:AppColors_1.AppColors.black,shadowOffset:{width:0,height:1},shadowOpacity:.05,shadowRadius:2,elevation:1},presetChipCheck:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,color:AppColors_1.AppColors.grayTextWeak},presetChipText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11.5,lineHeight:15,color:AppColors_1.AppColors.primaryBlack},presetChipTextSelected:{fontFamily:AppFonts_1.AppFonts.interSemiBold},categoryGrid:{flexDirection:"row",flexWrap:"wrap",gap:8,marginBottom:14},categoryChip:{flexDirection:"row",alignItems:"center",gap:6,paddingVertical:7,paddingHorizontal:12,borderRadius:10,backgroundColor:AppColors_1.AppColors.grayBackground,borderWidth:1.5,borderColor:AppColors_1.AppColors.dividerColor},categoryIcon:{fontSize:13},categoryText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:12,lineHeight:16,color:AppColors_1.AppColors.grayText},moodCard:{backgroundColor:AppColors_1.AppColors.grayBackground,borderRadius:12,padding:8,marginBottom:14,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor},moodRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",gap:4},moodButton:{flex:1,alignItems:"center",justifyContent:"center",paddingVertical:8,paddingHorizontal:2,borderRadius:8,borderWidth:1.5,borderColor:"transparent"},moodButtonSelected:{shadowColor:AppColors_1.AppColors.black,shadowOffset:{width:0,height:1},shadowOpacity:.06,shadowRadius:2,elevation:1},moodEmoji:{fontSize:22,marginBottom:4},moodLabel:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:9.5,color:AppColors_1.AppColors.grayText,textAlign:"center"},inputWrapper:{backgroundColor:AppColors_1.AppColors.grayBackground,borderRadius:10,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,paddingHorizontal:12,paddingVertical:8,minHeight:70,marginBottom:12},textInput:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:12.5,lineHeight:18,color:AppColors_1.AppColors.primaryBlack,padding:0,minHeight:54},diagnosticsPill:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",backgroundColor:`${AppColors_1.AppColors.purple}0C`,borderRadius:8,paddingHorizontal:12,paddingVertical:8,borderWidth:1,borderColor:`${AppColors_1.AppColors.purple}20`},diagnosticsLeft:{flexDirection:"row",alignItems:"center",gap:7,flex:1,marginRight:6},diagnosticsPillTitle:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.purple,flexShrink:1},diagnosticsArrow:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:10.5,color:AppColors_1.AppColors.purple},diagnosticsBox:{backgroundColor:"#1E1B2E",borderRadius:8,padding:10,marginTop:6,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor},diagnosticsText:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,color:"#E2DFEB",lineHeight:17},footer:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:16,paddingTop:10,paddingBottom:react_native_1.Platform.OS==="ios"?34:14,borderTopWidth:1,borderTopColor:AppColors_1.AppColors.dividerColor,backgroundColor:AppColors_1.AppColors.primaryLight,gap:10},footerLeft:{flexDirection:"row",alignItems:"center",gap:8},actionPillBtn:{flexDirection:"row",alignItems:"center",gap:5,paddingVertical:8,paddingHorizontal:11,borderRadius:8,backgroundColor:AppColors_1.AppColors.grayBackground,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor},githubPillBtn:{backgroundColor:`${AppColors_1.AppColors.black}08`},actionPillText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:11.5,color:AppColors_1.AppColors.grayTextStrong},primarySubmitBtn:{flex:1,flexDirection:"row",alignItems:"center",justifyContent:"center",gap:6,backgroundColor:AppColors_1.AppColors.purple,paddingVertical:9,paddingHorizontal:14,borderRadius:8,shadowColor:AppColors_1.AppColors.purple,shadowOffset:{width:0,height:2},shadowOpacity:.35,shadowRadius:6,elevation:4},primarySubmitBtnText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12.5,color:AppColors_1.AppColors.white},modalOverlay:{flex:1,justifyContent:"flex-end",backgroundColor:"rgba(0, 0, 0, 0.55)"},modalBackdrop:{...react_native_1.StyleSheet.absoluteFillObject},pickerModalContainer:{backgroundColor:AppColors_1.AppColors.primaryLight,borderTopLeftRadius:20,borderTopRightRadius:20,maxHeight:"82%",paddingHorizontal:16,paddingTop:16,paddingBottom:react_native_1.Platform.OS==="ios"?34:16,shadowColor:AppColors_1.AppColors.black,shadowOffset:{width:0,height:-4},shadowOpacity:.15,shadowRadius:10,elevation:20},pickerHeader:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginBottom:12},pickerHeaderTitle:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:15,color:AppColors_1.AppColors.primaryBlack},pickerHeaderSub:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,color:AppColors_1.AppColors.grayText,marginTop:1},pickerCloseBtn:{width:28,height:28,borderRadius:14,backgroundColor:`${AppColors_1.AppColors.black}15`,alignItems:"center",justifyContent:"center"},pickerSearchWrapper:{flexDirection:"row",alignItems:"center",backgroundColor:AppColors_1.AppColors.grayBackground,borderRadius:10,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,paddingHorizontal:10,paddingVertical:8,gap:8,marginBottom:12},pickerSearchInput:{flex:1,fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:13,color:AppColors_1.AppColors.primaryBlack,padding:0},pickerClearSearchText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12,color:AppColors_1.AppColors.grayTextWeak,paddingHorizontal:4},pickerListScroll:{maxHeight:380},emptySearchWrap:{paddingVertical:24,alignItems:"center",justifyContent:"center"},emptySearchText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:12,color:AppColors_1.AppColors.grayTextWeak},pickerItemCard:{flexDirection:"row",alignItems:"center",gap:12,padding:10,borderRadius:10,backgroundColor:AppColors_1.AppColors.grayBackground,borderWidth:1.5,borderColor:AppColors_1.AppColors.dividerColor,marginBottom:8},pickerItemCardSelected:{shadowColor:AppColors_1.AppColors.black,shadowOffset:{width:0,height:2},shadowOpacity:.05,shadowRadius:3,elevation:2},pickerItemIconBox:{width:36,height:36,borderRadius:9,alignItems:"center",justifyContent:"center"},pickerItemTitleRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginBottom:2},pickerItemTitle:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:12.5,color:AppColors_1.AppColors.primaryBlack},pickerItemDesc:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:10.5,lineHeight:14,color:AppColors_1.AppColors.grayTextWeak},pickerItemCheck:{width:22,height:22,borderRadius:11,alignItems:"center",justifyContent:"center"}});exports.default=exports.FeedbackModal;