react-native-inapp-inspector 2.3.20 → 2.3.22

package/dist/esm/types/interfaces.d.ts

@@ -213,8 +213,6 @@ export interface InspectorContextValue {
     setShowHeaderInfo: React.Dispatch<React.SetStateAction<boolean>>;
     settingsPage: SettingsPage;
     setSettingsPage: React.Dispatch<React.SetStateAction<SettingsPage>>;
-    isFeedbackOpen: boolean;
-    setIsFeedbackOpen: React.Dispatch<React.SetStateAction<boolean>>;
     isAboutOpen: boolean;
     setIsAboutOpen: React.Dispatch<React.SetStateAction<boolean>>;
     updateAvailable: boolean;

package/ios/NetworkInspectorModule.mm

@@ -1235,9 +1235,9 @@ RCT_EXPORT_METHOD(getNativeCachedPage:(NSString *)pageKey
                                                  rgbColorSpace,
                                                  (CGBitmapInfo)kCGBitmapByteOrder32Little | (CGBitmapInfo)kCGImageAlphaPremultipliedFirst);
     if (context) {
-        CGContextTranslateCTM(context, 0, size.height);
-        CGContextScaleCTM(context, 1.0, -1.0);
-        CGContextDrawImage(context, CGRectMake(0, 0, size.width, size.height), cgImage);
+        UIGraphicsPushContext(context);
+        [image drawInRect:CGRectMake(0, 0, size.width, size.height)];
+        UIGraphicsPopContext();
         CGContextRelease(context);
     }
     CGColorSpaceRelease(rgbColorSpace);
@@ -1770,6 +1770,41 @@ RCT_EXPORT_METHOD(deleteCapturedMedia:(NSString *)uri
     });
 }
 
+RCT_EXPORT_METHOD(copyMediaToClipboard:(NSString *)filePath
+                  resolve:(RCTPromiseResolveBlock)resolve
+                  reject:(RCTPromiseRejectBlock)reject) {
+    if (!filePath || filePath.length == 0) {
+        resolve(@{@"success": @(NO), @"error": @"File path is empty"});
+        return;
+    }
+    dispatch_async(dispatch_get_main_queue(), ^{
+        @try {
+            NSString *cleanPath = filePath;
+            if ([cleanPath hasPrefix:@"file://"]) {
+                cleanPath = [cleanPath substringFromIndex:7];
+            }
+            cleanPath = [cleanPath stringByRemovingPercentEncoding];
+
+            UIImage *img = [UIImage imageWithContentsOfFile:cleanPath];
+            if (img) {
+                [UIPasteboard generalPasteboard].image = img;
+                resolve(@{@"success": @(YES), @"type": @"image"});
+            } else {
+                NSURL *fileURL = [NSURL fileURLWithPath:cleanPath];
+                if (fileURL) {
+                    [UIPasteboard generalPasteboard].URL = fileURL;
+                    resolve(@{@"success": @(YES), @"type": @"url"});
+                } else {
+                    [UIPasteboard generalPasteboard].string = filePath;
+                    resolve(@{@"success": @(YES), @"type": @"string"});
+                }
+            }
+        } @catch (NSException *ex) {
+            resolve(@{@"success": @(NO), @"error": ex.reason ?: @"Copy failed"});
+        }
+    });
+}
+
 RCT_EXPORT_METHOD(clearAllCapturedMedia:(RCTPromiseResolveBlock)resolve
                   reject:(RCTPromiseRejectBlock)reject) {
     dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0), ^{
@@ -1786,6 +1821,7 @@ RCT_EXPORT_METHOD(clearAllCapturedMedia:(RCTPromiseResolveBlock)resolve
     });
 }
 
+
 #ifdef RCT_NEW_ARCH_ENABLED
 - (std::shared_ptr<facebook::react::TurboModule>)getTurboModule:
     (const facebook::react::ObjCTurboModule::InitParams &)params

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-inapp-inspector",
-  "version": "2.3.20",
+  "version": "2.3.22",
   "description": "The zero-config, all-in-one in-app debugger for React Native & Expo. Inspect Network (fetch/axios), Console logs, Stack Traces, Redux State, Firebase Analytics, and JS Bundle size directly on device.",
   "repository": {
     "type": "git",

package/src/native/NativeInspector.ts

@@ -642,3 +642,21 @@ export const clearAllCapturedMediaFiles = async (): Promise<boolean> => {
     return false;
   }
 };
+
+/**
+ * Copies a media file (image/video) to the system clipboard as media data if supported.
+ */
+export const copyMediaToClipboard = async (filePath: string): Promise<boolean> => {
+  if (!filePath) return false;
+  if (!NativeModule || !NativeModule.copyMediaToClipboard) {
+    return false;
+  }
+  try {
+    const result = await NativeModule.copyMediaToClipboard(filePath);
+    return Boolean(result?.success);
+  } catch {
+    return false;
+  }
+};
+
+

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

@@ -1,16 +0,0 @@
-import React from 'react';
-export interface FeedbackModalProps {
-    visible?: boolean;
-    onClose: () => void;
-}
-export interface InspectorModuleItem {
-    id: string;
-    name: string;
-    category: string;
-    icon: string;
-    description: string;
-    color: string;
-    quickChips: string[];
-}
-export declare const FeedbackModal: React.FC<FeedbackModalProps>;
-export default FeedbackModal;

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

@@ -1,198 +0,0 @@
-"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.Text style={styles.sectionLabel}>3. SELECT TOPIC</react_native_1.Text>
-        <react_native_1.View style={styles.categoryGrid}>
-          {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>
-              </TouchableScale_1.default>})}
-        </react_native_1.View>
-
-        
-        <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}>5. ADDITIONAL DETAILS (OPTIONAL)</react_native_1.Text>
-        <react_native_1.View style={styles.inputWrapper}>
-          <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.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}>
-            {f?"\u25B2 Less":"\u25BC Details"}
-          </react_native_1.Text>
-        </react_native_1.TouchableOpacity>
-
-        {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.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>
-        </TouchableScale_1.default>
-      </react_native_1.View>
-
-      
-      <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.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.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;

package/dist/esm/components/Inspector/FeedbackModal.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-export interface FeedbackModalProps {
-    visible?: boolean;
-    onClose: () => void;
-}
-export interface InspectorModuleItem {
-    id: string;
-    name: string;
-    category: string;
-    icon: string;
-    description: string;
-    color: string;
-    quickChips: string[];
-}
-export declare const FeedbackModal: React.FC<FeedbackModalProps>;
-export default FeedbackModal;

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

@@ -1,198 +0,0 @@
-import{useState as x,useEffect as Ae,useMemo as M}from"react";import{Alert as Me,Dimensions as je,PixelRatio as We,Platform as V,Linking as ne,Modal as Ge,ScrollView as Ce,StyleSheet as ke,Text as C,TextInput as Se,TouchableOpacity as O,View as S}from"react-native";import Ne,{Path as Ue}from"react-native-svg";import{AppColors as o}from"../../styles/AppColors";import{AppFonts as k}from"../../styles/AppFonts";import R from"../TouchableScale";import{LIB_VERSION as qe}from"../../constants/version";import{getAppName as _e,getBundleIdentifier as Ke,getAppVersionAndBuild as Qe,copyToClipboard as K,showToast as j}from"../../helpers";import{trackTelemetryEvent as Q}from"../../helpers/telemetry";import{triggerNativeHaptic as B}from"../../native/NativeInspector";import{SendIcon as Ye,CopyIcon as Je,InfoCircleIcon as Xe,CheckIcon as Te,SearchIcon as Ze,ChevronDownIcon as Co,CloseWhite as So}from"../NetworkIcons";const H="vengatmacuser@gmail.com",To="https://github.com/vengatmacuser/react-native-inapp-inspector",W=[{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"]}],Y=[{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"}],J=[{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"}],Bo=({size:P=14,color:I=o.white})=><Ne width={P}height={P}viewBox="0 0 24 24"fill={I}>
-    <Ue 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"/>
-  </Ne>;export const FeedbackModal=({onClose:P})=>{const[I,xe]=x("apis"),[we,E]=x(!1),[L,G]=x(""),[D,Be]=x("feedback"),[F,N]=x([]),[$,Ie]=x(5),[A,Re]=x(""),[U,Fe]=x(!1),[X,Z]=x(!1),[q,ee]=x(!1);Ae(()=>{Q("feedback_modal_opened",{category:D,module:I})},[]);const T=M(()=>W.find(t=>t.id===I)||W[0],[I]),oe=M(()=>{const t=L.trim().toLowerCase();return t?W.filter(r=>r.name.toLowerCase().includes(t)||r.category.toLowerCase().includes(t)||r.description.toLowerCase().includes(t)):W},[L]),te=M(()=>Y.find(t=>t.key===D)||Y[0],[D]),ve=M(()=>T.quickChips,[T]),re=_e()||"React Native App",ze=Ke()||"unknown",ie=Qe()?.formatted||"1.0.0",{width:De,height:Ve}=je.get("window"),ae=()=>[`\u2022 Module Context: ${T.name} (${T.category})`,`\u2022 Package: react-native-inapp-inspector@${qe}`,`\u2022 Platform: ${V.OS.toUpperCase()} (${V.Version})`,`\u2022 App: ${re} (${ze}) v${ie}`,`\u2022 Screen: ${Math.round(De)} x ${Math.round(Ve)} (Scale ${We.get()})`,`\u2022 Timestamp: ${new Date().toISOString()}`].join(`
-`),Pe=t=>{B("light"),N(r=>r.includes(t)?r.filter(w=>w!==t):[...r,t])},Ee=t=>{B("medium"),xe(t.id),E(!1),G(""),N([])},Le=t=>{B("medium"),Be(t)},_=()=>{const t=J.find(z=>z.value===$)||J[4],r=F.length>0?F.join(", "):"General thoughts",w=`[In-App Inspector] [${T.name}] [${te.label}] ${r.slice(0,50)}`,v=[`\u{1F4E6} Module: ${T.name} (${T.category})`,`\u{1F3AF} Type: ${te.label}`,`\u{1F31F} Mood / Experience: ${t.emoji} ${t.label} (${$}/5)`,...F.length>0?["","\u{1F4CC} Key Highlights / Items:",...F.map(z=>`  \u2022 ${z}`)]:[],...A.trim()?["","\u{1F4DD} Additional Notes:",A.trim()]:[],"","----------------------------------------","\u26A1 System & Diagnostic Info (Auto-attached):",ae(),"----------------------------------------"];return{subject:w,body:v.join(`
-`),activeMood:t}},$e=()=>{B("success");const{subject:t,body:r}=_(),w=`To: ${H}
-Subject: ${t}
-
-${r}`;K(w,"Feedback Draft & Diagnostics"),ee(!0),setTimeout(()=>ee(!1),2e3),j("Feedback draft & diagnostics copied to clipboard")},Oe=async()=>{B("medium");try{const{subject:t,body:r}=_(),w=encodeURIComponent(t),v=encodeURIComponent(r),z=`${To}/issues/new?title=${w}&body=${v}`;await ne.openURL(z),Q("feedback_github_opened",{category:D,module:I,mood:$})}catch{j("Could not open GitHub browser")}},He=async()=>{if(!X){Z(!0),B("medium");try{const{subject:t,body:r}=_(),w=`mailto:${H}?subject=${encodeURIComponent(t)}&body=${encodeURIComponent(r)}`;Q("feedback_submitted",{category:D,module:I,mood:$,chips_count:F.length,has_custom_note:!!A.trim()});let v=!1;try{await ne.openURL(w),v=!0}catch{v=!1}if(v)j("Opening mail client..."),P();else{const z=`To: ${H}
-Subject: ${t}
-
-${r}`;K(z,"Feedback Draft"),Me.alert("Email Client Not Available",`Your feedback and diagnostics have been copied to clipboard!
-
-You can paste and send directly to:
-${H}`,[{text:"Copy Email Address",onPress:()=>{K(H,"Email Address"),j("Email address copied!")}},{text:"Done",style:"default",onPress:P}])}}catch(t){console.warn("[FeedbackModal] Error sending email:",t)}finally{Z(!1)}}};return<S style={e.container}>
-      <Ce style={e.scrollContent}contentContainerStyle={e.scrollInner}showsVerticalScrollIndicator={!1}keyboardShouldPersistTaps="handled">
-        
-        <C style={e.sectionLabel}>1. TARGET MODULE</C>
-        
-        <R onPress={()=>{B("light"),E(!0)}}style={e.moduleTriggerCard}>
-          <S style={e.moduleTriggerLeft}>
-            <S style={[e.moduleIconBox,{backgroundColor:`${T.color}1C`}]}>
-              <C style={e.moduleIconText}>{T.icon}</C>
-            </S>
-            <S style={{flex:1,minWidth:0}}>
-              <S style={e.moduleNameRow}>
-                <C style={e.moduleNameText}>{T.name}</C>
-                <S style={[e.moduleCategoryBadge,{backgroundColor:`${T.color}18`}]}>
-                  <C style={[e.moduleCategoryBadgeText,{color:T.color}]}>
-                    {T.category}
-                  </C>
-                </S>
-              </S>
-              <C style={e.moduleDescText}numberOfLines={1}>
-                {T.description}
-              </C>
-            </S>
-          </S>
-          
-          <S style={e.changeBadge}>
-            <C style={e.changeBadgeText}>Change</C>
-            <Co size={11}color={o.purple}/>
-          </S>
-        </R>
-
-        
-        <S style={e.sectionHeaderRow}>
-          <C style={e.sectionLabel}>
-            2. QUICK PRESETS FOR {T.name.toUpperCase()}
-          </C>
-          {F.length>0&&<O onPress={()=>N([])}>
-              <C style={e.clearChipsText}>Clear</C>
-            </O>}
-        </S>
-
-        <S style={e.chipsContainer}>
-          {ve.map(t=>{const r=F.includes(t);return<R key={t}onPress={()=>Pe(t)}style={[e.presetChip,r&&[e.presetChipSelected,{borderColor:T.color,backgroundColor:`${T.color}18`}]]}>
-                <C style={[e.presetChipCheck,r&&{color:T.color}]}>
-                  {r?"\u2713":"+"}
-                </C>
-                <C style={[e.presetChipText,r&&[e.presetChipTextSelected,{color:T.color}]]}>
-                  {t}
-                </C>
-              </R>})}
-        </S>
-
-        
-        <C style={e.sectionLabel}>3. SELECT TOPIC</C>
-        <S style={e.categoryGrid}>
-          {Y.map(t=>{const r=D===t.key;return<R key={t.key}onPress={()=>Le(t.key)}style={[e.categoryChip,r&&{backgroundColor:t.bgColor,borderColor:t.color}]}>
-                <C style={e.categoryIcon}>{t.icon}</C>
-                <C style={[e.categoryText,r&&{color:t.color,fontFamily:k.interBold}]}>
-                  {t.label}
-                </C>
-              </R>})}
-        </S>
-
-        
-        <C style={e.sectionLabel}>4. HOW IS YOUR EXPERIENCE?</C>
-        <S style={e.moodCard}>
-          <S style={e.moodRow}>
-            {J.map(t=>{const r=$===t.value;return<R key={t.value}onPress={()=>{B("light"),Ie(t.value)}}style={[e.moodButton,r&&[e.moodButtonSelected,{borderColor:t.color,backgroundColor:`${t.color}15`}]]}>
-                  <C style={e.moodEmoji}>{t.emoji}</C>
-                  <C style={[e.moodLabel,r&&{color:t.color,fontFamily:k.interBold}]}>
-                    {t.label}
-                  </C>
-                </R>})}
-          </S>
-        </S>
-
-        
-        <C style={e.sectionLabel}>5. ADDITIONAL DETAILS (OPTIONAL)</C>
-        <S style={e.inputWrapper}>
-          <Se style={e.textInput}placeholder="Type any extra thoughts, steps to reproduce, or notes here..."placeholderTextColor={o.grayTextWeak}value={A}onChangeText={Re}multiline numberOfLines={3}textAlignVertical="top"/>
-        </S>
-
-        
-        <O activeOpacity={.8}onPress={()=>{B("light"),Fe(!U)}}style={e.diagnosticsPill}>
-          <S style={e.diagnosticsLeft}>
-            <Xe size={14}color={o.purple}/>
-            <C style={e.diagnosticsPillTitle}numberOfLines={1}>
-              {V.OS.toUpperCase()} {V.Version} • {re} v{ie} (Auto-attached)
-            </C>
-          </S>
-          <C style={e.diagnosticsArrow}>
-            {U?"\u25B2 Less":"\u25BC Details"}
-          </C>
-        </O>
-
-        {U&&<S style={e.diagnosticsBox}>
-            <C style={e.diagnosticsText}>{ae()}</C>
-          </S>}
-      </Ce>
-
-      
-      <S style={e.footer}>
-        <S style={e.footerLeft}>
-          <R onPress={$e}style={e.actionPillBtn}>
-            {q?<Te size={14}color={o.emerald500}/>:<Je size={14}color={o.grayTextStrong}/>}
-            <C style={[e.actionPillText,q&&{color:o.emerald500}]}>
-              {q?"Copied!":"Copy"}
-            </C>
-          </R>
-
-          <R onPress={Oe}style={[e.actionPillBtn,e.githubPillBtn]}>
-            <Bo size={13}color={o.primaryBlack}/>
-            <C style={e.actionPillText}>GitHub</C>
-          </R>
-        </S>
-
-        <R onPress={He}style={e.primarySubmitBtn}>
-          <Ye size={15}color={o.white}/>
-          <C style={e.primarySubmitBtnText}>
-            {X?"Sending...":"Send Feedback"}
-          </C>
-        </R>
-      </S>
-
-      
-      <Ge visible={we}transparent={!0}animationType="fade"onRequestClose={()=>E(!1)}>
-        <S style={e.modalOverlay}>
-          <O style={e.modalBackdrop}activeOpacity={1}onPress={()=>E(!1)}/>
-          <S style={e.pickerModalContainer}>
-            
-            <S style={e.pickerHeader}>
-              <S style={{flex:1}}>
-                <C style={e.pickerHeaderTitle}>Select Target Module</C>
-                <C style={e.pickerHeaderSub}>
-                  Choose which inspector feature you want to report on
-                </C>
-              </S>
-              <O onPress={()=>E(!1)}hitSlop={12}style={e.pickerCloseBtn}>
-                <So size={12}/>
-              </O>
-            </S>
-
-            
-            <S style={e.pickerSearchWrapper}>
-              <Ze size={14}color={o.purple}/>
-              <Se style={e.pickerSearchInput}placeholder="Search all 11 modules..."placeholderTextColor={o.grayTextWeak}value={L}onChangeText={G}autoFocus={!1}/>
-              {L.length>0&&<O onPress={()=>G("")}hitSlop={10}>
-                  <C style={e.pickerClearSearchText}>✕</C>
-                </O>}
-            </S>
-
-            
-            <Ce style={e.pickerListScroll}contentContainerStyle={{paddingBottom:20}}showsVerticalScrollIndicator={!1}keyboardShouldPersistTaps="handled">
-              {oe.length===0?<S style={e.emptySearchWrap}>
-                  <C style={e.emptySearchText}>
-                    No modules match "{L}"
-                  </C>
-                </S>:oe.map(t=>{const r=t.id===I;return<R key={t.id}onPress={()=>Ee(t)}style={[e.pickerItemCard,r&&[e.pickerItemCardSelected,{borderColor:t.color,backgroundColor:`${t.color}0E`}]]}>
-                      <S style={[e.pickerItemIconBox,{backgroundColor:`${t.color}1C`}]}>
-                        <C style={e.moduleIconText}>{t.icon}</C>
-                      </S>
-                      <S style={{flex:1,minWidth:0}}>
-                        <S style={e.pickerItemTitleRow}>
-                          <C style={[e.pickerItemTitle,r&&{color:t.color,fontFamily:k.interBold}]}>
-                            {t.name}
-                          </C>
-                          <S style={[e.moduleCategoryBadge,{backgroundColor:`${t.color}18`}]}>
-                            <C style={[e.moduleCategoryBadgeText,{color:t.color}]}>
-                              {t.category}
-                            </C>
-                          </S>
-                        </S>
-                        <C style={e.pickerItemDesc}numberOfLines={2}>
-                          {t.description}
-                        </C>
-                      </S>
-                      {r&&<S style={[e.pickerItemCheck,{backgroundColor:`${t.color}25`}]}>
-                          <Te size={12}color={t.color}/>
-                        </S>}
-                    </R>})}
-            </Ce>
-          </S>
-        </S>
-      </Ge>
-    </S>};const e=ke.create({container:{flex:1,backgroundColor:o.primaryLight},bannerBar:{flexDirection:"row",alignItems:"center",gap:12,backgroundColor:`${o.purple}10`,paddingHorizontal:16,paddingVertical:12,borderBottomWidth:1,borderBottomColor:`${o.purple}20`},bannerIconBox:{width:36,height:36,borderRadius:10,backgroundColor:`${o.purple}20`,alignItems:"center",justifyContent:"center"},bannerTitleRow:{flexDirection:"row",alignItems:"center",gap:8},bannerTitle:{fontFamily:k.interBold,fontSize:13.5,lineHeight:18,color:o.purple},livePill:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:`${o.liveGreen}20`,paddingHorizontal:6,paddingVertical:1.5,borderRadius:10,borderWidth:1,borderColor:`${o.liveGreen}40`},liveDot:{width:5,height:5,borderRadius:2.5,backgroundColor:o.liveGreen},liveText:{fontFamily:k.interBold,fontSize:8.5,color:o.liveGreen},bannerSub:{fontFamily:k.interRegular,fontSize:11,lineHeight:15,color:o.grayText,marginTop:2},scrollContent:{flex:1},scrollInner:{paddingHorizontal:16,paddingTop:14,paddingBottom:24},sectionLabel:{fontFamily:k.interBold,fontSize:10.5,color:o.grayTextStrong,letterSpacing:.6,marginBottom:8},sectionHeaderRow:{flexDirection:"row",justifyContent:"space-between",alignItems:"center",marginTop:14,marginBottom:8},clearChipsText:{fontFamily:k.interSemiBold,fontSize:11,color:o.purple},moduleTriggerCard:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",backgroundColor:o.grayBackground,borderRadius:12,borderWidth:1.5,borderColor:o.dividerColor,paddingHorizontal:12,paddingVertical:10,marginBottom:8,shadowColor:o.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:k.interBold,fontSize:13,color:o.primaryBlack},moduleCategoryBadge:{paddingHorizontal:6,paddingVertical:1.5,borderRadius:6},moduleCategoryBadgeText:{fontFamily:k.interSemiBold,fontSize:9,letterSpacing:.2},moduleDescText:{fontFamily:k.interRegular,fontSize:10.5,color:o.grayTextWeak,marginTop:2},changeBadge:{flexDirection:"row",alignItems:"center",gap:3,backgroundColor:`${o.purple}14`,paddingHorizontal:8,paddingVertical:4.5,borderRadius:8,borderWidth:1,borderColor:`${o.purple}30`},changeBadgeText:{fontFamily:k.interSemiBold,fontSize:10.5,color:o.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:o.grayBackground,borderWidth:1.2,borderColor:o.dividerColor},presetChipSelected:{shadowColor:o.black,shadowOffset:{width:0,height:1},shadowOpacity:.05,shadowRadius:2,elevation:1},presetChipCheck:{fontFamily:k.interBold,fontSize:11,color:o.grayTextWeak},presetChipText:{fontFamily:k.interMedium,fontSize:11.5,lineHeight:15,color:o.primaryBlack},presetChipTextSelected:{fontFamily:k.interSemiBold},categoryGrid:{flexDirection:"row",flexWrap:"wrap",gap:8,marginBottom:14},categoryChip:{flexDirection:"row",alignItems:"center",gap:6,paddingVertical:7,paddingHorizontal:12,borderRadius:10,backgroundColor:o.grayBackground,borderWidth:1.5,borderColor:o.dividerColor},categoryIcon:{fontSize:13},categoryText:{fontFamily:k.interMedium,fontSize:12,lineHeight:16,color:o.grayText},moodCard:{backgroundColor:o.grayBackground,borderRadius:12,padding:8,marginBottom:14,borderWidth:1,borderColor:o.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:o.black,shadowOffset:{width:0,height:1},shadowOpacity:.06,shadowRadius:2,elevation:1},moodEmoji:{fontSize:22,marginBottom:4},moodLabel:{fontFamily:k.interMedium,fontSize:9.5,color:o.grayText,textAlign:"center"},inputWrapper:{backgroundColor:o.grayBackground,borderRadius:10,borderWidth:1,borderColor:o.dividerColor,paddingHorizontal:12,paddingVertical:8,minHeight:70,marginBottom:12},textInput:{fontFamily:k.interRegular,fontSize:12.5,lineHeight:18,color:o.primaryBlack,padding:0,minHeight:54},diagnosticsPill:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",backgroundColor:`${o.purple}0C`,borderRadius:8,paddingHorizontal:12,paddingVertical:8,borderWidth:1,borderColor:`${o.purple}20`},diagnosticsLeft:{flexDirection:"row",alignItems:"center",gap:7,flex:1,marginRight:6},diagnosticsPillTitle:{fontFamily:k.interMedium,fontSize:11,color:o.purple,flexShrink:1},diagnosticsArrow:{fontFamily:k.interSemiBold,fontSize:10.5,color:o.purple},diagnosticsBox:{backgroundColor:"#1E1B2E",borderRadius:8,padding:10,marginTop:6,borderWidth:1,borderColor:o.dividerColor},diagnosticsText:{fontFamily:k.interRegular,fontSize:11,color:"#E2DFEB",lineHeight:17},footer:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:16,paddingTop:10,paddingBottom:V.OS==="ios"?34:14,borderTopWidth:1,borderTopColor:o.dividerColor,backgroundColor:o.primaryLight,gap:10},footerLeft:{flexDirection:"row",alignItems:"center",gap:8},actionPillBtn:{flexDirection:"row",alignItems:"center",gap:5,paddingVertical:8,paddingHorizontal:11,borderRadius:8,backgroundColor:o.grayBackground,borderWidth:1,borderColor:o.dividerColor},githubPillBtn:{backgroundColor:`${o.black}08`},actionPillText:{fontFamily:k.interSemiBold,fontSize:11.5,color:o.grayTextStrong},primarySubmitBtn:{flex:1,flexDirection:"row",alignItems:"center",justifyContent:"center",gap:6,backgroundColor:o.purple,paddingVertical:9,paddingHorizontal:14,borderRadius:8,shadowColor:o.purple,shadowOffset:{width:0,height:2},shadowOpacity:.35,shadowRadius:6,elevation:4},primarySubmitBtnText:{fontFamily:k.interBold,fontSize:12.5,color:o.white},modalOverlay:{flex:1,justifyContent:"flex-end",backgroundColor:"rgba(0, 0, 0, 0.55)"},modalBackdrop:{...ke.absoluteFillObject},pickerModalContainer:{backgroundColor:o.primaryLight,borderTopLeftRadius:20,borderTopRightRadius:20,maxHeight:"82%",paddingHorizontal:16,paddingTop:16,paddingBottom:V.OS==="ios"?34:16,shadowColor:o.black,shadowOffset:{width:0,height:-4},shadowOpacity:.15,shadowRadius:10,elevation:20},pickerHeader:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginBottom:12},pickerHeaderTitle:{fontFamily:k.interBold,fontSize:15,color:o.primaryBlack},pickerHeaderSub:{fontFamily:k.interRegular,fontSize:11,color:o.grayText,marginTop:1},pickerCloseBtn:{width:28,height:28,borderRadius:14,backgroundColor:`${o.black}15`,alignItems:"center",justifyContent:"center"},pickerSearchWrapper:{flexDirection:"row",alignItems:"center",backgroundColor:o.grayBackground,borderRadius:10,borderWidth:1,borderColor:o.dividerColor,paddingHorizontal:10,paddingVertical:8,gap:8,marginBottom:12},pickerSearchInput:{flex:1,fontFamily:k.interRegular,fontSize:13,color:o.primaryBlack,padding:0},pickerClearSearchText:{fontFamily:k.interBold,fontSize:12,color:o.grayTextWeak,paddingHorizontal:4},pickerListScroll:{maxHeight:380},emptySearchWrap:{paddingVertical:24,alignItems:"center",justifyContent:"center"},emptySearchText:{fontFamily:k.interMedium,fontSize:12,color:o.grayTextWeak},pickerItemCard:{flexDirection:"row",alignItems:"center",gap:12,padding:10,borderRadius:10,backgroundColor:o.grayBackground,borderWidth:1.5,borderColor:o.dividerColor,marginBottom:8},pickerItemCardSelected:{shadowColor:o.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:k.interSemiBold,fontSize:12.5,color:o.primaryBlack},pickerItemDesc:{fontFamily:k.interRegular,fontSize:10.5,lineHeight:14,color:o.grayTextWeak},pickerItemCheck:{width:22,height:22,borderRadius:11,alignItems:"center",justifyContent:"center"}});export default FeedbackModal;