react-native-inapp-inspector 2.5.2 → 2.5.4

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

@@ -1,172 +1,177 @@
-import oe,{useState as M,useMemo as q}from"react";import{Modal as Ce,View as C,Text as B,TextInput as Se,ScrollView as J,StyleSheet as v,TouchableWithoutFeedback as Y,Platform as O,Dimensions as Te,DevSettings as G}from"react-native";import E from"react-native-linear-gradient";import V from"../TouchableScale";import{AppColors as e}from"../../styles/AppColors";import{AppFonts as x}from"../../styles/AppFonts";import{GlobeIcon as Be,CheckIcon as Re,CloseWhite as U,SearchIcon as Ie,ResetIcon as Ve}from"../NetworkIcons";import{useTranslation as Le,SUPPORTED_LANGUAGES as Q,setLanguage as Fe,getLanguage as Ae}from"../../i18n";import{loadSettings as Pe,saveSettings as We}from"../../helpers/settingsStore";import{triggerNativeHaptic as N}from"../../native/NativeInspector";import{showToast as Ne}from"../../helpers/toast";export const COUNTRY_OPTIONS=[{id:"all",name:"All",flag:"\u{1F310}",badge:"25"},{id:"in",name:"India",flag:"\u{1F1EE}\u{1F1F3}",badge:"9",langCodes:["hi","ta","te","kn","ml","bn","mr","gu","pa"]},{id:"us",name:"United States",flag:"\u{1F1FA}\u{1F1F8}",badge:"2",langCodes:["en","es"]},{id:"gb",name:"United Kingdom",flag:"\u{1F1EC}\u{1F1E7}",badge:"1",langCodes:["en"]},{id:"de",name:"Germany",flag:"\u{1F1E9}\u{1F1EA}",badge:"1",langCodes:["de"]},{id:"jp",name:"Japan",flag:"\u{1F1EF}\u{1F1F5}",badge:"1",langCodes:["ja"]},{id:"ca",name:"Canada",flag:"\u{1F1E8}\u{1F1E6}",badge:"2",langCodes:["en","fr"]},{id:"global",name:"Global / Europe & Asia",flag:"\u{1F30D}",badge:"11",langCodes:["it","id","tr","vi","nl","pl","pt","ru","ar","zh","ko"]}];const _={en:"English (Default)",es:"Spanish",fr:"French",de:"German",zh:"Chinese (Simplified)",ja:"Japanese",ko:"Korean",pt:"Portuguese",ru:"Russian",hi:"Hindi",ta:"Tamil",te:"Telugu",kn:"Kannada",ml:"Malayalam",bn:"Bengali",mr:"Marathi",gu:"Gujarati",pa:"Punjabi",ar:"Arabic",it:"Italian",id:"Indonesian",tr:"Turkish",vi:"Vietnamese",nl:"Dutch",pl:"Polish"};export const LanguageSelectorModal=oe.memo(({visible:X,onClose:P})=>{const{t:k}=Le(),[L,j]=M(""),[F,Z]=M("all"),[R,D]=M(null),W=Ae(),A=e.primaryLight!==e.white,$=q(()=>COUNTRY_OPTIONS.find(o=>o.id===F)||COUNTRY_OPTIONS[0],[F]),K=q(()=>Q.filter(o=>{if(F!=="all"&&$?.langCodes&&!$.langCodes.includes(o.code))return!1;if(!L.trim())return!0;const T=L.trim().toLowerCase(),I=_[o.code]?.toLowerCase()||"";return o.name.toLowerCase().includes(T)||o.nativeName.toLowerCase().includes(T)||o.code.toLowerCase().includes(T)||I.includes(T)}),[L,F,$]),ee=(o,T,I)=>{o!==W&&(N("light"),D({code:o,flag:T,nativeName:I}))},te=async()=>{if(!R)return;N("medium"),Fe(R.code);try{const I=await Pe();await We({...I,language:R.code})}catch{}const{flag:o,nativeName:T}=R;D(null),P(),j(""),Ne(`\u{1F504} ${o} ${T}`),__DEV__&&G&&G.reload&&G.reload()},H=()=>{N("light"),D(null)};return<Ce visible={X}transparent={!0}animationType="slide"statusBarTranslucent={!0}onRequestClose={P}>
+import ie,{useState as G,useMemo as J}from"react";import{Modal as Ce,View as C,Text as R,TextInput as Se,ScrollView as Y,StyleSheet as V,TouchableWithoutFeedback as Q,Platform as E,Dimensions as Te,DevSettings as U}from"react-native";import X from"react-native-linear-gradient";import L from"../TouchableScale";import{AppColors as e}from"../../styles/AppColors";import{AppFonts as x}from"../../styles/AppFonts";import{GlobeIcon as Be,CheckIcon as Re,CloseWhite as _,SearchIcon as Ie,ResetIcon as Ve,ArrowForwardIcon as Le}from"../NetworkIcons";import A from"../CountryFlag";import{useTranslation as Fe,SUPPORTED_LANGUAGES as Pe,setLanguage as We,getLanguage as Ae}from"../../i18n";import{loadSettings as Ne,saveSettings as De}from"../../helpers/settingsStore";import{triggerNativeHaptic as j}from"../../native/NativeInspector";import{showToast as je}from"../../helpers/toast";export const COUNTRY_OPTIONS=[{id:"all",name:"All",flag:"\u{1F310}",badge:"25"},{id:"in",name:"India",flag:"\u{1F1EE}\u{1F1F3}",badge:"9",langCodes:["hi","ta","te","kn","ml","bn","mr","gu","pa"]},{id:"us",name:"United States",flag:"\u{1F1FA}\u{1F1F8}",badge:"2",langCodes:["en","es"]},{id:"gb",name:"United Kingdom",flag:"\u{1F1EC}\u{1F1E7}",badge:"1",langCodes:["en"]},{id:"de",name:"Germany",flag:"\u{1F1E9}\u{1F1EA}",badge:"1",langCodes:["de"]},{id:"jp",name:"Japan",flag:"\u{1F1EF}\u{1F1F5}",badge:"1",langCodes:["ja"]},{id:"ca",name:"Canada",flag:"\u{1F1E8}\u{1F1E6}",badge:"2",langCodes:["en","fr"]},{id:"global",name:"Global / Europe & Asia",flag:"\u{1F30D}",badge:"11",langCodes:["it","id","tr","vi","nl","pl","pt","ru","ar","zh","ko"]}];const K={en:"English (Default)",es:"Spanish",fr:"French",de:"German",zh:"Chinese (Simplified)",ja:"Japanese",ko:"Korean",pt:"Portuguese",ru:"Russian",hi:"Hindi",ta:"Tamil",te:"Telugu",kn:"Kannada",ml:"Malayalam",bn:"Bengali",mr:"Marathi",gu:"Gujarati",pa:"Punjabi",ar:"Arabic",it:"Italian",id:"Indonesian",tr:"Turkish",vi:"Vietnamese",nl:"Dutch",pl:"Polish"};export const LanguageSelectorModal=ie.memo(({visible:Z,onClose:N})=>{const{t:I}=Fe(),[F,$]=G(""),[P,ee]=G("all"),[z,H]=G(null),D=Ae(),W=e.primaryLight!==e.white,M=J(()=>COUNTRY_OPTIONS.find(S=>S.id===P)||COUNTRY_OPTIONS[0],[P]),q=J(()=>Pe.filter(S=>{if(P!=="all"&&M?.langCodes&&!M.langCodes.includes(S.code))return!1;if(!F.trim())return!0;const T=F.trim().toLowerCase(),v=K[S.code]?.toLowerCase()||"";return S.name.toLowerCase().includes(T)||S.nativeName.toLowerCase().includes(T)||S.code.toLowerCase().includes(T)||v.includes(T)}),[F,P,M]),te=(S,T,v)=>{S!==D&&(j("light"),H({code:S,flag:T,nativeName:v}))},oe=async()=>{if(!z)return;j("medium"),We(z.code);try{const v=await Ne();await De({...v,language:z.code})}catch{}const{flag:S,nativeName:T}=z;H(null),N(),$(""),je(`\u{1F504} ${S} ${T}`),__DEV__&&U&&U.reload&&U.reload()},O=()=>{j("light"),H(null)};return<Ce visible={Z}transparent={!0}animationType="slide"statusBarTranslucent={!0}onRequestClose={N}>
       <C style={t.overlay}>
         
-        <Y onPress={P}accessible={!0}accessibilityRole="button"accessibilityLabel="Close bottom sheet">
+        <Q onPress={N}accessible={!0}accessibilityRole="button"accessibilityLabel="Close bottom sheet">
           <C style={t.backdrop}/>
-        </Y>
+        </Q>
 
         
-        <C style={[t.bottomSheet,{backgroundColor:A?e.npmDark:e.white}]}>
+        <C style={[t.bottomSheet,{backgroundColor:W?e.npmDark:e.white}]}>
           
           <C style={t.handleBarWrap}>
-            <C style={[t.handleBar,{backgroundColor:A?"rgba(255,255,255,0.25)":"rgba(0,0,0,0.18)"}]}/>
+            <C style={[t.handleBar,{backgroundColor:W?"rgba(255,255,255,0.25)":"rgba(0,0,0,0.18)"}]}/>
           </C>
 
           
           <C style={t.header}>
             <C style={t.headerTitleRow}>
-              <E colors={[e.indigo600,e.violet600]}start={{x:0,y:0}}end={{x:1,y:1}}style={t.globeIconWrap}>
+              <X colors={[e.indigo600,e.violet600]}start={{x:0,y:0}}end={{x:1,y:1}}style={t.globeIconWrap}>
                 <Be size={17}color={e.white}/>
-              </E>
+              </X>
               <C>
                 <C style={t.titleRow}>
-                  <B style={t.titleText}>
-                    {k("settings.general.selectLanguage","Select Language")}
-                  </B>
+                  <R style={t.titleText}>
+                    {I("settings.general.selectLanguage","Select Language")}
+                  </R>
                   <C style={t.countBadge}>
-                    <B style={t.countBadgeText}>25</B>
+                    <R style={t.countBadgeText}>25</R>
                   </C>
                 </C>
-                <B style={t.subTitleText}>
-                  {k("settings.general.languageDescription","Choose preferred display language")}
-                </B>
+                <R style={t.subTitleText}>
+                  {I("settings.general.languageDescription","Choose preferred display language")}
+                </R>
               </C>
             </C>
-            <V onPress={P}hitSlop={12}accessible={!0}accessibilityRole="button"accessibilityLabel="Close language selector"style={[t.closeBtn,{backgroundColor:A?"rgba(255, 255, 255, 0.16)":"rgba(0, 0, 0, 0.08)",borderColor:A?"rgba(255, 255, 255, 0.30)":"rgba(0, 0, 0, 0.18)"}]}>
-              <U size={14}color={A?e.white:"#0F172A"}/>
-            </V>
+            <L onPress={N}hitSlop={12}accessible={!0}accessibilityRole="button"accessibilityLabel="Close language selector"style={[t.closeBtn,{backgroundColor:W?e.overlayWhite16:e.overlayBlack08,borderColor:W?e.overlayWhite30:e.overlayBlack18}]}>
+              <_ size={14}color={W?e.white:e.slate900}/>
+            </L>
           </C>
 
           
           <C style={t.searchContainer}>
             <Ie color={e.grayTextWeak}size={15}/>
-            <Se value={L}onChangeText={j}placeholder={k("common.search","Search language, country or code...")}placeholderTextColor={e.grayTextWeak}style={t.searchInput}autoCapitalize="none"autoCorrect={!1}clearButtonMode="never"/>
-            {L.length>0&&<V onPress={()=>j("")}hitSlop={8}style={t.searchClearBtn}>
-                <U size={11}color={e.grayText}/>
-              </V>}
+            <Se value={F}onChangeText={$}placeholder={I("common.search","Search language, country or code...")}placeholderTextColor={e.grayTextWeak}style={t.searchInput}autoCapitalize="none"autoCorrect={!1}clearButtonMode="never"/>
+            {F.length>0&&<L onPress={()=>$("")}hitSlop={8}style={t.searchClearBtn}>
+                <_ size={11}color={e.grayText}/>
+              </L>}
           </C>
 
           
           <C style={t.countryScrollWrap}>
-            <J horizontal showsHorizontalScrollIndicator={!1}contentContainerStyle={t.countryScrollContent}>
-              {COUNTRY_OPTIONS.map(o=>{const T=o.id===F;return<V key={o.id}onPress={()=>{N("light"),Z(o.id)}}style={[t.countryChip,T&&t.countryChipActive]}>
-                    <B style={t.countryChipFlag}>{o.flag}</B>
-                    <B style={[t.countryChipText,T&&t.countryChipTextActive]}>
-                      {o.name}
-                    </B>
-                    {o.badge&&<C style={[t.countryChipBadge,T&&t.countryChipBadgeActive]}>
-                        <B style={[t.countryChipBadgeText,T&&t.countryChipBadgeTextActive]}>
-                          {o.badge}
-                        </B>
+            <Y horizontal showsHorizontalScrollIndicator={!1}contentContainerStyle={t.countryScrollContent}>
+              {COUNTRY_OPTIONS.map(S=>{const T=S.id===P;return<L key={S.id}onPress={()=>{j("light"),ee(S.id)}}style={[t.countryChip,T&&t.countryChipActive]}>
+                    <A code={S.id}size={15}style={{marginRight:6}}/>
+                    <R style={[t.countryChipText,T&&t.countryChipTextActive]}>
+                      {S.name}
+                    </R>
+                    {S.badge&&<C style={[t.countryChipBadge,T&&t.countryChipBadgeActive]}>
+                        <R style={[t.countryChipBadgeText,T&&t.countryChipBadgeTextActive]}>
+                          {S.badge}
+                        </R>
                       </C>}
-                  </V>})}
-            </J>
+                  </L>})}
+            </Y>
           </C>
 
           
-          <J style={t.scrollList}contentContainerStyle={t.scrollContent}showsVerticalScrollIndicator={!0}keyboardShouldPersistTaps="handled">
-            {K.length===0?<C style={t.emptyStateWrap}>
-                <B style={t.emptyStateText}>
-                  {k("common.noMatches","No languages match your search")}
-                </B>
-              </C>:K.map(o=>{const T=o.code===W,I=_[o.code]||o.name;return<V key={o.code}onPress={()=>ee(o.code,o.flag,o.nativeName)}style={[t.langRow,T&&t.langRowSelected]}>
+          <Y style={t.scrollList}contentContainerStyle={t.scrollContent}showsVerticalScrollIndicator={!0}keyboardShouldPersistTaps="handled">
+            {q.length===0?<C style={t.emptyStateWrap}>
+                <R style={t.emptyStateText}>
+                  {I("common.noMatches","No languages match your search")}
+                </R>
+              </C>:q.map(S=>{const T=S.code===D,v=K[S.code]||S.name;return<L key={S.code}onPress={()=>te(S.code,S.flag,S.nativeName)}style={[t.langRow,T&&t.langRowSelected]}>
                     
                     {T&&<C style={t.activeAccentBar}/>}
 
                     <C style={t.langRowLeft}>
                       <C style={[t.flagContainer,T&&t.flagContainerSelected]}>
-                        <B style={t.langFlag}>{o.flag}</B>
+                        <A code={S.code}size={20}/>
                       </C>
                       <C style={t.langTextCol}>
                         <C style={t.langTitleRow}>
-                          <B style={[t.langNativeName,T&&t.langNativeNameSelected]}>
-                            {o.nativeName}
-                          </B>
+                          <R style={[t.langNativeName,T&&t.langNativeNameSelected]}>
+                            {S.nativeName}
+                          </R>
                           <C style={[t.codePill,T&&t.codePillSelected]}>
-                            <B style={[t.codePillText,T&&t.codePillTextSelected]}>
-                              {o.code.toUpperCase()}
-                            </B>
+                            <R style={[t.codePillText,T&&t.codePillTextSelected]}>
+                              {S.code.toUpperCase()}
+                            </R>
                           </C>
                         </C>
-                        <B style={[t.langEnglishName,T&&t.langEnglishNameSelected]}>
-                          {I}
-                        </B>
+                        <R style={[t.langEnglishName,T&&t.langEnglishNameSelected]}>
+                          {v}
+                        </R>
                       </C>
                     </C>
 
-                    {T?<E colors={[e.indigo600,e.violet600]}start={{x:0,y:0}}end={{x:1,y:1}}style={t.checkIconWrap}>
-                        <Re size={12}color={e.white}/>
-                      </E>:<C style={t.uncheckPlaceholder}/>}
-                  </V>})}
-          </J>
+                    {T?<C style={t.checkIconWrap}>
+                        <Re size={14}color={e.white}/>
+                      </C>:<C style={t.uncheckPlaceholder}/>}
+                  </L>})}
+          </Y>
         </C>
 
         
-        {R!=null&&<C style={[v.absoluteFill,S.overlay]}>
-            <Y onPress={H}>
-              <C style={S.backdrop}/>
-            </Y>
-            <C style={S.card}>
+        {z!=null&&<C style={[V.absoluteFill,B.overlay]}>
+            <Q onPress={O}>
+              <C style={B.backdrop}/>
+            </Q>
+            <C style={B.card}>
               
-              <V onPress={H}hitSlop={8}style={S.cornerCloseBtn}>
-                <U size={11}color={e.grayTextWeak}/>
-              </V>
+              <L onPress={O}hitSlop={8}style={B.cornerCloseBtn}>
+                <_ size={11}color={e.grayTextWeak}/>
+              </L>
 
               
-              <C style={S.iconBadge}>
-                <B style={S.iconFlag}>{R.flag}</B>
+              <C style={B.iconBadge}>
+                <A code={z.code}size={28}/>
               </C>
 
               
-              <B style={S.title}>
-                {k("language.confirmTitle","Change Language?")}
-              </B>
-              <B style={S.message}>
-                {k("language.confirmMessage",`Switch to ${R.nativeName} (${_[R.code]||R.nativeName})? The inspector will reload to apply the new language.`)}
-              </B>
+              <R style={B.title}>
+                {I("language.confirmTitle","Change Language?")}
+              </R>
+              <R style={B.message}>
+                {I("language.confirmMessage",`Switch to ${z.nativeName} (${K[z.code]||z.nativeName})? The inspector will reload to apply the new language.`)}
+              </R>
 
               
-              <C style={S.switchPreview}>
-                <C style={S.switchItem}>
-                  <B style={S.switchLabel}>
-                    {k("language.current","Current")}
-                  </B>
-                  <B style={S.switchValue}>
-                    {Q.find(o=>o.code===W)?.flag||"\u{1F310}"}{" "}
-                    {W.toUpperCase()}
-                  </B>
+              <C style={B.switchPreview}>
+                <C style={B.switchItem}>
+                  <R style={B.switchLabel}>
+                    {I("language.current","Current")}
+                  </R>
+                  <C style={{flexDirection:"row",alignItems:"center",gap:6}}>
+                    <A code={D}size={16}/>
+                    <R style={B.switchValue}>
+                      {D.toUpperCase()}
+                    </R>
+                  </C>
                 </C>
-                <C style={S.switchArrow}>
-                  <B style={S.switchArrowText}>→</B>
+                <C style={B.switchArrow}>
+                  <Le size={14}color={e.indigo600}/>
                 </C>
-                <C style={S.switchItem}>
-                  <B style={[S.switchLabel,{color:e.indigo600}]}>
-                    {k("language.new","New")}
-                  </B>
-                  <B style={[S.switchValue,{color:e.indigo600,fontFamily:x.interBold}]}>
-                    {R.flag} {R.code.toUpperCase()}
-                  </B>
+                <C style={B.switchItem}>
+                  <R style={[B.switchLabel,{color:e.indigo600}]}>
+                    {I("language.new","New")}
+                  </R>
+                  <C style={{flexDirection:"row",alignItems:"center",gap:6}}>
+                    <A code={z.code}size={16}/>
+                    <R style={[B.switchValue,{color:e.indigo600,fontFamily:x.interBold}]}>
+                      {z.code.toUpperCase()}
+                    </R>
+                  </C>
                 </C>
               </C>
 
               
-              <C style={S.buttonRow}>
-                <V accessible={!0}accessibilityRole="button"accessibilityLabel={k("common.cancel","Cancel")}onPress={H}style={S.cancelBtn}>
-                  <B style={S.cancelBtnText}>
-                    {k("common.cancel","Cancel")}
-                  </B>
-                </V>
+              <C style={B.buttonRow}>
+                <L accessible={!0}accessibilityRole="button"accessibilityLabel={I("common.cancel","Cancel")}onPress={O}style={B.cancelBtn}>
+                  <R style={B.cancelBtnText}>
+                    {I("common.cancel","Cancel")}
+                  </R>
+                </L>
 
-                <V accessible={!0}accessibilityRole="button"accessibilityLabel={k("language.confirmApply","Apply & Reload")}onPress={te}style={S.confirmBtn}>
-                  <E colors={[e.indigo600,e.violet600]}start={{x:0,y:0}}end={{x:1,y:1}}style={S.confirmBtnGradient}>
+                <L accessible={!0}accessibilityRole="button"accessibilityLabel={I("language.confirmApply","Apply & Reload")}onPress={oe}style={B.confirmBtn}>
+                  <X colors={[e.indigo600,e.violet600]}start={{x:0,y:0}}end={{x:1,y:1}}style={B.confirmBtnGradient}>
                     <Ve size={13}color={e.white}/>
-                    <B style={S.confirmBtnText}>
-                      {k("language.confirmApply","Apply & Reload")}
-                    </B>
-                  </E>
-                </V>
+                    <R style={B.confirmBtnText}>
+                      {I("language.confirmApply","Apply & Reload")}
+                    </R>
+                  </X>
+                </L>
               </C>
             </C>
           </C>}
       </C>
-    </Ce>});const t=v.create({overlay:{flex:1,backgroundColor:"rgba(10, 15, 30, 0.60)",justifyContent:"flex-end"},backdrop:{...v.absoluteFillObject},bottomSheet:{width:"100%",height:Math.min(Math.max(Te.get("window").height*.74,520),620),borderTopLeftRadius:26,borderTopRightRadius:26,paddingTop:8,paddingBottom:O.OS==="ios"?28:16,shadowColor:e.black,shadowOpacity:.28,shadowRadius:20,shadowOffset:{width:0,height:-6},elevation:16},handleBarWrap:{alignItems:"center",paddingVertical:5},handleBar:{width:36,height:4,borderRadius:2},header:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:16,paddingVertical:10,borderBottomWidth:v.hairlineWidth,borderBottomColor:e.grayBorderSecondary},headerTitleRow:{flexDirection:"row",alignItems:"center",gap:10},globeIconWrap:{width:34,height:34,borderRadius:10,alignItems:"center",justifyContent:"center",shadowColor:e.indigo600,shadowOffset:{width:0,height:2},shadowOpacity:.25,shadowRadius:4,elevation:3},titleRow:{flexDirection:"row",alignItems:"center",gap:6},titleText:{fontFamily:x.interBold,fontSize:15.5,color:e.primaryBlack,letterSpacing:-.2},countBadge:{backgroundColor:`${e.indigo600}18`,paddingHorizontal:6,paddingVertical:1,borderRadius:10},countBadgeText:{fontFamily:x.interBold,fontSize:10,color:e.indigo600},subTitleText:{fontFamily:x.interRegular,fontSize:11,color:e.grayText,marginTop:1},closeBtn:{width:30,height:30,borderRadius:15,backgroundColor:`${e.black}0D`,borderWidth:1,borderColor:`${e.black}1A`,alignItems:"center",justifyContent:"center"},searchContainer:{flexDirection:"row",alignItems:"center",marginHorizontal:14,marginTop:10,marginBottom:6,paddingHorizontal:10,height:40,borderRadius:12,backgroundColor:e.grayBackground,borderWidth:1,borderColor:e.grayBorderSecondary,gap:8},searchInput:{flex:1,height:"100%",fontSize:12.5,fontFamily:x.interMedium,color:e.primaryBlack,paddingVertical:0},searchClearBtn:{width:20,height:20,borderRadius:10,backgroundColor:`${e.grayText}22`,alignItems:"center",justifyContent:"center"},countryScrollWrap:{borderBottomWidth:v.hairlineWidth,borderBottomColor:e.grayBorderSecondary,paddingVertical:7},countryScrollContent:{paddingHorizontal:14,gap:6,flexDirection:"row",alignItems:"center"},countryChip:{flexDirection:"row",alignItems:"center",paddingHorizontal:10,paddingVertical:6,borderRadius:20,backgroundColor:e.grayBackground,borderWidth:1,borderColor:e.grayBorderSecondary,gap:5},countryChipActive:{backgroundColor:`${e.brandPurple}14`,borderColor:`${e.brandPurple}55`},countryChipFlag:{fontSize:13},countryChipText:{fontFamily:x.interMedium,fontSize:11.5,color:e.primaryBlack},countryChipTextActive:{fontFamily:x.interBold,color:e.brandPurple},countryChipBadge:{paddingHorizontal:5.5,paddingVertical:1,borderRadius:8,backgroundColor:`${e.black}0A`},countryChipBadgeActive:{backgroundColor:`${e.brandPurple}22`},countryChipBadgeText:{fontFamily:x.interSemiBold,fontSize:9.5,color:e.grayText},countryChipBadgeTextActive:{color:e.brandPurple,fontFamily:x.interBold},scrollList:{flex:1},scrollContent:{paddingBottom:16},emptyStateWrap:{padding:36,alignItems:"center",justifyContent:"center"},emptyStateText:{fontFamily:x.interMedium,fontSize:13,color:e.grayText},langRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:16,paddingVertical:11,borderBottomWidth:v.hairlineWidth,borderBottomColor:e.grayBorderSecondary,position:"relative"},langRowSelected:{backgroundColor:`${e.indigo600}0C`},activeAccentBar:{position:"absolute",left:0,top:4,bottom:4,width:3.5,borderTopRightRadius:3,borderBottomRightRadius:3,backgroundColor:e.indigo600},langRowLeft:{flexDirection:"row",alignItems:"center",gap:12,flex:1},flagContainer:{width:36,height:36,borderRadius:10,backgroundColor:e.grayBackground,alignItems:"center",justifyContent:"center",borderWidth:1,borderColor:e.grayBorderSecondary},flagContainerSelected:{borderColor:`${e.indigo600}44`,backgroundColor:`${e.indigo600}14`},langFlag:{fontSize:19},langTextCol:{flex:1},langTitleRow:{flexDirection:"row",alignItems:"center",gap:6},langNativeName:{fontFamily:x.interSemiBold,fontSize:14,color:e.primaryBlack},langNativeNameSelected:{fontFamily:x.interBold,color:e.indigo600},codePill:{backgroundColor:`${e.black}0A`,paddingHorizontal:5,paddingVertical:1,borderRadius:4},codePillSelected:{backgroundColor:`${e.indigo600}18`},codePillText:{fontSize:9.5,fontFamily:x.interBold,color:e.grayText,letterSpacing:.4},codePillTextSelected:{color:e.indigo600},langEnglishName:{fontFamily:x.interRegular,fontSize:11.5,color:e.grayText,marginTop:1.5},langEnglishNameSelected:{color:e.indigo600,fontFamily:x.interMedium},checkIconWrap:{width:24,height:24,borderRadius:12,alignItems:"center",justifyContent:"center",shadowColor:e.indigo600,shadowOffset:{width:0,height:2},shadowOpacity:.35,shadowRadius:3,elevation:3},uncheckPlaceholder:{width:24,height:24}}),S=v.create({overlay:{flex:1,backgroundColor:"rgba(10, 15, 30, 0.72)",justifyContent:"center",alignItems:"center",paddingHorizontal:24,zIndex:999999,elevation:999},backdrop:{...v.absoluteFillObject},card:{width:"100%",maxWidth:340,backgroundColor:e.white,borderRadius:22,paddingTop:24,paddingBottom:18,paddingHorizontal:20,alignItems:"center",borderWidth:1,borderColor:`${e.white}CC`,...O.select({ios:{shadowColor:e.indigo600,shadowOffset:{width:0,height:12},shadowOpacity:.28,shadowRadius:24},android:{elevation:12}})},cornerCloseBtn:{position:"absolute",top:14,right:14,width:28,height:28,borderRadius:14,backgroundColor:e.graySurface,alignItems:"center",justifyContent:"center"},iconBadge:{width:58,height:58,borderRadius:29,borderWidth:1.5,borderColor:`${e.indigo600}33`,backgroundColor:`${e.indigo600}14`,alignItems:"center",justifyContent:"center",marginBottom:14},iconFlag:{fontSize:28},title:{fontFamily:x.interBold,fontSize:17,color:e.slate900,textAlign:"center",marginBottom:8,letterSpacing:-.2},message:{fontFamily:x.interRegular,fontSize:13,color:e.grayTextWeak,textAlign:"center",lineHeight:19,paddingHorizontal:4,marginBottom:16},switchPreview:{flexDirection:"row",alignItems:"center",justifyContent:"center",gap:10,marginBottom:20,paddingVertical:10,paddingHorizontal:16,borderRadius:12,backgroundColor:e.grayBackground,borderWidth:1,borderColor:e.grayBorderSecondary,width:"100%"},switchItem:{alignItems:"center",gap:3,flex:1},switchLabel:{fontFamily:x.interMedium,fontSize:10,color:e.grayText,textTransform:"uppercase",letterSpacing:.5},switchValue:{fontFamily:x.interSemiBold,fontSize:14,color:e.primaryBlack},switchArrow:{width:24,height:24,borderRadius:12,backgroundColor:`${e.indigo600}18`,alignItems:"center",justifyContent:"center"},switchArrowText:{fontFamily:x.interBold,fontSize:14,color:e.indigo600},buttonRow:{flexDirection:"row",alignItems:"center",gap:10,width:"100%"},cancelBtn:{flex:1,height:44,borderRadius:12,backgroundColor:e.graySurface,borderWidth:1,borderColor:e.grayBorderSecondary,alignItems:"center",justifyContent:"center"},cancelBtnText:{fontFamily:x.interSemiBold,fontSize:14,color:e.grayText},confirmBtn:{flex:1.15,height:44,borderRadius:12,overflow:"hidden",...O.select({ios:{shadowColor:e.indigo600,shadowOffset:{width:0,height:4},shadowOpacity:.35,shadowRadius:8},android:{elevation:4}})},confirmBtnGradient:{flex:1,flexDirection:"row",alignItems:"center",justifyContent:"center",gap:6,borderRadius:12},confirmBtnText:{fontFamily:x.interBold,fontSize:13.5,color:e.white,letterSpacing:.2}});export default LanguageSelectorModal;
+    </Ce>});const t=V.create({overlay:{flex:1,backgroundColor:"rgba(10, 15, 30, 0.60)",justifyContent:"flex-end"},backdrop:{...V.absoluteFillObject},bottomSheet:{width:"100%",height:Math.min(Math.max(Te.get("window").height*.74,520),620),borderTopLeftRadius:26,borderTopRightRadius:26,paddingTop:8,paddingBottom:E.OS==="ios"?28:16,shadowColor:e.black,shadowOpacity:.28,shadowRadius:20,shadowOffset:{width:0,height:-6},elevation:16},handleBarWrap:{alignItems:"center",paddingVertical:5},handleBar:{width:36,height:4,borderRadius:2},header:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:16,paddingVertical:10,borderBottomWidth:V.hairlineWidth,borderBottomColor:e.grayBorderSecondary},headerTitleRow:{flexDirection:"row",alignItems:"center",gap:10},globeIconWrap:{width:34,height:34,borderRadius:10,alignItems:"center",justifyContent:"center",shadowColor:e.indigo600,shadowOffset:{width:0,height:2},shadowOpacity:.25,shadowRadius:4,elevation:3},titleRow:{flexDirection:"row",alignItems:"center",gap:6},titleText:{fontFamily:x.interBold,fontSize:15.5,color:e.primaryBlack,letterSpacing:-.2},countBadge:{backgroundColor:`${e.indigo600}18`,paddingHorizontal:6,paddingVertical:1,borderRadius:10},countBadgeText:{fontFamily:x.interBold,fontSize:10,color:e.indigo600},subTitleText:{fontFamily:x.interRegular,fontSize:11,color:e.grayText,marginTop:1},closeBtn:{width:30,height:30,borderRadius:15,backgroundColor:`${e.black}0D`,borderWidth:1,borderColor:`${e.black}1A`,alignItems:"center",justifyContent:"center"},searchContainer:{flexDirection:"row",alignItems:"center",marginHorizontal:14,marginTop:10,marginBottom:6,paddingHorizontal:10,height:40,borderRadius:12,backgroundColor:e.grayBackground,borderWidth:1,borderColor:e.grayBorderSecondary,gap:8},searchInput:{flex:1,height:"100%",fontSize:12.5,fontFamily:x.interMedium,color:e.primaryBlack,paddingVertical:0},searchClearBtn:{width:20,height:20,borderRadius:10,backgroundColor:`${e.grayText}22`,alignItems:"center",justifyContent:"center"},countryScrollWrap:{borderBottomWidth:V.hairlineWidth,borderBottomColor:e.grayBorderSecondary,paddingVertical:7},countryScrollContent:{paddingHorizontal:14,gap:6,flexDirection:"row",alignItems:"center"},countryChip:{flexDirection:"row",alignItems:"center",paddingHorizontal:10,paddingVertical:6,borderRadius:20,backgroundColor:e.grayBackground,borderWidth:1,borderColor:e.grayBorderSecondary,gap:5},countryChipActive:{backgroundColor:`${e.brandPurple}14`,borderColor:`${e.brandPurple}55`},countryChipFlag:{fontSize:13},countryChipText:{fontFamily:x.interMedium,fontSize:11.5,color:e.primaryBlack},countryChipTextActive:{fontFamily:x.interBold,color:e.brandPurple},countryChipBadge:{paddingHorizontal:5.5,paddingVertical:1,borderRadius:8,backgroundColor:`${e.black}0A`},countryChipBadgeActive:{backgroundColor:`${e.brandPurple}22`},countryChipBadgeText:{fontFamily:x.interSemiBold,fontSize:9.5,color:e.grayText},countryChipBadgeTextActive:{color:e.brandPurple,fontFamily:x.interBold},scrollList:{flex:1},scrollContent:{paddingBottom:16},emptyStateWrap:{padding:36,alignItems:"center",justifyContent:"center"},emptyStateText:{fontFamily:x.interMedium,fontSize:13,color:e.grayText},langRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:16,paddingVertical:11,borderBottomWidth:V.hairlineWidth,borderBottomColor:e.grayBorderSecondary,position:"relative"},langRowSelected:{backgroundColor:`${e.indigo600}0C`},activeAccentBar:{position:"absolute",left:0,top:4,bottom:4,width:3.5,borderTopRightRadius:3,borderBottomRightRadius:3,backgroundColor:e.indigo600},langRowLeft:{flexDirection:"row",alignItems:"center",gap:12,flex:1},flagContainer:{width:36,height:36,borderRadius:10,backgroundColor:e.grayBackground,alignItems:"center",justifyContent:"center",borderWidth:1,borderColor:e.grayBorderSecondary},flagContainerSelected:{borderColor:`${e.indigo600}44`,backgroundColor:`${e.indigo600}14`},langFlag:{fontSize:19},langTextCol:{flex:1},langTitleRow:{flexDirection:"row",alignItems:"center",gap:6},langNativeName:{fontFamily:x.interSemiBold,fontSize:14,color:e.primaryBlack},langNativeNameSelected:{fontFamily:x.interBold,color:e.indigo600},codePill:{backgroundColor:`${e.black}0A`,paddingHorizontal:5,paddingVertical:1,borderRadius:4},codePillSelected:{backgroundColor:`${e.indigo600}18`},codePillText:{fontSize:9.5,fontFamily:x.interBold,color:e.grayText,letterSpacing:.4},codePillTextSelected:{color:e.indigo600},langEnglishName:{fontFamily:x.interRegular,fontSize:11.5,color:e.grayText,marginTop:1.5},langEnglishNameSelected:{color:e.indigo600,fontFamily:x.interMedium},checkIconWrap:{width:24,height:24,borderRadius:12,alignItems:"center",justifyContent:"center",shadowColor:e.indigo600,shadowOffset:{width:0,height:2},shadowOpacity:.35,shadowRadius:3,elevation:3},uncheckPlaceholder:{width:24,height:24}}),B=V.create({overlay:{flex:1,backgroundColor:"rgba(10, 15, 30, 0.72)",justifyContent:"center",alignItems:"center",paddingHorizontal:24,zIndex:999999,elevation:999},backdrop:{...V.absoluteFillObject},card:{width:"100%",maxWidth:340,backgroundColor:e.white,borderRadius:22,paddingTop:24,paddingBottom:18,paddingHorizontal:20,alignItems:"center",borderWidth:1,borderColor:`${e.white}CC`,...E.select({ios:{shadowColor:e.indigo600,shadowOffset:{width:0,height:12},shadowOpacity:.28,shadowRadius:24},android:{elevation:12}})},cornerCloseBtn:{position:"absolute",top:14,right:14,width:28,height:28,borderRadius:14,backgroundColor:e.graySurface,alignItems:"center",justifyContent:"center"},iconBadge:{width:58,height:58,borderRadius:29,borderWidth:1.5,borderColor:`${e.indigo600}33`,backgroundColor:`${e.indigo600}14`,alignItems:"center",justifyContent:"center",marginBottom:14},iconFlag:{fontSize:28},title:{fontFamily:x.interBold,fontSize:17,color:e.slate900,textAlign:"center",marginBottom:8,letterSpacing:-.2},message:{fontFamily:x.interRegular,fontSize:13,color:e.grayTextWeak,textAlign:"center",lineHeight:19,paddingHorizontal:4,marginBottom:16},switchPreview:{flexDirection:"row",alignItems:"center",justifyContent:"center",gap:10,marginBottom:20,paddingVertical:10,paddingHorizontal:16,borderRadius:12,backgroundColor:e.grayBackground,borderWidth:1,borderColor:e.grayBorderSecondary,width:"100%"},switchItem:{alignItems:"center",gap:3,flex:1},switchLabel:{fontFamily:x.interMedium,fontSize:10,color:e.grayText,textTransform:"uppercase",letterSpacing:.5},switchValue:{fontFamily:x.interSemiBold,fontSize:14,color:e.primaryBlack},switchArrow:{width:24,height:24,borderRadius:12,backgroundColor:`${e.indigo600}18`,alignItems:"center",justifyContent:"center"},switchArrowText:{fontFamily:x.interBold,fontSize:14,color:e.indigo600},buttonRow:{flexDirection:"row",alignItems:"center",gap:10,width:"100%"},cancelBtn:{flex:1,height:44,borderRadius:12,backgroundColor:e.graySurface,borderWidth:1,borderColor:e.grayBorderSecondary,alignItems:"center",justifyContent:"center"},cancelBtnText:{fontFamily:x.interSemiBold,fontSize:14,color:e.grayText},confirmBtn:{flex:1.15,height:44,borderRadius:12,overflow:"hidden",...E.select({ios:{shadowColor:e.indigo600,shadowOffset:{width:0,height:4},shadowOpacity:.35,shadowRadius:8},android:{elevation:4}})},confirmBtnGradient:{flex:1,flexDirection:"row",alignItems:"center",justifyContent:"center",gap:6,borderRadius:12},confirmBtnText:{fontFamily:x.interBold,fontSize:13.5,color:e.white,letterSpacing:.2}});export default LanguageSelectorModal;

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

@@ -1,18 +1,18 @@
-import se,{useEffect as P,useRef as L}from"react";import{Animated as o,Modal as Se,Platform as G,Pressable as Be,StatusBar as Ce,StyleSheet as N,View as B}from"react-native";import{useInspector as Ve}from"./InspectorContext";import Me from"../ErrorBoundary";import S from"../ModuleErrorBoundary";import Ne from"./FabLauncher";import Re from"./InspectorHeader";import{SecondaryTelemetryStrip as De}from"./SecondaryTelemetryStrip";import Te from"./TabBar";import Ee from"./NetworkTab";import Ae from"./NetworkDetail";import Pe from"./LogDetail";import Le from"./ConsoleTab";import Ie from"./AnalyticsTab";import Oe from"../AnalyticsDetail";import We from"./ReduxTab";import Fe from"./ReduxDetail";import Ge from"./CrashTab";import He from"./CrashDetail";import Ye from"./PushTab";import Ue from"./PushDetail";import _e from"./SocketTab";import $e from"./SocketDetail";import Je from"./DeviceInfoTab";import Ke from"./StorageTab";import Qe from"./DebuggingTab";import{MediaGalleryTab as Xe}from"./MediaGalleryTab";import Ze from"./SettingsPanel";import So from"./AboutModal";import{SupportPage as Bo}from"./SupportPage";import{ConfirmationModal as Co}from"./ConfirmationModal";import{FloatingCaptureWidget as Vo}from"./FloatingCaptureWidget";import Mo from"./NpmUpdateToast";import No from"./NpmStarPrompt";import Ro from"../Toast";import q from"../../styles";import{AppColors as C}from"../../styles/AppColors";import Do from"./NavigationTracker";import{isLocalDebugEnvironment as To}from"../../helpers";const xo=()=>{const{visible:I,modalAnimationType:V,closeModal:M,modalHeightPercent:O,selected:H,selectedEvent:W,selectedLog:Y,selectedReduxSlice:j,selectedReduxAction:J,selectedCrash:U,selectedPush:F,setSelectedPush:K,selectedSocket:z,setSelectedSocket:Q,settingsPage:R,isAboutOpen:D,setIsAboutOpen:X,isSupportOpen:T,setIsSupportOpen:Z,activeTab:e,isReady:ee,enabled:oe,isDismissed:te,hasNavigationContext:re,setNavState:ae,confirmModal:v,setConfirmModal:ie,peekMode:le,peekOpacity:_}=Ve(),$=e==="apis"&&H!=null||e==="analytics"&&W!=null||e==="logs"&&Y!=null||e==="redux"&&(j!=null||J!=null)||e==="crash"&&U!=null||e==="push"&&F!=null||e==="socket"&&z!=null,x=L(new o.Value(0)).current;P(()=>{R!==null&&(x.setValue(0),o.spring(x,{toValue:1,friction:8,tension:65,useNativeDriver:!1}).start())},[R!==null]);const E=L(new o.Value(0)).current;P(()=>{D&&(E.setValue(0),o.spring(E,{toValue:1,friction:8,tension:65,useNativeDriver:!1}).start())},[D]);const A=L(new o.Value(0)).current;return P(()=>{T&&(A.setValue(0),o.spring(A,{toValue:1,friction:8,tension:65,useNativeDriver:!1}).start())},[T]),<>
-      {(G.OS==="ios"||G.OS==="android")&&oe&&!te&&!I&&<Ne/>}
+import se,{useEffect as P,useRef as L}from"react";import{Animated as o,Modal as Se,Platform as q,Pressable as Be,StatusBar as Ce,StyleSheet as T,View as B}from"react-native";import{useInspector as Ve}from"./InspectorContext";import Me from"../ErrorBoundary";import S from"../ModuleErrorBoundary";import Ne from"./FabLauncher";import Re from"./InspectorHeader";import{SecondaryTelemetryStrip as De}from"./SecondaryTelemetryStrip";import Te from"./TabBar";import Ee from"./NetworkTab";import Ae from"./NetworkDetail";import Pe from"./LogDetail";import Le from"./ConsoleTab";import Ie from"./AnalyticsTab";import Oe from"../AnalyticsDetail";import We from"./ReduxTab";import Fe from"./ReduxDetail";import Ge from"./CrashTab";import He from"./CrashDetail";import Ye from"./PushTab";import Ue from"./PushDetail";import _e from"./SocketTab";import $e from"./SocketDetail";import Je from"./DeviceInfoTab";import Ke from"./StorageTab";import Qe from"./DebuggingTab";import{MediaGalleryTab as Xe}from"./MediaGalleryTab";import Ze from"./SettingsPanel";import So from"./AboutModal";import{SupportPage as Bo}from"./SupportPage";import{ConfirmationModal as Co}from"./ConfirmationModal";import{FloatingCaptureWidget as Vo}from"./FloatingCaptureWidget";import Mo from"./NpmUpdateToast";import No from"./NpmStarPrompt";import Ro from"../Toast";import H from"../../styles";import{AppColors as C}from"../../styles/AppColors";import Do from"./NavigationTracker";import{isLocalDebugEnvironment as To}from"../../helpers";const xo=()=>{const{visible:I,modalAnimationType:V,closeModal:M,modalHeightPercent:O,selected:Y,selectedEvent:W,selectedLog:U,selectedReduxSlice:j,selectedReduxAction:J,selectedCrash:_,selectedPush:F,setSelectedPush:K,selectedSocket:z,setSelectedSocket:Q,settingsPage:N,isAboutOpen:R,setIsAboutOpen:X,isSupportOpen:D,setIsSupportOpen:Z,activeTab:e,isReady:ee,enabled:oe,isDismissed:te,hasNavigationContext:re,setNavState:ae,confirmModal:v,setConfirmModal:ie,peekMode:le,peekOpacity:$}=Ve(),G=e==="apis"&&Y!=null||e==="analytics"&&W!=null||e==="logs"&&U!=null||e==="redux"&&(j!=null||J!=null)||e==="crash"&&_!=null||e==="push"&&F!=null||e==="socket"&&z!=null,x=L(new o.Value(0)).current;P(()=>{N!==null&&(x.setValue(0),o.spring(x,{toValue:1,friction:8,tension:65,useNativeDriver:!1}).start())},[N!==null]);const E=L(new o.Value(0)).current;P(()=>{R&&(E.setValue(0),o.spring(E,{toValue:1,friction:8,tension:65,useNativeDriver:!1}).start())},[R]);const A=L(new o.Value(0)).current;return P(()=>{D&&(A.setValue(0),o.spring(A,{toValue:1,friction:8,tension:65,useNativeDriver:!1}).start())},[D]),<>
+      {(q.OS==="ios"||q.OS==="android")&&oe&&!te&&!I&&<Ne/>}
       <Se visible={I}animationType={V}transparent statusBarTranslucent={!0}onRequestClose={M}>
         <Me onClose={M}>
-          <B style={[q.modalBackdrop,{zIndex:999999,elevation:999999}]}>
-            <Be style={q.modalBackdropPressable}onPress={M}/>
-            <B style={[q.modalContentCard,{height:`${O}%`,borderTopLeftRadius:O>=100?0:20,borderTopRightRadius:O>=100?0:20,opacity:le?Math.max(.05,Math.min(1,typeof _=="number"?_:.75)):1,zIndex:9999999,elevation:999999}]}>
+          <B style={[H.modalBackdrop,{zIndex:999999,elevation:999999}]}>
+            <Be style={H.modalBackdropPressable}onPress={M}/>
+            <B style={[H.modalContentCard,{height:`${O}%`,borderTopLeftRadius:O>=100?0:20,borderTopRightRadius:O>=100?0:20,opacity:le?Math.max(.05,Math.min(1,typeof $=="number"?$:.1)):1,zIndex:9999999,elevation:999999}]}>
               <Ce translucent backgroundColor="transparent"barStyle="light-content"/>
 
               <Re/>
-              <De/>
+              {!G&&N===null&&!R&&!D&&<De/>}
 
               <B style={{flex:1,overflow:"hidden",backgroundColor:C.grayBackground}}>
                 
-                <B style={{flex:1}}pointerEvents={$||R!==null||D||T?"none":"auto"}>
+                <B style={{flex:1}}pointerEvents={G||N!==null||R||D?"none":"auto"}>
                   <Te/>
                   {ee?<B style={{flex:1}}>
                       {e==="apis"&&<S moduleName="Network API Monitor">
@@ -45,27 +45,27 @@ import se,{useEffect as P,useRef as L}from"react";import{Animated as o,Modal as
                       {e==="media"&&<S moduleName="Media Gallery">
                           <Xe/>
                         </S>}
-                      {G.OS==="android"&&To()&&e==="debugging"&&<S moduleName="Debugging Utilities">
+                      {q.OS==="android"&&To()&&e==="debugging"&&<S moduleName="Debugging Utilities">
                             <Qe/>
                           </S>}
                     </B>:<Eo/>}
                 </B>
 
                 
-                {$&&<B style={[N.absoluteFill,{backgroundColor:C.contentBg,zIndex:10}]}>
-                    {e==="apis"&&H!=null&&<S moduleName="Network Request Details">
+                {G&&<B style={[T.absoluteFill,{backgroundColor:C.contentBg,zIndex:10}]}>
+                    {e==="apis"&&Y!=null&&<S moduleName="Network Request Details">
                         <Ae/>
                       </S>}
                     {e==="analytics"&&W!=null&&<S moduleName="Analytics Event Details">
                         <Oe event={W}/>
                       </S>}
-                    {e==="logs"&&Y!=null&&<S moduleName="Console Log Details">
+                    {e==="logs"&&U!=null&&<S moduleName="Console Log Details">
                         <Pe/>
                       </S>}
                     {e==="redux"&&<S moduleName="Redux Action & State Details">
                         <Fe/>
                       </S>}
-                    {e==="crash"&&U!=null&&<S moduleName="Crash Log Details">
+                    {e==="crash"&&_!=null&&<S moduleName="Crash Log Details">
                         <He/>
                       </S>}
                     {e==="push"&&F!=null&&<S moduleName="Push Notification Details">
@@ -77,21 +77,21 @@ import se,{useEffect as P,useRef as L}from"react";import{Animated as o,Modal as
                   </B>}
 
                 
-                {R!==null&&<o.View style={[N.absoluteFill,{backgroundColor:C.grayBackground,opacity:x,transform:[{translateY:x.interpolate({inputRange:[0,1],outputRange:[24,0]})}]}]}>
+                {N!==null&&<o.View style={[T.absoluteFill,{backgroundColor:C.grayBackground,opacity:x,transform:[{translateY:x.interpolate({inputRange:[0,1],outputRange:[24,0]})}]}]}>
                     <S moduleName="Settings Panel">
                       <Ze/>
                     </S>
                   </o.View>}
 
                 
-                {D&&<o.View style={[N.absoluteFill,{backgroundColor:C.primaryLight,opacity:E,transform:[{translateY:E.interpolate({inputRange:[0,1],outputRange:[24,0]})}]}]}>
+                {R&&<o.View style={[T.absoluteFill,{backgroundColor:C.primaryLight,opacity:E,transform:[{translateY:E.interpolate({inputRange:[0,1],outputRange:[24,0]})}]}]}>
                     <S moduleName="About & Diagnostics">
                       <So onClose={()=>X(!1)}/>
                     </S>
                   </o.View>}
 
                 
-                {T&&<o.View style={[N.absoluteFill,{backgroundColor:C.primaryLight,opacity:A,transform:[{translateY:A.interpolate({inputRange:[0,1],outputRange:[24,0]})}]}]}>
+                {D&&<o.View style={[T.absoluteFill,{backgroundColor:C.primaryLight,opacity:A,transform:[{translateY:A.interpolate({inputRange:[0,1],outputRange:[24,0]})}]}]}>
                     <S moduleName="Support & Community">
                       <Bo onClose={()=>Z(!1)}/>
                     </S>
@@ -151,4 +151,4 @@ import se,{useEffect as P,useRef as L}from"react";import{Animated as o,Modal as
             <B style={t.metaPillSkeleton}/>
           </B>
         </o.View>)}
-    </B>}),t=N.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:C.graySurface,borderWidth:1,borderColor:C.dividerColor},actionButtonsRow:{flexDirection:"row",gap:6},iconButtonSkeleton:{width:36,height:36,borderRadius:8,backgroundColor:C.graySurface,borderWidth:1,borderColor:C.dividerColor},chipStripSkeleton:{flexDirection:"row",gap:6,marginBottom:10},chipSkeleton:{height:24,borderRadius:6,backgroundColor:C.graySurface,borderWidth:1,borderColor:C.dividerColor},cardSkeleton:{backgroundColor:C.primaryLight,borderRadius:10,padding:12,marginBottom:8,borderWidth:1,borderColor:C.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:C.graySurface},methodBadgeSkeleton:{width:44,height:18,borderRadius:4,backgroundColor:C.graySurface},timeSkeleton:{width:48,height:12,borderRadius:4,backgroundColor:C.graySurface},urlLineLong:{height:13,borderRadius:4,backgroundColor:C.graySurface,marginBottom:5,width:"90%"},urlLineShort:{height:11,borderRadius:4,backgroundColor:C.graySurface,marginBottom:8,width:"55%"},cardBottomRow:{flexDirection:"row",gap:8,marginTop:2},metaPillSkeleton:{width:52,height:14,borderRadius:4,backgroundColor:C.graySurface}});export default xo;
+    </B>}),t=T.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:C.graySurface,borderWidth:1,borderColor:C.dividerColor},actionButtonsRow:{flexDirection:"row",gap:6},iconButtonSkeleton:{width:36,height:36,borderRadius:8,backgroundColor:C.graySurface,borderWidth:1,borderColor:C.dividerColor},chipStripSkeleton:{flexDirection:"row",gap:6,marginBottom:10},chipSkeleton:{height:24,borderRadius:6,backgroundColor:C.graySurface,borderWidth:1,borderColor:C.dividerColor},cardSkeleton:{backgroundColor:C.primaryLight,borderRadius:10,padding:12,marginBottom:8,borderWidth:1,borderColor:C.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:C.graySurface},methodBadgeSkeleton:{width:44,height:18,borderRadius:4,backgroundColor:C.graySurface},timeSkeleton:{width:48,height:12,borderRadius:4,backgroundColor:C.graySurface},urlLineLong:{height:13,borderRadius:4,backgroundColor:C.graySurface,marginBottom:5,width:"90%"},urlLineShort:{height:11,borderRadius:4,backgroundColor:C.graySurface,marginBottom:8,width:"55%"},cardBottomRow:{flexDirection:"row",gap:8,marginTop:2},metaPillSkeleton:{width:52,height:14,borderRadius:4,backgroundColor:C.graySurface}});export default xo;