react-native-inapp-inspector 2.5.2 → 2.5.4

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

@@ -1,12 +1,12 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(r,a,s,n){n===void 0&&(n=s);var i=Object.getOwnPropertyDescriptor(a,s);(!i||("get"in i?!a.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return a[s]}}),Object.defineProperty(r,n,i)}):(function(r,a,s,n){n===void 0&&(n=s),r[n]=a[s]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(r,a){Object.defineProperty(r,"default",{enumerable:!0,value:a})}):function(r,a){r.default=a}),__importStar=this&&this.__importStar||(function(){var r=function(a){return r=Object.getOwnPropertyNames||function(s){var n=[];for(var i in s)Object.prototype.hasOwnProperty.call(s,i)&&(n[n.length]=i);return n},r(a)};return function(a){if(a&&a.__esModule)return a;var s={};if(a!=null)for(var n=r(a),i=0;i<n.length;i++)n[i]!=="default"&&__createBinding(s,a,n[i]);return __setModuleDefault(s,a),s}})(),__importDefault=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.FloatingCaptureWidget=void 0;const react_1=__importStar(require("react")),react_native_1=require("react-native"),react_native_linear_gradient_1=__importDefault(require("react-native-linear-gradient")),InspectorContext_1=require("./InspectorContext"),TouchableScale_1=__importDefault(require("../TouchableScale")),NetworkIcons_1=require("../NetworkIcons"),capture_1=require("../../capture"),NativeInspector_1=require("../../native/NativeInspector"),toast_1=require("../../helpers/toast"),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),i18n_1=require("../../i18n"),MediaPreviewModal_1=require("./MediaPreviewModal"),FloatingCaptureWidget=()=>{const{refreshMediaCount:r,captureFps:a,captureScale:s,captureBitrate:n,captureMaxDurationSeconds:i,captureAudioMode:C,activeTab:A,settingsPage:M,peekMode:E,previewMediaItem:v,setPreviewMediaItem:p}=(0,InspectorContext_1.useInspector)(),{t:d}=(0,i18n_1.useTranslation)(),[f,h]=(0,react_1.useState)(!1),[V,y]=(0,react_1.useState)(!1),[P,_]=(0,react_1.useState)(0),u=(0,react_1.useRef)(null),g=(0,react_1.useRef)(new react_native_1.Animated.Value(1)).current,w=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current,c=(0,react_1.useRef)(new react_native_1.Animated.ValueXY({x:0,y:0})).current,l=(0,react_1.useRef)({x:0,y:0});(0,react_1.useEffect)(()=>{const e=c.x.addListener(o=>l.current.x=o.value),t=c.y.addListener(o=>l.current.y=o.value);return()=>{c.x.removeListener(e),c.y.removeListener(t)}},[c]);const m=(0,react_1.useRef)(!1),F=(0,react_1.useRef)(react_native_1.PanResponder.create({onStartShouldSetPanResponder:()=>!0,onStartShouldSetPanResponderCapture:()=>!1,onMoveShouldSetPanResponder:(e,t)=>Math.abs(t.dx)>2||Math.abs(t.dy)>2,onMoveShouldSetPanResponderCapture:(e,t)=>Math.abs(t.dx)>4||Math.abs(t.dy)>4,onPanResponderGrant:()=>{m.current=!0,c.setOffset({x:l.current.x,y:l.current.y}),c.setValue({x:0,y:0})},onPanResponderMove:react_native_1.Animated.event([null,{dx:c.x,dy:c.y}],{useNativeDriver:!1}),onPanResponderTerminationRequest:()=>!1,onShouldBlockNativeResponder:()=>!0,onPanResponderRelease:()=>{c.flattenOffset(),setTimeout(()=>{m.current=!1},100);const{width:e,height:t}=react_native_1.Dimensions.get("window"),o=e/2-20,x=-o,R=20,T=-(t-140),b=l.current.x,S=l.current.y;if(b<x||b>o||S<T||S>R){const B=Math.min(Math.max(b,x),o),q=Math.min(Math.max(S,T),R);react_native_1.Animated.spring(c,{toValue:{x:B,y:q},friction:7,tension:50,useNativeDriver:!1}).start()}},onPanResponderTerminate:()=>{c.flattenOffset(),m.current=!1}})).current;(0,react_1.useEffect)(()=>{capture_1.ScreenCapture.isRecording().then(e=>{h(e)}).catch(()=>{})},[]),(0,react_1.useEffect)(()=>{let e=null;return f?(_(0),u.current=setInterval(()=>{_(t=>t+1)},1e3),e=react_native_1.Animated.loop(react_native_1.Animated.sequence([react_native_1.Animated.timing(g,{toValue:1.15,duration:500,useNativeDriver:!0}),react_native_1.Animated.timing(g,{toValue:1,duration:500,useNativeDriver:!0})])),e.start()):(u.current&&(clearInterval(u.current),u.current=null),_(0),g.setValue(1)),()=>{u.current&&clearInterval(u.current),e&&e.stop()}},[f,g]);const D=(0,react_1.useCallback)(async()=>{if(!m.current)try{(0,NativeInspector_1.triggerNativeHaptic)("light"),y(!0),await new Promise(t=>setTimeout(t,60));const e=await capture_1.ScreenCapture.takeScreenshot({format:"png",quality:.9,hideInspector:!1});if(y(!1),react_native_1.Animated.sequence([react_native_1.Animated.timing(w,{toValue:.65,duration:70,useNativeDriver:!0}),react_native_1.Animated.timing(w,{toValue:0,duration:200,useNativeDriver:!0})]).start(),e){(0,NativeInspector_1.triggerNativeHaptic)("success");const t=(0,capture_1.generateCaptureId)("screenshot",e.format||"png"),o={id:t,type:"image",format:e.format,uri:e.uri,filename:e.uri.split("/").pop()||t,sizeBytes:e.sizeBytes,timestamp:e.timestamp,width:e.width,height:e.height};p(o),r?.().catch(()=>{}),(0,toast_1.showToast)(d("header.screenshotCaptured","Screenshot captured"))}else(0,toast_1.showToast)(d("header.screenshotFailed","Failed to capture screenshot"))}catch{y(!1),(0,toast_1.showToast)(d("header.screenshotError","Error capturing screenshot"))}},[r,w,d]),I=(0,react_1.useCallback)(async()=>{if(!m.current)try{if(f){(0,NativeInspector_1.triggerNativeHaptic)("medium");const e=await capture_1.ScreenCapture.stopRecording();if(h(!1),e){(0,NativeInspector_1.triggerNativeHaptic)("success");const t=(0,capture_1.generateCaptureId)("video",e.format),o={id:t,type:e.format==="gif"?"gif":"video",format:e.format,uri:e.uri,filename:e.uri.split("/").pop()||t,sizeBytes:e.sizeBytes,timestamp:e.timestamp,durationMs:e.durationMs,width:e.width,height:e.height,hasAudio:e.hasAudio,thumbnailUri:e.thumbnailUri};p(o),r?.().catch(()=>{}),(0,toast_1.showToast)(d("header.recordingSaved",{duration:(e.durationMs/1e3).toFixed(1),defaultValue:`Recording saved (${(e.durationMs/1e3).toFixed(1)}s)`}))}}else(0,NativeInspector_1.triggerNativeHaptic)("medium"),h(!0),await capture_1.ScreenCapture.startRecording({fps:a,scale:s,audioSource:C,bitrate:n>0?n:void 0,maxDurationSeconds:i})?(0,toast_1.showToast)(d("header.recordingStarted","Recording started")):(h(!1),(0,toast_1.showToast)(d("header.recordingStartFailed","Failed to start recording")))}catch{(0,toast_1.showToast)(d("header.recordingError","Error during screen recording")),h(!1)}},[f,a,s,n,i,C,r,d]),O=e=>{const t=Math.floor(e/60),o=e%60;return`${t<10?"0":""}${t}:${o<10?"0":""}${o}`};return A==="media"||M==="media"?null:<>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(r,a,s,n){n===void 0&&(n=s);var i=Object.getOwnPropertyDescriptor(a,s);(!i||("get"in i?!a.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return a[s]}}),Object.defineProperty(r,n,i)}):(function(r,a,s,n){n===void 0&&(n=s),r[n]=a[s]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(r,a){Object.defineProperty(r,"default",{enumerable:!0,value:a})}):function(r,a){r.default=a}),__importStar=this&&this.__importStar||(function(){var r=function(a){return r=Object.getOwnPropertyNames||function(s){var n=[];for(var i in s)Object.prototype.hasOwnProperty.call(s,i)&&(n[n.length]=i);return n},r(a)};return function(a){if(a&&a.__esModule)return a;var s={};if(a!=null)for(var n=r(a),i=0;i<n.length;i++)n[i]!=="default"&&__createBinding(s,a,n[i]);return __setModuleDefault(s,a),s}})(),__importDefault=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.FloatingCaptureWidget=void 0;const react_1=__importStar(require("react")),react_native_1=require("react-native"),react_native_linear_gradient_1=__importDefault(require("react-native-linear-gradient")),InspectorContext_1=require("./InspectorContext"),TouchableScale_1=__importDefault(require("../TouchableScale")),NetworkIcons_1=require("../NetworkIcons"),capture_1=require("../../capture"),NativeInspector_1=require("../../native/NativeInspector"),toast_1=require("../../helpers/toast"),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),i18n_1=require("../../i18n"),MediaPreviewModal_1=require("./MediaPreviewModal"),FloatingCaptureWidget=()=>{const{refreshMediaCount:r,captureFps:a,captureScale:s,captureBitrate:n,captureMaxDurationSeconds:i,captureAudioMode:S,activeTab:T,settingsPage:M,peekMode:N,previewMediaItem:y,setPreviewMediaItem:p}=(0,InspectorContext_1.useInspector)(),{t:d}=(0,i18n_1.useTranslation)(),[f,h]=(0,react_1.useState)(!1),[V,w]=(0,react_1.useState)(!1),[P,_]=(0,react_1.useState)(0),u=(0,react_1.useRef)(null),g=(0,react_1.useRef)(new react_native_1.Animated.Value(1)).current,v=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current,c=(0,react_1.useRef)(new react_native_1.Animated.ValueXY({x:0,y:0})).current,l=(0,react_1.useRef)({x:0,y:0});(0,react_1.useEffect)(()=>{const e=c.x.addListener(o=>l.current.x=o.value),t=c.y.addListener(o=>l.current.y=o.value);return()=>{c.x.removeListener(e),c.y.removeListener(t)}},[c]);const m=(0,react_1.useRef)(!1),D=(0,react_1.useRef)(react_native_1.PanResponder.create({onStartShouldSetPanResponder:()=>!0,onStartShouldSetPanResponderCapture:()=>!1,onMoveShouldSetPanResponder:(e,t)=>Math.abs(t.dx)>2||Math.abs(t.dy)>2,onMoveShouldSetPanResponderCapture:(e,t)=>Math.abs(t.dx)>4||Math.abs(t.dy)>4,onPanResponderGrant:()=>{m.current=!0,c.setOffset({x:l.current.x,y:l.current.y}),c.setValue({x:0,y:0})},onPanResponderMove:react_native_1.Animated.event([null,{dx:c.x,dy:c.y}],{useNativeDriver:!1}),onPanResponderTerminationRequest:()=>!1,onShouldBlockNativeResponder:()=>!0,onPanResponderRelease:()=>{c.flattenOffset(),setTimeout(()=>{m.current=!1},100);const{width:e,height:t}=react_native_1.Dimensions.get("window"),o=e/2-20,x=-o,R=20,A=-(t-140),C=l.current.x,b=l.current.y;if(C<x||C>o||b<A||b>R){const q=Math.min(Math.max(C,x),o),B=Math.min(Math.max(b,A),R);react_native_1.Animated.spring(c,{toValue:{x:q,y:B},friction:7,tension:50,useNativeDriver:!1}).start()}},onPanResponderTerminate:()=>{c.flattenOffset(),m.current=!1}})).current;(0,react_1.useEffect)(()=>{capture_1.ScreenCapture.isRecording().then(e=>{h(e)}).catch(()=>{})},[]),(0,react_1.useEffect)(()=>{let e=null;return f?(_(0),u.current=setInterval(()=>{_(t=>t+1)},1e3),e=react_native_1.Animated.loop(react_native_1.Animated.sequence([react_native_1.Animated.timing(g,{toValue:1.15,duration:500,useNativeDriver:!0}),react_native_1.Animated.timing(g,{toValue:1,duration:500,useNativeDriver:!0})])),e.start()):(u.current&&(clearInterval(u.current),u.current=null),_(0),g.setValue(1)),()=>{u.current&&clearInterval(u.current),e&&e.stop()}},[f,g]);const F=(0,react_1.useCallback)(async()=>{if(!m.current)try{(0,NativeInspector_1.triggerNativeHaptic)("light"),w(!0),await new Promise(t=>setTimeout(t,60));const e=await capture_1.ScreenCapture.takeScreenshot({format:"png",quality:.9,hideInspector:!1});if(w(!1),react_native_1.Animated.sequence([react_native_1.Animated.timing(v,{toValue:.65,duration:70,useNativeDriver:!0}),react_native_1.Animated.timing(v,{toValue:0,duration:200,useNativeDriver:!0})]).start(),e){(0,NativeInspector_1.triggerNativeHaptic)("success");const t=(0,capture_1.generateCaptureId)("screenshot",e.format||"png"),o={id:t,type:"image",format:e.format,uri:e.uri,filename:e.uri.split("/").pop()||t,sizeBytes:e.sizeBytes,timestamp:e.timestamp,width:e.width,height:e.height};p(o),r?.().catch(()=>{}),(0,toast_1.showToast)(d("header.screenshotCaptured","Screenshot captured"))}else(0,toast_1.showToast)(d("header.screenshotFailed","Failed to capture screenshot"))}catch{w(!1),(0,toast_1.showToast)(d("header.screenshotError","Error capturing screenshot"))}},[r,v,d]),I=(0,react_1.useCallback)(async()=>{if(!m.current)try{if(f){(0,NativeInspector_1.triggerNativeHaptic)("medium");const e=await capture_1.ScreenCapture.stopRecording();if(h(!1),e){(0,NativeInspector_1.triggerNativeHaptic)("success");const t=(0,capture_1.generateCaptureId)("video",e.format),o={id:t,type:e.format==="gif"?"gif":"video",format:e.format,uri:e.uri,filename:e.uri.split("/").pop()||t,sizeBytes:e.sizeBytes,timestamp:e.timestamp,durationMs:e.durationMs,width:e.width,height:e.height,hasAudio:e.hasAudio,thumbnailUri:e.thumbnailUri};p(o),r?.().catch(()=>{}),(0,toast_1.showToast)(d("header.recordingSaved",{duration:(e.durationMs/1e3).toFixed(1),defaultValue:`Recording saved (${(e.durationMs/1e3).toFixed(1)}s)`}))}}else(0,NativeInspector_1.triggerNativeHaptic)("medium"),h(!0),await capture_1.ScreenCapture.startRecording({fps:a,scale:s,audioSource:S,bitrate:n>0?n:void 0,maxDurationSeconds:i})?(0,toast_1.showToast)(d("header.recordingStarted","Recording started")):(h(!1),(0,toast_1.showToast)(d("header.recordingStartFailed","Failed to start recording")))}catch{(0,toast_1.showToast)(d("header.recordingError","Error during screen recording")),h(!1)}},[f,a,s,n,i,S,r,d]),O=e=>{const t=Math.floor(e/60),o=e%60;return`${t<10?"0":""}${t}:${o<10?"0":""}${o}`};return T==="media"||M==="media"?null:<>
       
-      <react_native_1.Animated.View pointerEvents="none"style={[styles.flashOverlay,{opacity:w}]}/>
+      <react_native_1.Animated.View pointerEvents="none"style={[styles.flashOverlay,{opacity:v}]}/>
 
-      {!V&&!v&&<react_native_1.Animated.View{...F.panHandlers}style={[styles.container,{transform:c.getTranslateTransform()}]}>
+      {!V&&!y&&<react_native_1.Animated.View{...D.panHandlers}style={[styles.container,{transform:c.getTranslateTransform()}]}>
           
           {f?<react_native_1.View style={styles.recordingShadowWrapper}>
               <TouchableScale_1.default onPress={I}style={styles.recordingPillWrapper}>
-                <react_native_linear_gradient_1.default colors={["#E11D48","#BE123C"]}start={{x:0,y:0}}end={{x:1,y:0}}style={styles.recordingPill}>
+                <react_native_linear_gradient_1.default colors={[AppColors_1.AppColors.rose600,AppColors_1.AppColors.rose700]}start={{x:0,y:0}}end={{x:1,y:0}}style={styles.recordingPill}>
                   <react_native_1.Animated.View style={[styles.recordingDot,{transform:[{scale:g}]}]}/>
                   <react_native_1.Text style={styles.recordingText}>
                     REC {O(P)}
@@ -17,10 +17,10 @@
                 </react_native_linear_gradient_1.default>
               </TouchableScale_1.default>
             </react_native_1.View>:<react_native_1.View style={styles.dockShadowWrapper}>
-              <react_native_linear_gradient_1.default colors={["#0E1326","#1A1E38","#0E1326"]}start={{x:0,y:0}}end={{x:1,y:0}}style={styles.dockBar}>
+              <react_native_linear_gradient_1.default colors={[AppColors_1.AppColors.navy900,AppColors_1.AppColors.navy800,AppColors_1.AppColors.navy900]}start={{x:0,y:0}}end={{x:1,y:0}}style={styles.dockBar}>
                 
-                <TouchableScale_1.default onPress={D}style={styles.menuItemBtn}accessible={!0}accessibilityLabel="Take Screenshot">
-                  <react_native_1.View style={[styles.menuItemIconCircle,{backgroundColor:"rgba(56, 189, 248, 0.22)"}]}>
+                <TouchableScale_1.default onPress={F}style={styles.menuItemBtn}accessible={!0}accessibilityLabel="Take Screenshot">
+                  <react_native_1.View style={[styles.menuItemIconCircle,{backgroundColor:`${AppColors_1.AppColors.sky400}38`}]}>
                     <NetworkIcons_1.ScreenshotCaptureIcon size={14}color={AppColors_1.AppColors.sky400}/>
                   </react_native_1.View>
                   <react_native_1.Text style={styles.menuItemText}>
@@ -33,8 +33,8 @@
 
                 
                 <TouchableScale_1.default onPress={I}style={styles.menuItemBtn}accessible={!0}accessibilityLabel={d("header.recordScreen","Record Screen")}>
-                  <react_native_1.View style={[styles.menuItemIconCircle,{backgroundColor:"rgba(244, 63, 94, 0.24)"}]}>
-                    <NetworkIcons_1.ScreenRecordIcon size={14}color={AppColors_1.AppColors.rose400||"#FB7185"}/>
+                  <react_native_1.View style={[styles.menuItemIconCircle,{backgroundColor:`${AppColors_1.AppColors.rose500}3D`}]}>
+                    <NetworkIcons_1.ScreenRecordIcon size={14}color={AppColors_1.AppColors.rose400}/>
                   </react_native_1.View>
                   <react_native_1.Text style={styles.menuItemText}>
                     {d("header.record","Record")}
@@ -50,5 +50,5 @@
         </react_native_1.Animated.View>}
 
       
-      <MediaPreviewModal_1.MediaPreviewModal item={v}visible={!!v}onClose={()=>p(null)}onDelete={async e=>{await capture_1.ScreenCapture.deleteMedia(e.uri),r?.().catch(()=>{}),p(null)}}onConvertToGif={async e=>{const t=await capture_1.ScreenCapture.convertToGif(e.uri,{fps:12,width:480});if(t){r?.().catch(()=>{});const o=(0,capture_1.generateCaptureId)("anim","gif");p({id:o,type:"gif",format:"gif",uri:t.uri,filename:t.uri.split("/").pop()||o,sizeBytes:t.sizeBytes,timestamp:t.timestamp,durationMs:t.durationMs})}}}/>
+      <MediaPreviewModal_1.MediaPreviewModal item={y}visible={!!y}onClose={()=>p(null)}onDelete={async e=>{await capture_1.ScreenCapture.deleteMedia(e.uri),r?.().catch(()=>{}),p(null)}}onConvertToGif={async e=>{const t=await capture_1.ScreenCapture.convertToGif(e.uri,{fps:12,width:480});if(t){r?.().catch(()=>{});const o=(0,capture_1.generateCaptureId)("anim","gif");p({id:o,type:"gif",format:"gif",uri:t.uri,filename:t.uri.split("/").pop()||o,sizeBytes:t.sizeBytes,timestamp:t.timestamp,durationMs:t.durationMs})}}}/>
     </>};exports.FloatingCaptureWidget=FloatingCaptureWidget;const styles=react_native_1.StyleSheet.create({flashOverlay:{...react_native_1.StyleSheet.absoluteFillObject,backgroundColor:AppColors_1.AppColors.white,zIndex:999999},container:{position:"absolute",bottom:react_native_1.Platform.OS==="ios"?22:16,alignSelf:"center",alignItems:"center",justifyContent:"center",zIndex:999999,elevation:999999},dockShadowWrapper:{borderRadius:24,backgroundColor:"#0D1120",...react_native_1.Platform.select({ios:{shadowColor:AppColors_1.AppColors.black,shadowOffset:{width:0,height:6},shadowOpacity:.45,shadowRadius:14},android:{elevation:16}})},dockBar:{flexDirection:"row",alignItems:"center",borderRadius:24,overflow:"hidden"},dragGripArea:{paddingLeft:6,paddingRight:12,paddingVertical:10,alignItems:"center",justifyContent:"center"},dockDivider:{width:1,height:18,backgroundColor:"rgba(255, 255, 255, 0.14)"},menuItemBtn:{flexDirection:"row",alignItems:"center",justifyContent:"center",gap:7,paddingVertical:8.5,paddingHorizontal:12},menuItemIconCircle:{width:24,height:24,borderRadius:12,alignItems:"center",justifyContent:"center"},menuItemText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:12,color:AppColors_1.AppColors.white,letterSpacing:.1},recordingShadowWrapper:{borderRadius:22,alignItems:"center",justifyContent:"center",...react_native_1.Platform.select({ios:{shadowColor:"#E11D48",shadowOffset:{width:0,height:4},shadowOpacity:.5,shadowRadius:12},android:{elevation:14}})},recordingPillWrapper:{borderRadius:22,overflow:"hidden"},recordingPill:{flexDirection:"row",alignItems:"center",justifyContent:"center",gap:8,height:38,paddingHorizontal:14,borderRadius:22,borderWidth:1.5,borderColor:"rgba(255, 255, 255, 0.45)"},recordingDot:{width:8,height:8,borderRadius:4,backgroundColor:"#FFFFFF"},recordingText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12,color:AppColors_1.AppColors.white,letterSpacing:.4},stopIconBadge:{width:18,height:18,borderRadius:9,backgroundColor:"rgba(255, 255, 255, 0.28)",alignItems:"center",justifyContent:"center",marginLeft:3},stopIconSquare:{width:6,height:6,borderRadius:1.5,backgroundColor:AppColors_1.AppColors.white}});exports.default=exports.FloatingCaptureWidget;

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

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(t,e,l,o){o===void 0&&(o=l);var a=Object.getOwnPropertyDescriptor(e,l);(!a||("get"in a?!e.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return e[l]}}),Object.defineProperty(t,o,a)}):(function(t,e,l,o){o===void 0&&(o=l),t[o]=e[l]})),__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(l){var o=[];for(var a in l)Object.prototype.hasOwnProperty.call(l,a)&&(o[o.length]=a);return o},t(e)};return function(e){if(e&&e.__esModule)return e;var l={};if(e!=null)for(var o=t(e),a=0;a<o.length;a++)o[a]!=="default"&&__createBinding(l,e,o[a]);return __setModuleDefault(l,e),l}})(),__importDefault=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.GlobalCrashScreenModal=void 0;const react_1=__importStar(require("react")),react_native_1=require("react-native"),react_native_linear_gradient_1=__importDefault(require("react-native-linear-gradient")),TouchableScale_1=__importDefault(require("../TouchableScale")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),crashHandler_1=require("../../customHooks/crashHandler"),helpers_1=require("../../helpers"),toast_1=require("../../helpers/toast"),i18n_1=require("../../i18n"),NetworkIcons_1=require("../NetworkIcons");exports.GlobalCrashScreenModal=react_1.default.memo(({visible:t,crash:e,onDismiss:l,onOpenInspector:o,onRetry:a})=>{const{t:r}=(0,i18n_1.useTranslation)(),c=(0,react_1.useMemo)(()=>e?(0,crashHandler_1.exportCrashReport)(e,"markdown"):"",[e]);if(!t||!e)return null;const s=e.isFatal,d=e.type||"js",n=e.parsedStack&&e.parsedStack.length>0?e.parsedStack.find(i=>i.isAppCode)||e.parsedStack[0]:null,u=()=>{c&&((0,helpers_1.copyToClipboard)(c,r("errors.errorReport","Crash Report")),(0,toast_1.showToast)(r("common.copied","Copied crash diagnostics to clipboard")))},_=()=>{switch(d){case"native":return<NetworkIcons_1.ChipIcon size={12}color={AppColors_1.AppColors.cyan600}/>;case"render":return<NetworkIcons_1.LayoutIcon size={12}color={AppColors_1.AppColors.purple400}/>;case"promise":return<NetworkIcons_1.HourglassIcon size={12}color={AppColors_1.AppColors.amber400}/>;default:return<NetworkIcons_1.JsIcon size={12}color={AppColors_1.AppColors.yellow400}/>}};return<react_native_1.Modal visible={t}transparent={!1}animationType="fade"statusBarTranslucent={!0}onRequestClose={l}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(r,e,l,o){o===void 0&&(o=l);var a=Object.getOwnPropertyDescriptor(e,l);(!a||("get"in a?!e.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return e[l]}}),Object.defineProperty(r,o,a)}):(function(r,e,l,o){o===void 0&&(o=l),r[o]=e[l]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(r,e){Object.defineProperty(r,"default",{enumerable:!0,value:e})}):function(r,e){r.default=e}),__importStar=this&&this.__importStar||(function(){var r=function(e){return r=Object.getOwnPropertyNames||function(l){var o=[];for(var a in l)Object.prototype.hasOwnProperty.call(l,a)&&(o[o.length]=a);return o},r(e)};return function(e){if(e&&e.__esModule)return e;var l={};if(e!=null)for(var o=r(e),a=0;a<o.length;a++)o[a]!=="default"&&__createBinding(l,e,o[a]);return __setModuleDefault(l,e),l}})(),__importDefault=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.GlobalCrashScreenModal=void 0;const react_1=__importStar(require("react")),react_native_1=require("react-native"),react_native_linear_gradient_1=__importDefault(require("react-native-linear-gradient")),TouchableScale_1=__importDefault(require("../TouchableScale")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),crashHandler_1=require("../../customHooks/crashHandler"),helpers_1=require("../../helpers"),toast_1=require("../../helpers/toast"),i18n_1=require("../../i18n"),NetworkIcons_1=require("../NetworkIcons");exports.GlobalCrashScreenModal=react_1.default.memo(({visible:r,crash:e,onDismiss:l,onOpenInspector:o,onRetry:a})=>{const{t}=(0,i18n_1.useTranslation)(),c=(0,react_1.useMemo)(()=>e?(0,crashHandler_1.exportCrashReport)(e,"markdown"):"",[e]);if(!r||!e)return null;const s=e.isFatal,d=e.type||"js",n=e.parsedStack&&e.parsedStack.length>0?e.parsedStack.find(i=>i.isAppCode)||e.parsedStack[0]:null,u=()=>{c&&((0,helpers_1.copyToClipboard)(c,t("errors.errorReport","Crash Report")),(0,toast_1.showToast)(t("common.copied","Copied crash diagnostics to clipboard")))},_=()=>{switch(d){case"native":return<NetworkIcons_1.ChipIcon size={12}color={AppColors_1.AppColors.cyan600}/>;case"render":return<NetworkIcons_1.LayoutIcon size={12}color={AppColors_1.AppColors.purple400}/>;case"promise":return<NetworkIcons_1.HourglassIcon size={12}color={AppColors_1.AppColors.amber400}/>;default:return<NetworkIcons_1.JsIcon size={12}color={AppColors_1.AppColors.yellow400}/>}};return<react_native_1.Modal visible={r}transparent={!1}animationType="fade"statusBarTranslucent={!0}onRequestClose={l}>
         <react_native_1.SafeAreaView style={styles.safeArea}>
           <react_native_1.View style={styles.container}>
             
@@ -12,23 +12,23 @@
                   <react_native_1.View style={[styles.crashBadge,s&&styles.crashBadgeFatal]}>
                     {s?<NetworkIcons_1.FlameIcon size={10}color={AppColors_1.AppColors.red500}/>:_()}
                     <react_native_1.Text style={[styles.crashBadgeText,s&&styles.crashBadgeTextFatal]}>
-                      {s?r("crash.fatalBadge","FATAL CRASH"):`${d.toUpperCase()} ERROR`}
+                      {s?t("crash.fatalBadge","FATAL CRASH"):`${d.toUpperCase()} ERROR`}
                     </react_native_1.Text>
                   </react_native_1.View>
 
                   <react_native_1.View style={styles.shieldBadge}>
                     <NetworkIcons_1.ShieldAlertIcon size={10}color={AppColors_1.AppColors.emerald400}/>
                     <react_native_1.Text style={styles.shieldBadgeText}>
-                      {r("errors.protected","SHIELD PROTECTED")}
+                      {t("errors.protected","SHIELD PROTECTED")}
                     </react_native_1.Text>
                   </react_native_1.View>
                 </react_native_1.View>
 
                 <react_native_1.Text style={styles.title}>
-                  {r("errors.rootCauseTitle","Crash Intercepted")}
+                  {t("errors.rootCauseTitle","Crash Intercepted")}
                 </react_native_1.Text>
                 <react_native_1.Text style={styles.subtitle}numberOfLines={1}>
-                  {r("errors.rootCauseSubtitle","Native crash prevented \u2022 Diagnostics captured")}
+                  {t("errors.rootCauseSubtitle","Native crash prevented \u2022 Diagnostics captured")}
                 </react_native_1.Text>
               </react_native_1.View>
 
@@ -44,11 +44,11 @@
                 <react_native_1.View style={styles.errorBoxHeader}>
                   <NetworkIcons_1.CircleAlertIcon size={14}color={AppColors_1.AppColors.red500}/>
                   <react_native_1.Text style={styles.errorBoxTitle}>
-                    {e.name||r("crash.unknownException","Exception")}
+                    {e.name||t("crash.unknownException","Exception")}
                   </react_native_1.Text>
                 </react_native_1.View>
                 <react_native_1.Text style={styles.errorMessage}selectable={!0}>
-                  {e.message||r("crash.unknownException","Unknown Exception")}
+                  {e.message||t("crash.unknownException","Unknown Exception")}
                 </react_native_1.Text>
               </react_native_1.View>
 
@@ -57,13 +57,13 @@
                   <react_native_1.View style={styles.cardHeaderRow}>
                     <NetworkIcons_1.TerminalIcon size={13}color={AppColors_1.AppColors.sky400}/>
                     <react_native_1.Text style={styles.cardHeaderTitle}>
-                      {r("errors.exactLocation","EXACT ROOT CAUSE")}
+                      {t("errors.exactLocation","EXACT ROOT CAUSE")}
                     </react_native_1.Text>
                   </react_native_1.View>
 
                   <react_native_1.View style={styles.locRow}>
                     <react_native_1.Text style={styles.locLabel}>
-                      {r("errors.file","File:")}
+                      {t("errors.file","File:")}
                     </react_native_1.Text>
                     <react_native_1.Text style={styles.locValFile}numberOfLines={1}selectable={!0}>
                       {n.file}
@@ -72,7 +72,7 @@
 
                   <react_native_1.View style={styles.locRow}>
                     <react_native_1.Text style={styles.locLabel}>
-                      {r("errors.lineCol","Line / Col:")}
+                      {t("errors.lineCol","Line / Col:")}
                     </react_native_1.Text>
                     <react_native_1.Text style={styles.locValNum}>
                       {n.lineNumber}:{n.column}
@@ -81,7 +81,7 @@
 
                   <react_native_1.View style={styles.locRow}>
                     <react_native_1.Text style={styles.locLabel}>
-                      {r("errors.function","Function:")}
+                      {t("errors.function","Function:")}
                     </react_native_1.Text>
                     <react_native_1.Text style={styles.locValMethod}numberOfLines={1}>
                       {n.method}()
@@ -98,7 +98,7 @@
                   <react_native_1.View style={styles.cardHeaderRow}>
                     <NetworkIcons_1.CodeBracketsIcon size={13}color={AppColors_1.AppColors.purple400}/>
                     <react_native_1.Text style={styles.cardHeaderTitle}>
-                      {r("errors.callStack","CALL STACK")}
+                      {t("errors.callStack","CALL STACK")}
                     </react_native_1.Text>
                     <react_native_1.Text style={styles.cardHeaderCount}>
                       {e.parsedStack.length} frames
@@ -120,7 +120,7 @@
                         </react_native_1.Text>
                       </react_native_1.View>
                       {i.isAppCode&&<react_native_1.View style={styles.appTag}>
-                          <react_native_1.Text style={styles.appTagText}>APP</react_native_1.Text>
+                          <react_native_1.Text style={styles.appTagText}>{t("modals.appTag","APP")}</react_native_1.Text>
                         </react_native_1.View>}
                     </react_native_1.View>)}
                 </react_native_1.View>}
@@ -130,7 +130,7 @@
                   <react_native_1.View style={styles.cardHeaderRow}>
                     <NetworkIcons_1.LayoutIcon size={13}color={AppColors_1.AppColors.purple400}/>
                     <react_native_1.Text style={styles.cardHeaderTitle}>
-                      {r("crash.componentHierarchy","COMPONENT HIERARCHY")}
+                      {t("crash.componentHierarchy","COMPONENT HIERARCHY")}
                     </react_native_1.Text>
                   </react_native_1.View>
                   <react_native_1.Text style={styles.rawStackText}selectable={!0}>
@@ -143,7 +143,7 @@
                   <react_native_1.View style={styles.cardHeaderRow}>
                     <NetworkIcons_1.RepeatIcon size={13}color={AppColors_1.AppColors.amber400}/>
                     <react_native_1.Text style={styles.cardHeaderTitle}>
-                      {r("crash.breadcrumbTrail","RECENT TRAIL")}
+                      {t("crash.breadcrumbTrail","RECENT TRAIL")}
                     </react_native_1.Text>
                     <react_native_1.Text style={styles.cardHeaderCount}>
                       {e.breadcrumbs.length} events
@@ -166,36 +166,36 @@
               
               {e.deviceInfo&&<react_native_1.View style={styles.telemetryCard}>
                   <react_native_1.Text style={styles.telemetryTitle}>
-                    {r("crash.deviceDiagnostics","HARDWARE & RUNTIME TELEMETRY")}
+                    {t("crash.deviceDiagnostics","HARDWARE & RUNTIME TELEMETRY")}
                   </react_native_1.Text>
                   <react_native_1.View style={styles.telemetryGrid}>
                     <react_native_1.View style={styles.telemetryPill}>
-                      <react_native_1.Text style={styles.telemetryLabel}>OS</react_native_1.Text>
+                      <react_native_1.Text style={styles.telemetryLabel}>{t("modals.os","OS")}</react_native_1.Text>
                       <react_native_1.Text style={styles.telemetryValue}>
                         {e.deviceInfo.platform?.toUpperCase()}{" "}
                         {e.deviceInfo.osVersion}
                       </react_native_1.Text>
                     </react_native_1.View>
                     <react_native_1.View style={styles.telemetryPill}>
-                      <react_native_1.Text style={styles.telemetryLabel}>RN Version</react_native_1.Text>
+                      <react_native_1.Text style={styles.telemetryLabel}>{t("modals.rnVersion","RN Version")}</react_native_1.Text>
                       <react_native_1.Text style={styles.telemetryValue}>
                         {e.deviceInfo.rnVersion||"N/A"}
                       </react_native_1.Text>
                     </react_native_1.View>
                     <react_native_1.View style={styles.telemetryPill}>
-                      <react_native_1.Text style={styles.telemetryLabel}>Engine</react_native_1.Text>
+                      <react_native_1.Text style={styles.telemetryLabel}>{t("modals.engine","Engine")}</react_native_1.Text>
                       <react_native_1.Text style={styles.telemetryValue}>
                         {e.deviceInfo.isHermes?"Hermes":"JSC"}
                       </react_native_1.Text>
                     </react_native_1.View>
                     <react_native_1.View style={styles.telemetryPill}>
-                      <react_native_1.Text style={styles.telemetryLabel}>Architecture</react_native_1.Text>
+                      <react_native_1.Text style={styles.telemetryLabel}>{t("modals.architecture","Architecture")}</react_native_1.Text>
                       <react_native_1.Text style={styles.telemetryValue}>
                         {e.deviceInfo.isFabric?"Fabric (New)":"Paper"}
                       </react_native_1.Text>
                     </react_native_1.View>
                     {e.memoryInfo&&<react_native_1.View style={styles.telemetryPill}>
-                        <react_native_1.Text style={styles.telemetryLabel}>JS Heap</react_native_1.Text>
+                        <react_native_1.Text style={styles.telemetryLabel}>{t("modals.jsHeap","JS Heap")}</react_native_1.Text>
                         <react_native_1.Text style={styles.telemetryValue}>
                           {e.memoryInfo.usedJSHeapSize} / {e.memoryInfo.totalJSHeapSize} MB
                         </react_native_1.Text>
@@ -209,7 +209,7 @@
               {a&&<TouchableScale_1.default onPress={a}style={styles.retryBtn}>
                   <NetworkIcons_1.RefreshCcwIcon size={14}color={AppColors_1.AppColors.white}/>
                   <react_native_1.Text style={styles.retryBtnText}>
-                    {r("errors.retry","Try Again")}
+                    {t("errors.retry","Try Again")}
                   </react_native_1.Text>
                 </TouchableScale_1.default>}
 
@@ -217,7 +217,7 @@
                 <react_native_linear_gradient_1.default colors={[AppColors_1.AppColors.indigo600,AppColors_1.AppColors.violet600]}start={{x:0,y:0}}end={{x:1,y:1}}style={styles.inspectorBtnGradient}>
                   <NetworkIcons_1.ShieldAlertIcon size={14}color={AppColors_1.AppColors.white}/>
                   <react_native_1.Text style={styles.inspectorBtnText}>
-                    {r("crash.openInInspector","Open in Inspector")}
+                    {t("crash.openInInspector","Open in Inspector")}
                   </react_native_1.Text>
                 </react_native_linear_gradient_1.default>
               </TouchableScale_1.default>
@@ -225,7 +225,7 @@
               <TouchableScale_1.default onPress={u}style={styles.copyBtn}>
                 <NetworkIcons_1.CopyIcon size={14}color={AppColors_1.AppColors.slate200}/>
                 <react_native_1.Text style={styles.copyBtnText}>
-                  {r("errors.copy","Copy")}
+                  {t("errors.copy","Copy")}
                 </react_native_1.Text>
               </TouchableScale_1.default>
             </react_native_1.View>

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

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(r,l,n,s){s===void 0&&(s=n);var i=Object.getOwnPropertyDescriptor(l,n);(!i||("get"in i?!l.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return l[n]}}),Object.defineProperty(r,s,i)}):(function(r,l,n,s){s===void 0&&(s=n),r[s]=l[n]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(r,l){Object.defineProperty(r,"default",{enumerable:!0,value:l})}):function(r,l){r.default=l}),__importStar=this&&this.__importStar||(function(){var r=function(l){return r=Object.getOwnPropertyNames||function(n){var s=[];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(s[s.length]=i);return s},r(l)};return function(l){if(l&&l.__esModule)return l;var n={};if(l!=null)for(var s=r(l),i=0;i<s.length;i++)s[i]!=="default"&&__createBinding(n,l,s[i]);return __setModuleDefault(n,l),n}})(),__importDefault=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),react_native_linear_gradient_1=__importDefault(require("react-native-linear-gradient")),InspectorContext_1=require("./InspectorContext"),TouchableScale_1=__importDefault(require("../TouchableScale")),BrandCircleIcon_1=require("../BrandCircleIcon"),styles_1=__importDefault(require("../../styles")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),constants_1=require("../../constants"),constants_2=require("../../constants"),helpers_1=require("../../helpers"),NativeInspector_1=require("../../native/NativeInspector"),capture_1=require("../../capture"),UpdateAvailableModal_1=require("./UpdateAvailableModal"),MediaPreviewModal_1=require("./MediaPreviewModal"),LanguageSelectorModal_1=require("./LanguageSelectorModal"),NetworkIcons_1=require("../NetworkIcons"),i18n_1=require("../../i18n"),InspectorHeader=react_1.default.memo(()=>{const{t:r,language:l}=(0,i18n_1.useTranslation)(),{modalHeightPercent:n,appIcon:s,selected:i,setSelected:W,selectedEvent:u,setSelectedEvent:N,selectedLog:g,setSelectedLog:q,selectedReduxSlice:b,setSelectedReduxSlice:U,selectedReduxAction:S,setSelectedReduxAction:j,reduxState:G,reduxLastActionMap:K,updateAvailable:z,latestNpmVersion:Q,clearAnim:ce,activePulseAnim:J,unreadPulseAnim:X,runClearAllWithAnimation:pe,settingsPage:w,setSettingsPage:D,isAboutOpen:I,setIsAboutOpen:Y,resetToDefaults:Z,closeModal:B,minimizeInspector:ee,detailTitle:te,activeTab:d,environment:P,selectedCrash:p,setSelectedCrash:re,selectedPush:c,setSelectedPush:ie,selectedSocket:o,setSelectedSocket:ae,refreshMediaCount:C,peekMode:M,setPeekMode:oe,previewMediaItem:H,setPreviewMediaItem:m}=(0,InspectorContext_1.useInspector)(),{width:T}=(0,react_native_1.useWindowDimensions)(),e=T<360,y=T<400,[le,R]=react_1.default.useState(!1),[ue,ge]=react_1.default.useState(!1),[ne,L]=react_1.default.useState(!1),[se]=react_1.default.useState(()=>(0,helpers_1.getAppVersionAndBuild)().formatted),$=(0,react_1.useMemo)(()=>{const t=l||(0,i18n_1.getLanguage)();return i18n_1.SUPPORTED_LANGUAGES.find(a=>a.code===t)||i18n_1.SUPPORTED_LANGUAGES[0]},[l]),[v,x]=react_1.default.useState(!1),[he,k]=react_1.default.useState(0),_=react_1.default.useRef(null);react_1.default.useEffect(()=>{capture_1.ScreenCapture.isRecording().then(t=>{x(t)}).catch(()=>{})},[]),react_1.default.useEffect(()=>(v?(k(0),_.current=setInterval(()=>{k(t=>t+1)},1e3)):(_.current&&(clearInterval(_.current),_.current=null),k(0)),()=>{_.current&&clearInterval(_.current)}),[v]);const fe=react_1.default.useCallback(async()=>{try{(0,NativeInspector_1.triggerNativeHaptic)("light");const t=await capture_1.ScreenCapture.takeScreenshot({format:"png",quality:.9,hideInspector:!0});if(t){(0,NativeInspector_1.triggerNativeHaptic)("success");const a=(0,capture_1.generateCaptureId)("screenshot",t.format||"png"),f={id:a,type:"image",format:t.format,uri:t.uri,filename:t.uri.split("/").pop()||a,sizeBytes:t.sizeBytes,timestamp:t.timestamp,width:t.width,height:t.height};m(f),C?.().catch(()=>{}),(0,helpers_1.showToast)(r("header.screenshotCaptured"))}else(0,helpers_1.showToast)(r("header.screenshotFailed"))}catch{(0,helpers_1.showToast)(r("header.screenshotError"))}},[C,r]),we=react_1.default.useCallback(async()=>{try{if(v){(0,NativeInspector_1.triggerNativeHaptic)("medium");const t=await capture_1.ScreenCapture.stopRecording();if(x(!1),t){(0,NativeInspector_1.triggerNativeHaptic)("success");const a=(0,capture_1.generateCaptureId)("video",t.format),f={id:a,type:t.format==="gif"?"gif":"video",format:t.format,uri:t.uri,filename:t.uri.split("/").pop()||a,sizeBytes:t.sizeBytes,timestamp:t.timestamp,durationMs:t.durationMs,width:t.width,height:t.height,hasAudio:t.hasAudio};m(f),C?.().catch(()=>{}),(0,helpers_1.showToast)(r("header.recordingSaved",{duration:(t.durationMs/1e3).toFixed(1)}))}}else(0,NativeInspector_1.triggerNativeHaptic)("medium"),await capture_1.ScreenCapture.startRecording({fps:24,audioSource:"none"})?(x(!0),(0,helpers_1.showToast)(r("header.recordingStarted"))):(0,helpers_1.showToast)(r("header.recordingStartFailed"))}catch{(0,helpers_1.showToast)(r("header.recordingError")),x(!1)}},[v,r]),_e=t=>{const a=Math.floor(t/60),f=t%60;return`${a.toString().padStart(2,"0")}:${f.toString().padStart(2,"0")}`},be=(0,react_1.useMemo)(()=>{const t=(P||(__DEV__?"DEV":"PROD")).trim(),a=t.toUpperCase();return a==="DEV"||a.includes("DEV")||a==="LOCAL"?{label:t,bg:`${AppColors_1.AppColors.emerald500}40`,border:`${AppColors_1.AppColors.emerald400}8C`,text:AppColors_1.AppColors.mintGreenBorder}:a==="UAT"||a==="QA"||a==="TEST"?{label:t,bg:`${AppColors_1.AppColors.amber500}47`,border:`${AppColors_1.AppColors.amber400}99`,text:AppColors_1.AppColors.amberWarmBorder}:a==="PREPROD"||a==="STAGE"||a==="STAGING"?{label:t,bg:`${AppColors_1.AppColors.purple500}47`,border:`${AppColors_1.AppColors.purple400}99`,text:AppColors_1.AppColors.violetSoftBorder}:{label:t,bg:`${AppColors_1.AppColors.rose500}40`,border:`${AppColors_1.AppColors.roseBorder}8C`,text:AppColors_1.AppColors.errorBorder}},[P]),V=d==="apis"&&i!=null||d==="analytics"&&u!=null||d==="logs"&&g!=null||d==="redux"&&(b!=null||S!=null)||d==="crash"&&p!=null||d==="push"&&c!=null||d==="socket"&&o!=null,A=w!==null,O=V||A||I,de=(0,react_1.useMemo)(()=>{switch(w){case"apis":return"APIs (Network)";case"logs":return"Console Logs";case"crash":return"Crash Protection";case"analytics":return"Analytics Logger";case"redux":return"Redux Inspector";case"media":return"Screencast (Media)";case"push":return"Push Notifications";default:return"Settings & Modules"}},[w]),F=(0,react_1.useMemo)(()=>react_native_1.Platform.OS==="ios"?n>=98?T>=390?50:44:0:react_native_1.Platform.OS==="android"&&n>=98?react_native_1.StatusBar.currentHeight||24:0,[n,T]),h=e?25:y?26.5:27,Ce=e?36:y?38:40;return<>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(r,l,n,s){s===void 0&&(s=n);var i=Object.getOwnPropertyDescriptor(l,n);(!i||("get"in i?!l.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return l[n]}}),Object.defineProperty(r,s,i)}):(function(r,l,n,s){s===void 0&&(s=n),r[s]=l[n]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(r,l){Object.defineProperty(r,"default",{enumerable:!0,value:l})}):function(r,l){r.default=l}),__importStar=this&&this.__importStar||(function(){var r=function(l){return r=Object.getOwnPropertyNames||function(n){var s=[];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(s[s.length]=i);return s},r(l)};return function(l){if(l&&l.__esModule)return l;var n={};if(l!=null)for(var s=r(l),i=0;i<s.length;i++)s[i]!=="default"&&__createBinding(n,l,s[i]);return __setModuleDefault(n,l),n}})(),__importDefault=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),react_native_linear_gradient_1=__importDefault(require("react-native-linear-gradient")),InspectorContext_1=require("./InspectorContext"),TouchableScale_1=__importDefault(require("../TouchableScale")),BrandCircleIcon_1=require("../BrandCircleIcon"),styles_1=__importDefault(require("../../styles")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),constants_1=require("../../constants"),constants_2=require("../../constants"),helpers_1=require("../../helpers"),NativeInspector_1=require("../../native/NativeInspector"),capture_1=require("../../capture"),UpdateAvailableModal_1=require("./UpdateAvailableModal"),MediaPreviewModal_1=require("./MediaPreviewModal"),LanguageSelectorModal_1=require("./LanguageSelectorModal"),CountryFlag_1=__importDefault(require("../CountryFlag")),NetworkIcons_1=require("../NetworkIcons"),i18n_1=require("../../i18n"),InspectorHeader=react_1.default.memo(()=>{const{t:r,language:l}=(0,i18n_1.useTranslation)(),{modalHeightPercent:n,appIcon:s,selected:i,setSelected:W,selectedEvent:u,setSelectedEvent:N,selectedLog:g,setSelectedLog:q,selectedReduxSlice:b,setSelectedReduxSlice:U,selectedReduxAction:S,setSelectedReduxAction:j,reduxState:G,reduxLastActionMap:K,updateAvailable:z,latestNpmVersion:Q,clearAnim:ce,activePulseAnim:J,unreadPulseAnim:X,runClearAllWithAnimation:pe,settingsPage:w,setSettingsPage:D,isAboutOpen:I,setIsAboutOpen:Y,resetToDefaults:Z,closeModal:B,minimizeInspector:ee,detailTitle:te,activeTab:d,environment:P,selectedCrash:p,setSelectedCrash:re,selectedPush:c,setSelectedPush:ie,selectedSocket:o,setSelectedSocket:ae,refreshMediaCount:C,peekMode:M,setPeekMode:oe,previewMediaItem:L,setPreviewMediaItem:m}=(0,InspectorContext_1.useInspector)(),{width:T}=(0,react_native_1.useWindowDimensions)(),e=T<360,y=T<400,[le,R]=react_1.default.useState(!1),[ue,ge]=react_1.default.useState(!1),[ne,$]=react_1.default.useState(!1),[se]=react_1.default.useState(()=>(0,helpers_1.getAppVersionAndBuild)().formatted),H=(0,react_1.useMemo)(()=>{const t=l||(0,i18n_1.getLanguage)();return i18n_1.SUPPORTED_LANGUAGES.find(a=>a.code===t)||i18n_1.SUPPORTED_LANGUAGES[0]},[l]),[v,x]=react_1.default.useState(!1),[he,k]=react_1.default.useState(0),_=react_1.default.useRef(null);react_1.default.useEffect(()=>{capture_1.ScreenCapture.isRecording().then(t=>{x(t)}).catch(()=>{})},[]),react_1.default.useEffect(()=>(v?(k(0),_.current=setInterval(()=>{k(t=>t+1)},1e3)):(_.current&&(clearInterval(_.current),_.current=null),k(0)),()=>{_.current&&clearInterval(_.current)}),[v]);const fe=react_1.default.useCallback(async()=>{try{(0,NativeInspector_1.triggerNativeHaptic)("light");const t=await capture_1.ScreenCapture.takeScreenshot({format:"png",quality:.9,hideInspector:!0});if(t){(0,NativeInspector_1.triggerNativeHaptic)("success");const a=(0,capture_1.generateCaptureId)("screenshot",t.format||"png"),f={id:a,type:"image",format:t.format,uri:t.uri,filename:t.uri.split("/").pop()||a,sizeBytes:t.sizeBytes,timestamp:t.timestamp,width:t.width,height:t.height};m(f),C?.().catch(()=>{}),(0,helpers_1.showToast)(r("header.screenshotCaptured"))}else(0,helpers_1.showToast)(r("header.screenshotFailed"))}catch{(0,helpers_1.showToast)(r("header.screenshotError"))}},[C,r]),we=react_1.default.useCallback(async()=>{try{if(v){(0,NativeInspector_1.triggerNativeHaptic)("medium");const t=await capture_1.ScreenCapture.stopRecording();if(x(!1),t){(0,NativeInspector_1.triggerNativeHaptic)("success");const a=(0,capture_1.generateCaptureId)("video",t.format),f={id:a,type:t.format==="gif"?"gif":"video",format:t.format,uri:t.uri,filename:t.uri.split("/").pop()||a,sizeBytes:t.sizeBytes,timestamp:t.timestamp,durationMs:t.durationMs,width:t.width,height:t.height,hasAudio:t.hasAudio};m(f),C?.().catch(()=>{}),(0,helpers_1.showToast)(r("header.recordingSaved",{duration:(t.durationMs/1e3).toFixed(1)}))}}else(0,NativeInspector_1.triggerNativeHaptic)("medium"),await capture_1.ScreenCapture.startRecording({fps:24,audioSource:"none"})?(x(!0),(0,helpers_1.showToast)(r("header.recordingStarted"))):(0,helpers_1.showToast)(r("header.recordingStartFailed"))}catch{(0,helpers_1.showToast)(r("header.recordingError")),x(!1)}},[v,r]),_e=t=>{const a=Math.floor(t/60),f=t%60;return`${a.toString().padStart(2,"0")}:${f.toString().padStart(2,"0")}`},be=(0,react_1.useMemo)(()=>{const t=(P||(__DEV__?"DEV":"PROD")).trim(),a=t.toUpperCase();return a==="DEV"||a.includes("DEV")||a==="LOCAL"?{label:t,bg:`${AppColors_1.AppColors.emerald500}40`,border:`${AppColors_1.AppColors.emerald400}8C`,text:AppColors_1.AppColors.mintGreenBorder}:a==="UAT"||a==="QA"||a==="TEST"?{label:t,bg:`${AppColors_1.AppColors.amber500}47`,border:`${AppColors_1.AppColors.amber400}99`,text:AppColors_1.AppColors.amberWarmBorder}:a==="PREPROD"||a==="STAGE"||a==="STAGING"?{label:t,bg:`${AppColors_1.AppColors.purple500}47`,border:`${AppColors_1.AppColors.purple400}99`,text:AppColors_1.AppColors.violetSoftBorder}:{label:t,bg:`${AppColors_1.AppColors.rose500}40`,border:`${AppColors_1.AppColors.roseBorder}8C`,text:AppColors_1.AppColors.errorBorder}},[P]),V=d==="apis"&&i!=null||d==="analytics"&&u!=null||d==="logs"&&g!=null||d==="redux"&&(b!=null||S!=null)||d==="crash"&&p!=null||d==="push"&&c!=null||d==="socket"&&o!=null,A=w!==null,O=V||A||I,de=(0,react_1.useMemo)(()=>{switch(w){case"apis":return"APIs (Network)";case"logs":return"Console Logs";case"crash":return"Crash Protection";case"analytics":return"Analytics Logger";case"redux":return"Redux Inspector";case"media":return"Screencast (Media)";case"push":return"Push Notifications";default:return"Settings & Modules"}},[w]),F=(0,react_1.useMemo)(()=>react_native_1.Platform.OS==="ios"?n>=98?T>=390?50:44:0:react_native_1.Platform.OS==="android"&&n>=98?react_native_1.StatusBar.currentHeight||24:0,[n,T]),h=e?25:y?26.5:27,Ce=e?36:y?38:40;return<>
       <react_native_1.View style={[styles_1.default.headerGradient,{minHeight:(e?44:48)+F}]}>
         
         <react_native_linear_gradient_1.default colors={[AppColors_1.AppColors.indigo600,AppColors_1.AppColors.violet600]}start={{x:0,y:0}}end={{x:1,y:1}}style={{position:"absolute",top:0,left:0,right:0,bottom:0,borderTopLeftRadius:20,borderTopRightRadius:20}}pointerEvents="none"/>
@@ -49,12 +49,10 @@
                     
                     <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:4.5,minWidth:0,marginTop:1.5}}>
                       
-                      <TouchableScale_1.default onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),L(!0)}}hitSlop={6}accessible={!0}accessibilityRole="button"accessibilityLabel={r("settings.general.selectLanguage","Select Language")}style={{flexDirection:"row",alignItems:"center",backgroundColor:`${AppColors_1.AppColors.white}24`,borderRadius:5,paddingHorizontal:5.5,paddingVertical:2,gap:3.5,borderWidth:1,borderColor:`${AppColors_1.AppColors.white}38`,flexShrink:0}}>
-                        <react_native_1.Text style={{fontSize:9,lineHeight:11}}>
-                          {$?.flag||"\u{1F310}"}
-                        </react_native_1.Text>
+                      <TouchableScale_1.default onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),$(!0)}}hitSlop={6}accessible={!0}accessibilityRole="button"accessibilityLabel={r("settings.general.selectLanguage","Select Language")}style={{flexDirection:"row",alignItems:"center",backgroundColor:`${AppColors_1.AppColors.white}24`,borderRadius:5,paddingHorizontal:5.5,paddingVertical:2,gap:3.5,borderWidth:1,borderColor:`${AppColors_1.AppColors.white}38`,flexShrink:0}}>
+                        <CountryFlag_1.default code={H?.code||"en"}size={9.5}borderRadius={2}/>
                         <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5,lineHeight:11,color:AppColors_1.AppColors.white,letterSpacing:.2}}numberOfLines={1}>
-                          {$?.code?.toUpperCase()||"EN"}
+                          {H?.code?.toUpperCase()||"EN"}
                         </react_native_1.Text>
                         <NetworkIcons_1.ChevronDownIcon size={6.5}color={`${AppColors_1.AppColors.white}CC`}/>
                       </TouchableScale_1.default>
@@ -340,8 +338,8 @@
       <UpdateAvailableModal_1.UpdateAvailableModal visible={le}latestVersion={Q}onClose={()=>R(!1)}/>
 
       
-      <LanguageSelectorModal_1.LanguageSelectorModal visible={ne}onClose={()=>L(!1)}/>
+      <LanguageSelectorModal_1.LanguageSelectorModal visible={ne}onClose={()=>$(!1)}/>
 
       
-      <MediaPreviewModal_1.MediaPreviewModal item={H}visible={!!H}onClose={()=>m(null)}onDelete={async t=>{await capture_1.ScreenCapture.deleteMedia(t.uri),C?.().catch(()=>{}),m(null)}}onConvertToGif={async t=>{const a=await capture_1.ScreenCapture.convertToGif(t.uri,{fps:12,width:480});if(a){C?.().catch(()=>{});const f=(0,capture_1.generateCaptureId)("anim","gif");m({id:f,type:"gif",format:"gif",uri:a.uri,filename:a.uri.split("/").pop()||f,sizeBytes:a.sizeBytes,timestamp:a.timestamp,durationMs:a.durationMs})}}}/>
+      <MediaPreviewModal_1.MediaPreviewModal item={L}visible={!!L}onClose={()=>m(null)}onDelete={async t=>{await capture_1.ScreenCapture.deleteMedia(t.uri),C?.().catch(()=>{}),m(null)}}onConvertToGif={async t=>{const a=await capture_1.ScreenCapture.convertToGif(t.uri,{fps:12,width:480});if(a){C?.().catch(()=>{});const f=(0,capture_1.generateCaptureId)("anim","gif");m({id:f,type:"gif",format:"gif",uri:a.uri,filename:a.uri.split("/").pop()||f,sizeBytes:a.sizeBytes,timestamp:a.timestamp,durationMs:a.durationMs})}}}/>
     </>});exports.default=InspectorHeader;

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

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(i,o,t,a){a===void 0&&(a=t);var n=Object.getOwnPropertyDescriptor(o,t);(!n||("get"in n?!o.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return o[t]}}),Object.defineProperty(i,a,n)}):(function(i,o,t,a){a===void 0&&(a=t),i[a]=o[t]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(i,o){Object.defineProperty(i,"default",{enumerable:!0,value:o})}):function(i,o){i.default=o}),__importStar=this&&this.__importStar||(function(){var i=function(o){return i=Object.getOwnPropertyNames||function(t){var a=[];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(a[a.length]=n);return a},i(o)};return function(o){if(o&&o.__esModule)return o;var t={};if(o!=null)for(var a=i(o),n=0;n<a.length;n++)a[n]!=="default"&&__createBinding(t,o,a[n]);return __setModuleDefault(t,o),t}})(),__importDefault=this&&this.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.LanguageSelectorModal=exports.COUNTRY_OPTIONS=void 0;const react_1=__importStar(require("react")),react_native_1=require("react-native"),react_native_linear_gradient_1=__importDefault(require("react-native-linear-gradient")),TouchableScale_1=__importDefault(require("../TouchableScale")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),NetworkIcons_1=require("../NetworkIcons"),i18n_1=require("../../i18n"),settingsStore_1=require("../../helpers/settingsStore"),NativeInspector_1=require("../../native/NativeInspector"),toast_1=require("../../helpers/toast");exports.COUNTRY_OPTIONS=[{id:"all",name:"All",flag:"\u{1F310}",badge:"25"},{id:"in",name:"India",flag:"\u{1F1EE}\u{1F1F3}",badge:"9",langCodes:["hi","ta","te","kn","ml","bn","mr","gu","pa"]},{id:"us",name:"United States",flag:"\u{1F1FA}\u{1F1F8}",badge:"2",langCodes:["en","es"]},{id:"gb",name:"United Kingdom",flag:"\u{1F1EC}\u{1F1E7}",badge:"1",langCodes:["en"]},{id:"de",name:"Germany",flag:"\u{1F1E9}\u{1F1EA}",badge:"1",langCodes:["de"]},{id:"jp",name:"Japan",flag:"\u{1F1EF}\u{1F1F5}",badge:"1",langCodes:["ja"]},{id:"ca",name:"Canada",flag:"\u{1F1E8}\u{1F1E6}",badge:"2",langCodes:["en","fr"]},{id:"global",name:"Global / Europe & Asia",flag:"\u{1F30D}",badge:"11",langCodes:["it","id","tr","vi","nl","pl","pt","ru","ar","zh","ko"]}];const LANGUAGE_ENGLISH_NAMES={en:"English (Default)",es:"Spanish",fr:"French",de:"German",zh:"Chinese (Simplified)",ja:"Japanese",ko:"Korean",pt:"Portuguese",ru:"Russian",hi:"Hindi",ta:"Tamil",te:"Telugu",kn:"Kannada",ml:"Malayalam",bn:"Bengali",mr:"Marathi",gu:"Gujarati",pa:"Punjabi",ar:"Arabic",it:"Italian",id:"Indonesian",tr:"Turkish",vi:"Vietnamese",nl:"Dutch",pl:"Polish"};exports.LanguageSelectorModal=react_1.default.memo(({visible:i,onClose:o})=>{const{t}=(0,i18n_1.useTranslation)(),[a,n]=(0,react_1.useState)(""),[c,y]=(0,react_1.useState)("all"),[l,g]=(0,react_1.useState)(null),p=(0,i18n_1.getLanguage)(),d=AppColors_1.AppColors.primaryLight!==AppColors_1.AppColors.white,u=(0,react_1.useMemo)(()=>exports.COUNTRY_OPTIONS.find(e=>e.id===c)||exports.COUNTRY_OPTIONS[0],[c]),C=(0,react_1.useMemo)(()=>i18n_1.SUPPORTED_LANGUAGES.filter(e=>{if(c!=="all"&&u?.langCodes&&!u.langCodes.includes(e.code))return!1;if(!a.trim())return!0;const r=a.trim().toLowerCase(),s=LANGUAGE_ENGLISH_NAMES[e.code]?.toLowerCase()||"";return e.name.toLowerCase().includes(r)||e.nativeName.toLowerCase().includes(r)||e.code.toLowerCase().includes(r)||s.includes(r)}),[a,c,u]),f=(e,r,s)=>{e!==p&&((0,NativeInspector_1.triggerNativeHaptic)("light"),g({code:e,flag:r,nativeName:s}))},b=async()=>{if(!l)return;(0,NativeInspector_1.triggerNativeHaptic)("medium"),(0,i18n_1.setLanguage)(l.code);try{const s=await(0,settingsStore_1.loadSettings)();await(0,settingsStore_1.saveSettings)({...s,language:l.code})}catch{}const{flag:e,nativeName:r}=l;g(null),o(),n(""),(0,toast_1.showToast)(`\u{1F504} ${e} ${r}`),__DEV__&&react_native_1.DevSettings&&react_native_1.DevSettings.reload&&react_native_1.DevSettings.reload()},h=()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),g(null)};return<react_native_1.Modal visible={i}transparent={!0}animationType="slide"statusBarTranslucent={!0}onRequestClose={o}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(i,o,t,a){a===void 0&&(a=t);var n=Object.getOwnPropertyDescriptor(o,t);(!n||("get"in n?!o.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return o[t]}}),Object.defineProperty(i,a,n)}):(function(i,o,t,a){a===void 0&&(a=t),i[a]=o[t]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(i,o){Object.defineProperty(i,"default",{enumerable:!0,value:o})}):function(i,o){i.default=o}),__importStar=this&&this.__importStar||(function(){var i=function(o){return i=Object.getOwnPropertyNames||function(t){var a=[];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(a[a.length]=n);return a},i(o)};return function(o){if(o&&o.__esModule)return o;var t={};if(o!=null)for(var a=i(o),n=0;n<a.length;n++)a[n]!=="default"&&__createBinding(t,o,a[n]);return __setModuleDefault(t,o),t}})(),__importDefault=this&&this.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.LanguageSelectorModal=exports.COUNTRY_OPTIONS=void 0;const react_1=__importStar(require("react")),react_native_1=require("react-native"),react_native_linear_gradient_1=__importDefault(require("react-native-linear-gradient")),TouchableScale_1=__importDefault(require("../TouchableScale")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),NetworkIcons_1=require("../NetworkIcons"),CountryFlag_1=__importDefault(require("../CountryFlag")),i18n_1=require("../../i18n"),settingsStore_1=require("../../helpers/settingsStore"),NativeInspector_1=require("../../native/NativeInspector"),toast_1=require("../../helpers/toast");exports.COUNTRY_OPTIONS=[{id:"all",name:"All",flag:"\u{1F310}",badge:"25"},{id:"in",name:"India",flag:"\u{1F1EE}\u{1F1F3}",badge:"9",langCodes:["hi","ta","te","kn","ml","bn","mr","gu","pa"]},{id:"us",name:"United States",flag:"\u{1F1FA}\u{1F1F8}",badge:"2",langCodes:["en","es"]},{id:"gb",name:"United Kingdom",flag:"\u{1F1EC}\u{1F1E7}",badge:"1",langCodes:["en"]},{id:"de",name:"Germany",flag:"\u{1F1E9}\u{1F1EA}",badge:"1",langCodes:["de"]},{id:"jp",name:"Japan",flag:"\u{1F1EF}\u{1F1F5}",badge:"1",langCodes:["ja"]},{id:"ca",name:"Canada",flag:"\u{1F1E8}\u{1F1E6}",badge:"2",langCodes:["en","fr"]},{id:"global",name:"Global / Europe & Asia",flag:"\u{1F30D}",badge:"11",langCodes:["it","id","tr","vi","nl","pl","pt","ru","ar","zh","ko"]}];const LANGUAGE_ENGLISH_NAMES={en:"English (Default)",es:"Spanish",fr:"French",de:"German",zh:"Chinese (Simplified)",ja:"Japanese",ko:"Korean",pt:"Portuguese",ru:"Russian",hi:"Hindi",ta:"Tamil",te:"Telugu",kn:"Kannada",ml:"Malayalam",bn:"Bengali",mr:"Marathi",gu:"Gujarati",pa:"Punjabi",ar:"Arabic",it:"Italian",id:"Indonesian",tr:"Turkish",vi:"Vietnamese",nl:"Dutch",pl:"Polish"};exports.LanguageSelectorModal=react_1.default.memo(({visible:i,onClose:o})=>{const{t}=(0,i18n_1.useTranslation)(),[a,n]=(0,react_1.useState)(""),[c,y]=(0,react_1.useState)("all"),[l,g]=(0,react_1.useState)(null),p=(0,i18n_1.getLanguage)(),d=AppColors_1.AppColors.primaryLight!==AppColors_1.AppColors.white,u=(0,react_1.useMemo)(()=>exports.COUNTRY_OPTIONS.find(e=>e.id===c)||exports.COUNTRY_OPTIONS[0],[c]),C=(0,react_1.useMemo)(()=>i18n_1.SUPPORTED_LANGUAGES.filter(e=>{if(c!=="all"&&u?.langCodes&&!u.langCodes.includes(e.code))return!1;if(!a.trim())return!0;const r=a.trim().toLowerCase(),s=LANGUAGE_ENGLISH_NAMES[e.code]?.toLowerCase()||"";return e.name.toLowerCase().includes(r)||e.nativeName.toLowerCase().includes(r)||e.code.toLowerCase().includes(r)||s.includes(r)}),[a,c,u]),f=(e,r,s)=>{e!==p&&((0,NativeInspector_1.triggerNativeHaptic)("light"),g({code:e,flag:r,nativeName:s}))},w=async()=>{if(!l)return;(0,NativeInspector_1.triggerNativeHaptic)("medium"),(0,i18n_1.setLanguage)(l.code);try{const s=await(0,settingsStore_1.loadSettings)();await(0,settingsStore_1.saveSettings)({...s,language:l.code})}catch{}const{flag:e,nativeName:r}=l;g(null),o(),n(""),(0,toast_1.showToast)(`\u{1F504} ${e} ${r}`),__DEV__&&react_native_1.DevSettings&&react_native_1.DevSettings.reload&&react_native_1.DevSettings.reload()},h=()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),g(null)};return<react_native_1.Modal visible={i}transparent={!0}animationType="slide"statusBarTranslucent={!0}onRequestClose={o}>
       <react_native_1.View style={styles.overlay}>
         
         <react_native_1.TouchableWithoutFeedback onPress={o}accessible={!0}accessibilityRole="button"accessibilityLabel="Close bottom sheet">
@@ -32,8 +32,8 @@
                 </react_native_1.Text>
               </react_native_1.View>
             </react_native_1.View>
-            <TouchableScale_1.default onPress={o}hitSlop={12}accessible={!0}accessibilityRole="button"accessibilityLabel="Close language selector"style={[styles.closeBtn,{backgroundColor:d?"rgba(255, 255, 255, 0.16)":"rgba(0, 0, 0, 0.08)",borderColor:d?"rgba(255, 255, 255, 0.30)":"rgba(0, 0, 0, 0.18)"}]}>
-              <NetworkIcons_1.CloseWhite size={14}color={d?AppColors_1.AppColors.white:"#0F172A"}/>
+            <TouchableScale_1.default onPress={o}hitSlop={12}accessible={!0}accessibilityRole="button"accessibilityLabel="Close language selector"style={[styles.closeBtn,{backgroundColor:d?AppColors_1.AppColors.overlayWhite16:AppColors_1.AppColors.overlayBlack08,borderColor:d?AppColors_1.AppColors.overlayWhite30:AppColors_1.AppColors.overlayBlack18}]}>
+              <NetworkIcons_1.CloseWhite size={14}color={d?AppColors_1.AppColors.white:AppColors_1.AppColors.slate900}/>
             </TouchableScale_1.default>
           </react_native_1.View>
 
@@ -50,7 +50,7 @@
           <react_native_1.View style={styles.countryScrollWrap}>
             <react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={!1}contentContainerStyle={styles.countryScrollContent}>
               {exports.COUNTRY_OPTIONS.map(e=>{const r=e.id===c;return<TouchableScale_1.default key={e.id}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),y(e.id)}}style={[styles.countryChip,r&&styles.countryChipActive]}>
-                    <react_native_1.Text style={styles.countryChipFlag}>{e.flag}</react_native_1.Text>
+                    <CountryFlag_1.default code={e.id}size={15}style={{marginRight:6}}/>
                     <react_native_1.Text style={[styles.countryChipText,r&&styles.countryChipTextActive]}>
                       {e.name}
                     </react_native_1.Text>
@@ -75,7 +75,7 @@
 
                     <react_native_1.View style={styles.langRowLeft}>
                       <react_native_1.View style={[styles.flagContainer,r&&styles.flagContainerSelected]}>
-                        <react_native_1.Text style={styles.langFlag}>{e.flag}</react_native_1.Text>
+                        <CountryFlag_1.default code={e.code}size={20}/>
                       </react_native_1.View>
                       <react_native_1.View style={styles.langTextCol}>
                         <react_native_1.View style={styles.langTitleRow}>
@@ -94,9 +94,9 @@
                       </react_native_1.View>
                     </react_native_1.View>
 
-                    {r?<react_native_linear_gradient_1.default colors={[AppColors_1.AppColors.indigo600,AppColors_1.AppColors.violet600]}start={{x:0,y:0}}end={{x:1,y:1}}style={styles.checkIconWrap}>
-                        <NetworkIcons_1.CheckIcon size={12}color={AppColors_1.AppColors.white}/>
-                      </react_native_linear_gradient_1.default>:<react_native_1.View style={styles.uncheckPlaceholder}/>}
+                    {r?<react_native_1.View style={styles.checkIconWrap}>
+                        <NetworkIcons_1.CheckIcon size={14}color={AppColors_1.AppColors.white}/>
+                      </react_native_1.View>:<react_native_1.View style={styles.uncheckPlaceholder}/>}
                   </TouchableScale_1.default>})}
           </react_native_1.ScrollView>
         </react_native_1.View>
@@ -114,7 +114,7 @@
 
               
               <react_native_1.View style={confirmStyles.iconBadge}>
-                <react_native_1.Text style={confirmStyles.iconFlag}>{l.flag}</react_native_1.Text>
+                <CountryFlag_1.default code={l.code}size={28}/>
               </react_native_1.View>
 
               
@@ -131,21 +131,26 @@
                   <react_native_1.Text style={confirmStyles.switchLabel}>
                     {t("language.current","Current")}
                   </react_native_1.Text>
-                  <react_native_1.Text style={confirmStyles.switchValue}>
-                    {i18n_1.SUPPORTED_LANGUAGES.find(e=>e.code===p)?.flag||"\u{1F310}"}{" "}
-                    {p.toUpperCase()}
-                  </react_native_1.Text>
+                  <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6}}>
+                    <CountryFlag_1.default code={p}size={16}/>
+                    <react_native_1.Text style={confirmStyles.switchValue}>
+                      {p.toUpperCase()}
+                    </react_native_1.Text>
+                  </react_native_1.View>
                 </react_native_1.View>
                 <react_native_1.View style={confirmStyles.switchArrow}>
-                  <react_native_1.Text style={confirmStyles.switchArrowText}>→</react_native_1.Text>
+                  <NetworkIcons_1.ArrowForwardIcon size={14}color={AppColors_1.AppColors.indigo600}/>
                 </react_native_1.View>
                 <react_native_1.View style={confirmStyles.switchItem}>
                   <react_native_1.Text style={[confirmStyles.switchLabel,{color:AppColors_1.AppColors.indigo600}]}>
                     {t("language.new","New")}
                   </react_native_1.Text>
-                  <react_native_1.Text style={[confirmStyles.switchValue,{color:AppColors_1.AppColors.indigo600,fontFamily:AppFonts_1.AppFonts.interBold}]}>
-                    {l.flag} {l.code.toUpperCase()}
-                  </react_native_1.Text>
+                  <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6}}>
+                    <CountryFlag_1.default code={l.code}size={16}/>
+                    <react_native_1.Text style={[confirmStyles.switchValue,{color:AppColors_1.AppColors.indigo600,fontFamily:AppFonts_1.AppFonts.interBold}]}>
+                      {l.code.toUpperCase()}
+                    </react_native_1.Text>
+                  </react_native_1.View>
                 </react_native_1.View>
               </react_native_1.View>
 
@@ -157,7 +162,7 @@
                   </react_native_1.Text>
                 </TouchableScale_1.default>
 
-                <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel={t("language.confirmApply","Apply & Reload")}onPress={b}style={confirmStyles.confirmBtn}>
+                <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel={t("language.confirmApply","Apply & Reload")}onPress={w}style={confirmStyles.confirmBtn}>
                   <react_native_linear_gradient_1.default colors={[AppColors_1.AppColors.indigo600,AppColors_1.AppColors.violet600]}start={{x:0,y:0}}end={{x:1,y:1}}style={confirmStyles.confirmBtnGradient}>
                     <NetworkIcons_1.ResetIcon size={13}color={AppColors_1.AppColors.white}/>
                     <react_native_1.Text style={confirmStyles.confirmBtnText}>

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

@@ -1,18 +1,18 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(o,e,r,a){a===void 0&&(a=r);var i=Object.getOwnPropertyDescriptor(e,r);(!i||("get"in i?!e.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return e[r]}}),Object.defineProperty(o,a,i)}):(function(o,e,r,a){a===void 0&&(a=r),o[a]=e[r]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(o,e){Object.defineProperty(o,"default",{enumerable:!0,value:e})}):function(o,e){o.default=e}),__importStar=this&&this.__importStar||(function(){var o=function(e){return o=Object.getOwnPropertyNames||function(r){var a=[];for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&(a[a.length]=i);return a},o(e)};return function(e){if(e&&e.__esModule)return e;var r={};if(e!=null)for(var a=o(e),i=0;i<a.length;i++)a[i]!=="default"&&__createBinding(r,e,a[i]);return __setModuleDefault(r,e),r}})(),__importDefault=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),InspectorContext_1=require("./InspectorContext"),ErrorBoundary_1=__importDefault(require("../ErrorBoundary")),ModuleErrorBoundary_1=__importDefault(require("../ModuleErrorBoundary")),FabLauncher_1=__importDefault(require("./FabLauncher")),InspectorHeader_1=__importDefault(require("./InspectorHeader")),SecondaryTelemetryStrip_1=require("./SecondaryTelemetryStrip"),TabBar_1=__importDefault(require("./TabBar")),NetworkTab_1=__importDefault(require("./NetworkTab")),NetworkDetail_1=__importDefault(require("./NetworkDetail")),LogDetail_1=__importDefault(require("./LogDetail")),ConsoleTab_1=__importDefault(require("./ConsoleTab")),AnalyticsTab_1=__importDefault(require("./AnalyticsTab")),AnalyticsDetail_1=__importDefault(require("../AnalyticsDetail")),ReduxTab_1=__importDefault(require("./ReduxTab")),ReduxDetail_1=__importDefault(require("./ReduxDetail")),CrashTab_1=__importDefault(require("./CrashTab")),CrashDetail_1=__importDefault(require("./CrashDetail")),PushTab_1=__importDefault(require("./PushTab")),PushDetail_1=__importDefault(require("./PushDetail")),SocketTab_1=__importDefault(require("./SocketTab")),SocketDetail_1=__importDefault(require("./SocketDetail")),DeviceInfoTab_1=__importDefault(require("./DeviceInfoTab")),StorageTab_1=__importDefault(require("./StorageTab")),DebuggingTab_1=__importDefault(require("./DebuggingTab")),MediaGalleryTab_1=require("./MediaGalleryTab"),SettingsPanel_1=__importDefault(require("./SettingsPanel")),AboutModal_1=__importDefault(require("./AboutModal")),SupportPage_1=require("./SupportPage"),ConfirmationModal_1=require("./ConfirmationModal"),FloatingCaptureWidget_1=require("./FloatingCaptureWidget"),NpmUpdateToast_1=__importDefault(require("./NpmUpdateToast")),NpmStarPrompt_1=__importDefault(require("./NpmStarPrompt")),Toast_1=__importDefault(require("../Toast")),styles_1=__importDefault(require("../../styles")),AppColors_1=require("../../styles/AppColors"),NavigationTracker_1=__importDefault(require("./NavigationTracker")),helpers_1=require("../../helpers"),MainScreen=()=>{const{visible:o,modalAnimationType:e,closeModal:r,modalHeightPercent:a,selected:i,selectedEvent:p,selectedLog:y,selectedReduxSlice:S,selectedReduxAction:w,selectedCrash:_,selectedPush:m,setSelectedPush:C,selectedSocket:g,setSelectedSocket:v,settingsPage:n,isAboutOpen:u,setIsAboutOpen:A,isSupportOpen:s,setIsSupportOpen:k,activeTab:t,isReady:V,enabled:B,isDismissed:M,hasNavigationContext:D,setNavState:T,confirmModal:l,setConfirmModal:N,peekMode:q,peekOpacity:b}=(0,InspectorContext_1.useInspector)(),h=t==="apis"&&i!=null||t==="analytics"&&p!=null||t==="logs"&&y!=null||t==="redux"&&(S!=null||w!=null)||t==="crash"&&_!=null||t==="push"&&m!=null||t==="socket"&&g!=null,d=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current;(0,react_1.useEffect)(()=>{n!==null&&(d.setValue(0),react_native_1.Animated.spring(d,{toValue:1,friction:8,tension:65,useNativeDriver:!1}).start())},[n!==null]);const c=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current;(0,react_1.useEffect)(()=>{u&&(c.setValue(0),react_native_1.Animated.spring(c,{toValue:1,friction:8,tension:65,useNativeDriver:!1}).start())},[u]);const f=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current;return(0,react_1.useEffect)(()=>{s&&(f.setValue(0),react_native_1.Animated.spring(f,{toValue:1,friction:8,tension:65,useNativeDriver:!1}).start())},[s]),<>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(o,e,r,a){a===void 0&&(a=r);var l=Object.getOwnPropertyDescriptor(e,r);(!l||("get"in l?!e.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return e[r]}}),Object.defineProperty(o,a,l)}):(function(o,e,r,a){a===void 0&&(a=r),o[a]=e[r]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(o,e){Object.defineProperty(o,"default",{enumerable:!0,value:e})}):function(o,e){o.default=e}),__importStar=this&&this.__importStar||(function(){var o=function(e){return o=Object.getOwnPropertyNames||function(r){var a=[];for(var l in r)Object.prototype.hasOwnProperty.call(r,l)&&(a[a.length]=l);return a},o(e)};return function(e){if(e&&e.__esModule)return e;var r={};if(e!=null)for(var a=o(e),l=0;l<a.length;l++)a[l]!=="default"&&__createBinding(r,e,a[l]);return __setModuleDefault(r,e),r}})(),__importDefault=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),InspectorContext_1=require("./InspectorContext"),ErrorBoundary_1=__importDefault(require("../ErrorBoundary")),ModuleErrorBoundary_1=__importDefault(require("../ModuleErrorBoundary")),FabLauncher_1=__importDefault(require("./FabLauncher")),InspectorHeader_1=__importDefault(require("./InspectorHeader")),SecondaryTelemetryStrip_1=require("./SecondaryTelemetryStrip"),TabBar_1=__importDefault(require("./TabBar")),NetworkTab_1=__importDefault(require("./NetworkTab")),NetworkDetail_1=__importDefault(require("./NetworkDetail")),LogDetail_1=__importDefault(require("./LogDetail")),ConsoleTab_1=__importDefault(require("./ConsoleTab")),AnalyticsTab_1=__importDefault(require("./AnalyticsTab")),AnalyticsDetail_1=__importDefault(require("../AnalyticsDetail")),ReduxTab_1=__importDefault(require("./ReduxTab")),ReduxDetail_1=__importDefault(require("./ReduxDetail")),CrashTab_1=__importDefault(require("./CrashTab")),CrashDetail_1=__importDefault(require("./CrashDetail")),PushTab_1=__importDefault(require("./PushTab")),PushDetail_1=__importDefault(require("./PushDetail")),SocketTab_1=__importDefault(require("./SocketTab")),SocketDetail_1=__importDefault(require("./SocketDetail")),DeviceInfoTab_1=__importDefault(require("./DeviceInfoTab")),StorageTab_1=__importDefault(require("./StorageTab")),DebuggingTab_1=__importDefault(require("./DebuggingTab")),MediaGalleryTab_1=require("./MediaGalleryTab"),SettingsPanel_1=__importDefault(require("./SettingsPanel")),AboutModal_1=__importDefault(require("./AboutModal")),SupportPage_1=require("./SupportPage"),ConfirmationModal_1=require("./ConfirmationModal"),FloatingCaptureWidget_1=require("./FloatingCaptureWidget"),NpmUpdateToast_1=__importDefault(require("./NpmUpdateToast")),NpmStarPrompt_1=__importDefault(require("./NpmStarPrompt")),Toast_1=__importDefault(require("../Toast")),styles_1=__importDefault(require("../../styles")),AppColors_1=require("../../styles/AppColors"),NavigationTracker_1=__importDefault(require("./NavigationTracker")),helpers_1=require("../../helpers"),MainScreen=()=>{const{visible:o,modalAnimationType:e,closeModal:r,modalHeightPercent:a,selected:l,selectedEvent:p,selectedLog:_,selectedReduxSlice:S,selectedReduxAction:w,selectedCrash:b,selectedPush:m,setSelectedPush:C,selectedSocket:g,setSelectedSocket:v,settingsPage:n,isAboutOpen:u,setIsAboutOpen:A,isSupportOpen:s,setIsSupportOpen:k,activeTab:t,isReady:V,enabled:B,isDismissed:M,hasNavigationContext:D,setNavState:T,confirmModal:i,setConfirmModal:N,peekMode:q,peekOpacity:h}=(0,InspectorContext_1.useInspector)(),y=t==="apis"&&l!=null||t==="analytics"&&p!=null||t==="logs"&&_!=null||t==="redux"&&(S!=null||w!=null)||t==="crash"&&b!=null||t==="push"&&m!=null||t==="socket"&&g!=null,d=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current;(0,react_1.useEffect)(()=>{n!==null&&(d.setValue(0),react_native_1.Animated.spring(d,{toValue:1,friction:8,tension:65,useNativeDriver:!1}).start())},[n!==null]);const c=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current;(0,react_1.useEffect)(()=>{u&&(c.setValue(0),react_native_1.Animated.spring(c,{toValue:1,friction:8,tension:65,useNativeDriver:!1}).start())},[u]);const f=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current;return(0,react_1.useEffect)(()=>{s&&(f.setValue(0),react_native_1.Animated.spring(f,{toValue:1,friction:8,tension:65,useNativeDriver:!1}).start())},[s]),<>
       {(react_native_1.Platform.OS==="ios"||react_native_1.Platform.OS==="android")&&B&&!M&&!o&&<FabLauncher_1.default/>}
       <react_native_1.Modal visible={o}animationType={e}transparent statusBarTranslucent={!0}onRequestClose={r}>
         <ErrorBoundary_1.default onClose={r}>
           <react_native_1.View style={[styles_1.default.modalBackdrop,{zIndex:999999,elevation:999999}]}>
             <react_native_1.Pressable style={styles_1.default.modalBackdropPressable}onPress={r}/>
-            <react_native_1.View style={[styles_1.default.modalContentCard,{height:`${a}%`,borderTopLeftRadius:a>=100?0:20,borderTopRightRadius:a>=100?0:20,opacity:q?Math.max(.05,Math.min(1,typeof b=="number"?b:.75)):1,zIndex:9999999,elevation:999999}]}>
+            <react_native_1.View style={[styles_1.default.modalContentCard,{height:`${a}%`,borderTopLeftRadius:a>=100?0:20,borderTopRightRadius:a>=100?0:20,opacity:q?Math.max(.05,Math.min(1,typeof h=="number"?h:.1)):1,zIndex:9999999,elevation:999999}]}>
               <react_native_1.StatusBar translucent backgroundColor="transparent"barStyle="light-content"/>
 
               <InspectorHeader_1.default/>
-              <SecondaryTelemetryStrip_1.SecondaryTelemetryStrip/>
+              {!y&&n===null&&!u&&!s&&<SecondaryTelemetryStrip_1.SecondaryTelemetryStrip/>}
 
               <react_native_1.View style={{flex:1,overflow:"hidden",backgroundColor:AppColors_1.AppColors.grayBackground}}>
                 
-                <react_native_1.View style={{flex:1}}pointerEvents={h||n!==null||u||s?"none":"auto"}>
+                <react_native_1.View style={{flex:1}}pointerEvents={y||n!==null||u||s?"none":"auto"}>
                   <TabBar_1.default/>
                   {V?<react_native_1.View style={{flex:1}}>
                       {t==="apis"&&<ModuleErrorBoundary_1.default moduleName="Network API Monitor">
@@ -52,20 +52,20 @@
                 </react_native_1.View>
 
                 
-                {h&&<react_native_1.View style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:AppColors_1.AppColors.contentBg,zIndex:10}]}>
-                    {t==="apis"&&i!=null&&<ModuleErrorBoundary_1.default moduleName="Network Request Details">
+                {y&&<react_native_1.View style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:AppColors_1.AppColors.contentBg,zIndex:10}]}>
+                    {t==="apis"&&l!=null&&<ModuleErrorBoundary_1.default moduleName="Network Request Details">
                         <NetworkDetail_1.default/>
                       </ModuleErrorBoundary_1.default>}
                     {t==="analytics"&&p!=null&&<ModuleErrorBoundary_1.default moduleName="Analytics Event Details">
                         <AnalyticsDetail_1.default event={p}/>
                       </ModuleErrorBoundary_1.default>}
-                    {t==="logs"&&y!=null&&<ModuleErrorBoundary_1.default moduleName="Console Log Details">
+                    {t==="logs"&&_!=null&&<ModuleErrorBoundary_1.default moduleName="Console Log Details">
                         <LogDetail_1.default/>
                       </ModuleErrorBoundary_1.default>}
                     {t==="redux"&&<ModuleErrorBoundary_1.default moduleName="Redux Action & State Details">
                         <ReduxDetail_1.default/>
                       </ModuleErrorBoundary_1.default>}
-                    {t==="crash"&&_!=null&&<ModuleErrorBoundary_1.default moduleName="Crash Log Details">
+                    {t==="crash"&&b!=null&&<ModuleErrorBoundary_1.default moduleName="Crash Log Details">
                         <CrashDetail_1.default/>
                       </ModuleErrorBoundary_1.default>}
                     {t==="push"&&m!=null&&<ModuleErrorBoundary_1.default moduleName="Push Notification Details">
@@ -111,7 +111,7 @@
               <FloatingCaptureWidget_1.FloatingCaptureWidget/>
 
               
-              <ConfirmationModal_1.ConfirmationModal visible={l.visible}title={l.title}message={l.message}confirmText={l.confirmText}cancelText={l.cancelText}isDestructive={!0}icon="trash"onConfirm={l.onConfirm}onCancel={()=>N(R=>({...R,visible:!1}))}/>
+              <ConfirmationModal_1.ConfirmationModal visible={i.visible}title={i.title}message={i.message}confirmText={i.confirmText}cancelText={i.cancelText}isDestructive={!0}icon="trash"onConfirm={i.onConfirm}onCancel={()=>N(R=>({...R,visible:!1}))}/>
             </react_native_1.View>
           </react_native_1.View>
         </ErrorBoundary_1.default>