react-native-inapp-inspector 2.5.1 → 2.5.3

package/android/src/main/java/com/inappinspector/NetworkInspectorModule.kt

@@ -1,5 +1,6 @@
 package com.inappinspector
 
+import android.app.Activity
 import android.app.ActivityManager
 import android.content.Context
 import android.content.Intent
@@ -23,6 +24,7 @@ import android.view.PixelCopy
 import android.view.View
 import android.view.Window
 import com.facebook.react.bridge.Arguments
+import com.facebook.react.bridge.BaseActivityEventListener
 import com.facebook.react.bridge.Promise
 import com.facebook.react.bridge.ReactApplicationContext
 import com.facebook.react.bridge.ReactContextBaseJavaModule
@@ -35,6 +37,9 @@ import java.io.File
 import java.io.FileOutputStream
 import java.io.PrintWriter
 import java.io.StringWriter
+import java.text.SimpleDateFormat
+import java.util.Date
+import java.util.Locale
 import java.util.Timer
 import java.util.TimerTask
 import java.util.concurrent.Executors
@@ -69,6 +74,91 @@ class NetworkInspectorModule(private val reactContext: ReactApplicationContext)
     private var defaultHandler: Thread.UncaughtExceptionHandler? = null
     private var isProtectionEnabled = false
 
+    private var pendingPickPromise: Promise? = null
+    private val PICK_MEDIA_REQUEST_CODE = 49281
+
+    private val activityEventListener = object : BaseActivityEventListener() {
+        override fun onActivityResult(activity: Activity, requestCode: Int, resultCode: Int, data: Intent?) {
+            if (requestCode == PICK_MEDIA_REQUEST_CODE) {
+                val promise = pendingPickPromise
+                pendingPickPromise = null
+                if (promise == null) return
+
+                if (resultCode != Activity.RESULT_OK || data?.data == null) {
+                    promise.resolve(null)
+                    return
+                }
+
+                captureExecutor.execute {
+                    try {
+                        val uri = data.data!!
+                        val dir = getCapturesDirectory()
+                        val contentResolver = reactContext.contentResolver
+                        val mimeType = contentResolver.getType(uri) ?: ""
+                        val isVideo = mimeType.startsWith("video/")
+                        val isGif = mimeType.contains("gif")
+                        val ext = when {
+                            isVideo -> "mp4"
+                            isGif -> "gif"
+                            mimeType.contains("png") -> "png"
+                            else -> "jpg"
+                        }
+                        val type = when {
+                            isVideo -> "video"
+                            isGif -> "gif"
+                            else -> "image"
+                        }
+                        val timeStamp = System.currentTimeMillis()
+                        val filename = "rn_iai_${timeStamp}_imported_${(1000..9999).random()}.${ext}"
+                        val destFile = File(dir, filename)
+
+                        contentResolver.openInputStream(uri)?.use { input ->
+                            FileOutputStream(destFile).use { output ->
+                                input.copyTo(output)
+                            }
+                        }
+
+                        val map = Arguments.createMap().apply {
+                            putString("id", filename)
+                            putString("type", type)
+                            putString("format", ext)
+                            putString("uri", Uri.fromFile(destFile).toString())
+                            putString("filename", filename)
+                            putDouble("sizeBytes", destFile.length().toDouble())
+                            putDouble("timestamp", destFile.lastModified().toDouble())
+                        }
+
+                        if (type == "video") {
+                            try {
+                                val thumbBaseName = filename.substringBeforeLast(".")
+                                val thumbFile = File(dir, "${thumbBaseName}_thumb.jpg")
+                                val retriever = MediaMetadataRetriever()
+                                retriever.setDataSource(destFile.absolutePath)
+                                val bmp = retriever.getFrameAtTime(0, MediaMetadataRetriever.OPTION_CLOSEST_SYNC)
+                                if (bmp != null) {
+                                    FileOutputStream(thumbFile).use { fos ->
+                                        bmp.compress(Bitmap.CompressFormat.JPEG, 80, fos)
+                                    }
+                                    bmp.recycle()
+                                    map.putString("thumbnailUri", Uri.fromFile(thumbFile).toString())
+                                }
+                                retriever.release()
+                            } catch (e: Exception) {}
+                        }
+
+                        promise.resolve(map)
+                    } catch (e: Exception) {
+                        promise.reject("PICK_ERROR", e.message ?: "Failed to import media", e)
+                    }
+                }
+            }
+        }
+    }
+
+    init {
+        reactContext.addActivityEventListener(activityEventListener)
+    }
+
 
     override fun getName(): String {
         return MODULE_NAME
@@ -737,6 +827,17 @@ class NetworkInspectorModule(private val reactContext: ReactApplicationContext)
         return dir
     }
 
+    /**
+     * Generates a filename in the format: rn_iai_{YYYYMMDD_HHmmss_SSS}_{fileType}_{random6}.{ext}
+     */
+    private fun generateCaptureFilename(fileType: String, ext: String): String {
+        val dateFormat = SimpleDateFormat("yyyyMMdd_HHmmss_SSS", Locale.US)
+        val dateStamp = dateFormat.format(Date())
+        val chars = "abcdefghijklmnopqrstuvwxyz0123456789"
+        val random = (1..6).map { chars.random() }.joinToString("")
+        return "rn_iai_${dateStamp}_${fileType}_${random}.$ext"
+    }
+
     private fun getActiveWindow(): Window? {
         return reactContext.currentActivity?.window
     }
@@ -847,7 +948,7 @@ class NetworkInspectorModule(private val reactContext: ReactApplicationContext)
                     }
 
                     val timestamp = System.currentTimeMillis()
-                    val filename = "screenshot_${timestamp}.$ext"
+                    val filename = generateCaptureFilename("screenshot", ext)
                     val file = File(getCapturesDirectory(), filename)
 
                     val bos = ByteArrayOutputStream()
@@ -979,7 +1080,7 @@ class NetworkInspectorModule(private val reactContext: ReactApplicationContext)
                     recordedFrames.clear()
                 }
 
-                val filename = "video_${timestamp}.mp4"
+                val filename = generateCaptureFilename("video", "mp4")
                 val file = File(getCapturesDirectory(), filename)
 
                 var width = 720
@@ -991,7 +1092,8 @@ class NetworkInspectorModule(private val reactContext: ReactApplicationContext)
                     width = firstFrame.width
                     height = firstFrame.height
 
-                    val thumbFile = File(getCapturesDirectory(), "thumb_${timestamp}.jpg")
+                    val thumbBaseName = filename.substringBeforeLast(".").replace("_video_", "_thumb_")
+                    val thumbFile = File(getCapturesDirectory(), "${thumbBaseName}.jpg")
                     FileOutputStream(thumbFile).use { fos ->
                         firstFrame.compress(Bitmap.CompressFormat.JPEG, 85, fos)
                     }
@@ -1041,7 +1143,7 @@ class NetworkInspectorModule(private val reactContext: ReactApplicationContext)
         captureExecutor.execute {
             try {
                 val timestamp = System.currentTimeMillis()
-                val gifFile = File(getCapturesDirectory(), "anim_${timestamp}.gif")
+                val gifFile = File(getCapturesDirectory(), generateCaptureFilename("anim", "gif"))
 
                 val cleanUri = if (videoUri.startsWith("file://")) videoUri.substring(7) else videoUri
                 val sourceFile = File(cleanUri)
@@ -1124,7 +1226,9 @@ class NetworkInspectorModule(private val reactContext: ReactApplicationContext)
                 val files = dir.listFiles() ?: emptyArray()
                 val jsonArr = org.json.JSONArray()
 
-                files.sortedByDescending { it.lastModified() }.forEach { file ->
+                files.sortedByDescending { it.lastModified() }
+                    .filter { !it.name.contains("_thumb_") && !it.name.startsWith("thumb_") }
+                    .forEach { file ->
                     val ext = file.extension.lowercase()
                     val type = when (ext) {
                         "mp4", "mov" -> "video"
@@ -1143,8 +1247,14 @@ class NetworkInspectorModule(private val reactContext: ReactApplicationContext)
                     }
 
                     if (type == "video") {
-                        val suffix = file.nameWithoutExtension.removePrefix("video_")
-                        val thumbFile = File(dir, "thumb_${suffix}.jpg")
+                        // Try new naming convention: replace _video_ with _thumb_ in base name
+                        val thumbBaseName = file.nameWithoutExtension.replace("_video_", "_thumb_")
+                        var thumbFile = File(dir, "${thumbBaseName}.jpg")
+                        // Fallback: legacy naming convention (thumb_{timestamp}.jpg)
+                        if (!thumbFile.exists()) {
+                            val suffix = file.nameWithoutExtension.removePrefix("video_")
+                            thumbFile = File(dir, "thumb_${suffix}.jpg")
+                        }
                         if (thumbFile.exists()) {
                             obj.put("thumbnailUri", Uri.fromFile(thumbFile).toString())
                         } else {
@@ -1204,6 +1314,40 @@ class NetworkInspectorModule(private val reactContext: ReactApplicationContext)
         }
     }
 
+    @ReactMethod
+    fun pickMedia(options: ReadableMap?, promise: Promise) {
+        val activity = reactContext.currentActivity
+        if (activity == null) {
+            promise.reject("NO_ACTIVITY", "Current activity is null")
+            return
+        }
+        pendingPickPromise = promise
+        val mediaType = if (options?.hasKey("mediaType") == true) options.getString("mediaType") else "any"
+
+        val intent = Intent(Intent.ACTION_GET_CONTENT).apply {
+            when (mediaType) {
+                "image" -> {
+                    type = "image/*"
+                }
+                "video" -> {
+                    type = "video/*"
+                }
+                else -> {
+                    type = "*/*"
+                    putExtra(Intent.EXTRA_MIME_TYPES, arrayOf("image/*", "video/*"))
+                }
+            }
+            addCategory(Intent.CATEGORY_OPENABLE)
+        }
+
+        try {
+            activity.startActivityForResult(Intent.createChooser(intent, "Select Media"), PICK_MEDIA_REQUEST_CODE)
+        } catch (e: Exception) {
+            pendingPickPromise = null
+            promise.reject("PICK_LAUNCH_ERROR", e.message ?: "Failed to open media picker", e)
+        }
+    }
+
     @ReactMethod
     fun copyMediaToClipboard(filePath: String, promise: Promise) {
         val activity = reactContext.currentActivity ?: reactContext
@@ -1279,8 +1423,9 @@ class NetworkInspectorModule(private val reactContext: ReactApplicationContext)
                 }
 
                 val sourceBitmap = if (cleanPath.startsWith("content://")) {
-                    val input = reactContext.contentResolver.openInputStream(Uri.parse(cleanPath))
-                    android.graphics.BitmapFactory.decodeStream(input)
+                    reactContext.contentResolver.openInputStream(Uri.parse(cleanPath))?.use { input ->
+                        android.graphics.BitmapFactory.decodeStream(input)
+                    }
                 } else {
                     android.graphics.BitmapFactory.decodeFile(cleanPath)
                 }

package/dist/commonjs/capture.d.ts

@@ -1,8 +1,9 @@
-import { ScreenshotOptions, ScreenshotResult, RecordingOptions, RecordingResult, GifConversionOptions, CapturedMediaItem } from './native/NativeInspector';
-export type { ScreenshotOptions, ScreenshotResult, RecordingOptions, RecordingResult, GifConversionOptions, CapturedMediaItem, };
+import { ScreenshotOptions, ScreenshotResult, RecordingOptions, RecordingResult, GifConversionOptions, CapturedMediaItem, PickMediaOptions } from './native/NativeInspector';
+export type { ScreenshotOptions, ScreenshotResult, RecordingOptions, RecordingResult, GifConversionOptions, CapturedMediaItem, PickMediaOptions, };
 export type ImageFormat = 'png' | 'jpeg' | 'webp';
 export type AudioSource = 'none' | 'app' | 'mic' | 'mixed';
 export type RecordingFormat = 'mp4' | 'gif';
+export declare const generateCaptureId: (fileType: string, ext: string) => string;
 export declare const ScreenCapture: {
     takeScreenshot: (options?: ScreenshotOptions) => Promise<ScreenshotResult | null>;
     captureScreenshot: (options?: ScreenshotOptions) => Promise<ScreenshotResult | null>;
@@ -14,6 +15,7 @@ export declare const ScreenCapture: {
     getMediaList: () => Promise<CapturedMediaItem[]>;
     deleteMedia: (uri: string) => Promise<boolean>;
     clearAllMedia: () => Promise<boolean>;
+    pickMedia: (options?: PickMediaOptions) => Promise<CapturedMediaItem | null>;
 };
 export declare const ScreenRecorder: {
     takeScreenshot: (options?: ScreenshotOptions) => Promise<ScreenshotResult | null>;
@@ -26,5 +28,6 @@ export declare const ScreenRecorder: {
     getMediaList: () => Promise<CapturedMediaItem[]>;
     deleteMedia: (uri: string) => Promise<boolean>;
     clearAllMedia: () => Promise<boolean>;
+    pickMedia: (options?: PickMediaOptions) => Promise<CapturedMediaItem | null>;
 };
 export default ScreenCapture;

package/dist/commonjs/capture.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ScreenRecorder=exports.ScreenCapture=void 0;const NativeInspector_1=require("./native/NativeInspector");exports.ScreenCapture={takeScreenshot:async e=>(0,NativeInspector_1.takeNativeScreenshot)(e),captureScreenshot:async e=>(0,NativeInspector_1.takeNativeScreenshot)(e),startRecording:async e=>(0,NativeInspector_1.startNativeVideoRecording)(e),stopRecording:async()=>(0,NativeInspector_1.stopNativeVideoRecording)(),isRecording:async()=>(0,NativeInspector_1.isNativeRecordingActive)(),playVideo:async e=>(0,NativeInspector_1.playNativeVideo)(e),convertToGif:async(e,r)=>(0,NativeInspector_1.convertNativeVideoToGif)(e,r),getMediaList:async()=>(0,NativeInspector_1.fetchCapturedMediaList)(),deleteMedia:async e=>(0,NativeInspector_1.deleteCapturedMediaFile)(e),clearAllMedia:async()=>(0,NativeInspector_1.clearAllCapturedMediaFiles)()},exports.ScreenRecorder=exports.ScreenCapture,exports.default=exports.ScreenCapture;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ScreenRecorder=exports.ScreenCapture=exports.generateCaptureId=void 0;const NativeInspector_1=require("./native/NativeInspector"),generateCaptureId=(e,n)=>{const t=new Date,r=(a,s=2)=>String(a).padStart(s,"0"),c=`${t.getFullYear()}${r(t.getMonth()+1)}${r(t.getDate())}_${r(t.getHours())}${r(t.getMinutes())}${r(t.getSeconds())}_${r(t.getMilliseconds(),3)}`,o="abcdefghijklmnopqrstuvwxyz0123456789";let i="";for(let a=0;a<6;a++)i+=o[Math.floor(Math.random()*o.length)];return`rn_iai_${c}_${e}_${i}.${n}`};exports.generateCaptureId=generateCaptureId,exports.ScreenCapture={takeScreenshot:async e=>(0,NativeInspector_1.takeNativeScreenshot)(e),captureScreenshot:async e=>(0,NativeInspector_1.takeNativeScreenshot)(e),startRecording:async e=>(0,NativeInspector_1.startNativeVideoRecording)(e),stopRecording:async()=>(0,NativeInspector_1.stopNativeVideoRecording)(),isRecording:async()=>(0,NativeInspector_1.isNativeRecordingActive)(),playVideo:async e=>(0,NativeInspector_1.playNativeVideo)(e),convertToGif:async(e,n)=>(0,NativeInspector_1.convertNativeVideoToGif)(e,n),getMediaList:async()=>(0,NativeInspector_1.fetchCapturedMediaList)(),deleteMedia:async e=>(0,NativeInspector_1.deleteCapturedMediaFile)(e),clearAllMedia:async()=>(0,NativeInspector_1.clearAllCapturedMediaFiles)(),pickMedia:async e=>(0,NativeInspector_1.pickNativeMedia)(e)},exports.ScreenRecorder=exports.ScreenCapture,exports.default=exports.ScreenCapture;

package/dist/commonjs/components/CountryFlag.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+export interface CountryFlagProps {
+    code: string;
+    size?: number;
+    borderRadius?: number;
+    style?: StyleProp<ViewStyle>;
+}
+export declare const CountryFlag: React.FC<CountryFlagProps>;
+export default CountryFlag;

package/dist/commonjs/components/CountryFlag.js

@@ -0,0 +1,140 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(i,t,l,r){r===void 0&&(r=l);var e=Object.getOwnPropertyDescriptor(t,l);(!e||("get"in e?!t.__esModule:e.writable||e.configurable))&&(e={enumerable:!0,get:function(){return t[l]}}),Object.defineProperty(i,r,e)}):(function(i,t,l,r){r===void 0&&(r=l),i[r]=t[l]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(i,t){Object.defineProperty(i,"default",{enumerable:!0,value:t})}):function(i,t){i.default=t}),__importStar=this&&this.__importStar||(function(){var i=function(t){return i=Object.getOwnPropertyNames||function(l){var r=[];for(var e in l)Object.prototype.hasOwnProperty.call(l,e)&&(r[r.length]=e);return r},i(t)};return function(t){if(t&&t.__esModule)return t;var l={};if(t!=null)for(var r=i(t),e=0;e<r.length;e++)r[e]!=="default"&&__createBinding(l,t,r[e]);return __setModuleDefault(l,t),l}})(),__importDefault=this&&this.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CountryFlag=void 0;const react_1=__importDefault(require("react")),react_native_1=require("react-native"),react_native_svg_1=__importStar(require("react-native-svg")),AppColors_1=require("../styles/AppColors"),CountryFlag=({code:i,size:t=18,borderRadius:l=3,style:r})=>{const e=t*1.35,h=t,c=(i||"").toLowerCase().trim(),F=()=>{switch(c){case"us":case"en":return<react_native_svg_1.G>
+            
+            <react_native_svg_1.Rect width="24"height="18"fill="#FFFFFF"/>
+            
+            <react_native_svg_1.Rect y="0"width="24"height="1.38"fill="#B22234"/>
+            <react_native_svg_1.Rect y="2.76"width="24"height="1.38"fill="#B22234"/>
+            <react_native_svg_1.Rect y="5.52"width="24"height="1.38"fill="#B22234"/>
+            <react_native_svg_1.Rect y="8.28"width="24"height="1.38"fill="#B22234"/>
+            <react_native_svg_1.Rect y="11.04"width="24"height="1.38"fill="#B22234"/>
+            <react_native_svg_1.Rect y="13.8"width="24"height="1.38"fill="#B22234"/>
+            <react_native_svg_1.Rect y="16.56"width="24"height="1.44"fill="#B22234"/>
+            
+            <react_native_svg_1.Rect width="10"height="9.69"fill="#3C3B6E"/>
+            
+            <react_native_svg_1.Circle cx="2.5"cy="2.5"r="0.75"fill="#FFFFFF"/>
+            <react_native_svg_1.Circle cx="5.0"cy="2.5"r="0.75"fill="#FFFFFF"/>
+            <react_native_svg_1.Circle cx="7.5"cy="2.5"r="0.75"fill="#FFFFFF"/>
+            <react_native_svg_1.Circle cx="3.75"cy="4.85"r="0.75"fill="#FFFFFF"/>
+            <react_native_svg_1.Circle cx="6.25"cy="4.85"r="0.75"fill="#FFFFFF"/>
+            <react_native_svg_1.Circle cx="2.5"cy="7.2"r="0.75"fill="#FFFFFF"/>
+            <react_native_svg_1.Circle cx="5.0"cy="7.2"r="0.75"fill="#FFFFFF"/>
+            <react_native_svg_1.Circle cx="7.5"cy="7.2"r="0.75"fill="#FFFFFF"/>
+          </react_native_svg_1.G>;case"in":case"hi":case"ta":case"te":case"kn":case"ml":case"bn":case"mr":case"gu":case"pa":return<react_native_svg_1.G>
+            
+            <react_native_svg_1.Rect y="0"width="24"height="6"fill="#FF9933"/>
+            
+            <react_native_svg_1.Rect y="6"width="24"height="6"fill="#FFFFFF"/>
+            
+            <react_native_svg_1.Rect y="12"width="24"height="6"fill="#138808"/>
+            
+            <react_native_svg_1.Circle cx="12"cy="9"r="2.2"stroke="#000080"strokeWidth="0.5"fill="none"/>
+            <react_native_svg_1.Circle cx="12"cy="9"r="0.6"fill="#000080"/>
+            <react_native_svg_1.Path d="M12 6.8v4.4M9.8 9h4.4M10.4 7.4l3.2 3.2M10.4 10.6l3.2-3.2"stroke="#000080"strokeWidth="0.35"/>
+          </react_native_svg_1.G>;case"gb":case"uk":return<react_native_svg_1.G>
+            <react_native_svg_1.Rect width="24"height="18"fill="#012169"/>
+            
+            <react_native_svg_1.Path d="M0 0L24 18M24 0L0 18"stroke="#FFFFFF"strokeWidth="3.2"/>
+            
+            <react_native_svg_1.Path d="M0 0L24 18M24 0L0 18"stroke="#C8102E"strokeWidth="1.6"/>
+            
+            <react_native_svg_1.Path d="M12 0v18M0 9h24"stroke="#FFFFFF"strokeWidth="5.5"/>
+            
+            <react_native_svg_1.Path d="M12 0v18M0 9h24"stroke="#C8102E"strokeWidth="3.2"/>
+          </react_native_svg_1.G>;case"es":return<react_native_svg_1.G>
+            
+            <react_native_svg_1.Rect y="0"width="24"height="4.5"fill="#AA151B"/>
+            
+            <react_native_svg_1.Rect y="4.5"width="24"height="9"fill="#F1BF00"/>
+            
+            <react_native_svg_1.Rect y="13.5"width="24"height="4.5"fill="#AA151B"/>
+            
+            <react_native_svg_1.Rect x="5"y="7"width="2.5"height="4"rx="0.5"fill="#AA151B"/>
+            <react_native_svg_1.Circle cx="6.25"cy="6.2"r="0.75"fill="#C8102E"/>
+          </react_native_svg_1.G>;case"fr":return<react_native_svg_1.G>
+            <react_native_svg_1.Rect x="0"y="0"width="8"height="18"fill="#002395"/>
+            <react_native_svg_1.Rect x="8"y="0"width="8"height="18"fill="#FFFFFF"/>
+            <react_native_svg_1.Rect x="16"y="0"width="8"height="18"fill="#ED2939"/>
+          </react_native_svg_1.G>;case"de":return<react_native_svg_1.G>
+            <react_native_svg_1.Rect y="0"width="24"height="6"fill="#000000"/>
+            <react_native_svg_1.Rect y="6"width="24"height="6"fill="#DD0000"/>
+            <react_native_svg_1.Rect y="12"width="24"height="6"fill="#FFCE00"/>
+          </react_native_svg_1.G>;case"zh":case"cn":return<react_native_svg_1.G>
+            <react_native_svg_1.Rect width="24"height="18"fill="#DE2910"/>
+            
+            <react_native_svg_1.Polygon points="4.5,2 5.2,3.8 7,4 5.6,5.2 6,7 4.5,5.9 3,7 3.4,5.2 2,4 3.8,3.8"fill="#FFDE00"/>
+            
+            <react_native_svg_1.Circle cx="8.5"cy="2.5"r="0.65"fill="#FFDE00"/>
+            <react_native_svg_1.Circle cx="9.8"cy="4.2"r="0.65"fill="#FFDE00"/>
+            <react_native_svg_1.Circle cx="9.8"cy="6.4"r="0.65"fill="#FFDE00"/>
+            <react_native_svg_1.Circle cx="8.5"cy="8.2"r="0.65"fill="#FFDE00"/>
+          </react_native_svg_1.G>;case"ja":case"jp":return<react_native_svg_1.G>
+            <react_native_svg_1.Rect width="24"height="18"fill="#FFFFFF"/>
+            <react_native_svg_1.Circle cx="12"cy="9"r="4.2"fill="#BC002D"/>
+          </react_native_svg_1.G>;case"ko":case"kr":return<react_native_svg_1.G>
+            <react_native_svg_1.Rect width="24"height="18"fill="#FFFFFF"/>
+            
+            <react_native_svg_1.Circle cx="12"cy="9"r="3.6"fill="#C60C30"/>
+            <react_native_svg_1.Path d="M12 9a1.8 1.8 0 0 1 0 3.6 3.6 3.6 0 0 1 0-7.2 1.8 1.8 0 0 0 0 3.6z"fill="#003478"/>
+            
+            <react_native_svg_1.Rect x="4"y="3.5"width="2"height="0.6"fill="#000000"/>
+            <react_native_svg_1.Rect x="4"y="4.5"width="2"height="0.6"fill="#000000"/>
+            <react_native_svg_1.Rect x="18"y="13"width="2"height="0.6"fill="#000000"/>
+            <react_native_svg_1.Rect x="18"y="14"width="2"height="0.6"fill="#000000"/>
+          </react_native_svg_1.G>;case"br":case"pt":return<react_native_svg_1.G>
+            <react_native_svg_1.Rect width="24"height="18"fill="#009739"/>
+            <react_native_svg_1.Polygon points="12,2 22,9 12,16 2,9"fill="#FEDD00"/>
+            <react_native_svg_1.Circle cx="12"cy="9"r="3.2"fill="#012169"/>
+            <react_native_svg_1.Path d="M9.2 8.5a3.2 3.2 0 0 1 5.6 1"stroke="#FFFFFF"strokeWidth="0.6"fill="none"/>
+          </react_native_svg_1.G>;case"ru":return<react_native_svg_1.G>
+            <react_native_svg_1.Rect y="0"width="24"height="6"fill="#FFFFFF"/>
+            <react_native_svg_1.Rect y="6"width="24"height="6"fill="#0039A6"/>
+            <react_native_svg_1.Rect y="12"width="24"height="6"fill="#D52B1E"/>
+          </react_native_svg_1.G>;case"ar":case"sa":return<react_native_svg_1.G>
+            <react_native_svg_1.Rect width="24"height="18"fill="#006C35"/>
+            
+            <react_native_svg_1.Path d="M6 12h12M16 11l2 1-2 1"stroke="#FFFFFF"strokeWidth="0.8"strokeLinecap="round"/>
+            <react_native_svg_1.Circle cx="12"cy="7.5"r="1.5"stroke="#FFFFFF"strokeWidth="0.6"fill="none"/>
+          </react_native_svg_1.G>;case"it":return<react_native_svg_1.G>
+            <react_native_svg_1.Rect x="0"y="0"width="8"height="18"fill="#009246"/>
+            <react_native_svg_1.Rect x="8"y="0"width="8"height="18"fill="#FFFFFF"/>
+            <react_native_svg_1.Rect x="16"y="0"width="8"height="18"fill="#CE2B37"/>
+          </react_native_svg_1.G>;case"id":return<react_native_svg_1.G>
+            <react_native_svg_1.Rect y="0"width="24"height="9"fill="#E70011"/>
+            <react_native_svg_1.Rect y="9"width="24"height="9"fill="#FFFFFF"/>
+          </react_native_svg_1.G>;case"tr":return<react_native_svg_1.G>
+            <react_native_svg_1.Rect width="24"height="18"fill="#E30A17"/>
+            
+            <react_native_svg_1.Circle cx="10"cy="9"r="3.6"fill="#FFFFFF"/>
+            <react_native_svg_1.Circle cx="11"cy="9"r="2.9"fill="#E30A17"/>
+            
+            <react_native_svg_1.Polygon points="14.5,7.8 14.8,8.8 15.8,8.8 15,9.4 15.3,10.4 14.5,9.8 13.7,10.4 14,9.4 13.2,8.8 14.2,8.8"fill="#FFFFFF"/>
+          </react_native_svg_1.G>;case"vi":case"vn":return<react_native_svg_1.G>
+            <react_native_svg_1.Rect width="24"height="18"fill="#DA251D"/>
+            
+            <react_native_svg_1.Polygon points="12,3.5 13.7,8.8 19.2,8.8 14.8,12 16.5,17.3 12,14 7.5,17.3 9.2,12 4.8,8.8 10.3,8.8"fill="#FFFF00"/>
+          </react_native_svg_1.G>;case"nl":return<react_native_svg_1.G>
+            <react_native_svg_1.Rect y="0"width="24"height="6"fill="#AE1C28"/>
+            <react_native_svg_1.Rect y="6"width="24"height="6"fill="#FFFFFF"/>
+            <react_native_svg_1.Rect y="12"width="24"height="6"fill="#21468B"/>
+          </react_native_svg_1.G>;case"pl":return<react_native_svg_1.G>
+            <react_native_svg_1.Rect y="0"width="24"height="9"fill="#FFFFFF"/>
+            <react_native_svg_1.Rect y="9"width="24"height="9"fill="#DC143C"/>
+          </react_native_svg_1.G>;default:return<react_native_svg_1.G>
+            <react_native_svg_1.Rect width="24"height="18"fill="#1E293B"/>
+            <react_native_svg_1.Circle cx="12"cy="9"r="6.5"stroke="#38BDF8"strokeWidth="1.2"fill="#0F172A"/>
+            <react_native_svg_1.Path d="M5.5 9h13M12 2.5a8.5 8.5 0 0 1 0 13 8.5 8.5 0 0 1 0-13z"stroke="#38BDF8"strokeWidth="1"fill="none"/>
+          </react_native_svg_1.G>}};return<react_native_1.View style={[styles.container,{width:e,height:h,borderRadius:l},r]}>
+      <react_native_svg_1.default width={e}height={h}viewBox="0 0 24 18">
+        <react_native_svg_1.Defs>
+          <react_native_svg_1.ClipPath id={`clip-${c}-${t}`}>
+            <react_native_svg_1.Rect width="24"height="18"rx={l*(24/e)}/>
+          </react_native_svg_1.ClipPath>
+        </react_native_svg_1.Defs>
+        <react_native_svg_1.G clipPath={`url(#clip-${c}-${t})`}>
+          {F()}
+        </react_native_svg_1.G>
+        
+        <react_native_svg_1.Rect width="24"height="18"rx={l*(24/e)}fill="none"stroke={AppColors_1.AppColors.overlayWhite20||"rgba(255,255,255,0.2)"}strokeWidth="0.8"/>
+      </react_native_svg_1.default>
+    </react_native_1.View>};exports.CountryFlag=CountryFlag;const styles=react_native_1.StyleSheet.create({container:{overflow:"hidden",justifyContent:"center",alignItems:"center"}});exports.default=exports.CountryFlag;

package/dist/commonjs/components/EmptyState.js

@@ -1,17 +1,17 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(t,e,a,r){r===void 0&&(r=a);var n=Object.getOwnPropertyDescriptor(e,a);(!n||("get"in n?!e.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return e[a]}}),Object.defineProperty(t,r,n)}):(function(t,e,a,r){r===void 0&&(r=a),t[r]=e[a]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}):function(t,e){t.default=e}),__importStar=this&&this.__importStar||(function(){var t=function(e){return t=Object.getOwnPropertyNames||function(a){var r=[];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(r[r.length]=n);return r},t(e)};return function(e){if(e&&e.__esModule)return e;var a={};if(e!=null)for(var r=t(e),n=0;n<r.length;n++)r[n]!=="default"&&__createBinding(a,e,r[n]);return __setModuleDefault(a,e),a}})(),__importDefault=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),TouchableScale_1=__importDefault(require("./TouchableScale")),AnimatedEntrance_1=__importDefault(require("./AnimatedEntrance")),NetworkIcons_1=require("./NetworkIcons"),AppColors_1=require("../styles/AppColors"),styles_1=__importDefault(require("../styles")),EmptyState=react_1.default.memo(function({isSearch:e,searchQuery:a,customTitle:r,customSub:n,onClearSearch:i,showReload:o=!0}){const l=(0,react_1.useRef)(new react_native_1.Animated.Value(1)).current;(0,react_1.useEffect)(()=>{const u=react_native_1.Animated.loop(react_native_1.Animated.sequence([react_native_1.Animated.timing(l,{toValue:1.06,duration:900,useNativeDriver:!1}),react_native_1.Animated.timing(l,{toValue:1,duration:900,useNativeDriver:!1})]));return u.start(),()=>u.stop()},[l]);const s=()=>{if(__DEV__&&react_native_1.DevSettings&&react_native_1.DevSettings.reload){react_native_1.DevSettings.reload();return}react_native_1.Alert.alert("Reload","App reload is typically only available in development mode.")};return<AnimatedEntrance_1.default style={styles_1.default.emptyContainer}distance={14}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(t,e,r,n){n===void 0&&(n=r);var a=Object.getOwnPropertyDescriptor(e,r);(!a||("get"in a?!e.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return e[r]}}),Object.defineProperty(t,n,a)}):(function(t,e,r,n){n===void 0&&(n=r),t[n]=e[r]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}):function(t,e){t.default=e}),__importStar=this&&this.__importStar||(function(){var t=function(e){return t=Object.getOwnPropertyNames||function(r){var n=[];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(n[n.length]=a);return n},t(e)};return function(e){if(e&&e.__esModule)return e;var r={};if(e!=null)for(var n=t(e),a=0;a<n.length;a++)n[a]!=="default"&&__createBinding(r,e,n[a]);return __setModuleDefault(r,e),r}})(),__importDefault=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),TouchableScale_1=__importDefault(require("./TouchableScale")),AnimatedEntrance_1=__importDefault(require("./AnimatedEntrance")),NetworkIcons_1=require("./NetworkIcons"),AppColors_1=require("../styles/AppColors"),styles_1=__importDefault(require("../styles")),i18n_1=require("../i18n"),EmptyState=react_1.default.memo(function({isSearch:e,searchQuery:r,customTitle:n,customSub:a,onClearSearch:i,showReload:s=!0}){const{t:o}=(0,i18n_1.useTranslation)(),l=(0,react_1.useRef)(new react_native_1.Animated.Value(1)).current;(0,react_1.useEffect)(()=>{const u=react_native_1.Animated.loop(react_native_1.Animated.sequence([react_native_1.Animated.timing(l,{toValue:1.06,duration:900,useNativeDriver:!1}),react_native_1.Animated.timing(l,{toValue:1,duration:900,useNativeDriver:!1})]));return u.start(),()=>u.stop()},[l]);const c=()=>{if(__DEV__&&react_native_1.DevSettings&&react_native_1.DevSettings.reload){react_native_1.DevSettings.reload();return}react_native_1.Alert.alert(o("common.reload","Reload"),o("common.reloadDevOnly","App reload is typically only available in development mode."))};return<AnimatedEntrance_1.default style={styles_1.default.emptyContainer}distance={14}>
       <react_native_1.Animated.View style={[styles_1.default.emptyIconWrap,{transform:[{scale:l}]}]}>
         <NetworkIcons_1.EmptyRadarIcon color={AppColors_1.AppColors.purple}size={32}/>
       </react_native_1.Animated.View>
       <react_native_1.Text style={styles_1.default.emptyTitle}>
-        {r||(e?"No matching results":"No network activity")}
+        {n||(e?o("common.noMatches","No matching results"):o("network.noActivity","No network activity"))}
       </react_native_1.Text>
       <react_native_1.Text style={styles_1.default.emptySub}>
-        {n||(e?a?`No items matched "${a}"`:"Try adjusting your filters or search keywords.":"Listening for incoming API calls...")}
+        {a||(e?r?`${o("common.noItemsMatched","No items matched")} "${r}"`:o("common.adjustFilters","Try adjusting your filters or search keywords."):o("network.listening","Listening for incoming API calls..."))}
       </react_native_1.Text>
       {e&&i&&<TouchableScale_1.default style={styles_1.default.reloadBtn}onPress={i}>
-          <react_native_1.Text style={styles_1.default.reloadBtnText}>Clear Search & Filters</react_native_1.Text>
+          <react_native_1.Text style={styles_1.default.reloadBtnText}>{o("common.clearSearchFilters","Clear Search & Filters")}</react_native_1.Text>
         </TouchableScale_1.default>}
-      {!e&&o&&<TouchableScale_1.default style={styles_1.default.reloadBtn}onPress={s}>
-          <react_native_1.Text style={styles_1.default.reloadBtnText}>Reload App</react_native_1.Text>
+      {!e&&s&&<TouchableScale_1.default style={styles_1.default.reloadBtn}onPress={c}>
+          <react_native_1.Text style={styles_1.default.reloadBtnText}>{o("common.reloadApp","Reload App")}</react_native_1.Text>
         </TouchableScale_1.default>}
     </AnimatedEntrance_1.default>});exports.default=EmptyState;