react-native-inapp-inspector 2.5.12 → 2.5.14

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

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(i,t,a,r){r===void 0&&(r=a);var n=Object.getOwnPropertyDescriptor(t,a);(!n||("get"in n?!t.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(i,r,n)}):(function(i,t,a,r){r===void 0&&(r=a),i[r]=t[a]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(i,t){Object.defineProperty(i,"default",{enumerable:!0,value:t})}):function(i,t){i.default=t}),__importStar=this&&this.__importStar||(function(){var i=function(t){return i=Object.getOwnPropertyNames||function(a){var r=[];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(r[r.length]=n);return r},i(t)};return function(t){if(t&&t.__esModule)return t;var a={};if(t!=null)for(var r=i(t),n=0;n<r.length;n++)r[n]!=="default"&&__createBinding(a,t,r[n]);return __setModuleDefault(a,t),a}})(),__importDefault=this&&this.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),i18n_1=require("../../i18n"),InspectorContext_1=require("./InspectorContext"),TouchableScale_1=__importDefault(require("../TouchableScale")),AnimatedEntrance_1=__importDefault(require("../AnimatedEntrance")),EmptyState_1=__importDefault(require("../EmptyState")),EndOfListFooter_1=__importDefault(require("../EndOfListFooter")),HighlightText_1=__importDefault(require("../HighlightText")),helpers_1=require("../../helpers"),styles_1=__importDefault(require("../../styles")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),reduxLogger_1=require("../../customHooks/reduxLogger"),NetworkIcons_1=require("../NetworkIcons"),getOriginBadge=i=>{switch(i){case"saga":return{label:"SAGA",renderIcon:(t,a=9)=><NetworkIcons_1.BoltIcon color={t}size={a}/>,bg:AppColors_1.AppColors.purple100,text:AppColors_1.AppColors.brandPurple,border:AppColors_1.AppColors.purple200};case"thunk":return{label:"THUNK",renderIcon:(t,a=9)=><NetworkIcons_1.AtomIcon color={t}size={a}/>,bg:AppColors_1.AppColors.amber100,text:AppColors_1.AppColors.amber800Warm,border:AppColors_1.AppColors.amber200};case"ui":return{label:"UI",renderIcon:(t,a=9)=><NetworkIcons_1.ScreenIcon color={t}size={a}/>,bg:AppColors_1.AppColors.sky100,text:AppColors_1.AppColors.sky600,border:AppColors_1.AppColors.sky400};case"listener":return{label:"LISTENER",renderIcon:(t,a=9)=><NetworkIcons_1.ListenerIcon color={t}size={a}/>,bg:AppColors_1.AppColors.teal100,text:AppColors_1.AppColors.teal700,border:AppColors_1.AppColors.teal400};default:return{label:"DIRECT",renderIcon:(t,a=9)=><NetworkIcons_1.BoltIcon color={t}size={a}/>,bg:AppColors_1.AppColors.slate100,text:AppColors_1.AppColors.slate700,border:AppColors_1.AppColors.slate200}}},DEFAULT_PAGE_SIZE=50,LOAD_MORE_STEP=10,ReduxTab=react_1.default.memo(()=>{const{t:i}=(0,i18n_1.useTranslation)(),{reduxState:t,reduxLastActionMap:a,reduxSearch:r,setReduxSearch:n,setSelectedReduxSlice:b}=(0,InspectorContext_1.useInspector)(),x=(0,react_1.useRef)(null),[T,m]=(0,react_1.useState)(DEFAULT_PAGE_SIZE),[u,I]=(0,react_1.useState)("latest");react_1.default.useEffect(()=>{m(DEFAULT_PAGE_SIZE),x.current?.scrollToOffset({offset:0,animated:!1})},[r,u]);const R=(0,react_1.useMemo)(()=>(0,helpers_1.getSize)(t),[t]),v=(0,react_1.useMemo)(()=>(0,reduxLogger_1.getActionHistory)(),[a]),A=(0,react_1.useMemo)(()=>!t||typeof t!="object"?[]:Object.keys(t).map(l=>{const o=t[l],p=Array.isArray(o),w=o&&typeof o=="object";let g="Primitive",d=0;p?(d=o.length,g=`Array [${d}]`):w?(d=Object.keys(o).length,g=`Object {${d}}`):typeof o<"u"&&(d=1,g=typeof o);let f="live",c;w&&(o.loading===!0||o.isLoading===!0||o.status==="loading"||o.status==="pending"?(f="loading",c="Loading"):o.error||o.hasError||o.status==="error"||o.status==="failed"?(f="error",c=typeof o.error=="string"?o.error:"Error"):d===0&&(f="empty",c="Empty"));const s=a[l],B=s?.updatedAt||0,F=v.filter(C=>!C.affectedSlices||C.affectedSlices.length===0?!0:C.affectedSlices.includes(l)).length;let S;if(s){let C;if(s.payload!==void 0&&s.payload!==null)try{if(typeof s.payload=="object"){const V=Object.keys(s.payload);C=`{ ${V.slice(0,3).join(", ")}${V.length>3?"...":""} }`}else C=String(s.payload)}catch{}S={type:s.type,timestamp:s.timestamp,updatedAt:s.updatedAt,payloadPreview:C,originType:s.originType,callerFile:s.callerFile,callerLine:s.callerLine,callerCol:s.callerCol}}return{id:`slice-${l}`,name:l,keysCount:d,sizeStr:(0,helpers_1.getSize)(o),typeLabel:g,status:f,statusMessage:c,timelineCount:F,lastAction:S,updatedAt:B}}),[t,a,v]),y=(0,react_1.useMemo)(()=>{let e=A;if(r&&r.trim().length>0){const l=r.trim().toLowerCase().split(/\s+/).filter(Boolean);e=e.filter(o=>{const p=t?t[o.name]:null,w=[o.name||"",o.lastAction?.type||"",o.lastAction?.payloadPreview||"",o.lastAction?.originType||"",o.status||"",o.statusMessage||"",p?typeof p=="string"?p:JSON.stringify(p):""].join(" ").toLowerCase();return l.every(g=>w.includes(g))})}return[...e].sort((l,o)=>u==="latest"&&o.updatedAt!==l.updatedAt?o.updatedAt-l.updatedAt:l.name.localeCompare(o.name))},[A,r,u,t]),_=(0,react_1.useMemo)(()=>y.slice(0,T),[y,T]),h=(0,react_1.useMemo)(()=>{const e=Object.values(a);return e.length===0?null:e.reduce((l,o)=>l?(o.updatedAt||0)>(l.updatedAt||0)?o:l:o,null)},[a]),z=(0,react_1.useCallback)(({item:e,index:l})=>{const o=e.updatedAt>0&&Date.now()-e.updatedAt<5e3,p=e.status==="error"?AppColors_1.AppColors.errorColor:e.status==="loading"?AppColors_1.AppColors.warningIconGold:e.status==="empty"?AppColors_1.AppColors.grayTextWeak:AppColors_1.AppColors.greenColor,w=e.status==="error"?AppColors_1.AppColors.red100:e.status==="loading"?AppColors_1.AppColors.amber100:e.status==="empty"?AppColors_1.AppColors.grayBackground:AppColors_1.AppColors.emeraldBg,g=e.status==="error"?AppColors_1.AppColors.errorBorder:e.status==="loading"?AppColors_1.AppColors.amber200:e.status==="empty"?AppColors_1.AppColors.dividerColor:AppColors_1.AppColors.emeraldBorder,d=e.status==="error"?AppColors_1.AppColors.red600:e.status==="loading"?AppColors_1.AppColors.amber800Warm:e.status==="empty"?AppColors_1.AppColors.grayTextWeak:AppColors_1.AppColors.emerald700,f=e.lastAction?.callerFile?(0,helpers_1.getCleanCallerDisplay)(e.lastAction.callerFile):null;return<AnimatedEntrance_1.default index={l}distance={8}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(i,t,a,r){r===void 0&&(r=a);var n=Object.getOwnPropertyDescriptor(t,a);(!n||("get"in n?!t.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(i,r,n)}):(function(i,t,a,r){r===void 0&&(r=a),i[r]=t[a]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(i,t){Object.defineProperty(i,"default",{enumerable:!0,value:t})}):function(i,t){i.default=t}),__importStar=this&&this.__importStar||(function(){var i=function(t){return i=Object.getOwnPropertyNames||function(a){var r=[];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(r[r.length]=n);return r},i(t)};return function(t){if(t&&t.__esModule)return t;var a={};if(t!=null)for(var r=i(t),n=0;n<r.length;n++)r[n]!=="default"&&__createBinding(a,t,r[n]);return __setModuleDefault(a,t),a}})(),__importDefault=this&&this.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),i18n_1=require("../../i18n"),InspectorContext_1=require("./InspectorContext"),TouchableScale_1=__importDefault(require("../TouchableScale")),AnimatedEntrance_1=__importDefault(require("../AnimatedEntrance")),EmptyState_1=__importDefault(require("../EmptyState")),EndOfListFooter_1=__importDefault(require("../EndOfListFooter")),HighlightText_1=__importDefault(require("../HighlightText")),helpers_1=require("../../helpers"),styles_1=__importDefault(require("../../styles")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),reduxLogger_1=require("../../customHooks/reduxLogger"),NetworkIcons_1=require("../NetworkIcons"),getOriginBadge=i=>{switch(i){case"saga":return{label:"SAGA",renderIcon:(t,a=9)=><NetworkIcons_1.BoltIcon color={t}size={a}/>,bg:AppColors_1.AppColors.purple100,text:AppColors_1.AppColors.brandPurple,border:AppColors_1.AppColors.purple200};case"thunk":return{label:"THUNK",renderIcon:(t,a=9)=><NetworkIcons_1.AtomIcon color={t}size={a}/>,bg:AppColors_1.AppColors.amber100,text:AppColors_1.AppColors.amber800Warm,border:AppColors_1.AppColors.amber200};case"ui":return{label:"UI",renderIcon:(t,a=9)=><NetworkIcons_1.ScreenIcon color={t}size={a}/>,bg:AppColors_1.AppColors.sky100,text:AppColors_1.AppColors.sky600,border:AppColors_1.AppColors.sky400};case"listener":return{label:"LISTENER",renderIcon:(t,a=9)=><NetworkIcons_1.ListenerIcon color={t}size={a}/>,bg:AppColors_1.AppColors.teal100,text:AppColors_1.AppColors.teal700,border:AppColors_1.AppColors.teal400};default:return{label:"DIRECT",renderIcon:(t,a=9)=><NetworkIcons_1.BoltIcon color={t}size={a}/>,bg:AppColors_1.AppColors.slate100,text:AppColors_1.AppColors.slate700,border:AppColors_1.AppColors.slate200}}},DEFAULT_PAGE_SIZE=50,LOAD_MORE_STEP=10,ReduxTab=react_1.default.memo(()=>{const{t:i}=(0,i18n_1.useTranslation)(),{reduxState:t,reduxLastActionMap:a,reduxSearch:r,setReduxSearch:n,setSelectedReduxSlice:b}=(0,InspectorContext_1.useInspector)(),x=(0,react_1.useRef)(null),[T,m]=(0,react_1.useState)(DEFAULT_PAGE_SIZE),[u,I]=(0,react_1.useState)("latest");react_1.default.useEffect(()=>{m(DEFAULT_PAGE_SIZE),x.current?.scrollToOffset({offset:0,animated:!1})},[r,u]);const R=(0,react_1.useMemo)(()=>(0,helpers_1.getSize)(t),[t]),v=(0,react_1.useMemo)(()=>(0,reduxLogger_1.getActionHistory)(),[a]),w=(0,react_1.useMemo)(()=>!t||typeof t!="object"?[]:Object.keys(t).map(l=>{const o=t[l],p=Array.isArray(o),A=o&&typeof o=="object";let g="Primitive",d=0;p?(d=o.length,g=`Array [${d}]`):A?(d=Object.keys(o).length,g=`Object {${d}}`):typeof o<"u"&&(d=1,g=typeof o);let f="live",c;A&&(o.loading===!0||o.isLoading===!0||o.status==="loading"||o.status==="pending"?(f="loading",c="Loading"):o.error||o.hasError||o.status==="error"||o.status==="failed"?(f="error",c=typeof o.error=="string"?o.error:"Error"):d===0&&(f="empty",c="Empty"));const s=a[l],B=s?.updatedAt||0,F=v.filter(C=>!C.affectedSlices||C.affectedSlices.length===0?!0:C.affectedSlices.includes(l)).length;let S;if(s){let C;if(s.payload!==void 0&&s.payload!==null)try{if(typeof s.payload=="object"){const V=Object.keys(s.payload);C=`{ ${V.slice(0,3).join(", ")}${V.length>3?"...":""} }`}else C=String(s.payload)}catch{}S={type:s.type,timestamp:s.timestamp,updatedAt:s.updatedAt,payloadPreview:C,originType:s.originType,callerFile:s.callerFile,callerLine:s.callerLine,callerCol:s.callerCol}}return{id:`slice-${l}`,name:l,keysCount:d,sizeStr:(0,helpers_1.getSize)(o),typeLabel:g,status:f,statusMessage:c,timelineCount:F,lastAction:S,updatedAt:B}}),[t,a,v]),y=(0,react_1.useMemo)(()=>{let e=w;if(r&&r.trim().length>0){const l=r.trim().toLowerCase().split(/\s+/).filter(Boolean);e=e.filter(o=>{const p=t?t[o.name]:null,A=[o.name||"",o.lastAction?.type||"",o.lastAction?.payloadPreview||"",o.lastAction?.originType||"",o.status||"",o.statusMessage||"",p?typeof p=="string"?p:JSON.stringify(p):""].join(" ").toLowerCase();return l.every(g=>A.includes(g))})}return[...e].sort((l,o)=>u==="latest"&&o.updatedAt!==l.updatedAt?o.updatedAt-l.updatedAt:l.name.localeCompare(o.name))},[w,r,u,t]),_=(0,react_1.useMemo)(()=>y.slice(0,T),[y,T]),h=(0,react_1.useMemo)(()=>{const e=Object.values(a);return e.length===0?null:e.reduce((l,o)=>l?(o.updatedAt||0)>(l.updatedAt||0)?o:l:o,null)},[a]),z=(0,react_1.useCallback)(({item:e,index:l})=>{const o=e.updatedAt>0&&Date.now()-e.updatedAt<5e3,p=e.status==="error"?AppColors_1.AppColors.errorColor:e.status==="loading"?AppColors_1.AppColors.warningIconGold:e.status==="empty"?AppColors_1.AppColors.grayTextWeak:AppColors_1.AppColors.greenColor,A=e.status==="error"?AppColors_1.AppColors.red100:e.status==="loading"?AppColors_1.AppColors.amber100:e.status==="empty"?AppColors_1.AppColors.grayBackground:AppColors_1.AppColors.emeraldBg,g=e.status==="error"?AppColors_1.AppColors.errorBorder:e.status==="loading"?AppColors_1.AppColors.amber200:e.status==="empty"?AppColors_1.AppColors.dividerColor:AppColors_1.AppColors.emeraldBorder,d=e.status==="error"?AppColors_1.AppColors.red600:e.status==="loading"?AppColors_1.AppColors.amber800Warm:e.status==="empty"?AppColors_1.AppColors.grayTextWeak:AppColors_1.AppColors.emerald700,f=e.lastAction?.callerFile?(0,helpers_1.getCleanCallerDisplay)(e.lastAction.callerFile):null;return<AnimatedEntrance_1.default index={l}distance={8}>
           <react_native_1.View style={reduxTabStyles.cardContainer}>
             <TouchableScale_1.default onPress={()=>{b(e.name)}}style={[reduxTabStyles.card,{borderLeftWidth:3.5,borderLeftColor:p,backgroundColor:e.status==="error"?AppColors_1.AppColors.errorCardBg:AppColors_1.AppColors.white},o&&reduxTabStyles.cardRecentlyUpdated]}>
               <react_native_1.View style={reduxTabStyles.cardBody}>
@@ -26,7 +26,7 @@
                   </react_native_1.View>
 
                   <react_native_1.View style={reduxTabStyles.cardHeaderRight}>
-                    <react_native_1.View style={[reduxTabStyles.statusPill,{backgroundColor:w,borderColor:g}]}>
+                    <react_native_1.View style={[reduxTabStyles.statusPill,{backgroundColor:A,borderColor:g}]}>
                       {e.status==="loading"?<NetworkIcons_1.LoadingSpinnerIcon color={AppColors_1.AppColors.amber800Warm}size={10}/>:e.status==="error"?<NetworkIcons_1.CircleAlertIcon color={AppColors_1.AppColors.red600}size={10}/>:e.status==="empty"?null:<react_native_1.View style={reduxTabStyles.liveDot}/>}
                       <react_native_1.Text style={[reduxTabStyles.statusPillText,{color:d}]}>
                         {e.status==="loading"?"Loading":e.status==="error"?e.statusMessage||"Error":e.status==="empty"?"Empty":"Live"}
@@ -50,7 +50,7 @@
                   <react_native_1.View style={reduxTabStyles.actionPreviewRow}>
                     <NetworkIcons_1.TerminalIcon color={AppColors_1.AppColors.grayTextWeak}size={10}/>
                     {e.lastAction?<HighlightText_1.default text={e.lastAction.type+(e.lastAction.payloadPreview?` \xB7 ${e.lastAction.payloadPreview}`:"")}search={r}style={reduxTabStyles.actionPreviewText}highlightStyle={reduxTabStyles.highlight}numberOfLines={1}/>:<react_native_1.Text style={reduxTabStyles.actionPreviewEmptyText}numberOfLines={1}>
-                        Initial state (no actions dispatched yet)
+                        {i("redux.initialStateNoActions","Initial state (no actions dispatched yet)")}
                       </react_native_1.Text>}
                   </react_native_1.View>
                 </react_native_1.View>
@@ -98,7 +98,7 @@
       <react_native_1.View style={reduxTabStyles.overviewCard}>
         <react_native_1.View style={reduxTabStyles.statCol}>
           <react_native_1.Text style={reduxTabStyles.statHeading}>{i("redux.activeSlices","ACTIVE SLICES")}</react_native_1.Text>
-          <react_native_1.Text style={reduxTabStyles.statBigVal}>{A.length}</react_native_1.Text>
+          <react_native_1.Text style={reduxTabStyles.statBigVal}>{w.length}</react_native_1.Text>
         </react_native_1.View>
         <react_native_1.View style={reduxTabStyles.statDivider}/>
         <react_native_1.View style={reduxTabStyles.statCol}>
@@ -151,7 +151,7 @@
 
         <react_native_1.View style={reduxTabStyles.headerSubRow}>
           <react_native_1.Text style={reduxTabStyles.resultCount}>
-            Showing {y.length} of {A.length} state slices
+            Showing {y.length} of {w.length} state slices
           </react_native_1.Text>
           <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:4}}>
             {u==="latest"?<NetworkIcons_1.BoltIcon color={AppColors_1.AppColors.brandPurple}size={11}/>:<NetworkIcons_1.TextAaIcon color={AppColors_1.AppColors.brandPurple}size={11}/>}

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

@@ -1,2 +1,3 @@
 import React from 'react';
 export declare const SecondaryTelemetryStrip: React.FC;
+export default SecondaryTelemetryStrip;

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

@@ -1,10 +1,11 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(r,e,o,t){t===void 0&&(t=o);var n=Object.getOwnPropertyDescriptor(e,o);(!n||("get"in n?!e.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return e[o]}}),Object.defineProperty(r,t,n)}):(function(r,e,o,t){t===void 0&&(t=o),r[t]=e[o]})),__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(o){var t=[];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(t[t.length]=n);return t},r(e)};return function(e){if(e&&e.__esModule)return e;var o={};if(e!=null)for(var t=r(e),n=0;n<t.length;n++)t[n]!=="default"&&__createBinding(o,e,t[n]);return __setModuleDefault(o,e),o}})(),__importDefault=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SecondaryTelemetryStrip=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")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),NetworkIcons_1=require("../NetworkIcons"),NativeInspector_1=require("../../native/NativeInspector"),networkLogger_1=require("../../customHooks/networkLogger"),InspectorContext_1=require("./InspectorContext"),i18n_1=require("../../i18n"),SecondaryTelemetryStrip=()=>{const{t:r}=(0,i18n_1.useTranslation)(),{switchActiveTab:e,peekMode:o}=(0,InspectorContext_1.useInspector)(),[t,n]=(0,react_1.useState)(60),[a,F]=(0,react_1.useState)(null),[f,y]=(0,react_1.useState)(0),v=(0,react_1.useRef)(0),S=(0,react_1.useRef)(Date.now());(0,react_1.useEffect)(()=>{let s;const c=()=>{v.current++;const l=Date.now(),u=l-S.current;if(u>=1e3){const h=Math.min(60,Math.round(v.current*1e3/u));n(h),v.current=0,S.current=l}s=requestAnimationFrame(c)};return s=requestAnimationFrame(c),()=>cancelAnimationFrame(s)},[]);const p=(0,react_1.useRef)(0),g=(0,react_1.useRef)(Date.now());(0,react_1.useEffect)(()=>{const s=(0,networkLogger_1.subscribeNetworkLogs)(l=>{if(!l||l.length===0){y(0);return}const u=Date.now(),h=l.slice(0,10);let m=0,w=0,_=0;for(const i of h){let x=0,B=0;i.request&&(x=typeof i.request=="string"?i.request.length:JSON.stringify(i.request).length),i.response&&(B=typeof i.response=="string"?i.response.length:JSON.stringify(i.response).length);const A=x+B;if(A>0&&i.duration&&i.duration>0){const I=A*8/(i.duration/1e3)/1e3;I>0&&_===0&&(_=I),m+=A,w+=i.duration}}let d=0;w>0&&m>0?d=m*8/(w/1e3)/1e3:_>0&&(d=_),d>0?(p.current=d,g.current=u,y(Math.round(d*10)/10)):p.current>0&&u-g.current<12e3&&y(Math.round(p.current*10)/10)}),c=setInterval(()=>{Date.now()-g.current>15e3&&p.current>0&&(p.current=0,y(0))},3e3);return()=>{s(),clearInterval(c)}},[]),(0,react_1.useEffect)(()=>{let s=!0;const c=async()=>{try{const u=await(0,NativeInspector_1.getNativeDeviceMetrics)();s&&u&&F(u)}catch{}};c();const l=setInterval(c,4e3);return()=>{s=!1,clearInterval(l)}},[]);const M=t>=55?AppColors_1.AppColors.emerald400:t>=30?AppColors_1.AppColors.amber400:AppColors_1.AppColors.rose400,C=(0,react_1.useMemo)(()=>{if(a?.usedRAM&&a?.totalRAM){const s=(a.usedRAM/1073741824).toFixed(2),c=(a.totalRAM/(1024*1024*1024)).toFixed(1);return`${s} / ${c} GB RAM`}return a?.residentMemory?`${(a.residentMemory/1073741824).toFixed(2)} GB RAM`:a?.usedRAM?`${(a.usedRAM/1073741824).toFixed(2)} GB RAM`:null},[a]),b=a?.batteryPercent,T=a?.isCharging;return<react_native_linear_gradient_1.default colors={[AppColors_1.AppColors.telemetrySubHeaderGradStart,AppColors_1.AppColors.telemetrySubHeaderGradMid,AppColors_1.AppColors.telemetrySubHeaderGradEnd]}start={{x:0,y:0}}end={{x:1,y:0}}style={stripStyles.container}>
-      <react_native_1.TouchableOpacity activeOpacity={.8}onPress={()=>e?.("device")}style={stripStyles.inner}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(t,e,r,n){n===void 0&&(n=r);var o=Object.getOwnPropertyDescriptor(e,r);(!o||("get"in o?!e.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return e[r]}}),Object.defineProperty(t,n,o)}):(function(t,e,r,n){n===void 0&&(n=r),t[n]=e[r]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}):function(t,e){t.default=e}),__importStar=this&&this.__importStar||(function(){var t=function(e){return t=Object.getOwnPropertyNames||function(r){var n=[];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(n[n.length]=o);return n},t(e)};return function(e){if(e&&e.__esModule)return e;var r={};if(e!=null)for(var n=t(e),o=0;o<n.length;o++)n[o]!=="default"&&__createBinding(r,e,n[o]);return __setModuleDefault(r,e),r}})(),__importDefault=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SecondaryTelemetryStrip=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")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),NetworkIcons_1=require("../NetworkIcons"),NativeInspector_1=require("../../native/NativeInspector"),networkLogger_1=require("../../customHooks/networkLogger"),InspectorContext_1=require("./InspectorContext"),i18n_1=require("../../i18n");exports.SecondaryTelemetryStrip=react_1.default.memo(()=>{const{t}=(0,i18n_1.useTranslation)(),{switchActiveTab:e}=(0,InspectorContext_1.useInspector)(),[r,n]=(0,react_1.useState)(60),[o,T]=(0,react_1.useState)(60),[c,R]=(0,react_1.useState)(null),[d,m]=(0,react_1.useState)(0),g=(0,react_1.useRef)(new react_native_1.Animated.Value(.4)).current;(0,react_1.useEffect)(()=>{const s=react_native_1.Animated.loop(react_native_1.Animated.sequence([react_native_1.Animated.timing(g,{toValue:1,duration:900,useNativeDriver:!0}),react_native_1.Animated.timing(g,{toValue:.4,duration:900,useNativeDriver:!0})]));return s.start(),()=>s.stop()},[g]);const b=(0,react_1.useRef)(0),F=(0,react_1.useRef)(Date.now());(0,react_1.useEffect)(()=>{(0,NativeInspector_1.startNativeFpsMonitoring)().catch(()=>{});const s=setInterval(async()=>{try{const i=await(0,NativeInspector_1.getNativeFpsMetrics)();if(i&&typeof i.fps=="number"&&i.fps>0){n(Math.round(i.fps)),i.targetFps&&T(Math.round(i.targetFps));return}}catch{}const p=Date.now(),v=p-F.current;if(v>=1e3){const i=Math.min(60,Math.round(b.current*1e3/v));n(i),b.current=0,F.current=p}},1e3);let l;const u=()=>{b.current++,l=requestAnimationFrame(u)};return l=requestAnimationFrame(u),()=>{clearInterval(s),cancelAnimationFrame(l),(0,NativeInspector_1.stopNativeFpsMonitoring)().catch(()=>{})}},[]);const f=(0,react_1.useRef)(0),h=(0,react_1.useRef)(Date.now());(0,react_1.useEffect)(()=>{const s=(0,networkLogger_1.subscribeNetworkLogs)(u=>{if(!u||u.length===0){m(0);return}const p=Date.now(),v=u.slice(0,10);let i=0,S=0,_=0;for(const a of v){let I=0,B=0;a.request&&(I=typeof a.request=="string"?a.request.length:JSON.stringify(a.request).length),a.response&&(B=typeof a.response=="string"?a.response.length:JSON.stringify(a.response).length);const C=I+B;if(C>0&&a.duration&&a.duration>0){const D=C*8/(a.duration/1e3)/1e3;D>0&&_===0&&(_=D),i+=C,S+=a.duration}}let y=0;S>0&&i>0?y=i*8/(S/1e3)/1e3:_>0&&(y=_),y>0?(f.current=y,h.current=p,m(Math.round(y*10)/10)):f.current>0&&p-h.current<12e3&&m(Math.round(f.current*10)/10)}),l=setInterval(()=>{Date.now()-h.current>15e3&&f.current>0&&(f.current=0,m(0))},3e3);return()=>{s(),clearInterval(l)}},[]),(0,react_1.useEffect)(()=>{let s=!0;const l=async()=>{try{const p=await(0,NativeInspector_1.getNativeDeviceMetrics)();s&&p&&R(p)}catch{}};l();const u=setInterval(l,4e3);return()=>{s=!1,clearInterval(u)}},[]);const w=r>=o-5?AppColors_1.AppColors.emerald400:r>=o/2?AppColors_1.AppColors.amber400:AppColors_1.AppColors.rose400,A=(0,react_1.useMemo)(()=>{if(c?.usedRAM&&c?.totalRAM){const s=(c.usedRAM/1073741824).toFixed(2),l=(c.totalRAM/(1024*1024*1024)).toFixed(1);return`${s} / ${l} GB`}return c?.residentMemory?`${Math.round(c.residentMemory/1048576)} MB RAM`:c?.usedRAM?`${Math.round(c.usedRAM/1048576)} MB RAM`:null},[c]),M=c?.batteryPercent,x=c?.isCharging,q=`Telemetry: ${r} FPS of ${o}, Network speed ${d} kbps, ${A||""}`;return<react_native_linear_gradient_1.default colors={[AppColors_1.AppColors.telemetrySubHeaderGradStart,AppColors_1.AppColors.telemetrySubHeaderGradMid,AppColors_1.AppColors.telemetrySubHeaderGradEnd]}start={{x:0,y:0}}end={{x:1,y:0}}style={stripStyles.container}>
+      <react_native_1.TouchableOpacity activeOpacity={.75}onPress={()=>e?.("device")}accessible={!0}accessibilityRole="summary"accessibilityLabel={q}accessibilityHint="Double tap to open Device Diagnostics tab"style={stripStyles.inner}>
         
         <react_native_1.View style={stripStyles.item}>
-          <NetworkIcons_1.ActivityIcon size={11.5}color={M}/>
-          <react_native_1.Text style={[stripStyles.label,{color:M,fontFamily:AppFonts_1.AppFonts.interBold}]}>
-            {t} {r("telemetry.fps","FPS")}
+          <react_native_1.Animated.View style={[stripStyles.pulseDot,{backgroundColor:w,opacity:g}]}/>
+          <NetworkIcons_1.ActivityIcon size={11}color={w}/>
+          <react_native_1.Text style={[stripStyles.monoLabel,{color:w}]}>
+            {r} {t("telemetry.fps","FPS")}
           </react_native_1.Text>
         </react_native_1.View>
 
@@ -12,32 +13,32 @@
 
         
         <react_native_1.View style={stripStyles.item}>
-          <NetworkIcons_1.SpeedIcon size={11.5}color={AppColors_1.AppColors.sky300}/>
-          <react_native_1.Text style={[stripStyles.label,{color:AppColors_1.AppColors.sky300}]}>
-            {f>=1e3?`${(f/1e3).toFixed(2)} Mbps`:f>0?`${f.toFixed(1)} kbps`:"0.0 kbps"}
+          <NetworkIcons_1.SpeedIcon size={11}color={AppColors_1.AppColors.sky400}/>
+          <react_native_1.Text style={[stripStyles.monoLabel,{color:AppColors_1.AppColors.sky400}]}>
+            {d>=1e3?`${(d/1e3).toFixed(2)} Mbps`:d>0?`${d.toFixed(1)} kbps`:"0.0 kbps"}
           </react_native_1.Text>
         </react_native_1.View>
 
         
-        {C&&<>
+        {A&&<>
             <react_native_1.View style={stripStyles.divider}/>
             <react_native_1.View style={stripStyles.item}>
               <NetworkIcons_1.BoltIcon size={11}color={AppColors_1.AppColors.purple400}/>
-              <react_native_1.Text style={[stripStyles.label,{color:AppColors_1.AppColors.purple400}]}>
-                {C}
+              <react_native_1.Text style={[stripStyles.monoLabel,{color:AppColors_1.AppColors.purple400}]}>
+                {A}
               </react_native_1.Text>
             </react_native_1.View>
           </>}
 
         
-        {b!==void 0&&b>=0&&<>
+        {M!==void 0&&M>=0&&<>
             <react_native_1.View style={stripStyles.divider}/>
             <react_native_1.View style={stripStyles.item}>
-              {T?<NetworkIcons_1.BatteryChargingIcon size={11.5}color={AppColors_1.AppColors.emerald400}/>:<NetworkIcons_1.BatteryFullIcon size={11.5}color={AppColors_1.AppColors.slate400}/>}
-              <react_native_1.Text style={stripStyles.label}>
-                {Math.round(b)}%
+              {x?<NetworkIcons_1.BatteryChargingIcon size={11}color={AppColors_1.AppColors.emerald400}/>:<NetworkIcons_1.BatteryFullIcon size={11}color={AppColors_1.AppColors.slate400}/>}
+              <react_native_1.Text style={[stripStyles.monoLabel,{color:x?AppColors_1.AppColors.emerald400:AppColors_1.AppColors.slate400}]}>
+                {Math.round(M)}%
               </react_native_1.Text>
             </react_native_1.View>
           </>}
       </react_native_1.TouchableOpacity>
-    </react_native_linear_gradient_1.default>};exports.SecondaryTelemetryStrip=SecondaryTelemetryStrip;const stripStyles=react_native_1.StyleSheet.create({container:{width:"100%",borderBottomWidth:react_native_1.StyleSheet.hairlineWidth,borderBottomColor:AppColors_1.AppColors.telemetrySubHeaderBorder,borderTopWidth:react_native_1.StyleSheet.hairlineWidth,borderTopColor:AppColors_1.AppColors.telemetrySubHeaderBorder,zIndex:9},inner:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:12,paddingVertical:3.5,minHeight:23},item:{flexDirection:"row",alignItems:"center",gap:4},divider:{width:1,height:10,backgroundColor:AppColors_1.AppColors.borderSubtle},label:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:9,lineHeight:11.5,color:AppColors_1.AppColors.textPrimary,letterSpacing:.1}});
+    </react_native_linear_gradient_1.default>});const stripStyles=react_native_1.StyleSheet.create({container:{width:"100%",borderBottomWidth:react_native_1.StyleSheet.hairlineWidth,borderBottomColor:AppColors_1.AppColors.telemetrySubHeaderBorder,borderTopWidth:react_native_1.StyleSheet.hairlineWidth,borderTopColor:AppColors_1.AppColors.telemetrySubHeaderBorder,zIndex:9},inner:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:12,paddingVertical:4.5,minHeight:25},item:{flexDirection:"row",alignItems:"center",gap:4},pulseDot:{width:5,height:5,borderRadius:2.5,marginRight:1},divider:{width:1,height:10,backgroundColor:AppColors_1.AppColors.borderSubtle},monoLabel:{fontFamily:AppFonts_1.AppFonts.monoFont,fontSize:9.5,lineHeight:12,letterSpacing:.2,fontVariant:["tabular-nums"]}});exports.default=exports.SecondaryTelemetryStrip;

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

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(o,a,_,A){A===void 0&&(A=_);var b=Object.getOwnPropertyDescriptor(a,_);(!b||("get"in b?!a.__esModule:b.writable||b.configurable))&&(b={enumerable:!0,get:function(){return a[_]}}),Object.defineProperty(o,A,b)}):(function(o,a,_,A){A===void 0&&(A=_),o[A]=a[_]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(o,a){Object.defineProperty(o,"default",{enumerable:!0,value:a})}):function(o,a){o.default=a}),__importStar=this&&this.__importStar||(function(){var o=function(a){return o=Object.getOwnPropertyNames||function(_){var A=[];for(var b in _)Object.prototype.hasOwnProperty.call(_,b)&&(A[A.length]=b);return A},o(a)};return function(a){if(a&&a.__esModule)return a;var _={};if(a!=null)for(var A=o(a),b=0;b<A.length;b++)A[b]!=="default"&&__createBinding(_,a,A[b]);return __setModuleDefault(_,a),_}})(),__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"),TouchableScale_1=__importDefault(require("../TouchableScale")),Slider_1=__importDefault(require("../Slider")),styles_1=require("../../styles"),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),constants_1=require("../../constants"),settingsStore_1=require("../../helpers/settingsStore"),networkLogger_1=require("../../customHooks/networkLogger"),consoleLogger_1=require("../../customHooks/consoleLogger"),analyticsLogger_1=require("../../customHooks/analyticsLogger"),crashHandler_1=require("../../customHooks/crashHandler"),reduxLogger_1=require("../../customHooks/reduxLogger"),i18n_1=require("../../i18n"),LanguageSelectorModal_1=require("./LanguageSelectorModal"),NetworkIcons_1=require("../NetworkIcons"),capture_1=require("../../capture"),NativeInspector_1=require("../../native/NativeInspector"),helpers_1=require("../../helpers"),toast_1=require("../../helpers/toast"),memoryManager_1=require("../../helpers/memoryManager"),SettingsPanel=()=>{const{t:o}=(0,i18n_1.useTranslation)(),{settingsPage:a,setSettingsPage:_,settingsActiveSubTab:A,setSettingsActiveSubTab:b,tabVisibility:R,toggleTabVisibility:pe,defaultTab:z,setDefaultTab:ke,isDark:I,setIsDark:Fe,modalHeightPercent:L,setModalHeightPercent:Re,modalAnimationType:ze,setModalAnimationType:Be,showDuplicateLogs:Z,setShowDuplicateLogs:Ie,showUpdateToast:ee,setShowUpdateToast:He,showConsoleLevels:De,setShowConsoleLevels:Pe,closeModal:po,logs:oe,consoleLogs:re,analyticsEvents:te,reduxState:$,maxConsoleLogs:ce,setMaxConsoleLogs:Le,maxAnalyticsEventsLimit:de,setMaxAnalyticsEventsLimit:$e,isAutoRamLimitEnabled:w,setIsAutoRamLimitEnabled:We,deviceFreeRamMb:ie,reduxAutoRefresh:ae,setReduxAutoRefreshState:Ee,reduxExpandDepth:Oe,setReduxExpandDepth:Me,setSelected:Ne,setSelectedEvent:je,setReduxState:Ue,crashRecords:W,maxCrashLogs:ge,setMaxCrashLogs:ue,crashIgnoredTypes:m,setCrashIgnoredTypes:Ge,crashModalTriggerPolicy:qe,setCrashModalTriggerPolicyState:ye,applyCrashPolicyPreset:E,pushRecords:O,maxPushLogs:Je,setMaxPushLogs:Ke,clearAllPushLogs:Ye,simulatePush:M,socketRecords:N,maxSocketLogs:Qe,setMaxSocketLogs:Xe,clearAllSocketLogs:Ze,simulateSocket:j,captureImageFormat:le,setCaptureImageFormat:Ce,captureAutoHide:x,setCaptureAutoHide:U,captureAudioMode:he,setCaptureAudioMode:Ae,captureFps:be,setCaptureFps:me,captureScale:co,setCaptureScale:go,captureBitrate:uo,setCaptureBitrate:yo,captureMaxDurationSeconds:Co,setCaptureMaxDurationSeconds:ho,captureAutoGif:T,setCaptureAutoGif:G,captureWidgetEnabled:B,setCaptureWidgetEnabled:fe,peekOpacity:_e,setPeekOpacity:eo,hiddenUrlPatterns:H,setHiddenUrlPatterns:ne}=(0,InspectorContext_1.useInspector)(),[q,we]=(0,react_1.useState)(""),[J,xe]=(0,react_1.useState)(L),[oo,Te]=(0,react_1.useState)(!1),ro=(0,i18n_1.getLanguage)(),K=i18n_1.SUPPORTED_LANGUAGES.find(e=>e.code===ro)||i18n_1.SUPPORTED_LANGUAGES[0],ve=()=>{const e=q.trim();if(e){if(H.includes(e)){(0,toast_1.showToast)("Pattern already exists in filter list");return}try{new RegExp(e)}catch{}(0,NativeInspector_1.triggerNativeHaptic)("light"),ne(r=>[...r,e]),we(""),(0,toast_1.showToast)("Hidden URL pattern added")}},to=e=>{const r=H[e];if(constants_1.DEFAULT_HIDDEN_URL_PATTERNS.includes(r)){(0,toast_1.showToast)("Default system filter cannot be removed");return}(0,NativeInspector_1.triggerNativeHaptic)("light"),ne(C=>C.filter((f,v)=>v!==e)),(0,toast_1.showToast)("Pattern removed")};(0,react_1.useEffect)(()=>{xe(L)},[L]);const V=(0,react_1.useRef)(new react_native_1.Animated.Value(1)).current;(0,react_1.useEffect)(()=>{V.setValue(0),react_native_1.Animated.spring(V,{toValue:1,friction:8,tension:65,useNativeDriver:!0}).start()},[A]);const Y=(0,settingsStore_1.calculateRamBasedLimits)(ie),S=(0,react_1.useMemo)(()=>[{id:1,key:"apis",label:"APIs (Network)",category:"core",icon:"apis",desc:"HTTP/HTTPS requests, GraphQL, Axios & WebSocket inspector"},{id:2,key:"logs",label:"Console Logs",category:"core",icon:"logs",desc:"Terminal console logs, warnings, errors & stack traces"},{id:3,key:"perf",label:"Performance & FPS",category:"telemetry",icon:"perf",desc:"Live 60 FPS graph, JS event loop queue lag, memory heap & jank monitor"},{id:4,key:"analytics",label:"Analytics Logger",category:"telemetry",icon:"analytics",desc:"Firebase & custom analytics events, user properties & params"},{id:5,key:"redux",label:"Redux Inspector",category:"telemetry",icon:"redux",desc:"Store state diffing, action history & reducer timeline"},{id:6,key:"storage",label:"Storage Inspector",category:"telemetry",icon:"storage",desc:"AsyncStorage & MMKV key-value store viewer with full CRUD support"},{id:7,key:"device",label:"Device Info",category:"diagnostic",icon:"device",desc:"Hardware specs, IP address, screen metrics, UDID & runtime stats"},{id:8,key:"crash",label:"Crash Protection",category:"diagnostic",icon:"crash",desc:"Runtime exception guard, breadcrumbs & memory snapshot"},{id:9,key:"debugging",label:"Multi-Device Debugging",category:"diagnostic",icon:"debugging",desc:"QR Code bridge for direct Debug APK download & Metro live-reload sync"},{id:10,key:"media",label:"Screencast",category:"diagnostic",icon:"media",desc:"Screenshots, video recordings, audio narration & animated GIFs"},{id:11,key:"push",label:"Push Notifications",category:"telemetry",icon:"push",desc:"Universal push & local notification logger (Salesforce, FCM, APNs, Braze, Expo)"},{id:12,key:"socket",label:"WebSocket & Socket.IO",category:"telemetry",icon:"socket",desc:"Real-time WebSocket & Socket.IO message inspector, frames & event logger"}].filter(e=>e.key==="debugging"?react_native_1.Platform.OS==="android"&&(0,helpers_1.isLocalDebugEnvironment)():!0),[]),io={apis:{color:AppColors_1.AppColors.blue500,bg:`${AppColors_1.AppColors.blue500}14`,border:`${AppColors_1.AppColors.blue500}2E`},logs:{color:AppColors_1.AppColors.purple,bg:`${AppColors_1.AppColors.purple}14`,border:`${AppColors_1.AppColors.purple}2E`},perf:{color:AppColors_1.AppColors.purple,bg:`${AppColors_1.AppColors.purple}14`,border:`${AppColors_1.AppColors.purple}2E`},analytics:{color:AppColors_1.AppColors.amber600,bg:`${AppColors_1.AppColors.amber600}14`,border:`${AppColors_1.AppColors.amber600}2E`},redux:{color:AppColors_1.AppColors.violet600,bg:`${AppColors_1.AppColors.violet600}14`,border:`${AppColors_1.AppColors.violet600}2E`},storage:{color:AppColors_1.AppColors.cyan600,bg:`${AppColors_1.AppColors.cyan600}14`,border:`${AppColors_1.AppColors.cyan600}2E`},device:{color:AppColors_1.AppColors.emerald600,bg:`${AppColors_1.AppColors.emerald600}14`,border:`${AppColors_1.AppColors.emerald600}2E`},crash:{color:AppColors_1.AppColors.red600,bg:`${AppColors_1.AppColors.red600}14`,border:`${AppColors_1.AppColors.red600}2E`},debugging:{color:AppColors_1.AppColors.indigo600,bg:`${AppColors_1.AppColors.indigo600}14`,border:`${AppColors_1.AppColors.indigo600}2E`},media:{color:AppColors_1.AppColors.pink600,bg:`${AppColors_1.AppColors.pink600}14`,border:`${AppColors_1.AppColors.pink600}2E`},push:{color:AppColors_1.AppColors.orange600,bg:`${AppColors_1.AppColors.orange600}14`,border:`${AppColors_1.AppColors.orange600}2E`},socket:{color:AppColors_1.AppColors.teal600,bg:`${AppColors_1.AppColors.teal600}14`,border:`${AppColors_1.AppColors.teal600}2E`}},Q=(0,react_1.useMemo)(()=>S.filter(e=>!(e.key==="apis"||e.key==="redux"&&!(0,reduxLogger_1.isReduxConnected)()||e.key==="analytics"&&!(0,analyticsLogger_1.isAnalyticsConnected)())),[S]),ao=S.filter(e=>e.key==="apis"||!!R?.[e.key]).length,D=(0,react_1.useMemo)(()=>Q.length===0?!1:Q.every(e=>!!R?.[e.key]),[Q,R]),lo=e=>{e!=="apis"&&((0,NativeInspector_1.triggerNativeHaptic)("light"),pe(e))},no=()=>{(0,NativeInspector_1.triggerNativeHaptic)("medium");const e=!D;Q.forEach(r=>{!!R?.[r.key]!==e&&pe(r.key)}),(0,toast_1.showToast)(e?"All modules enabled":"Optional modules disabled")},[se,Ve]=(0,react_1.useState)(!1),i=e=><react_native_1.View key={e.key}style={{paddingVertical:12,borderBottomWidth:e.isLast?0:1,borderBottomColor:AppColors_1.AppColors.dividerColor}}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(o,a,_,h){h===void 0&&(h=_);var b=Object.getOwnPropertyDescriptor(a,_);(!b||("get"in b?!a.__esModule:b.writable||b.configurable))&&(b={enumerable:!0,get:function(){return a[_]}}),Object.defineProperty(o,h,b)}):(function(o,a,_,h){h===void 0&&(h=_),o[h]=a[_]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(o,a){Object.defineProperty(o,"default",{enumerable:!0,value:a})}):function(o,a){o.default=a}),__importStar=this&&this.__importStar||(function(){var o=function(a){return o=Object.getOwnPropertyNames||function(_){var h=[];for(var b in _)Object.prototype.hasOwnProperty.call(_,b)&&(h[h.length]=b);return h},o(a)};return function(a){if(a&&a.__esModule)return a;var _={};if(a!=null)for(var h=o(a),b=0;b<h.length;b++)h[b]!=="default"&&__createBinding(_,a,h[b]);return __setModuleDefault(_,a),_}})(),__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"),TouchableScale_1=__importDefault(require("../TouchableScale")),Slider_1=__importDefault(require("../Slider")),styles_1=require("../../styles"),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),constants_1=require("../../constants"),settingsStore_1=require("../../helpers/settingsStore"),networkLogger_1=require("../../customHooks/networkLogger"),consoleLogger_1=require("../../customHooks/consoleLogger"),analyticsLogger_1=require("../../customHooks/analyticsLogger"),crashHandler_1=require("../../customHooks/crashHandler"),reduxLogger_1=require("../../customHooks/reduxLogger"),i18n_1=require("../../i18n"),LanguageSelectorModal_1=require("./LanguageSelectorModal"),NetworkIcons_1=require("../NetworkIcons"),capture_1=require("../../capture"),NativeInspector_1=require("../../native/NativeInspector"),toast_1=require("../../helpers/toast"),memoryManager_1=require("../../helpers/memoryManager"),SettingsPanel=()=>{const{t:o}=(0,i18n_1.useTranslation)(),{settingsPage:a,setSettingsPage:_,settingsActiveSubTab:h,setSettingsActiveSubTab:b,tabVisibility:R,toggleTabVisibility:pe,defaultTab:z,setDefaultTab:ke,isDark:I,setIsDark:Fe,modalHeightPercent:P,setModalHeightPercent:Re,modalAnimationType:ze,setModalAnimationType:Be,showDuplicateLogs:Z,setShowDuplicateLogs:Ie,showUpdateToast:ee,setShowUpdateToast:He,showConsoleLevels:De,setShowConsoleLevels:Le,closeModal:po,logs:oe,consoleLogs:re,analyticsEvents:te,reduxState:$,maxConsoleLogs:ce,setMaxConsoleLogs:Pe,maxAnalyticsEventsLimit:de,setMaxAnalyticsEventsLimit:$e,isAutoRamLimitEnabled:w,setIsAutoRamLimitEnabled:We,deviceFreeRamMb:ie,reduxAutoRefresh:ae,setReduxAutoRefreshState:Ee,reduxExpandDepth:Oe,setReduxExpandDepth:Me,setSelected:Ne,setSelectedEvent:je,setReduxState:Ue,crashRecords:W,maxCrashLogs:ge,setMaxCrashLogs:ue,crashIgnoredTypes:m,setCrashIgnoredTypes:Ge,crashModalTriggerPolicy:qe,setCrashModalTriggerPolicyState:ye,applyCrashPolicyPreset:E,pushRecords:O,maxPushLogs:Je,setMaxPushLogs:Ye,clearAllPushLogs:Ke,simulatePush:M,socketRecords:N,maxSocketLogs:Xe,setMaxSocketLogs:Qe,clearAllSocketLogs:Ze,simulateSocket:j,captureImageFormat:le,setCaptureImageFormat:Ce,captureAutoHide:x,setCaptureAutoHide:U,captureAudioMode:he,setCaptureAudioMode:Ae,captureFps:be,setCaptureFps:me,captureScale:co,setCaptureScale:go,captureBitrate:uo,setCaptureBitrate:yo,captureMaxDurationSeconds:Co,setCaptureMaxDurationSeconds:ho,captureAutoGif:T,setCaptureAutoGif:G,captureWidgetEnabled:B,setCaptureWidgetEnabled:fe,peekOpacity:_e,setPeekOpacity:eo,hiddenUrlPatterns:H,setHiddenUrlPatterns:ne}=(0,InspectorContext_1.useInspector)(),[q,we]=(0,react_1.useState)(""),[J,xe]=(0,react_1.useState)(P),[oo,Te]=(0,react_1.useState)(!1),ro=(0,i18n_1.getLanguage)(),Y=i18n_1.SUPPORTED_LANGUAGES.find(e=>e.code===ro)||i18n_1.SUPPORTED_LANGUAGES[0],ve=()=>{const e=q.trim();if(e){if(H.includes(e)){(0,toast_1.showToast)("Pattern already exists in filter list");return}try{new RegExp(e)}catch{}(0,NativeInspector_1.triggerNativeHaptic)("light"),ne(r=>[...r,e]),we(""),(0,toast_1.showToast)("Hidden URL pattern added")}},to=e=>{const r=H[e];if(constants_1.DEFAULT_HIDDEN_URL_PATTERNS.includes(r)){(0,toast_1.showToast)("Default system filter cannot be removed");return}(0,NativeInspector_1.triggerNativeHaptic)("light"),ne(C=>C.filter((f,v)=>v!==e)),(0,toast_1.showToast)("Pattern removed")};(0,react_1.useEffect)(()=>{xe(P)},[P]);const V=(0,react_1.useRef)(new react_native_1.Animated.Value(1)).current;(0,react_1.useEffect)(()=>{V.setValue(0),react_native_1.Animated.spring(V,{toValue:1,friction:8,tension:65,useNativeDriver:!0}).start()},[h]);const K=(0,settingsStore_1.calculateRamBasedLimits)(ie),S=(0,react_1.useMemo)(()=>[{id:1,key:"apis",label:"APIs (Network)",category:"core",icon:"apis",desc:"HTTP/HTTPS requests, GraphQL, Axios & WebSocket inspector"},{id:2,key:"logs",label:"Console Logs",category:"core",icon:"logs",desc:"Terminal console logs, warnings, errors & stack traces"},{id:3,key:"perf",label:"Performance & FPS",category:"telemetry",icon:"perf",desc:"Live 60 FPS graph, JS event loop queue lag, memory heap & jank monitor"},{id:4,key:"analytics",label:"Analytics Logger",category:"telemetry",icon:"analytics",desc:"Firebase & custom analytics events, user properties & params"},{id:5,key:"redux",label:"Redux Inspector",category:"telemetry",icon:"redux",desc:"Store state diffing, action history & reducer timeline"},{id:6,key:"storage",label:"Storage Inspector",category:"telemetry",icon:"storage",desc:"AsyncStorage & MMKV key-value store viewer with full CRUD support"},{id:7,key:"device",label:"Device Info",category:"diagnostic",icon:"device",desc:"Hardware specs, IP address, screen metrics, UDID & runtime stats"},{id:8,key:"crash",label:"Crash Protection",category:"diagnostic",icon:"crash",desc:"Runtime exception guard, breadcrumbs & memory snapshot"},{id:9,key:"media",label:"Screencast",category:"diagnostic",icon:"media",desc:"Screenshots, video recordings, audio narration & animated GIFs"},{id:10,key:"push",label:"Push Notifications",category:"telemetry",icon:"push",desc:"Universal push & local notification logger (Salesforce, FCM, APNs, Braze, Expo)"},{id:11,key:"socket",label:"WebSocket & Socket.IO",category:"telemetry",icon:"socket",desc:"Real-time WebSocket & Socket.IO message inspector, frames & event logger"}],[]),io={apis:{color:AppColors_1.AppColors.blue500,bg:`${AppColors_1.AppColors.blue500}14`,border:`${AppColors_1.AppColors.blue500}2E`},logs:{color:AppColors_1.AppColors.purple,bg:`${AppColors_1.AppColors.purple}14`,border:`${AppColors_1.AppColors.purple}2E`},perf:{color:AppColors_1.AppColors.purple,bg:`${AppColors_1.AppColors.purple}14`,border:`${AppColors_1.AppColors.purple}2E`},analytics:{color:AppColors_1.AppColors.amber600,bg:`${AppColors_1.AppColors.amber600}14`,border:`${AppColors_1.AppColors.amber600}2E`},redux:{color:AppColors_1.AppColors.violet600,bg:`${AppColors_1.AppColors.violet600}14`,border:`${AppColors_1.AppColors.violet600}2E`},storage:{color:AppColors_1.AppColors.cyan600,bg:`${AppColors_1.AppColors.cyan600}14`,border:`${AppColors_1.AppColors.cyan600}2E`},device:{color:AppColors_1.AppColors.emerald600,bg:`${AppColors_1.AppColors.emerald600}14`,border:`${AppColors_1.AppColors.emerald600}2E`},crash:{color:AppColors_1.AppColors.red600,bg:`${AppColors_1.AppColors.red600}14`,border:`${AppColors_1.AppColors.red600}2E`},media:{color:AppColors_1.AppColors.pink600,bg:`${AppColors_1.AppColors.pink600}14`,border:`${AppColors_1.AppColors.pink600}2E`},push:{color:AppColors_1.AppColors.orange600,bg:`${AppColors_1.AppColors.orange600}14`,border:`${AppColors_1.AppColors.orange600}2E`},socket:{color:AppColors_1.AppColors.teal600,bg:`${AppColors_1.AppColors.teal600}14`,border:`${AppColors_1.AppColors.teal600}2E`}},X=(0,react_1.useMemo)(()=>S.filter(e=>!(e.key==="apis"||e.key==="redux"&&!(0,reduxLogger_1.isReduxConnected)()||e.key==="analytics"&&!(0,analyticsLogger_1.isAnalyticsConnected)())),[S]),ao=S.filter(e=>e.key==="apis"||!!R?.[e.key]).length,D=(0,react_1.useMemo)(()=>X.length===0?!1:X.every(e=>!!R?.[e.key]),[X,R]),lo=e=>{e!=="apis"&&((0,NativeInspector_1.triggerNativeHaptic)("light"),pe(e))},no=()=>{(0,NativeInspector_1.triggerNativeHaptic)("medium");const e=!D;X.forEach(r=>{!!R?.[r.key]!==e&&pe(r.key)}),(0,toast_1.showToast)(e?"All modules enabled":"Optional modules disabled")},[se,Ve]=(0,react_1.useState)(!1),i=e=><react_native_1.View key={e.key}style={{paddingVertical:12,borderBottomWidth:e.isLast?0:1,borderBottomColor:AppColors_1.AppColors.dividerColor}}>
         <TouchableScale_1.default disabled={!e.onPress}onPress={e.onPress}style={{flexDirection:"row",alignItems:"center",gap:12}}>
           <react_native_1.View style={{width:36,height:36,borderRadius:10,backgroundColor:AppColors_1.AppColors.purpleShade50,borderWidth:1,borderColor:`${AppColors_1.AppColors.purple}2E`,alignItems:"center",justifyContent:"center"}}>
             {e.icon}
@@ -36,7 +36,7 @@
       <react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:14}}showsVerticalScrollIndicator={!1}>
         
         <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:12,padding:3,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,flexDirection:"row",alignItems:"center",shadowColor:AppColors_1.AppColors.black,shadowOpacity:.04,shadowRadius:4,shadowOffset:{width:0,height:2},elevation:2}}>
-          {[{key:"module",label:o("settings.navModules","Modules"),Icon:NetworkIcons_1.LayersIcon},{key:"ui",label:o("settings.navDisplay","Display"),Icon:NetworkIcons_1.ScreenIcon},{key:"limits",label:o("settings.navLimits","Limits"),Icon:NetworkIcons_1.BrainIcon},{key:"capture",label:o("settings.navCapture","Capture"),Icon:NetworkIcons_1.CameraIcon}].map(e=>{const r=A===e.key,C=e.Icon;return<TouchableScale_1.default key={e.key}accessible={!0}accessibilityRole="tab"accessibilityLabel={e.label}accessibilityState={{selected:r}}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),(0,InspectorContext_1.animateNextLayout)(),b(e.key)}}style={{flex:1,minWidth:0,paddingVertical:8,paddingHorizontal:2,flexDirection:"row",alignItems:"center",justifyContent:"center",gap:4,borderRadius:9,backgroundColor:r?AppColors_1.AppColors.purple:"transparent"}}>
+          {[{key:"module",label:o("settings.navModules","Modules"),Icon:NetworkIcons_1.LayersIcon},{key:"ui",label:o("settings.navDisplay","Display"),Icon:NetworkIcons_1.ScreenIcon},{key:"limits",label:o("settings.navLimits","Limits"),Icon:NetworkIcons_1.BrainIcon},{key:"capture",label:o("settings.navCapture","Capture"),Icon:NetworkIcons_1.CameraIcon}].map(e=>{const r=h===e.key,C=e.Icon;return<TouchableScale_1.default key={e.key}accessible={!0}accessibilityRole="tab"accessibilityLabel={e.label}accessibilityState={{selected:r}}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),(0,InspectorContext_1.animateNextLayout)(),b(e.key)}}style={{flex:1,minWidth:0,paddingVertical:8,paddingHorizontal:2,flexDirection:"row",alignItems:"center",justifyContent:"center",gap:4,borderRadius:9,backgroundColor:r?AppColors_1.AppColors.purple:"transparent"}}>
                 <C color={r?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}size={12}/>
                 <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,lineHeight:14,color:r?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}}numberOfLines={1}ellipsizeMode="tail">
                   {e.label}
@@ -44,7 +44,7 @@
               </TouchableScale_1.default>})}
         </react_native_1.View>
 
-        {A==="module"&&<react_native_1.Animated.View style={{gap:10,opacity:V,transform:[{translateY:V.interpolate({inputRange:[0,1],outputRange:[10,0]})}]}}>
+        {h==="module"&&<react_native_1.Animated.View style={{gap:10,opacity:V,transform:[{translateY:V.interpolate({inputRange:[0,1],outputRange:[10,0]})}]}}>
             
             <react_native_1.View style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:4,paddingVertical:2}}>
               <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6}}>
@@ -67,23 +67,22 @@
 
             
             <react_native_1.View style={{gap:8}}>
-              {S.map(e=>{const r=(0,reduxLogger_1.isReduxConnected)(),C=(0,analyticsLogger_1.isAnalyticsConnected)(),f=e.key==="redux"&&!r||e.key==="analytics"&&!C,v=e.key==="apis"||f,t=e.key==="apis"||!!R?.[e.key]&&!f,h=io[e.key]||{color:AppColors_1.AppColors.purple,bg:`${AppColors_1.AppColors.purple}14`,border:`${AppColors_1.AppColors.purple}2E`},F=e.key==="apis"||e.key==="logs"||e.key==="analytics"||e.key==="redux"||e.key==="crash"||e.key==="push"||e.key==="socket",P=e.key==="apis"?oe.length>0?`${oe.length} requests`:"":e.key==="logs"?re.length>0?`${re.length} logs`:"":e.key==="crash"?W&&W.length>0?`${W.length} crashes`:"":e.key==="analytics"?te.length>0?`${te.length} events`:"":e.key==="redux"?$&&Object.keys($).length>0?`${Object.keys($).length} slices`:"":e.key==="push"?O&&O.length>0?`${O.length} notifications`:"":e.key==="socket"&&N&&N.length>0?`${N.length} sockets`:"";return<react_native_1.View key={e.key}style={{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:13,borderWidth:1,borderColor:t?`${h.color}38`:AppColors_1.AppColors.grayBorderSecondary,padding:12,gap:8,shadowColor:AppColors_1.AppColors.black,shadowOpacity:t?.03:.01,shadowRadius:3,shadowOffset:{width:0,height:1.5},elevation:1.5}}>
+              {S.map(e=>{const r=(0,reduxLogger_1.isReduxConnected)(),C=(0,analyticsLogger_1.isAnalyticsConnected)(),f=e.key==="redux"&&!r||e.key==="analytics"&&!C,v=e.key==="apis"||f,t=e.key==="apis"||!!R?.[e.key]&&!f,A=io[e.key]||{color:AppColors_1.AppColors.purple,bg:`${AppColors_1.AppColors.purple}14`,border:`${AppColors_1.AppColors.purple}2E`},F=e.key==="apis"||e.key==="logs"||e.key==="analytics"||e.key==="redux"||e.key==="crash"||e.key==="push"||e.key==="socket",L=e.key==="apis"?oe.length>0?`${oe.length} requests`:"":e.key==="logs"?re.length>0?`${re.length} logs`:"":e.key==="crash"?W&&W.length>0?`${W.length} crashes`:"":e.key==="analytics"?te.length>0?`${te.length} events`:"":e.key==="redux"?$&&Object.keys($).length>0?`${Object.keys($).length} slices`:"":e.key==="push"?O&&O.length>0?`${O.length} notifications`:"":e.key==="socket"&&N&&N.length>0?`${N.length} sockets`:"";return<react_native_1.View key={e.key}style={{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:13,borderWidth:1,borderColor:t?`${A.color}38`:AppColors_1.AppColors.grayBorderSecondary,padding:12,gap:8,shadowColor:AppColors_1.AppColors.black,shadowOpacity:t?.03:.01,shadowRadius:3,shadowOffset:{width:0,height:1.5},elevation:1.5}}>
                     
                     <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:10}}>
                       
-                      <react_native_1.View style={{width:38,height:38,borderRadius:10,backgroundColor:t?h.bg:AppColors_1.AppColors.grayBackground,borderWidth:1,borderColor:t?h.border:AppColors_1.AppColors.grayBorderSecondary,alignItems:"center",justifyContent:"center",flexShrink:0}}>
-                        {e.icon==="apis"&&<NetworkIcons_1.SignalIcon color={t?h.color:AppColors_1.AppColors.grayTextWeak}size={16}/>}
-                        {e.icon==="logs"&&<NetworkIcons_1.TerminalIcon color={t?h.color:AppColors_1.AppColors.grayTextWeak}size={16}/>}
-                        {e.icon==="perf"&&<NetworkIcons_1.SpeedometerIcon color={t?h.color:AppColors_1.AppColors.grayTextWeak}size={16}/>}
-                        {e.icon==="crash"&&<NetworkIcons_1.CrashIcon color={t?h.color:AppColors_1.AppColors.grayTextWeak}size={16}/>}
-                        {e.icon==="analytics"&&<NetworkIcons_1.AnalyticsIcon color={t?h.color:AppColors_1.AppColors.grayTextWeak}size={16}/>}
-                        {e.icon==="redux"&&<NetworkIcons_1.ReduxIcon color={t?h.color:AppColors_1.AppColors.grayTextWeak}size={16}/>}
-                        {e.icon==="device"&&<NetworkIcons_1.SmartphoneIcon color={t?h.color:AppColors_1.AppColors.grayTextWeak}size={16}/>}
-                        {e.icon==="storage"&&<NetworkIcons_1.DatabaseIcon color={t?h.color:AppColors_1.AppColors.grayTextWeak}size={16}/>}
-                        {e.icon==="debugging"&&<NetworkIcons_1.QrCodeIcon color={t?h.color:AppColors_1.AppColors.grayTextWeak}size={16}/>}
-                        {e.icon==="media"&&<NetworkIcons_1.ScreencastIcon color={t?h.color:AppColors_1.AppColors.grayTextWeak}size={16}/>}
-                        {e.icon==="push"&&<NetworkIcons_1.BellIcon color={t?h.color:AppColors_1.AppColors.grayTextWeak}size={16}/>}
-                        {e.icon==="socket"&&<NetworkIcons_1.WebsocketIcon color={t?h.color:AppColors_1.AppColors.grayTextWeak}size={16}/>}
+                      <react_native_1.View style={{width:38,height:38,borderRadius:10,backgroundColor:t?A.bg:AppColors_1.AppColors.grayBackground,borderWidth:1,borderColor:t?A.border:AppColors_1.AppColors.grayBorderSecondary,alignItems:"center",justifyContent:"center",flexShrink:0}}>
+                        {e.icon==="apis"&&<NetworkIcons_1.SignalIcon color={t?A.color:AppColors_1.AppColors.grayTextWeak}size={16}/>}
+                        {e.icon==="logs"&&<NetworkIcons_1.TerminalIcon color={t?A.color:AppColors_1.AppColors.grayTextWeak}size={16}/>}
+                        {e.icon==="perf"&&<NetworkIcons_1.SpeedometerIcon color={t?A.color:AppColors_1.AppColors.grayTextWeak}size={16}/>}
+                        {e.icon==="crash"&&<NetworkIcons_1.CrashIcon color={t?A.color:AppColors_1.AppColors.grayTextWeak}size={16}/>}
+                        {e.icon==="analytics"&&<NetworkIcons_1.AnalyticsIcon color={t?A.color:AppColors_1.AppColors.grayTextWeak}size={16}/>}
+                        {e.icon==="redux"&&<NetworkIcons_1.ReduxIcon color={t?A.color:AppColors_1.AppColors.grayTextWeak}size={16}/>}
+                        {e.icon==="device"&&<NetworkIcons_1.SmartphoneIcon color={t?A.color:AppColors_1.AppColors.grayTextWeak}size={16}/>}
+                        {e.icon==="storage"&&<NetworkIcons_1.DatabaseIcon color={t?A.color:AppColors_1.AppColors.grayTextWeak}size={16}/>}
+                        {e.icon==="media"&&<NetworkIcons_1.ScreencastIcon color={t?A.color:AppColors_1.AppColors.grayTextWeak}size={16}/>}
+                        {e.icon==="push"&&<NetworkIcons_1.BellIcon color={t?A.color:AppColors_1.AppColors.grayTextWeak}size={16}/>}
+                        {e.icon==="socket"&&<NetworkIcons_1.WebsocketIcon color={t?A.color:AppColors_1.AppColors.grayTextWeak}size={16}/>}
                       </react_native_1.View>
 
                       
@@ -123,31 +122,31 @@
                     </react_native_1.View>
 
                     
-                    {(P||F||e.key==="media")&&<react_native_1.View style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingTop:7,borderTopWidth:1,borderTopColor:`${AppColors_1.AppColors.dividerColor}99`,marginTop:1}}>
+                    {(L||F||e.key==="media")&&<react_native_1.View style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingTop:7,borderTopWidth:1,borderTopColor:`${AppColors_1.AppColors.dividerColor}99`,marginTop:1}}>
                         
                         <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:5,flex:1}}>
-                          {P?<react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:5}}>
-                              <react_native_1.View style={{width:5.5,height:5.5,borderRadius:3,backgroundColor:t?h.color:AppColors_1.AppColors.grayTextWeak}}/>
+                          {L?<react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:5}}>
+                              <react_native_1.View style={{width:5.5,height:5.5,borderRadius:3,backgroundColor:t?A.color:AppColors_1.AppColors.grayTextWeak}}/>
                               <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10.5,lineHeight:14,color:t?AppColors_1.AppColors.grayTextStrong:AppColors_1.AppColors.grayTextWeak}}>
-                                {P}
+                                {L}
                               </react_native_1.Text>
                             </react_native_1.View>:<react_native_1.View/>}
                         </react_native_1.View>
 
                         
-                        {(F||e.key==="media")&&<TouchableScale_1.default onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),e.key==="media"?((0,InspectorContext_1.animateNextLayout)(),b("capture")):_(e.key)}}hitSlop={6}style={{flexDirection:"row",alignItems:"center",gap:3.5,paddingHorizontal:8.5,paddingVertical:4,borderRadius:6.5,backgroundColor:`${h.color}14`,borderWidth:1,borderColor:`${h.color}2A`}}>
-                            <NetworkIcons_1.SettingsIcon color={h.color}size={10}/>
-                            <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,lineHeight:13,color:h.color}}>
+                        {(F||e.key==="media")&&<TouchableScale_1.default onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),e.key==="media"?((0,InspectorContext_1.animateNextLayout)(),b("capture")):_(e.key)}}hitSlop={6}style={{flexDirection:"row",alignItems:"center",gap:3.5,paddingHorizontal:8.5,paddingVertical:4,borderRadius:6.5,backgroundColor:`${A.color}14`,borderWidth:1,borderColor:`${A.color}2A`}}>
+                            <NetworkIcons_1.SettingsIcon color={A.color}size={10}/>
+                            <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,lineHeight:13,color:A.color}}>
                               {o("settings.configure","Configure")}
                             </react_native_1.Text>
-                            <NetworkIcons_1.ForwardChevronIcon color={h.color}size={8}/>
+                            <NetworkIcons_1.ForwardChevronIcon color={A.color}size={8}/>
                           </TouchableScale_1.default>}
                       </react_native_1.View>}
                   </react_native_1.View>})}
             </react_native_1.View>
           </react_native_1.Animated.View>}
 
-        {A==="ui"&&<react_native_1.Animated.View style={{gap:14,opacity:V,transform:[{translateY:V.interpolate({inputRange:[0,1],outputRange:[10,0]})}]}}>
+        {h==="ui"&&<react_native_1.Animated.View style={{gap:14,opacity:V,transform:[{translateY:V.interpolate({inputRange:[0,1],outputRange:[10,0]})}]}}>
             
             <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,overflow:"hidden",padding:14,gap:12}}>
               <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,lineHeight:14,color:AppColors_1.AppColors.grayTextWeak,letterSpacing:.8}}>
@@ -193,9 +192,9 @@
                 </react_native_1.View>
 
                 <TouchableScale_1.default onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),Te(!0)}}style={{flexDirection:"row",alignItems:"center",backgroundColor:AppColors_1.AppColors.purpleShade50,paddingHorizontal:10,paddingVertical:6,borderRadius:8,gap:5,borderWidth:1,borderColor:`${AppColors_1.AppColors.purple}20`}}>
-                  {K?.flag?<react_native_1.Text style={{fontSize:13}}>{K.flag}</react_native_1.Text>:<NetworkIcons_1.GlobeIcon size={14}color={AppColors_1.AppColors.purple}/>}
+                  {Y?.flag?<react_native_1.Text style={{fontSize:13}}>{Y.flag}</react_native_1.Text>:<NetworkIcons_1.GlobeIcon size={14}color={AppColors_1.AppColors.purple}/>}
                   <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:12,color:AppColors_1.AppColors.purple}}>
-                    {K?.nativeName||K?.name||"English"}
+                    {Y?.nativeName||Y?.name||"English"}
                   </react_native_1.Text>
                   <NetworkIcons_1.ForwardChevronIcon size={11}color={AppColors_1.AppColors.purple}/>
                 </TouchableScale_1.default>
@@ -225,7 +224,7 @@
                     </react_native_1.View>
                   </react_native_1.View>
 
-                  {J!==L&&<TouchableScale_1.default onPress={()=>{Re(J)}}style={{flexDirection:"row",alignItems:"center",gap:5,backgroundColor:AppColors_1.AppColors.purple,paddingHorizontal:10,paddingVertical:5,borderRadius:7,shadowColor:AppColors_1.AppColors.purple,shadowOffset:{width:0,height:1},shadowOpacity:.28,shadowRadius:2,elevation:2}}>
+                  {J!==P&&<TouchableScale_1.default onPress={()=>{Re(J)}}style={{flexDirection:"row",alignItems:"center",gap:5,backgroundColor:AppColors_1.AppColors.purple,paddingHorizontal:10,paddingVertical:5,borderRadius:7,shadowColor:AppColors_1.AppColors.purple,shadowOffset:{width:0,height:1},shadowOpacity:.28,shadowRadius:2,elevation:2}}>
                       <NetworkIcons_1.CheckIcon size={11}color={AppColors_1.AppColors.white}/>
                       <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,color:AppColors_1.AppColors.white}}>
                         Save ({J}%)
@@ -368,8 +367,7 @@
                       NPM Update Toast
                     </react_native_1.Text>
                     <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,lineHeight:15,color:AppColors_1.AppColors.grayText,marginTop:1}}>
-                      Show a floating toast banner with countdown progress when
-                      a newer release is published on npm.
+                      {o("settings.npmUpdateToastDesc","Show a floating toast banner with countdown progress when a newer release is published on npm.")}
                     </react_native_1.Text>
                   </react_native_1.View>
                 </react_native_1.View>
@@ -381,7 +379,7 @@
             </react_native_1.View>
           </react_native_1.Animated.View>}
 
-        {A==="limits"&&<react_native_1.Animated.View style={{gap:14,opacity:V,transform:[{translateY:V.interpolate({inputRange:[0,1],outputRange:[10,0]})}]}}>
+        {h==="limits"&&<react_native_1.Animated.View style={{gap:14,opacity:V,transform:[{translateY:V.interpolate({inputRange:[0,1],outputRange:[10,0]})}]}}>
             
             <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,overflow:"hidden",padding:14,gap:12}}>
               <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,lineHeight:14,color:AppColors_1.AppColors.grayTextWeak,letterSpacing:.8}}>
@@ -399,8 +397,7 @@
                       Auto-Calculate Limits from RAM
                     </react_native_1.Text>
                     <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,lineHeight:15,color:AppColors_1.AppColors.grayText,marginTop:1}}>
-                      Dynamically sets log limits according to available device
-                      memory
+                      {o("settings.autoCalculateLimitsRamDesc","Dynamically sets log limits according to available device memory")}
                     </react_native_1.Text>
                   </react_native_1.View>
                 </react_native_1.View>
@@ -436,7 +433,7 @@
               <react_native_1.View style={{marginTop:4,paddingTop:8,borderTopWidth:1,borderTopColor:AppColors_1.AppColors.dividerColor,gap:6}}>
                 <react_native_1.View style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between"}}>
                   <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11.5,lineHeight:15,color:AppColors_1.AppColors.purple}}>
-                    Profile: {Y.profileName}
+                    Profile: {K.profileName}
                   </react_native_1.Text>
                   <react_native_1.View style={{backgroundColor:w?`${AppColors_1.AppColors.emerald500}18`:`${AppColors_1.AppColors.purple}18`,paddingHorizontal:7,paddingVertical:2.5,borderRadius:4}}>
                     <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:w?AppColors_1.AppColors.emerald500:AppColors_1.AppColors.purple}}>
@@ -446,7 +443,7 @@
                 </react_native_1.View>
 
                 <react_native_1.View style={{flexDirection:"row",flexWrap:"wrap",gap:8,marginTop:4}}>
-                  {[{label:"Logs",value:w?Y.maxConsoleLogs:ce,color:AppColors_1.AppColors.sky500},{label:"Analytics",value:w?Y.maxAnalyticsEvents:de,color:AppColors_1.AppColors.purple},{label:"Crash",value:w?Y.maxCrashRecords:ge,color:AppColors_1.AppColors.errorColor}].map(e=><react_native_1.View key={e.label}style={{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:8,paddingVertical:4,borderRadius:6,backgroundColor:`${e.color}14`,borderWidth:1,borderColor:`${e.color}33`}}>
+                  {[{label:"Logs",value:w?K.maxConsoleLogs:ce,color:AppColors_1.AppColors.sky500},{label:"Analytics",value:w?K.maxAnalyticsEvents:de,color:AppColors_1.AppColors.purple},{label:"Crash",value:w?K.maxCrashRecords:ge,color:AppColors_1.AppColors.errorColor}].map(e=><react_native_1.View key={e.label}style={{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:8,paddingVertical:4,borderRadius:6,backgroundColor:`${e.color}14`,borderWidth:1,borderColor:`${e.color}33`}}>
                       <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,lineHeight:14,color:e.color}}>
                         {e.label}:
                       </react_native_1.Text>
@@ -473,8 +470,7 @@
                     OS Memory Warning Guard
                   </react_native_1.Text>
                   <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,lineHeight:15,color:AppColors_1.AppColors.grayText,marginTop:1}}>
-                    Automatically prunes in-memory buffers by 50% when the OS
-                    signals low memory
+                    {o("settings.osMemoryWarningGuardDesc","Automatically prunes in-memory buffers by 50% when the OS signals low memory")}
                   </react_native_1.Text>
                 </react_native_1.View>
                 <react_native_1.View style={{paddingHorizontal:8,paddingVertical:3,borderRadius:6,backgroundColor:`${AppColors_1.AppColors.emerald500}18`}}>
@@ -505,7 +501,7 @@
               </react_native_1.View>
             </react_native_1.View>
           </react_native_1.Animated.View>}
-        {A==="capture"&&<react_native_1.Animated.View style={{gap:16,opacity:V,transform:[{translateY:V.interpolate({inputRange:[0,1],outputRange:[10,0]})}]}}>
+        {h==="capture"&&<react_native_1.Animated.View style={{gap:16,opacity:V,transform:[{translateY:V.interpolate({inputRange:[0,1],outputRange:[10,0]})}]}}>
             
             <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,padding:16,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,gap:12}}>
               <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:10}}>
@@ -681,12 +677,12 @@
         <react_native_1.View style={{height:48}}/>
       </react_native_1.ScrollView>;else if(a==="logs")k=<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
         <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,padding:16,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,gap:4}}>
-          {i({icon:<NetworkIcons_1.TerminalIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.logs.maxConsoleLogs"),description:o("settings.logs.maxConsoleLogsDescription"),numericInput:{value:ce,onChange:Le,min:10,max:100,placeholder:"Enter max logs (10-100)"}})}
+          {i({icon:<NetworkIcons_1.TerminalIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.logs.maxConsoleLogs"),description:o("settings.logs.maxConsoleLogsDescription"),numericInput:{value:ce,onChange:Pe,min:10,max:100,placeholder:"Enter max logs (10-100)"}})}
           <react_native_1.View style={{height:1,backgroundColor:AppColors_1.AppColors.dividerColor}}/>
           <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13,lineHeight:17,color:AppColors_1.AppColors.primaryBlack,paddingTop:6}}>
             {o("settings.logs.logLevels")}
           </react_native_1.Text>
-          {["info","warn","error"].map(e=>{const r=De?.[e],C=e==="error"?AppColors_1.AppColors.errorColor:e==="warn"?AppColors_1.AppColors.warningIconGold:AppColors_1.AppColors.skyBlue,f=o(e==="info"?"settings.logs.showInfo":e==="warn"?"settings.logs.showWarn":"settings.logs.showError"),v=o(e==="info"?"settings.logs.showInfoDesc":e==="warn"?"settings.logs.showWarnDesc":"settings.logs.showErrorDesc");return i({icon:<react_native_1.View style={{width:12,height:12,borderRadius:6,backgroundColor:C}}/>,label:f,description:v,isLast:e==="error",onPress:()=>Pe(t=>({...t,[e]:!t[e]})),right:<react_native_1.View style={{width:22,height:22,borderRadius:6,borderWidth:2,borderColor:r?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak,backgroundColor:r?`${AppColors_1.AppColors.purple}1A`:"transparent",alignItems:"center",justifyContent:"center"}}>
+          {["info","warn","error"].map(e=>{const r=De?.[e],C=e==="error"?AppColors_1.AppColors.errorColor:e==="warn"?AppColors_1.AppColors.warningIconGold:AppColors_1.AppColors.skyBlue,f=o(e==="info"?"settings.logs.showInfo":e==="warn"?"settings.logs.showWarn":"settings.logs.showError"),v=o(e==="info"?"settings.logs.showInfoDesc":e==="warn"?"settings.logs.showWarnDesc":"settings.logs.showErrorDesc");return i({icon:<react_native_1.View style={{width:12,height:12,borderRadius:6,backgroundColor:C}}/>,label:f,description:v,isLast:e==="error",onPress:()=>Le(t=>({...t,[e]:!t[e]})),right:<react_native_1.View style={{width:22,height:22,borderRadius:6,borderWidth:2,borderColor:r?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak,backgroundColor:r?`${AppColors_1.AppColors.purple}1A`:"transparent",alignItems:"center",justifyContent:"center"}}>
                   {r&&<NetworkIcons_1.CheckIcon size={12}color={AppColors_1.AppColors.purple}/>}
                 </react_native_1.View>})})}
         </react_native_1.View>
@@ -808,7 +804,7 @@
             {o("settings.crash.categoryMatrix","ERROR INTERCEPTION & IGNORED CATEGORIES")}
           </react_native_1.Text>
 
-          {v.map((t,h)=>{const F=!!m?.[t.key],P=h===v.length-1;return i({key:t.key,icon:t.icon,label:t.label,description:t.desc,isLast:P,onPress:()=>{Ge(Se=>({...Se,[t.key]:!Se[t.key]}))},right:<react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:8}}>
+          {v.map((t,A)=>{const F=!!m?.[t.key],L=A===v.length-1;return i({key:t.key,icon:t.icon,label:t.label,description:t.desc,isLast:L,onPress:()=>{Ge(Se=>({...Se,[t.key]:!Se[t.key]}))},right:<react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:8}}>
                   <react_native_1.View style={{paddingHorizontal:6,paddingVertical:2.5,borderRadius:5,backgroundColor:F?`${AppColors_1.AppColors.warningIconGold}18`:`${AppColors_1.AppColors.greenColor}18`}}>
                     <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:F?AppColors_1.AppColors.warningIconGold:AppColors_1.AppColors.greenColor}}>
                       {F?o("settings.crash.ignoredBadge","IGNORED"):o("settings.crash.protectedBadge","PROTECTED")}
@@ -845,7 +841,7 @@
       </react_native_1.ScrollView>}else a==="push"?k=<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
         
         <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,padding:16,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,gap:4}}>
-          {i({icon:<NetworkIcons_1.LayersIcon color={AppColors_1.AppColors.purple}size={16}/>,label:"Max Push Notification Logs",description:"Buffer size limit for recorded push payloads (10-200)",numericInput:{value:Je,onChange:Ke,min:10,max:200,placeholder:"Enter max logs (10-200)"}})}
+          {i({icon:<NetworkIcons_1.LayersIcon color={AppColors_1.AppColors.purple}size={16}/>,label:"Max Push Notification Logs",description:"Buffer size limit for recorded push payloads (10-200)",numericInput:{value:Je,onChange:Ye,min:10,max:200,placeholder:"Enter max logs (10-200)"}})}
           <react_native_1.View style={{height:1,backgroundColor:AppColors_1.AppColors.dividerColor}}/>
           {i({icon:<NetworkIcons_1.BellIcon color={AppColors_1.AppColors.greenColor}size={16}/>,label:"Universal Ingestion Engine",description:"Captures any push domain (Salesforce, FCM, APNs, Expo, Braze, Custom)",isLast:!0,right:<react_native_1.View style={{paddingHorizontal:8,paddingVertical:4,borderRadius:6,backgroundColor:`${AppColors_1.AppColors.greenColor}1F`}}>
                 <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,lineHeight:13,color:AppColors_1.AppColors.greenColor}}>
@@ -892,7 +888,7 @@
 
         
         <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,padding:16}}>
-          {i({icon:<NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor}size={16}/>,label:o("push.clearTitle","Clear Push History"),description:`Permanently remove all ${O?.length||0} recorded notifications`,isLast:!0,onPress:()=>{Ye(),react_native_1.Alert.alert(o("common.success","Success"),o("settings.pushHistoryCleared","Push notification history cleared"))},right:<react_native_1.View style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${AppColors_1.AppColors.errorColor}14`,borderWidth:1,borderColor:`${AppColors_1.AppColors.errorColor}33`}}>
+          {i({icon:<NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor}size={16}/>,label:o("push.clearTitle","Clear Push History"),description:`Permanently remove all ${O?.length||0} recorded notifications`,isLast:!0,onPress:()=>{Ke(),react_native_1.Alert.alert(o("common.success","Success"),o("settings.pushHistoryCleared","Push notification history cleared"))},right:<react_native_1.View style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${AppColors_1.AppColors.errorColor}14`,borderWidth:1,borderColor:`${AppColors_1.AppColors.errorColor}33`}}>
                 <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,lineHeight:14,color:AppColors_1.AppColors.errorColor}}>
                   {o("common.clear")}
                 </react_native_1.Text>
@@ -902,7 +898,7 @@
       </react_native_1.ScrollView>:a==="socket"?k=<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
         
         <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,padding:16,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,gap:4}}>
-          {i({icon:<NetworkIcons_1.LayersIcon color={AppColors_1.AppColors.purple}size={16}/>,label:"Max WebSocket Connections",description:"Ring buffer limit for active & closed socket sessions (10-200)",numericInput:{value:Qe,onChange:Xe,min:10,max:200,placeholder:"Enter max sockets (10-200)"}})}
+          {i({icon:<NetworkIcons_1.LayersIcon color={AppColors_1.AppColors.purple}size={16}/>,label:"Max WebSocket Connections",description:"Ring buffer limit for active & closed socket sessions (10-200)",numericInput:{value:Xe,onChange:Qe,min:10,max:200,placeholder:"Enter max sockets (10-200)"}})}
           <react_native_1.View style={{height:1,backgroundColor:AppColors_1.AppColors.dividerColor}}/>
           {i({icon:<NetworkIcons_1.WebsocketIcon color={AppColors_1.AppColors.greenColor}size={16}/>,label:"Global WebSocket Interceptor",description:"Automatic capture for WebSocket, WSS & Socket.IO traffic",isLast:!0,right:<react_native_1.View style={{paddingHorizontal:8,paddingVertical:4,borderRadius:6,backgroundColor:`${AppColors_1.AppColors.greenColor}1F`}}>
                 <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,lineHeight:13,color:AppColors_1.AppColors.greenColor}}>
@@ -1055,14 +1051,14 @@
               </react_native_1.View>})}
         </react_native_1.View>
         <react_native_1.View style={{height:48}}/>
-      </react_native_1.ScrollView>);const X=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current;return(0,react_1.useEffect)(()=>{a!=="main"&&(X.setValue(0),react_native_1.Animated.spring(X,{toValue:1,friction:8,tension:65,useNativeDriver:!0}).start())},[a]),<react_native_1.View style={{flex:1,backgroundColor:AppColors_1.AppColors.grayBackground}}>
+      </react_native_1.ScrollView>);const Q=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current;return(0,react_1.useEffect)(()=>{a!=="main"&&(Q.setValue(0),react_native_1.Animated.spring(Q,{toValue:1,friction:8,tension:65,useNativeDriver:!0}).start())},[a]),<react_native_1.View style={{flex:1,backgroundColor:AppColors_1.AppColors.grayBackground}}>
       
       <react_native_1.View style={[react_native_1.StyleSheet.absoluteFill,a!=="main"&&{pointerEvents:"none"}]}>
         {so()}
       </react_native_1.View>
 
       
-      {a!=="main"&&<react_native_1.Animated.View style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:AppColors_1.AppColors.grayBackground,opacity:X,transform:[{translateX:X.interpolate({inputRange:[0,1],outputRange:[30,0]})}]}]}>
+      {a!=="main"&&<react_native_1.Animated.View style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:AppColors_1.AppColors.grayBackground,opacity:Q,transform:[{translateX:Q.interpolate({inputRange:[0,1],outputRange:[30,0]})}]}]}>
           {k}
         </react_native_1.Animated.View>}
 

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

@@ -1,5 +1,8 @@
 import React from 'react';
+import { ActiveTab } from '../../types';
 export interface SkeletonPlaceholderProps {
+    tab?: ActiveTab;
+    type?: 'card' | 'detail' | 'list' | 'table';
     cardCount?: number;
 }
 export declare const SkeletonPlaceholder: React.NamedExoticComponent<SkeletonPlaceholderProps>;

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

@@ -1,4 +1,35 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(i,t,e,o){o===void 0&&(o=e);var r=Object.getOwnPropertyDescriptor(t,e);(!r||("get"in r?!t.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return t[e]}}),Object.defineProperty(i,o,r)}):(function(i,t,e,o){o===void 0&&(o=e),i[o]=t[e]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(i,t){Object.defineProperty(i,"default",{enumerable:!0,value:t})}):function(i,t){i.default=t}),__importStar=this&&this.__importStar||(function(){var i=function(t){return i=Object.getOwnPropertyNames||function(e){var o=[];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(o[o.length]=r);return o},i(t)};return function(t){if(t&&t.__esModule)return t;var e={};if(t!=null)for(var o=i(t),r=0;r<o.length;r++)o[r]!=="default"&&__createBinding(e,t,o[r]);return __setModuleDefault(e,t),e}})();Object.defineProperty(exports,"__esModule",{value:!0}),exports.SkeletonPlaceholder=void 0;const react_1=__importStar(require("react")),react_native_1=require("react-native"),AppColors_1=require("../../styles/AppColors");exports.SkeletonPlaceholder=react_1.default.memo(function({cardCount:t=4}){const e=(0,react_1.useRef)(new react_native_1.Animated.Value(.45)).current;return(0,react_1.useEffect)(()=>{const o=react_native_1.Animated.loop(react_native_1.Animated.sequence([react_native_1.Animated.timing(e,{toValue:.95,duration:750,useNativeDriver:!1}),react_native_1.Animated.timing(e,{toValue:.45,duration:750,useNativeDriver:!1})]));return o.start(),()=>o.stop()},[e]),<react_native_1.View style={skeletonStyles.container}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(o,t,r,i){i===void 0&&(i=r);var e=Object.getOwnPropertyDescriptor(t,r);(!e||("get"in e?!t.__esModule:e.writable||e.configurable))&&(e={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(o,i,e)}):(function(o,t,r,i){i===void 0&&(i=r),o[i]=t[r]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(o,t){Object.defineProperty(o,"default",{enumerable:!0,value:t})}):function(o,t){o.default=t}),__importStar=this&&this.__importStar||(function(){var o=function(t){return o=Object.getOwnPropertyNames||function(r){var i=[];for(var e in r)Object.prototype.hasOwnProperty.call(r,e)&&(i[i.length]=e);return i},o(t)};return function(t){if(t&&t.__esModule)return t;var r={};if(t!=null)for(var i=o(t),e=0;e<i.length;e++)i[e]!=="default"&&__createBinding(r,t,i[e]);return __setModuleDefault(r,t),r}})();Object.defineProperty(exports,"__esModule",{value:!0}),exports.SkeletonPlaceholder=void 0;const react_1=__importStar(require("react")),react_native_1=require("react-native"),AppColors_1=require("../../styles/AppColors");exports.SkeletonPlaceholder=react_1.default.memo(function({tab:t="apis",type:r="card",cardCount:i=4}){const e=(0,react_1.useRef)(new react_native_1.Animated.Value(.4)).current;return(0,react_1.useEffect)(()=>{const a=react_native_1.Animated.loop(react_native_1.Animated.sequence([react_native_1.Animated.timing(e,{toValue:.95,duration:700,useNativeDriver:!0}),react_native_1.Animated.timing(e,{toValue:.4,duration:700,useNativeDriver:!0})]));return a.start(),()=>a.stop()},[e]),r==="detail"?<react_native_1.View style={skeletonStyles.container}accessible={!0}accessibilityRole="progressbar"accessibilityLabel="Loading details, please wait"accessibilityLiveRegion="polite">
+        <react_native_1.Animated.View style={[skeletonStyles.detailHeader,{opacity:e}]}/>
+        <react_native_1.View style={skeletonStyles.chipStripSkeleton}>
+          <react_native_1.Animated.View style={[skeletonStyles.chipSkeleton,{width:70,opacity:e}]}/>
+          <react_native_1.Animated.View style={[skeletonStyles.chipSkeleton,{width:90,opacity:e}]}/>
+          <react_native_1.Animated.View style={[skeletonStyles.chipSkeleton,{width:80,opacity:e}]}/>
+        </react_native_1.View>
+        <react_native_1.Animated.View style={[skeletonStyles.detailCodeCard,{opacity:e}]}>
+          <react_native_1.View style={[skeletonStyles.urlLineLong,{width:"85%"}]}/>
+          <react_native_1.View style={[skeletonStyles.urlLineLong,{width:"70%",marginTop:8}]}/>
+          <react_native_1.View style={[skeletonStyles.urlLineLong,{width:"92%",marginTop:8}]}/>
+          <react_native_1.View style={[skeletonStyles.urlLineLong,{width:"60%",marginTop:8}]}/>
+          <react_native_1.View style={[skeletonStyles.urlLineLong,{width:"78%",marginTop:8}]}/>
+        </react_native_1.Animated.View>
+      </react_native_1.View>:t==="media"?<react_native_1.View style={skeletonStyles.container}accessible={!0}accessibilityRole="progressbar"accessibilityLabel="Loading media gallery, please wait"accessibilityLiveRegion="polite">
+        <react_native_1.View style={skeletonStyles.mediaGrid}>
+          {Array.from({length:6}).map((a,l)=><react_native_1.Animated.View key={`skeleton_media_${l}`}style={[skeletonStyles.mediaTile,{opacity:e}]}/>)}
+        </react_native_1.View>
+      </react_native_1.View>:t==="perf"?<react_native_1.View style={skeletonStyles.container}accessible={!0}accessibilityRole="progressbar"accessibilityLabel="Loading performance diagnostics, please wait"accessibilityLiveRegion="polite">
+        <react_native_1.Animated.View style={[skeletonStyles.heroCard,{opacity:e}]}>
+          <react_native_1.View style={skeletonStyles.cardTopRow}>
+            <react_native_1.View style={skeletonStyles.timeSkeleton}/>
+            <react_native_1.View style={skeletonStyles.statusBadgeSkeleton}/>
+          </react_native_1.View>
+          <react_native_1.View style={[skeletonStyles.urlLineLong,{height:32,marginTop:12}]}/>
+        </react_native_1.Animated.View>
+        <react_native_1.Animated.View style={[skeletonStyles.cardSkeleton,{opacity:e}]}>
+          <react_native_1.View style={[skeletonStyles.urlLineLong,{width:"40%"}]}/>
+          <react_native_1.View style={[skeletonStyles.urlLineShort,{marginTop:10}]}/>
+          <react_native_1.View style={[skeletonStyles.urlLineLong,{marginTop:8}]}/>
+        </react_native_1.Animated.View>
+      </react_native_1.View>:<react_native_1.View style={skeletonStyles.container}accessible={!0}accessibilityRole="progressbar"accessibilityLabel={`Loading ${t} data, please wait`}accessibilityLiveRegion="polite">
       
       <react_native_1.View style={skeletonStyles.toolbarSkeleton}>
         <react_native_1.Animated.View style={[skeletonStyles.searchBarSkeleton,{opacity:e}]}/>
@@ -17,7 +48,7 @@
       </react_native_1.View>
 
       
-      {Array.from({length:t}).map((o,r)=><react_native_1.Animated.View key={`skeleton_card_${r}`}style={[skeletonStyles.cardSkeleton,{opacity:e}]}>
+      {Array.from({length:i}).map((a,l)=><react_native_1.Animated.View key={`skeleton_card_${l}`}style={[skeletonStyles.cardSkeleton,{opacity:e}]}>
           
           <react_native_1.View style={skeletonStyles.cardTopRow}>
             <react_native_1.View style={skeletonStyles.badgeGroup}>
@@ -37,4 +68,4 @@
             <react_native_1.View style={skeletonStyles.metaPillSkeleton}/>
           </react_native_1.View>
         </react_native_1.Animated.View>)}
-    </react_native_1.View>});const 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.slate200},methodBadgeSkeleton:{width:44,height:18,borderRadius:4,backgroundColor:AppColors_1.AppColors.slate200},timeSkeleton:{width:48,height:12,borderRadius:4,backgroundColor:AppColors_1.AppColors.slate200},urlLineLong:{height:13,borderRadius:4,backgroundColor:AppColors_1.AppColors.slate200,marginBottom:5,width:"90%"},urlLineShort:{height:11,borderRadius:4,backgroundColor:AppColors_1.AppColors.slate200,marginBottom:8,width:"55%"},cardBottomRow:{flexDirection:"row",gap:8,marginTop:2},metaPillSkeleton:{width:52,height:14,borderRadius:4,backgroundColor:AppColors_1.AppColors.slate200}});exports.default=exports.SkeletonPlaceholder;
+    </react_native_1.View>});const 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.slate200},methodBadgeSkeleton:{width:44,height:18,borderRadius:4,backgroundColor:AppColors_1.AppColors.slate200},timeSkeleton:{width:48,height:12,borderRadius:4,backgroundColor:AppColors_1.AppColors.slate200},urlLineLong:{height:13,borderRadius:4,backgroundColor:AppColors_1.AppColors.slate200,marginBottom:5,width:"90%"},urlLineShort:{height:11,borderRadius:4,backgroundColor:AppColors_1.AppColors.slate200,marginBottom:8,width:"55%"},cardBottomRow:{flexDirection:"row",gap:8,marginTop:2},metaPillSkeleton:{width:52,height:14,borderRadius:4,backgroundColor:AppColors_1.AppColors.slate200},heroCard:{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:12,padding:16,marginBottom:12,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor},detailHeader:{height:48,borderRadius:8,backgroundColor:AppColors_1.AppColors.graySurface,marginBottom:12},detailCodeCard:{flex:1,backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:10,padding:14,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor},mediaGrid:{flexDirection:"row",flexWrap:"wrap",gap:8},mediaTile:{width:"31%",aspectRatio:1,borderRadius:8,backgroundColor:AppColors_1.AppColors.graySurface,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor}});exports.default=exports.SkeletonPlaceholder;