react-native-inapp-inspector 2.5.13 → 2.5.15

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

@@ -1,9 +1,9 @@
-"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"),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:F,selectedEvent:h,setSelectedEvent:E,selectedLog:g,setSelectedLog:N,selectedReduxSlice:m,setSelectedReduxSlice:q,selectedReduxAction:y,setSelectedReduxAction:j,reduxState:U,reduxLastActionMap:G,clearAnim:ae,runClearAllWithAnimation:oe,settingsPage:_,setSettingsPage:z,isAboutOpen:D,setIsAboutOpen:M,resetToDefaults:K,closeModal:B,minimizeInspector:Q,detailTitle:J,activeTab:d,environment:O,selectedCrash:p,setSelectedCrash:X,selectedPush:c,setSelectedPush:Y,selectedSocket:o,setSelectedSocket:Z,refreshMediaCount:w,peekMode:I,setPeekMode:ee,previewMediaItem:L,setPreviewMediaItem:b}=(0,InspectorContext_1.useInspector)(),{width:T}=(0,react_native_1.useWindowDimensions)(),e=T<360,S=T<400,[le,ne]=react_1.default.useState(!1),[te,P]=react_1.default.useState(!1),[re]=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]),[x,v]=react_1.default.useState(!1),[se,k]=react_1.default.useState(0),C=react_1.default.useRef(null);react_1.default.useEffect(()=>{capture_1.ScreenCapture.isRecording().then(t=>{v(t)}).catch(()=>{})},[]),react_1.default.useEffect(()=>(x?(k(0),C.current=setInterval(()=>{k(t=>t+1)},1e3)):(C.current&&(clearInterval(C.current),C.current=null),k(0)),()=>{C.current&&clearInterval(C.current)}),[x]);const de=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};b(f),w?.().catch(()=>{}),(0,helpers_1.showToast)(r("header.screenshotCaptured"))}else(0,helpers_1.showToast)(r("header.screenshotFailed"))}catch{(0,helpers_1.showToast)(r("header.screenshotError"))}},[w,r]),ce=react_1.default.useCallback(async()=>{try{if(x){(0,NativeInspector_1.triggerNativeHaptic)("medium");const t=await capture_1.ScreenCapture.stopRecording();if(v(!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};b(f),w?.().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"})?(v(!0),(0,helpers_1.showToast)(r("header.recordingStarted"))):(0,helpers_1.showToast)(r("header.recordingStartFailed"))}catch{(0,helpers_1.showToast)(r("header.recordingError")),v(!1)}},[x,r]),pe=t=>{const a=Math.floor(t/60),f=t%60;return`${a.toString().padStart(2,"0")}:${f.toString().padStart(2,"0")}`},ue=(0,react_1.useMemo)(()=>{const t=(O||(__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}},[O]),V=d==="apis"&&i!=null||d==="analytics"&&h!=null||d==="logs"&&g!=null||d==="redux"&&(m!=null||y!=null)||d==="crash"&&p!=null||d==="push"&&c!=null||d==="socket"&&o!=null,A=_!==null,R=V||A||D,ie=(0,react_1.useMemo)(()=>{switch(_){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"}},[_]),H=(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]),u=e?24:S?25.5:26,he=e?36:S?38:40;return<>
-      <react_native_1.View style={[styles_1.default.headerGradient,{minHeight:(e?44:48)+H}]}>
+"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"),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:F,selectedEvent:h,setSelectedEvent:E,selectedLog:g,setSelectedLog:N,selectedReduxSlice:m,setSelectedReduxSlice:q,selectedReduxAction:y,setSelectedReduxAction:j,reduxState:U,reduxLastActionMap:G,clearAnim:oe,runClearAllWithAnimation:ae,settingsPage:_,setSettingsPage:z,isAboutOpen:D,setIsAboutOpen:M,resetToDefaults:K,closeModal:B,minimizeInspector:Q,detailTitle:J,activeTab:d,environment:O,selectedCrash:p,setSelectedCrash:X,selectedPush:c,setSelectedPush:Y,selectedSocket:a,setSelectedSocket:Z,refreshMediaCount:w,peekMode:I,setPeekMode:ee,previewMediaItem:L,setPreviewMediaItem:b}=(0,InspectorContext_1.useInspector)(),{width:T}=(0,react_native_1.useWindowDimensions)(),e=T<360,S=T<400,[le,ne]=react_1.default.useState(!1),[te,P]=react_1.default.useState(!1),[re]=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(o=>o.code===t)||i18n_1.SUPPORTED_LANGUAGES[0]},[l]),[x,v]=react_1.default.useState(!1),[se,k]=react_1.default.useState(0),C=react_1.default.useRef(null);react_1.default.useEffect(()=>{capture_1.ScreenCapture.isRecording().then(t=>{v(t)}).catch(()=>{})},[]),react_1.default.useEffect(()=>(x?(k(0),C.current=setInterval(()=>{k(t=>t+1)},1e3)):(C.current&&(clearInterval(C.current),C.current=null),k(0)),()=>{C.current&&clearInterval(C.current)}),[x]);const de=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 o=(0,capture_1.generateCaptureId)("screenshot",t.format||"png"),f={id:o,type:"image",format:t.format,uri:t.uri,filename:t.uri.split("/").pop()||o,sizeBytes:t.sizeBytes,timestamp:t.timestamp,width:t.width,height:t.height};b(f),w?.().catch(()=>{}),(0,helpers_1.showToast)(r("header.screenshotCaptured"))}else(0,helpers_1.showToast)(r("header.screenshotFailed"))}catch{(0,helpers_1.showToast)(r("header.screenshotError"))}},[w,r]),ce=react_1.default.useCallback(async()=>{try{if(x){(0,NativeInspector_1.triggerNativeHaptic)("medium");const t=await capture_1.ScreenCapture.stopRecording();if(v(!1),t){(0,NativeInspector_1.triggerNativeHaptic)("success");const o=(0,capture_1.generateCaptureId)("video",t.format),f={id:o,type:t.format==="gif"?"gif":"video",format:t.format,uri:t.uri,filename:t.uri.split("/").pop()||o,sizeBytes:t.sizeBytes,timestamp:t.timestamp,durationMs:t.durationMs,width:t.width,height:t.height,hasAudio:t.hasAudio};b(f),w?.().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"})?(v(!0),(0,helpers_1.showToast)(r("header.recordingStarted"))):(0,helpers_1.showToast)(r("header.recordingStartFailed"))}catch{(0,helpers_1.showToast)(r("header.recordingError")),v(!1)}},[x,r]),pe=t=>{const o=Math.floor(t/60),f=t%60;return`${o.toString().padStart(2,"0")}:${f.toString().padStart(2,"0")}`},ue=(0,react_1.useMemo)(()=>{const t=(O||(__DEV__?"DEV":"PROD")).trim(),o=t.toUpperCase();return o==="DEV"||o.includes("DEV")||o==="LOCAL"?{label:t,bg:`${AppColors_1.AppColors.emerald500}40`,border:`${AppColors_1.AppColors.emerald400}8C`,text:AppColors_1.AppColors.mintGreenBorder}:o==="UAT"||o==="QA"||o==="TEST"?{label:t,bg:`${AppColors_1.AppColors.amber500}47`,border:`${AppColors_1.AppColors.amber400}99`,text:AppColors_1.AppColors.amberWarmBorder}:o==="PREPROD"||o==="STAGE"||o==="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}},[O]),V=d==="apis"&&i!=null||d==="analytics"&&h!=null||d==="logs"&&g!=null||d==="redux"&&(m!=null||y!=null)||d==="crash"&&p!=null||d==="push"&&c!=null||d==="socket"&&a!=null,A=_!==null,R=V||A||D,ie=(0,react_1.useMemo)(()=>{switch(_){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"}},[_]),H=(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]),u=e?28:S?30:32,he=e?36:S?38:40;return<>
+      <react_native_1.View style={[styles_1.default.headerGradient,{minHeight:(e?50:54)+H}]}>
         
         <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"/>
         <react_native_1.View style={{paddingTop:H,width:"100%"}}>
-          <react_native_1.View style={[styles_1.default.header,{width:"100%",justifyContent:"space-between",paddingHorizontal:e?8:10,paddingVertical:5,minHeight:e?44:48}]}>
+          <react_native_1.View style={[styles_1.default.header,{width:"100%",justifyContent:"space-between",paddingHorizontal:e?8:10,paddingVertical:7,minHeight:e?50:54}]}>
             <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:e?6:8,flex:V?void 0:1,flexShrink:V?0:1,minWidth:0}}>
               {R&&<TouchableScale_1.default onPress={()=>{if(D){M(!1);return}if(A){z(_==="main"?null:"main");return}F(null),E(null),N(null),q(null),j(null),X(null),Y(null),Z(null)}}hitSlop={15}style={{width:e?30:34,height:e?30:34,borderRadius:e?15:17,alignItems:"center",justifyContent:"center",backgroundColor:`${AppColors_1.AppColors.white}2E`,borderWidth:1,borderColor:`${AppColors_1.AppColors.white}4D`,flexShrink:0}}>
                   <react_native_1.View style={{position:"absolute",width:e?38:42,height:e?38:42,borderRadius:21,backgroundColor:`${AppColors_1.AppColors.white}1A`}}/>
@@ -42,8 +42,8 @@
                   <BrandCircleIcon_1.BrandCircleIcon size={e?38:S?40:42}/>
                   <react_native_1.View style={{gap:3,flex:1,minWidth:0,justifyContent:"center"}}>
                     
-                    <react_native_1.Text style={[styles_1.default.headerTitle,{fontFamily:AppFonts_1.AppFonts.interBold,fontWeight:"700",fontSize:e?12.5:S?13:14,lineHeight:e?17:S?18:19,color:AppColors_1.AppColors.white,letterSpacing:-.2,paddingBottom:0}]}numberOfLines={1}ellipsizeMode="tail">
-                      react-native-inapp-inspector
+                    <react_native_1.Text style={[styles_1.default.headerTitle,{fontFamily:AppFonts_1.AppFonts.interBold,fontWeight:"700",fontSize:e?14:S?15:15.5,lineHeight:e?18:S?19:20,color:AppColors_1.AppColors.white,letterSpacing:-.2,paddingBottom:0}]}numberOfLines={1}ellipsizeMode="tail">
+                      {r("header.title","In-App Inspector")}
                     </react_native_1.Text>
 
                     
@@ -151,7 +151,7 @@
                         </react_native_1.Text>
                       </react_native_1.View>
                     </react_native_1.View>
-                  </react_native_1.View>:d==="redux"&&m!=null?(()=>{const t=U?.[m],a=t&&typeof t=="object"?Object.keys(t).length:typeof t<"u"?1:0,f=(0,helpers_1.getSize)(t),W=G[m];return<react_native_1.View style={styles_1.default.headerDetailCenter}>
+                  </react_native_1.View>:d==="redux"&&m!=null?(()=>{const t=U?.[m],o=t&&typeof t=="object"?Object.keys(t).length:typeof t<"u"?1:0,f=(0,helpers_1.getSize)(t),W=G[m];return<react_native_1.View style={styles_1.default.headerDetailCenter}>
                         <react_native_1.View style={styles_1.default.headerDetailRow}>
                           <react_native_1.View style={[styles_1.default.headerMethodBadge,{backgroundColor:`${AppColors_1.AppColors.purple}4D`,paddingHorizontal:e?5:6,paddingVertical:e?2:3,flexShrink:0}]}>
                             <react_native_1.Text style={[styles_1.default.headerMethodText,{fontSize:e?9:10}]}>
@@ -171,7 +171,7 @@
                             •
                           </react_native_1.Text>
                           <react_native_1.Text style={[styles_1.default.headerSubTitle,{fontSize:e?10:11}]}>
-                            {a} keys
+                            {o} keys
                           </react_native_1.Text>
                           <react_native_1.Text style={[styles_1.default.headerSubTitle,{opacity:.6,fontSize:e?10:11}]}>
                             •
@@ -258,72 +258,72 @@
                         </react_native_1.Text>
                       </react_native_1.View>
                     </react_native_1.View>
-                  </react_native_1.View>:d==="socket"&&o!=null?<react_native_1.View style={styles_1.default.headerDetailCenter}>
+                  </react_native_1.View>:d==="socket"&&a!=null?<react_native_1.View style={styles_1.default.headerDetailCenter}>
                     <react_native_1.View style={styles_1.default.headerDetailRow}>
-                      <react_native_1.View style={[styles_1.default.headerMethodBadge,{backgroundColor:o.client==="socket.io"||o.url.includes("/socket.io")?AppColors_1.AppColors.violet600:o.url.startsWith("wss://")?AppColors_1.AppColors.emerald600:AppColors_1.AppColors.blue600,paddingHorizontal:e?5:6,paddingVertical:e?2:3,flexShrink:0}]}>
+                      <react_native_1.View style={[styles_1.default.headerMethodBadge,{backgroundColor:a.client==="socket.io"||a.url.includes("/socket.io")?AppColors_1.AppColors.violet600:a.url.startsWith("wss://")?AppColors_1.AppColors.emerald600:AppColors_1.AppColors.blue600,paddingHorizontal:e?5:6,paddingVertical:e?2:3,flexShrink:0}]}>
                         <react_native_1.Text style={[styles_1.default.headerMethodText,{fontSize:e?9:10}]}>
-                          {o.client==="socket.io"||o.url.includes("/socket.io")?"SIO":o.url.startsWith("wss://")?"WSS":"WS"}
+                          {a.client==="socket.io"||a.url.includes("/socket.io")?"SIO":a.url.startsWith("wss://")?"WSS":"WS"}
                         </react_native_1.Text>
                       </react_native_1.View>
                       <react_native_1.Text style={[styles_1.default.headerDetailTitle,{fontSize:e?13:14.5,flex:1,minWidth:0,flexShrink:1}]}numberOfLines={1}ellipsizeMode="middle">
-                        {o.url}
+                        {a.url}
                       </react_native_1.Text>
                     </react_native_1.View>
                     <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:e?4:6,marginTop:3,paddingVertical:1}}>
-                      <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:e?6:8,paddingVertical:2.5,borderRadius:20,backgroundColor:`${o.status==="open"?AppColors_1.AppColors.greenColor:o.status==="connecting"?AppColors_1.AppColors.amber600:o.status==="error"?AppColors_1.AppColors.errorColor:AppColors_1.AppColors.slate500}26`,borderWidth:1,borderColor:`${o.status==="open"?AppColors_1.AppColors.greenColor:o.status==="connecting"?AppColors_1.AppColors.amber600:o.status==="error"?AppColors_1.AppColors.errorColor:AppColors_1.AppColors.slate500}55`}}>
-                        <react_native_1.View style={[styles_1.default.headerStatusDot,{backgroundColor:o.status==="open"?AppColors_1.AppColors.greenColor:o.status==="connecting"?AppColors_1.AppColors.amber600:o.status==="error"?AppColors_1.AppColors.errorColor:AppColors_1.AppColors.slate500,width:e?6:7,height:e?6:7}]}/>
+                      <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:e?6:8,paddingVertical:2.5,borderRadius:20,backgroundColor:`${a.status==="open"?AppColors_1.AppColors.greenColor:a.status==="connecting"?AppColors_1.AppColors.amber600:a.status==="error"?AppColors_1.AppColors.errorColor:AppColors_1.AppColors.slate500}26`,borderWidth:1,borderColor:`${a.status==="open"?AppColors_1.AppColors.greenColor:a.status==="connecting"?AppColors_1.AppColors.amber600:a.status==="error"?AppColors_1.AppColors.errorColor:AppColors_1.AppColors.slate500}55`}}>
+                        <react_native_1.View style={[styles_1.default.headerStatusDot,{backgroundColor:a.status==="open"?AppColors_1.AppColors.greenColor:a.status==="connecting"?AppColors_1.AppColors.amber600:a.status==="error"?AppColors_1.AppColors.errorColor:AppColors_1.AppColors.slate500,width:e?6:7,height:e?6:7}]}/>
                         <react_native_1.Text style={[styles_1.default.headerSubTitle,{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:e?10:11}]}>
-                          {(o.status||"open").toUpperCase()}
+                          {(a.status||"open").toUpperCase()}
                         </react_native_1.Text>
                       </react_native_1.View>
                       <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:e?6:8,paddingVertical:2.5,borderRadius:20,backgroundColor:`${AppColors_1.AppColors.white}29`}}>
                         <NetworkIcons_1.ClockIcon color={AppColors_1.AppColors.white}size={e?10:11}/>
                         <react_native_1.Text style={[styles_1.default.headerSubTitle,{fontSize:e?10:11}]}>
-                          {o.duration!=null?`${o.duration}ms`:(0,helpers_1.formatTimeShort)(o.startTime)}
+                          {a.duration!=null?`${a.duration}ms`:(0,helpers_1.formatTimeShort)(a.startTime)}
                         </react_native_1.Text>
                       </react_native_1.View>
                       <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:e?6:8,paddingVertical:2.5,borderRadius:20,backgroundColor:`${AppColors_1.AppColors.white}29`}}>
                         <NetworkIcons_1.SizeIcon color={AppColors_1.AppColors.white}size={e?10:11}/>
                         <react_native_1.Text style={[styles_1.default.headerSubTitle,{fontSize:e?10:11}]}>
-                          {o.frames?.length||0} frames · {(0,helpers_1.formatByteSize)((o.totalBytesSent||0)+(o.totalBytesReceived||0))}
+                          {a.frames?.length||0} frames · {(0,helpers_1.formatByteSize)((a.totalBytesSent||0)+(a.totalBytesReceived||0))}
                         </react_native_1.Text>
                       </react_native_1.View>
                     </react_native_1.View>
                   </react_native_1.View>:null}
               </react_native_1.View>}
 
-            <react_native_1.View style={[styles_1.default.headerRight,{flexDirection:"row",alignItems:"center",justifyContent:"flex-end",flexShrink:0,marginLeft:6,gap:e?3.5:4.5}]}>
+            <react_native_1.View style={[styles_1.default.headerRight,{flexDirection:"row",alignItems:"center",justifyContent:"flex-end",flexShrink:0,marginLeft:6,gap:e?6:7.5}]}>
               
               {A?<>
                   
-                  <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel={r("about.heroTitle","About & Specs")}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),M(!0)}}hitSlop={15}style={[styles_1.default.closeButtonSquare,{width:u,height:u,borderRadius:e?6:7,backgroundColor:"rgba(255, 255, 255, 0.22)",borderColor:"rgba(255, 255, 255, 0.45)",borderWidth:1}]}>
-                    <NetworkIcons_1.InfoCircleIcon color={AppColors_1.AppColors.white}size={e?13:15}/>
+                  <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel={r("about.heroTitle","About & Specs")}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),M(!0)}}hitSlop={{top:8,bottom:8,left:2,right:2}}style={[styles_1.default.closeButtonSquare,{width:u,height:u,borderRadius:e?7:8,backgroundColor:"rgba(255, 255, 255, 0.22)",borderColor:"rgba(255, 255, 255, 0.45)",borderWidth:1}]}>
+                    <NetworkIcons_1.InfoCircleIcon color={AppColors_1.AppColors.white}size={e?14:16}/>
                   </TouchableScale_1.default>
 
                   
-                  <TouchableScale_1.default onPress={()=>{react_native_1.Alert.alert("Reset All Settings","This restores all module visibility and UI preferences to defaults. Continue?",[{text:"Cancel",style:"cancel"},{text:"Reset",style:"destructive",onPress:K}])}}hitSlop={15}style={[styles_1.default.closeButtonSquare,{width:u,height:u,borderRadius:e?6:7,backgroundColor:"rgba(245, 158, 11, 0.26)",borderColor:"rgba(252, 211, 77, 0.45)",borderWidth:1}]}>
-                    <NetworkIcons_1.ResetIcon color={AppColors_1.AppColors.white}size={e?12:14}/>
+                  <TouchableScale_1.default onPress={()=>{react_native_1.Alert.alert("Reset All Settings","This restores all module visibility and UI preferences to defaults. Continue?",[{text:"Cancel",style:"cancel"},{text:"Reset",style:"destructive",onPress:K}])}}hitSlop={{top:8,bottom:8,left:2,right:2}}style={[styles_1.default.closeButtonSquare,{width:u,height:u,borderRadius:e?7:8,backgroundColor:"rgba(245, 158, 11, 0.26)",borderColor:"rgba(252, 211, 77, 0.45)",borderWidth:1}]}>
+                    <NetworkIcons_1.ResetIcon color={AppColors_1.AppColors.white}size={e?13:15}/>
                   </TouchableScale_1.default>
                 </>:R?null:<>
                   
-                  <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel={I?"Disable peek-through":"Enable peek-through"}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),ee(t=>!t)}}hitSlop={15}style={[styles_1.default.closeButtonSquare,{width:u,height:u,borderRadius:e?6:7,backgroundColor:I?"rgba(6, 182, 212, 0.38)":"rgba(6, 182, 212, 0.18)",borderColor:I?"rgba(103, 232, 249, 0.65)":"rgba(103, 232, 249, 0.35)",borderWidth:1}]}>
-                    <NetworkIcons_1.EyeIcon color={AppColors_1.AppColors.white}size={e?12:14}/>
+                  <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel={I?"Disable peek-through":"Enable peek-through"}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),ee(t=>!t)}}hitSlop={{top:8,bottom:8,left:2,right:2}}style={[styles_1.default.closeButtonSquare,{width:u,height:u,borderRadius:e?7:8,backgroundColor:I?"rgba(6, 182, 212, 0.38)":"rgba(6, 182, 212, 0.18)",borderColor:I?"rgba(103, 232, 249, 0.65)":"rgba(103, 232, 249, 0.35)",borderWidth:1}]}>
+                    <NetworkIcons_1.EyeIcon color={AppColors_1.AppColors.white}size={e?13:15}/>
                   </TouchableScale_1.default>
 
                   
-                  <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel="Settings"onPress={()=>z("main")}hitSlop={15}style={[styles_1.default.closeButtonSquare,{width:u,height:u,borderRadius:e?6:7,backgroundColor:"rgba(168, 85, 247, 0.28)",borderColor:"rgba(216, 180, 254, 0.45)",borderWidth:1}]}>
-                    <NetworkIcons_1.SettingsIcon color={AppColors_1.AppColors.white}size={e?12:14}/>
+                  <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel="Settings"onPress={()=>z("main")}hitSlop={{top:8,bottom:8,left:2,right:2}}style={[styles_1.default.closeButtonSquare,{width:u,height:u,borderRadius:e?7:8,backgroundColor:"rgba(168, 85, 247, 0.28)",borderColor:"rgba(216, 180, 254, 0.45)",borderWidth:1}]}>
+                    <NetworkIcons_1.SettingsIcon color={AppColors_1.AppColors.white}size={e?13:15}/>
                   </TouchableScale_1.default>
                 </>}
 
               
-              <react_native_1.TouchableOpacity testID="inspector.header.minimizeBtn"onPress={Q||B}hitSlop={{top:12,bottom:12,left:12,right:12}}activeOpacity={.7}accessibilityRole="button"accessibilityLabel={r("common.minimize","Minimize")}style={[styles_1.default.closeButtonSquare,{width:u,height:u,borderRadius:e?6:7,backgroundColor:"rgba(56, 189, 248, 0.22)",borderColor:"rgba(125, 211, 252, 0.40)",borderWidth:1}]}>
-                <NetworkIcons_1.ChevronDownIcon size={e?14:16}color={AppColors_1.AppColors.white}/>
+              <react_native_1.TouchableOpacity testID="inspector.header.minimizeBtn"onPress={Q||B}hitSlop={{top:8,bottom:8,left:2,right:2}}activeOpacity={.7}accessibilityRole="button"accessibilityLabel={r("common.minimize","Minimize")}style={[styles_1.default.closeButtonSquare,{width:u,height:u,borderRadius:e?7:8,backgroundColor:"rgba(56, 189, 248, 0.22)",borderColor:"rgba(125, 211, 252, 0.40)",borderWidth:1}]}>
+                <NetworkIcons_1.ChevronDownIcon size={e?15:17}color={AppColors_1.AppColors.white}/>
               </react_native_1.TouchableOpacity>
 
               
-              <react_native_1.TouchableOpacity testID="inspector.header.closeBtn"onPress={B}hitSlop={{top:12,bottom:12,left:12,right:12}}activeOpacity={.7}accessibilityRole="button"accessibilityLabel={r("common.close","Close")}style={[styles_1.default.closeButtonSquare,{width:u,height:u,borderRadius:e?6:7,backgroundColor:"rgba(244, 63, 94, 0.28)",borderColor:"rgba(251, 113, 133, 0.48)",borderWidth:1}]}>
-                <NetworkIcons_1.CloseWhite size={e?12:14}/>
+              <react_native_1.TouchableOpacity testID="inspector.header.closeBtn"onPress={B}hitSlop={{top:8,bottom:8,left:2,right:2}}activeOpacity={.7}accessibilityRole="button"accessibilityLabel={r("common.close","Close")}style={[styles_1.default.closeButtonSquare,{width:u,height:u,borderRadius:e?7:8,backgroundColor:"rgba(244, 63, 94, 0.28)",borderColor:"rgba(251, 113, 133, 0.48)",borderWidth:1}]}>
+                <NetworkIcons_1.CloseWhite size={e?13:15}/>
               </react_native_1.TouchableOpacity>
             </react_native_1.View>
           </react_native_1.View>
@@ -334,5 +334,5 @@
       <LanguageSelectorModal_1.LanguageSelectorModal visible={te}onClose={()=>P(!1)}/>
 
       
-      <MediaPreviewModal_1.MediaPreviewModal item={L}visible={!!L}onClose={()=>b(null)}onDelete={async t=>{await capture_1.ScreenCapture.deleteMedia(t.uri),w?.().catch(()=>{}),b(null)}}onConvertToGif={async t=>{const a=await capture_1.ScreenCapture.convertToGif(t.uri,{fps:12,width:480});if(a){w?.().catch(()=>{});const f=(0,capture_1.generateCaptureId)("anim","gif");b({id:f,type:"gif",format:"gif",uri:a.uri,filename:a.uri.split("/").pop()||f,sizeBytes:a.sizeBytes,timestamp:a.timestamp,durationMs:a.durationMs})}}}onSave={t=>{b(t),w?.().catch(()=>{})}}/>
+      <MediaPreviewModal_1.MediaPreviewModal item={L}visible={!!L}onClose={()=>b(null)}onDelete={async t=>{await capture_1.ScreenCapture.deleteMedia(t.uri),w?.().catch(()=>{}),b(null)}}onConvertToGif={async t=>{const o=await capture_1.ScreenCapture.convertToGif(t.uri,{fps:12,width:480});if(o){w?.().catch(()=>{});const f=(0,capture_1.generateCaptureId)("anim","gif");b({id:f,type:"gif",format:"gif",uri:o.uri,filename:o.uri.split("/").pop()||f,sizeBytes:o.sizeBytes,timestamp:o.timestamp,durationMs:o.durationMs})}}}onSave={t=>{b(t),w?.().catch(()=>{})}}/>
     </>});exports.default=InspectorHeader;

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

@@ -1,102 +1,99 @@
-"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")),PerformanceTab_1=require("./PerformanceTab"),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:d,setIsSupportOpen:k,activeTab:t,isReady:V,enabled:B,isDismissed:M,hasNavigationContext:T,setNavState:D,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,s=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current;(0,react_1.useEffect)(()=>{n!==null&&(s.setValue(0),react_native_1.Animated.spring(s,{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)(()=>{d&&(f.setValue(0),react_native_1.Animated.spring(f,{toValue:1,friction:8,tension:65,useNativeDriver:!1}).start())},[d]),<>
-      {(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}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(a,t,o,r){r===void 0&&(r=o);var l=Object.getOwnPropertyDescriptor(t,o);(!l||("get"in l?!t.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(a,r,l)}):(function(a,t,o,r){r===void 0&&(r=o),a[r]=t[o]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(a,t){Object.defineProperty(a,"default",{enumerable:!0,value:t})}):function(a,t){a.default=t}),__importStar=this&&this.__importStar||(function(){var a=function(t){return a=Object.getOwnPropertyNames||function(o){var r=[];for(var l in o)Object.prototype.hasOwnProperty.call(o,l)&&(r[r.length]=l);return r},a(t)};return function(t){if(t&&t.__esModule)return t;var o={};if(t!=null)for(var r=a(t),l=0;l<r.length;l++)r[l]!=="default"&&__createBinding(o,t,r[l]);return __setModuleDefault(o,t),o}})(),__importDefault=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),InspectorContext_1=require("./InspectorContext"),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")),PerformanceTab_1=require("./PerformanceTab"),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")),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"),SkeletonPlaceholder_1=__importDefault(require("./SkeletonPlaceholder")),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")),MainScreen=()=>{const{visible:a,modalAnimationType:t,closeModal:o,modalHeightPercent:r,selected:l,selectedEvent:p,selectedLog:b,selectedReduxSlice:h,selectedReduxAction:v,selectedCrash:g,selectedPush:_,setSelectedPush:M,selectedSocket:m,setSelectedSocket:C,settingsPage:n,isAboutOpen:i,setIsAboutOpen:T,isSupportOpen:s,setIsSupportOpen:q,activeTab:e,isReady:N,enabled:D,isDismissed:A,hasNavigationContext:P,setNavState:B,confirmModal:u,setConfirmModal:w,peekMode:E,peekOpacity:S}=(0,InspectorContext_1.useInspector)(),y=e==="apis"&&l!=null||e==="analytics"&&p!=null||e==="logs"&&b!=null||e==="redux"&&(h!=null||v!=null)||e==="crash"&&g!=null||e==="push"&&_!=null||e==="socket"&&m!=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:!0}).start())},[n!==null]);const c=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current;(0,react_1.useEffect)(()=>{i&&(c.setValue(0),react_native_1.Animated.spring(c,{toValue:1,friction:8,tension:65,useNativeDriver:!0}).start())},[i]);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:!0}).start())},[s]),<>
+      {(react_native_1.Platform.OS==="ios"||react_native_1.Platform.OS==="android")&&D&&!A&&!a&&<FabLauncher_1.default/>}
+      <react_native_1.Modal visible={a}animationType={t}transparent statusBarTranslucent={!0}onRequestClose={o}>
+        <ErrorBoundary_1.default onClose={o}>
           <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 h=="number"?h:.3)):1,zIndex:9999999,elevation:999999}]}>
+            <react_native_1.Pressable style={styles_1.default.modalBackdropPressable}onPress={o}accessible={!0}accessibilityRole="button"accessibilityLabel="Dismiss Inspector"accessibilityHint="Double tap to dismiss the inspector modal"/>
+            <react_native_1.View accessible={!1}accessibilityViewIsModal={!0}style={[styles_1.default.modalContentCard,{height:`${r}%`,borderTopLeftRadius:r>=100?0:20,borderTopRightRadius:r>=100?0:20,opacity:E?Math.max(.05,Math.min(1,typeof S=="number"?S:.3)):1,zIndex:9999999,elevation:999999}]}>
               <react_native_1.StatusBar translucent backgroundColor="transparent"barStyle="light-content"/>
 
               <InspectorHeader_1.default/>
-              {!y&&n===null&&!u&&!d&&<SecondaryTelemetryStrip_1.SecondaryTelemetryStrip/>}
+              {!y&&n===null&&!i&&!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={y||n!==null||u||d?"none":"auto"}>
+                <react_native_1.View style={{flex:1}}pointerEvents={y||n!==null||i||s?"none":"auto"}>
                   <TabBar_1.default/>
-                  {V?<react_native_1.View style={{flex:1}}>
-                      {t==="apis"&&<ModuleErrorBoundary_1.default moduleName="Network API Monitor">
+                  {N?<react_native_1.View style={{flex:1}}>
+                      {e==="apis"&&<ModuleErrorBoundary_1.default moduleName="Network API Monitor">
                           <NetworkTab_1.default/>
                         </ModuleErrorBoundary_1.default>}
-                      {t==="logs"&&<ModuleErrorBoundary_1.default moduleName="Console Logs Monitor">
+                      {e==="logs"&&<ModuleErrorBoundary_1.default moduleName="Console Logs Monitor">
                           <ConsoleTab_1.default/>
                         </ModuleErrorBoundary_1.default>}
-                      {t==="perf"&&<ModuleErrorBoundary_1.default moduleName="Performance & FPS Profiler">
+                      {e==="perf"&&<ModuleErrorBoundary_1.default moduleName="Performance & FPS Profiler">
                           <PerformanceTab_1.PerformanceTab/>
                         </ModuleErrorBoundary_1.default>}
-                      {t==="analytics"&&<ModuleErrorBoundary_1.default moduleName="Analytics Event Tracker">
+                      {e==="analytics"&&<ModuleErrorBoundary_1.default moduleName="Analytics Event Tracker">
                           <AnalyticsTab_1.default/>
                         </ModuleErrorBoundary_1.default>}
-                      {t==="redux"&&<ModuleErrorBoundary_1.default moduleName="Redux State Inspector">
+                      {e==="redux"&&<ModuleErrorBoundary_1.default moduleName="Redux State Inspector">
                           <ReduxTab_1.default/>
                         </ModuleErrorBoundary_1.default>}
-                      {t==="crash"&&<ModuleErrorBoundary_1.default moduleName="Crash Reporter">
+                      {e==="crash"&&<ModuleErrorBoundary_1.default moduleName="Crash Reporter">
                           <CrashTab_1.default/>
                         </ModuleErrorBoundary_1.default>}
-                      {t==="push"&&<ModuleErrorBoundary_1.default moduleName="Push Notifications">
+                      {e==="push"&&<ModuleErrorBoundary_1.default moduleName="Push Notifications">
                           <PushTab_1.default/>
                         </ModuleErrorBoundary_1.default>}
-                      {t==="socket"&&<ModuleErrorBoundary_1.default moduleName="WebSocket & Socket.IO">
+                      {e==="socket"&&<ModuleErrorBoundary_1.default moduleName="WebSocket & Socket.IO">
                           <SocketTab_1.default/>
                         </ModuleErrorBoundary_1.default>}
-                      {t==="device"&&<ModuleErrorBoundary_1.default moduleName="Device Diagnostics">
+                      {e==="device"&&<ModuleErrorBoundary_1.default moduleName="Device Diagnostics">
                           <DeviceInfoTab_1.default/>
                         </ModuleErrorBoundary_1.default>}
-                      {t==="storage"&&<ModuleErrorBoundary_1.default moduleName="Storage Inspector">
+                      {e==="storage"&&<ModuleErrorBoundary_1.default moduleName="Storage Inspector">
                           <StorageTab_1.default/>
                         </ModuleErrorBoundary_1.default>}
-                      {t==="media"&&<ModuleErrorBoundary_1.default moduleName="Media Gallery">
+                      {e==="media"&&<ModuleErrorBoundary_1.default moduleName="Media Gallery">
                           <MediaGalleryTab_1.MediaGalleryTab/>
                         </ModuleErrorBoundary_1.default>}
-                      {react_native_1.Platform.OS==="android"&&(0,helpers_1.isLocalDebugEnvironment)()&&t==="debugging"&&<ModuleErrorBoundary_1.default moduleName="Debugging Utilities">
-                            <DebuggingTab_1.default/>
-                          </ModuleErrorBoundary_1.default>}
-                    </react_native_1.View>:<MainScreenSkeleton/>}
+                    </react_native_1.View>:<SkeletonPlaceholder_1.default tab={e}/>}
                 </react_native_1.View>
 
                 
                 {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">
+                    {e==="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">
+                    {e==="analytics"&&p!=null&&<ModuleErrorBoundary_1.default moduleName="Analytics Event Details">
                         <AnalyticsDetail_1.default event={p}/>
                       </ModuleErrorBoundary_1.default>}
-                    {t==="logs"&&_!=null&&<ModuleErrorBoundary_1.default moduleName="Console Log Details">
+                    {e==="logs"&&b!=null&&<ModuleErrorBoundary_1.default moduleName="Console Log Details">
                         <LogDetail_1.default/>
                       </ModuleErrorBoundary_1.default>}
-                    {t==="redux"&&<ModuleErrorBoundary_1.default moduleName="Redux Action & State Details">
+                    {e==="redux"&&<ModuleErrorBoundary_1.default moduleName="Redux Action & State Details">
                         <ReduxDetail_1.default/>
                       </ModuleErrorBoundary_1.default>}
-                    {t==="crash"&&b!=null&&<ModuleErrorBoundary_1.default moduleName="Crash Log Details">
+                    {e==="crash"&&g!=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">
-                        <PushDetail_1.default item={m}onClose={()=>C(null)}/>
+                    {e==="push"&&_!=null&&<ModuleErrorBoundary_1.default moduleName="Push Notification Details">
+                        <PushDetail_1.default item={_}onClose={()=>M(null)}/>
                       </ModuleErrorBoundary_1.default>}
-                    {t==="socket"&&g!=null&&<ModuleErrorBoundary_1.default moduleName="WebSocket & Socket.IO Details">
-                        <SocketDetail_1.default item={g}onClose={()=>v(null)}/>
+                    {e==="socket"&&m!=null&&<ModuleErrorBoundary_1.default moduleName="WebSocket & Socket.IO Details">
+                        <SocketDetail_1.default item={m}onClose={()=>C(null)}/>
                       </ModuleErrorBoundary_1.default>}
                   </react_native_1.View>}
 
                 
-                {n!==null&&<react_native_1.Animated.View style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:AppColors_1.AppColors.grayBackground,opacity:s,transform:[{translateY:s.interpolate({inputRange:[0,1],outputRange:[24,0]})}]}]}>
+                {n!==null&&<react_native_1.Animated.View style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:AppColors_1.AppColors.grayBackground,opacity:d,transform:[{translateY:d.interpolate({inputRange:[0,1],outputRange:[24,0]})}]}]}>
                     <ModuleErrorBoundary_1.default moduleName="Settings Panel">
                       <SettingsPanel_1.default/>
                     </ModuleErrorBoundary_1.default>
                   </react_native_1.Animated.View>}
 
                 
-                {u&&<react_native_1.Animated.View style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:AppColors_1.AppColors.primaryLight,opacity:c,transform:[{translateY:c.interpolate({inputRange:[0,1],outputRange:[24,0]})}]}]}>
+                {i&&<react_native_1.Animated.View style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:AppColors_1.AppColors.primaryLight,opacity:c,transform:[{translateY:c.interpolate({inputRange:[0,1],outputRange:[24,0]})}]}]}>
                     <ModuleErrorBoundary_1.default moduleName="About & Diagnostics">
-                      <AboutModal_1.default onClose={()=>A(!1)}/>
+                      <AboutModal_1.default onClose={()=>T(!1)}/>
                     </ModuleErrorBoundary_1.default>
                   </react_native_1.Animated.View>}
 
                 
-                {d&&<react_native_1.Animated.View style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:AppColors_1.AppColors.primaryLight,opacity:f,transform:[{translateY:f.interpolate({inputRange:[0,1],outputRange:[24,0]})}]}]}>
+                {s&&<react_native_1.Animated.View style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:AppColors_1.AppColors.primaryLight,opacity:f,transform:[{translateY:f.interpolate({inputRange:[0,1],outputRange:[24,0]})}]}]}>
                     <ModuleErrorBoundary_1.default moduleName="Support & Community">
-                      <SupportPage_1.SupportPage onClose={()=>k(!1)}/>
+                      <SupportPage_1.SupportPage onClose={()=>q(!1)}/>
                     </ModuleErrorBoundary_1.default>
                   </react_native_1.Animated.View>}
               </react_native_1.View>
@@ -114,44 +111,10 @@
               <FloatingCaptureWidget_1.FloatingCaptureWidget/>
 
               
-              <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}))}/>
+              <ConfirmationModal_1.ConfirmationModal visible={u.visible}title={u.title}message={u.message}confirmText={u.confirmText}cancelText={u.cancelText}isDestructive={!0}icon="trash"onConfirm={u.onConfirm}onCancel={()=>w(V=>({...V,visible:!1}))}/>
             </react_native_1.View>
           </react_native_1.View>
         </ErrorBoundary_1.default>
-      {T&&<NavigationTracker_1.default onStateChange={D}/>}
+      {P&&<NavigationTracker_1.default onStateChange={B}/>}
     </react_native_1.Modal>
-    </>},MainScreenSkeleton=react_1.default.memo(function(){const e=(0,react_1.useRef)(new react_native_1.Animated.Value(.35)).current;return(0,react_1.useEffect)(()=>{const r=react_native_1.Animated.loop(react_native_1.Animated.sequence([react_native_1.Animated.timing(e,{toValue:.85,duration:750,useNativeDriver:!1}),react_native_1.Animated.timing(e,{toValue:.35,duration:750,useNativeDriver:!1})]));return r.start(),()=>r.stop()},[e]),<react_native_1.View style={skeletonStyles.container}>
-      
-      <react_native_1.View style={skeletonStyles.toolbarSkeleton}>
-        <react_native_1.Animated.View style={[skeletonStyles.searchBarSkeleton,{opacity:e}]}/>
-        <react_native_1.View style={skeletonStyles.actionButtonsRow}>
-          <react_native_1.Animated.View style={[skeletonStyles.iconButtonSkeleton,{opacity:e}]}/>
-          <react_native_1.Animated.View style={[skeletonStyles.iconButtonSkeleton,{opacity:e}]}/>
-        </react_native_1.View>
-      </react_native_1.View>
-
-      
-      <react_native_1.View style={skeletonStyles.chipStripSkeleton}>
-        <react_native_1.Animated.View style={[skeletonStyles.chipSkeleton,{width:48,opacity:e}]}/>
-        <react_native_1.Animated.View style={[skeletonStyles.chipSkeleton,{width:68,opacity:e}]}/>
-        <react_native_1.Animated.View style={[skeletonStyles.chipSkeleton,{width:76,opacity:e}]}/>
-        <react_native_1.Animated.View style={[skeletonStyles.chipSkeleton,{width:58,opacity:e}]}/>
-      </react_native_1.View>
-
-      
-      {[0,1,2,3].map(r=><react_native_1.Animated.View key={`skeleton_card_${r}`}style={[skeletonStyles.cardSkeleton,{opacity:e}]}>
-          <react_native_1.View style={skeletonStyles.cardTopRow}>
-            <react_native_1.View style={skeletonStyles.badgeGroup}>
-              <react_native_1.View style={skeletonStyles.statusBadgeSkeleton}/>
-              <react_native_1.View style={skeletonStyles.methodBadgeSkeleton}/>
-            </react_native_1.View>
-            <react_native_1.View style={skeletonStyles.timeSkeleton}/>
-          </react_native_1.View>
-          <react_native_1.View style={skeletonStyles.urlLineLong}/>
-          <react_native_1.View style={skeletonStyles.urlLineShort}/>
-          <react_native_1.View style={skeletonStyles.cardBottomRow}>
-            <react_native_1.View style={skeletonStyles.metaPillSkeleton}/>
-            <react_native_1.View style={skeletonStyles.metaPillSkeleton}/>
-          </react_native_1.View>
-        </react_native_1.Animated.View>)}
-    </react_native_1.View>}),skeletonStyles=react_native_1.StyleSheet.create({container:{flex:1,paddingHorizontal:12,paddingTop:8},toolbarSkeleton:{flexDirection:"row",alignItems:"center",gap:8,marginBottom:8},searchBarSkeleton:{flex:1,height:36,borderRadius:8,backgroundColor:AppColors_1.AppColors.graySurface,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor},actionButtonsRow:{flexDirection:"row",gap:6},iconButtonSkeleton:{width:36,height:36,borderRadius:8,backgroundColor:AppColors_1.AppColors.graySurface,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor},chipStripSkeleton:{flexDirection:"row",gap:6,marginBottom:10},chipSkeleton:{height:24,borderRadius:6,backgroundColor:AppColors_1.AppColors.graySurface,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor},cardSkeleton:{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:10,padding:12,marginBottom:8,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor},cardTopRow:{flexDirection:"row",justifyContent:"space-between",alignItems:"center",marginBottom:8},badgeGroup:{flexDirection:"row",alignItems:"center",gap:6},statusBadgeSkeleton:{width:38,height:18,borderRadius:4,backgroundColor:AppColors_1.AppColors.graySurface},methodBadgeSkeleton:{width:44,height:18,borderRadius:4,backgroundColor:AppColors_1.AppColors.graySurface},timeSkeleton:{width:48,height:12,borderRadius:4,backgroundColor:AppColors_1.AppColors.graySurface},urlLineLong:{height:13,borderRadius:4,backgroundColor:AppColors_1.AppColors.graySurface,marginBottom:5,width:"90%"},urlLineShort:{height:11,borderRadius:4,backgroundColor:AppColors_1.AppColors.graySurface,marginBottom:8,width:"55%"},cardBottomRow:{flexDirection:"row",gap:8,marginTop:2},metaPillSkeleton:{width:52,height:14,borderRadius:4,backgroundColor:AppColors_1.AppColors.graySurface}});exports.default=MainScreen;
+    </>};exports.default=MainScreen;

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

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(i,r,n,a){a===void 0&&(a=n);var t=Object.getOwnPropertyDescriptor(r,n);(!t||("get"in t?!r.__esModule:t.writable||t.configurable))&&(t={enumerable:!0,get:function(){return r[n]}}),Object.defineProperty(i,a,t)}):(function(i,r,n,a){a===void 0&&(a=n),i[a]=r[n]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(i,r){Object.defineProperty(i,"default",{enumerable:!0,value:r})}):function(i,r){i.default=r}),__importStar=this&&this.__importStar||(function(){var i=function(r){return i=Object.getOwnPropertyNames||function(n){var a=[];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(a[a.length]=t);return a},i(r)};return function(r){if(r&&r.__esModule)return r;var n={};if(r!=null)for(var a=i(r),t=0;t<a.length;t++)a[t]!=="default"&&__createBinding(n,r,a[t]);return __setModuleDefault(n,r),n}})(),__importDefault=this&&this.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.NetworkExportModal=void 0;const react_1=__importStar(require("react")),react_native_1=require("react-native"),TouchableScale_1=__importDefault(require("../TouchableScale")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),NetworkIcons_1=require("../NetworkIcons"),NativeInspector_1=require("../../native/NativeInspector"),helpers_1=require("../../helpers"),shareFormatter_1=require("../../helpers/shareFormatter"),i18n_1=require("../../i18n"),NetworkExportModal=({visible:i,onClose:r,filteredLogs:n,allLogs:a})=>{const{t}=(0,i18n_1.useTranslation)(),[k,D]=(0,react_1.useState)("config"),[b,Y]=(0,react_1.useState)("filtered"),[S,Z]=(0,react_1.useState)("all"),[w,M]=(0,react_1.useState)("all"),[q,ee]=(0,react_1.useState)("50"),[B,te]=(0,react_1.useState)(""),[T,oe]=(0,react_1.useState)("txt"),[j,re]=(0,react_1.useState)(!1),[W,ie]=(0,react_1.useState)(!1),[$,ae]=(0,react_1.useState)(!1),[U,ne]=(0,react_1.useState)(!1),[G,le]=(0,react_1.useState)(!1),[K,se]=(0,react_1.useState)(!1),[Q,ce]=(0,react_1.useState)(!1),[ge,J]=(0,react_1.useState)(0),[fe,X]=(0,react_1.useState)(0),[_,pe]=(0,react_1.useState)(""),[A,de]=(0,react_1.useState)(""),[Ce,ue]=(0,react_1.useState)(0),V=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current,E=(0,react_1.useRef)(new react_native_1.Animated.Value(1)).current,F=(0,react_1.useMemo)(()=>{if(!B||B.trim().length===0)return{isValid:!0,error:null,regex:null};try{return{isValid:!0,error:null,regex:new RegExp(B.trim(),"i")}}catch(e){return{isValid:!1,error:e?.message||"Invalid pattern",regex:null}}},[B]),P=(0,react_1.useMemo)(()=>({includeRequestHeaders:j,includeRequestBody:W,includeResponseHeaders:$,includeResponseBody:U,includeCurlCommand:G,includeTimestamps:K,includeAppInfo:Q,ignorePattern:w==="custom"&&F.isValid?B.trim():void 0}),[j,W,$,U,G,K,Q,w,F.isValid,B]);(0,react_1.useEffect)(()=>{if(k==="progress"){const e=react_native_1.Animated.loop(react_native_1.Animated.sequence([react_native_1.Animated.timing(E,{toValue:1.05,duration:600,easing:react_native_1.Easing.inOut(react_native_1.Easing.ease),useNativeDriver:!0}),react_native_1.Animated.timing(E,{toValue:1,duration:600,easing:react_native_1.Easing.inOut(react_native_1.Easing.ease),useNativeDriver:!0})]));return e.start(),()=>e.stop()}},[k,E]),(0,react_1.useEffect)(()=>{i&&(D("config"),M("all"),Z("all"),oe("txt"),ee("50"),te(""),re(!1),ie(!1),ae(!1),ne(!1),le(!1),se(!1),ce(!1),J(0),X(0),pe(""),de(""),ue(0),V.setValue(0))},[i,V]);const I=(0,react_1.useMemo)(()=>b==="filtered"?n:a,[b,n,a]),R=(0,react_1.useMemo)(()=>{let e=0,o=0,C=0,v=0,m=0;return I.forEach(y=>{const x=typeof y.status=="number"?y.status:parseInt(String(y.status),10);y.status===0||y.status==null||!isNaN(x)&&x>=400?o++:!isNaN(x)&&x>=200&&x<400&&e++,(y.duration||0)>=500&&C++;const L=(y.method||"").toUpperCase();L==="POST"&&v++,L==="GET"&&m++}),{all:I.length,success:e,error:o,slow:C,post:v,get:m}},[I]),z=(0,react_1.useMemo)(()=>S==="all"?I:I.filter(e=>{const o=typeof e.status=="number"?e.status:parseInt(String(e.status),10),C=e.status===0||e.status==null||!isNaN(o)&&o>=400,v=!isNaN(o)&&o>=200&&o<400,m=(e.duration||0)>=500,y=(e.method||"").toUpperCase();return S==="success"?v:S==="error"?C:S==="slow"?m:S==="POST"?y==="POST":S==="GET"?y==="GET":!0}),[I,S]),{selectedLogs:h,ignoredCount:O}=(0,react_1.useMemo)(()=>{if(z.length===0)return{selectedLogs:[],ignoredCount:0};let o=z,C=0;if(w==="custom"&&F.regex){const m=F.regex,y=o.length;o=o.filter(x=>{const L=x.url||"",Te=x.method||"",Ae=x.client||"",_e=x.request?JSON.stringify(x.request):"",ve=x.response?JSON.stringify(x.response):"";return!m.test(L)&&!m.test(Te)&&!m.test(Ae)&&!m.test(_e)&&!m.test(ve)}),C=y-o.length}let v=o.length;if(w==="all")v=o.length;else if(w==="custom"){const m=parseInt(q,10);v=isNaN(m)||m<=0?o.length:Math.min(m,o.length)}return{selectedLogs:o.slice(-v),ignoredCount:C}},[z,w,q,F.regex]),N=(0,react_1.useMemo)(()=>(0,shareFormatter_1.estimateNetworkLogsExportSize)(h,T,P),[h,T,P]),H=e=>e<=0?"0 KB":e<1024?`${(e/1024).toFixed(2)} KB`:e<1024*1024?`${(e/1024).toFixed(1)} KB`:`${(e/(1024*1024)).toFixed(2)} MB`,me=(0,react_1.useCallback)(()=>{if(h.length===0){(0,helpers_1.showToast)(t("network.noLogsToExport","No API requests available to export"));return}(0,NativeInspector_1.triggerNativeHaptic)("medium"),D("progress"),J(0),X(0),V.setValue(0);const e=h.length,o=Math.max(1,Math.floor(e/10));let C=0;const v=setInterval(()=>{C=Math.min(C+o,e);const m=C/e;J(Math.round(m*100)),X(C),react_native_1.Animated.timing(V,{toValue:m,duration:120,easing:react_native_1.Easing.linear,useNativeDriver:!1}).start(),C>=e&&(clearInterval(v),setTimeout(()=>{const y=(0,shareFormatter_1.formatNetworkLogsExport)(h,T,P),x=(0,shareFormatter_1.generateNetworkLogsFilename)(T);pe(y),de(x),ue(y.length),D("complete"),(0,NativeInspector_1.triggerNativeHaptic)("heavy")},180))},45)},[h,T,P,V,t]),ye=(0,react_1.useCallback)(async()=>{if(_){(0,NativeInspector_1.triggerNativeHaptic)("light");try{const e=await(0,NativeInspector_1.writeNativeExportFile)(A,_);if(e){const o=T==="json"?"application/json":"text/plain";if(await(0,NativeInspector_1.shareNativeFile)(e,o,A))return}await react_native_1.Share.share({title:A,message:_,url:e||void 0},{dialogTitle:`Share ${A}`,subject:A})}catch(e){e?.message!=="User did not share"&&(0,helpers_1.showToast)(e?.message||"Failed to open share sheet")}}},[_,A,T]),xe=(0,react_1.useCallback)(async()=>{if(_){(0,NativeInspector_1.triggerNativeHaptic)("medium");try{const e=await(0,NativeInspector_1.writeNativeExportFile)(A,_);if(e){const o=T==="json"?"application/json":"text/plain";if(await(0,NativeInspector_1.shareNativeFile)(e,o,`Save ${A}`)){(0,helpers_1.showToast)(t("network.savePromptOpened","Opened save to disk dialog"));return}}await react_native_1.Share.share({title:`Save ${A}`,message:_,url:e||void 0},{dialogTitle:`Save to Disk (${A})`,subject:A}),(0,helpers_1.showToast)(t("network.savePromptOpened","Opened save to disk dialog"))}catch(e){e?.message!=="User did not share"&&(0,helpers_1.showToast)(e?.message||"Save error")}}},[_,A,T,t]),he=(0,react_1.useCallback)(()=>{_&&((0,NativeInspector_1.triggerNativeHaptic)("light"),(0,helpers_1.copyToClipboard)(_,"API Network Logs"),(0,helpers_1.showToast)(t("network.copiedLogs","API requests copied to clipboard!")))},[_,t]),we=n.length!==a.length;return<react_native_1.Modal visible={i}transparent animationType="slide"onRequestClose={r}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(i,r,a,n){n===void 0&&(n=a);var t=Object.getOwnPropertyDescriptor(r,a);(!t||("get"in t?!r.__esModule:t.writable||t.configurable))&&(t={enumerable:!0,get:function(){return r[a]}}),Object.defineProperty(i,n,t)}):(function(i,r,a,n){n===void 0&&(n=a),i[n]=r[a]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(i,r){Object.defineProperty(i,"default",{enumerable:!0,value:r})}):function(i,r){i.default=r}),__importStar=this&&this.__importStar||(function(){var i=function(r){return i=Object.getOwnPropertyNames||function(a){var n=[];for(var t in a)Object.prototype.hasOwnProperty.call(a,t)&&(n[n.length]=t);return n},i(r)};return function(r){if(r&&r.__esModule)return r;var a={};if(r!=null)for(var n=i(r),t=0;t<n.length;t++)n[t]!=="default"&&__createBinding(a,r,n[t]);return __setModuleDefault(a,r),a}})(),__importDefault=this&&this.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.NetworkExportModal=void 0;const react_1=__importStar(require("react")),react_native_1=require("react-native"),TouchableScale_1=__importDefault(require("../TouchableScale")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),NetworkIcons_1=require("../NetworkIcons"),NativeInspector_1=require("../../native/NativeInspector"),helpers_1=require("../../helpers"),shareFormatter_1=require("../../helpers/shareFormatter"),i18n_1=require("../../i18n"),NetworkExportModal=({visible:i,onClose:r,filteredLogs:a,allLogs:n})=>{const{t}=(0,i18n_1.useTranslation)(),[k,D]=(0,react_1.useState)("config"),[b,Y]=(0,react_1.useState)("filtered"),[S,Z]=(0,react_1.useState)("all"),[w,M]=(0,react_1.useState)("all"),[q,ee]=(0,react_1.useState)("50"),[B,te]=(0,react_1.useState)(""),[T,oe]=(0,react_1.useState)("txt"),[j,re]=(0,react_1.useState)(!0),[W,ie]=(0,react_1.useState)(!0),[$,ne]=(0,react_1.useState)(!0),[U,ae]=(0,react_1.useState)(!0),[G,le]=(0,react_1.useState)(!0),[K,se]=(0,react_1.useState)(!0),[Q,ce]=(0,react_1.useState)(!0),[ge,J]=(0,react_1.useState)(0),[fe,X]=(0,react_1.useState)(0),[_,pe]=(0,react_1.useState)(""),[A,de]=(0,react_1.useState)(""),[Ce,ue]=(0,react_1.useState)(0),V=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current,E=(0,react_1.useRef)(new react_native_1.Animated.Value(1)).current,F=(0,react_1.useMemo)(()=>{if(!B||B.trim().length===0)return{isValid:!0,error:null,regex:null};try{return{isValid:!0,error:null,regex:new RegExp(B.trim(),"i")}}catch(e){return{isValid:!1,error:e?.message||"Invalid pattern",regex:null}}},[B]),P=(0,react_1.useMemo)(()=>({includeRequestHeaders:j,includeRequestBody:W,includeResponseHeaders:$,includeResponseBody:U,includeCurlCommand:G,includeTimestamps:K,includeAppInfo:Q,ignorePattern:w==="custom"&&F.isValid?B.trim():void 0}),[j,W,$,U,G,K,Q,w,F.isValid,B]);(0,react_1.useEffect)(()=>{if(k==="progress"){const e=react_native_1.Animated.loop(react_native_1.Animated.sequence([react_native_1.Animated.timing(E,{toValue:1.05,duration:600,easing:react_native_1.Easing.inOut(react_native_1.Easing.ease),useNativeDriver:!0}),react_native_1.Animated.timing(E,{toValue:1,duration:600,easing:react_native_1.Easing.inOut(react_native_1.Easing.ease),useNativeDriver:!0})]));return e.start(),()=>e.stop()}},[k,E]),(0,react_1.useEffect)(()=>{i&&(D("config"),M("all"),Z("all"),oe("txt"),ee("50"),te(""),re(!1),ie(!1),ne(!1),ae(!1),le(!1),se(!1),ce(!1),J(0),X(0),pe(""),de(""),ue(0),V.setValue(0))},[i,V]);const I=(0,react_1.useMemo)(()=>b==="filtered"?a:n,[b,a,n]),R=(0,react_1.useMemo)(()=>{let e=0,o=0,C=0,v=0,m=0;return I.forEach(y=>{const x=typeof y.status=="number"?y.status:parseInt(String(y.status),10);y.status===0||y.status==null||!isNaN(x)&&x>=400?o++:!isNaN(x)&&x>=200&&x<400&&e++,(y.duration||0)>=500&&C++;const L=(y.method||"").toUpperCase();L==="POST"&&v++,L==="GET"&&m++}),{all:I.length,success:e,error:o,slow:C,post:v,get:m}},[I]),z=(0,react_1.useMemo)(()=>S==="all"?I:I.filter(e=>{const o=typeof e.status=="number"?e.status:parseInt(String(e.status),10),C=e.status===0||e.status==null||!isNaN(o)&&o>=400,v=!isNaN(o)&&o>=200&&o<400,m=(e.duration||0)>=500,y=(e.method||"").toUpperCase();return S==="success"?v:S==="error"?C:S==="slow"?m:S==="POST"?y==="POST":S==="GET"?y==="GET":!0}),[I,S]),{selectedLogs:h,ignoredCount:O}=(0,react_1.useMemo)(()=>{if(z.length===0)return{selectedLogs:[],ignoredCount:0};let o=z,C=0;if(w==="custom"&&F.regex){const m=F.regex,y=o.length;o=o.filter(x=>{const L=x.url||"",Te=x.method||"",Ae=x.client||"",_e=x.request?JSON.stringify(x.request):"",ve=x.response?JSON.stringify(x.response):"";return!m.test(L)&&!m.test(Te)&&!m.test(Ae)&&!m.test(_e)&&!m.test(ve)}),C=y-o.length}let v=o.length;if(w==="all")v=o.length;else if(w==="custom"){const m=parseInt(q,10);v=isNaN(m)||m<=0?o.length:Math.min(m,o.length)}return{selectedLogs:o.slice(-v),ignoredCount:C}},[z,w,q,F.regex]),N=(0,react_1.useMemo)(()=>(0,shareFormatter_1.estimateNetworkLogsExportSize)(h,T,P),[h,T,P]),H=e=>e<=0?"0 KB":e<1024?`${(e/1024).toFixed(2)} KB`:e<1024*1024?`${(e/1024).toFixed(1)} KB`:`${(e/(1024*1024)).toFixed(2)} MB`,me=(0,react_1.useCallback)(()=>{if(h.length===0){(0,helpers_1.showToast)(t("network.noLogsToExport","No API requests available to export"));return}(0,NativeInspector_1.triggerNativeHaptic)("medium"),D("progress"),J(0),X(0),V.setValue(0);const e=h.length,o=Math.max(1,Math.floor(e/10));let C=0;const v=setInterval(()=>{C=Math.min(C+o,e);const m=C/e;J(Math.round(m*100)),X(C),react_native_1.Animated.timing(V,{toValue:m,duration:120,easing:react_native_1.Easing.linear,useNativeDriver:!1}).start(),C>=e&&(clearInterval(v),setTimeout(()=>{const y=(0,shareFormatter_1.formatNetworkLogsExport)(h,T,P),x=(0,shareFormatter_1.generateNetworkLogsFilename)(T);pe(y),de(x),ue(y.length),D("complete"),(0,NativeInspector_1.triggerNativeHaptic)("heavy")},180))},45)},[h,T,P,V,t]),ye=(0,react_1.useCallback)(async()=>{if(_){(0,NativeInspector_1.triggerNativeHaptic)("light");try{const e=await(0,NativeInspector_1.writeNativeExportFile)(A,_);if(e){const o=T==="json"?"application/json":"text/plain";if(await(0,NativeInspector_1.shareNativeFile)(e,o,A))return}await react_native_1.Share.share({title:A,message:_,url:e||void 0},{dialogTitle:`Share ${A}`,subject:A})}catch(e){e?.message!=="User did not share"&&(0,helpers_1.showToast)(e?.message||"Failed to open share sheet")}}},[_,A,T]),xe=(0,react_1.useCallback)(async()=>{if(_){(0,NativeInspector_1.triggerNativeHaptic)("medium");try{const e=await(0,NativeInspector_1.writeNativeExportFile)(A,_);if(e){const o=T==="json"?"application/json":"text/plain";if(await(0,NativeInspector_1.shareNativeFile)(e,o,`Save ${A}`)){(0,helpers_1.showToast)(t("network.savePromptOpened","Opened save to disk dialog"));return}}await react_native_1.Share.share({title:`Save ${A}`,message:_,url:e||void 0},{dialogTitle:`Save to Disk (${A})`,subject:A}),(0,helpers_1.showToast)(t("network.savePromptOpened","Opened save to disk dialog"))}catch(e){e?.message!=="User did not share"&&(0,helpers_1.showToast)(e?.message||"Save error")}}},[_,A,T,t]),he=(0,react_1.useCallback)(()=>{_&&((0,NativeInspector_1.triggerNativeHaptic)("light"),(0,helpers_1.copyToClipboard)(_,"API Network Logs"),(0,helpers_1.showToast)(t("network.copiedLogs","API requests copied to clipboard!")))},[_,t]),we=a.length!==n.length;return<react_native_1.Modal visible={i}transparent animationType="slide"onRequestClose={r}>
       <react_native_1.View style={styles.overlay}>
         <react_native_1.Pressable style={styles.backdrop}onPress={r}/>
 
@@ -41,14 +41,14 @@
                         <NetworkIcons_1.FilterIcon size={13}color={b==="filtered"?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}/>
                         <react_native_1.Text style={[styles.segmentBtnText,b==="filtered"&&styles.segmentBtnTextActive]}>
                           {t("network.filteredView","Active Filter")} (
-                          {n.length})
+                          {a.length})
                         </react_native_1.Text>
                       </TouchableScale_1.default>
 
                       <TouchableScale_1.default onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),Y("all")}}style={[styles.segmentBtn,b==="all"&&styles.segmentBtnActive]}>
                         <NetworkIcons_1.LayersIcon size={13}color={b==="all"?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}/>
                         <react_native_1.Text style={[styles.segmentBtnText,b==="all"&&styles.segmentBtnTextActive]}>
-                          {t("network.allLogsScope","All Requests")} ({a.length})
+                          {t("network.allLogsScope","All Requests")} ({n.length})
                         </react_native_1.Text>
                       </TouchableScale_1.default>
                     </react_native_1.View>
@@ -165,7 +165,7 @@
                     {t("network.contentOptions","CONTENT OPTIONS")}
                   </react_native_1.Text>
                   <react_native_1.View style={styles.optionsGrid}>
-                    {[{key:"reqHeaders",label:"Request Headers",value:j,toggle:()=>re(e=>!e)},{key:"reqBody",label:"Request Body / Payload",value:W,toggle:()=>ie(e=>!e)},{key:"resHeaders",label:"Response Headers",value:$,toggle:()=>ae(e=>!e)},{key:"resBody",label:"Response Data / Body",value:U,toggle:()=>ne(e=>!e)},{key:"curl",label:"cURL Command",value:G,toggle:()=>le(e=>!e)},{key:"timestamps",label:"Exact Timestamps & Duration",value:K,toggle:()=>se(e=>!e)},{key:"appinfo",label:"System Header Banner",value:Q,toggle:()=>ce(e=>!e)}].map(e=><TouchableScale_1.default key={e.key}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),e.toggle()}}style={[styles.optionRow,e.value&&styles.optionRowActive]}>
+                    {[{key:"reqHeaders",label:"Request Headers",value:j,toggle:()=>re(e=>!e)},{key:"reqBody",label:"Request Body / Payload",value:W,toggle:()=>ie(e=>!e)},{key:"resHeaders",label:"Response Headers",value:$,toggle:()=>ne(e=>!e)},{key:"resBody",label:"Response Data / Body",value:U,toggle:()=>ae(e=>!e)},{key:"curl",label:"cURL Command",value:G,toggle:()=>le(e=>!e)},{key:"timestamps",label:"Exact Timestamps & Duration",value:K,toggle:()=>se(e=>!e)},{key:"appinfo",label:"System Header Banner",value:Q,toggle:()=>ce(e=>!e)}].map(e=><TouchableScale_1.default key={e.key}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),e.toggle()}}style={[styles.optionRow,e.value&&styles.optionRowActive]}>
                         <react_native_1.View style={[styles.checkbox,e.value&&styles.checkboxActive]}>
                           {e.value&&<NetworkIcons_1.CheckIcon size={10}color={AppColors_1.AppColors.white}/>}
                         </react_native_1.View>