react-native-inapp-inspector 2.5.1 → 2.5.3

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

@@ -1,14 +1,14 @@
-import $,{useMemo as Z}from"react";import{Alert as Ke,Animated as Xe,Linking as Ye,Platform as de,Pressable as Se,StatusBar as Ze,Text as C,TouchableOpacity as Te,useWindowDimensions as et,View as S}from"react-native";import St from"react-native-linear-gradient";import{useInspector as Tt}from"./InspectorContext";import _ from"../TouchableScale";import{BrandCircleIcon as Ct}from"../BrandCircleIcon";import i from"../../styles";import{AppColors as t}from"../../styles/AppColors";import{AppFonts as D}from"../../styles/AppFonts";import{METHOD_COLORS as xt}from"../../constants";import{LIB_VERSION as ce}from"../../constants";import{getStatusColor as ue,formatTime as zt,formatTimeShort as Ce,getSize as xe,formatByteSize as Vt,getAppVersionAndBuild as Dt,showToast as H}from"../../helpers";import{triggerNativeHaptic as A}from"../../native/NativeInspector";import{ScreenCapture as E}from"../../capture";import{UpdateAvailableModal as Rt}from"./UpdateAvailableModal";import{MediaPreviewModal as It}from"./MediaPreviewModal";import{LanguageSelectorModal as Mt}from"./LanguageSelectorModal";import{WhiteBackNavigation as $t,SettingsIcon as Bt,CloseWhite as Lt,ChevronDownIcon as Ve,ClockIcon as G,SizeIcon as De,AppleIcon as Ht,AndroidIcon as At,NpmIcon as Ot,ResetIcon as Pt,BoltIcon as Et,EyeIcon as Wt}from"../NetworkIcons";import{useTranslation as Ft,SUPPORTED_LANGUAGES as ke,getLanguage as Ut}from"../../i18n";const Nt=$.memo(()=>{const{t:I,language:ge}=Ft(),{modalHeightPercent:ee,appIcon:_t,selected:R,setSelected:Re,selectedEvent:B,setSelectedEvent:Ie,selectedLog:L,setSelectedLog:Me,selectedReduxSlice:W,setSelectedReduxSlice:$e,selectedReduxAction:q,setSelectedReduxAction:Be,reduxState:Le,reduxLastActionMap:ve,updateAvailable:te,latestNpmVersion:He,clearAnim:jt,activePulseAnim:Ae,unreadPulseAnim:Oe,runClearAllWithAnimation:Gt,settingsPage:O,setSettingsPage:ie,isAboutOpen:re,setIsAboutOpen:Pe,resetToDefaults:Ee,closeModal:he,minimizeInspector:We,detailTitle:Fe,activeTab:V,environment:pe,selectedCrash:M,setSelectedCrash:Ue,selectedPush:k,setSelectedPush:Ne,selectedSocket:z,setSelectedSocket:_e,refreshMediaCount:F,peekMode:oe,setPeekMode:je}=Tt(),{width:Q}=et(),e=Q<360,U=Q<400,[Ge,ae]=$.useState(!1),[qe,me]=$.useState(!1),[Qe]=$.useState(()=>Dt().formatted),fe=Z(()=>{const T=ge||Ut();return ke.find(x=>x.code===T)||ke[0]},[ge]),[J,K]=$.useState(!1),[qt,le]=$.useState(0),P=$.useRef(null);$.useEffect(()=>{E.isRecording().then(T=>{K(T)}).catch(()=>{})},[]),$.useEffect(()=>(J?(le(0),P.current=setInterval(()=>{le(T=>T+1)},1e3)):(P.current&&(clearInterval(P.current),P.current=null),le(0)),()=>{P.current&&clearInterval(P.current)}),[J]);const[be,N]=$.useState(null),Qt=$.useCallback(async()=>{try{A("light");const T=await E.takeScreenshot({format:"png",quality:.9,hideInspector:!0});if(T){A("success");const x={id:`screenshot_${T.timestamp}.png`,type:"image",format:T.format,uri:T.uri,filename:T.uri.split("/").pop()||`screenshot_${T.timestamp}.png`,sizeBytes:T.sizeBytes,timestamp:T.timestamp,width:T.width,height:T.height};N(x),F?.().catch(()=>{}),H(I("header.screenshotCaptured"))}else H(I("header.screenshotFailed"))}catch{H(I("header.screenshotError"))}},[F,I]),Jt=$.useCallback(async()=>{try{if(J){A("medium");const T=await E.stopRecording();if(K(!1),T){A("success");const x={id:`video_${T.timestamp}.${T.format}`,type:T.format==="gif"?"gif":"video",format:T.format,uri:T.uri,filename:T.uri.split("/").pop()||`video_${T.timestamp}.${T.format}`,sizeBytes:T.sizeBytes,timestamp:T.timestamp,durationMs:T.durationMs,width:T.width,height:T.height,hasAudio:T.hasAudio};N(x),F?.().catch(()=>{}),H(I("header.recordingSaved",{duration:(T.durationMs/1e3).toFixed(1)}))}}else A("medium"),await E.startRecording({fps:24,audioSource:"none"})?(K(!0),H(I("header.recordingStarted"))):H(I("header.recordingStartFailed"))}catch{H(I("header.recordingError")),K(!1)}},[J,I]),Kt=T=>{const x=Math.floor(T/60),se=T%60;return`${x.toString().padStart(2,"0")}:${se.toString().padStart(2,"0")}`},Xt=Z(()=>{const T=(pe||(__DEV__?"DEV":"PROD")).trim(),x=T.toUpperCase();return x==="DEV"||x.includes("DEV")||x==="LOCAL"?{label:T,bg:`${t.emerald500}40`,border:`${t.emerald400}8C`,text:t.mintGreenBorder}:x==="UAT"||x==="QA"||x==="TEST"?{label:T,bg:`${t.amber500}47`,border:`${t.amber400}99`,text:t.amberWarmBorder}:x==="PREPROD"||x==="STAGE"||x==="STAGING"?{label:T,bg:`${t.purple500}47`,border:`${t.purple400}99`,text:t.violetSoftBorder}:{label:T,bg:`${t.rose500}40`,border:`${t.roseBorder}8C`,text:t.errorBorder}},[pe]),X=V==="apis"&&R!=null||V==="analytics"&&B!=null||V==="logs"&&L!=null||V==="redux"&&(W!=null||q!=null)||V==="crash"&&M!=null||V==="push"&&k!=null||V==="socket"&&z!=null,Y=O!==null,ne=X||Y||re,Je=Z(()=>{switch(O){case"apis":return"APIs (Network)";case"logs":return"Console Logs";case"crash":return"Crash Protection";case"analytics":return"Analytics Logger";case"redux":return"Redux Inspector";case"media":return"Screencast (Media)";case"push":return"Push Notifications";default:return"Settings & Modules"}},[O]),ye=Z(()=>de.OS==="ios"?ee>=98?Q>=390?50:44:0:de.OS==="android"&&ee>=98?Ze.currentHeight||24:0,[ee,Q]),v=e?25:U?26.5:27,Yt=e?36:U?38:40;return<>
+import $,{useMemo as Z}from"react";import{Alert as Ke,Animated as Xe,Linking as Ye,Platform as se,Pressable as Se,StatusBar as Ze,Text as C,TouchableOpacity as Te,useWindowDimensions as et,View as S}from"react-native";import St from"react-native-linear-gradient";import{useInspector as Tt}from"./InspectorContext";import G from"../TouchableScale";import{BrandCircleIcon as Ct}from"../BrandCircleIcon";import i from"../../styles";import{AppColors as t}from"../../styles/AppColors";import{AppFonts as D}from"../../styles/AppFonts";import{METHOD_COLORS as xt}from"../../constants";import{LIB_VERSION as de}from"../../constants";import{getStatusColor as ce,formatTime as zt,formatTimeShort as Ce,getSize as xe,formatByteSize as Vt,getAppVersionAndBuild as Dt,showToast as H}from"../../helpers";import{triggerNativeHaptic as O}from"../../native/NativeInspector";import{ScreenCapture as W,generateCaptureId as ue}from"../../capture";import{UpdateAvailableModal as Rt}from"./UpdateAvailableModal";import{MediaPreviewModal as It}from"./MediaPreviewModal";import{LanguageSelectorModal as Mt}from"./LanguageSelectorModal";import $t from"../CountryFlag";import{WhiteBackNavigation as Bt,SettingsIcon as Lt,CloseWhite as At,ChevronDownIcon as Ve,ClockIcon as _,SizeIcon as De,AppleIcon as Ht,AndroidIcon as Ot,NpmIcon as Pt,ResetIcon as Et,BoltIcon as Wt,EyeIcon as Ft}from"../NetworkIcons";import{useTranslation as Ut,SUPPORTED_LANGUAGES as ke,getLanguage as Nt}from"../../i18n";const jt=$.memo(()=>{const{t:I,language:ge}=Ut(),{modalHeightPercent:ee,appIcon:Gt,selected:R,setSelected:Re,selectedEvent:B,setSelectedEvent:Ie,selectedLog:L,setSelectedLog:Me,selectedReduxSlice:F,setSelectedReduxSlice:$e,selectedReduxAction:q,setSelectedReduxAction:Be,reduxState:Le,reduxLastActionMap:ve,updateAvailable:te,latestNpmVersion:Ae,clearAnim:_t,activePulseAnim:He,unreadPulseAnim:Oe,runClearAllWithAnimation:qt,settingsPage:P,setSettingsPage:ie,isAboutOpen:re,setIsAboutOpen:Pe,resetToDefaults:Ee,closeModal:he,minimizeInspector:We,detailTitle:Fe,activeTab:V,environment:pe,selectedCrash:M,setSelectedCrash:Ue,selectedPush:k,setSelectedPush:Ne,selectedSocket:z,setSelectedSocket:je,refreshMediaCount:U,peekMode:oe,setPeekMode:Ge,previewMediaItem:me,setPreviewMediaItem:N}=Tt(),{width:Q}=et(),e=Q<360,j=Q<400,[_e,ae]=$.useState(!1),[Qt,Jt]=$.useState(!1),[qe,fe]=$.useState(!1),[Qe]=$.useState(()=>Dt().formatted),be=Z(()=>{const T=ge||Nt();return ke.find(x=>x.code===T)||ke[0]},[ge]),[J,K]=$.useState(!1),[Kt,le]=$.useState(0),E=$.useRef(null);$.useEffect(()=>{W.isRecording().then(T=>{K(T)}).catch(()=>{})},[]),$.useEffect(()=>(J?(le(0),E.current=setInterval(()=>{le(T=>T+1)},1e3)):(E.current&&(clearInterval(E.current),E.current=null),le(0)),()=>{E.current&&clearInterval(E.current)}),[J]);const Xt=$.useCallback(async()=>{try{O("light");const T=await W.takeScreenshot({format:"png",quality:.9,hideInspector:!0});if(T){O("success");const x=ue("screenshot",T.format||"png"),A={id:x,type:"image",format:T.format,uri:T.uri,filename:T.uri.split("/").pop()||x,sizeBytes:T.sizeBytes,timestamp:T.timestamp,width:T.width,height:T.height};N(A),U?.().catch(()=>{}),H(I("header.screenshotCaptured"))}else H(I("header.screenshotFailed"))}catch{H(I("header.screenshotError"))}},[U,I]),Yt=$.useCallback(async()=>{try{if(J){O("medium");const T=await W.stopRecording();if(K(!1),T){O("success");const x=ue("video",T.format),A={id:x,type:T.format==="gif"?"gif":"video",format:T.format,uri:T.uri,filename:T.uri.split("/").pop()||x,sizeBytes:T.sizeBytes,timestamp:T.timestamp,durationMs:T.durationMs,width:T.width,height:T.height,hasAudio:T.hasAudio};N(A),U?.().catch(()=>{}),H(I("header.recordingSaved",{duration:(T.durationMs/1e3).toFixed(1)}))}}else O("medium"),await W.startRecording({fps:24,audioSource:"none"})?(K(!0),H(I("header.recordingStarted"))):H(I("header.recordingStartFailed"))}catch{H(I("header.recordingError")),K(!1)}},[J,I]),Zt=T=>{const x=Math.floor(T/60),A=T%60;return`${x.toString().padStart(2,"0")}:${A.toString().padStart(2,"0")}`},ei=Z(()=>{const T=(pe||(__DEV__?"DEV":"PROD")).trim(),x=T.toUpperCase();return x==="DEV"||x.includes("DEV")||x==="LOCAL"?{label:T,bg:`${t.emerald500}40`,border:`${t.emerald400}8C`,text:t.mintGreenBorder}:x==="UAT"||x==="QA"||x==="TEST"?{label:T,bg:`${t.amber500}47`,border:`${t.amber400}99`,text:t.amberWarmBorder}:x==="PREPROD"||x==="STAGE"||x==="STAGING"?{label:T,bg:`${t.purple500}47`,border:`${t.purple400}99`,text:t.violetSoftBorder}:{label:T,bg:`${t.rose500}40`,border:`${t.roseBorder}8C`,text:t.errorBorder}},[pe]),X=V==="apis"&&R!=null||V==="analytics"&&B!=null||V==="logs"&&L!=null||V==="redux"&&(F!=null||q!=null)||V==="crash"&&M!=null||V==="push"&&k!=null||V==="socket"&&z!=null,Y=P!==null,ne=X||Y||re,Je=Z(()=>{switch(P){case"apis":return"APIs (Network)";case"logs":return"Console Logs";case"crash":return"Crash Protection";case"analytics":return"Analytics Logger";case"redux":return"Redux Inspector";case"media":return"Screencast (Media)";case"push":return"Push Notifications";default:return"Settings & Modules"}},[P]),ye=Z(()=>se.OS==="ios"?ee>=98?Q>=390?50:44:0:se.OS==="android"&&ee>=98?Ze.currentHeight||24:0,[ee,Q]),v=e?25:j?26.5:27,ti=e?36:j?38:40;return<>
       <S style={[i.headerGradient,{minHeight:(e?44:48)+ye}]}>
         
         <St colors={[t.indigo600,t.violet600]}start={{x:0,y:0}}end={{x:1,y:1}}style={{position:"absolute",top:0,left:0,right:0,bottom:0,borderTopLeftRadius:20,borderTopRightRadius:20}}pointerEvents="none"/>
         <S style={{paddingTop:ye,width:"100%"}}>
           <S style={[i.header,{width:"100%",justifyContent:"space-between",paddingHorizontal:e?10:12,paddingVertical:5.5,minHeight:e?44:48}]}>
             <S style={{flexDirection:"row",alignItems:"center",gap:e?7:8,flex:X?void 0:1,flexShrink:X?0:1,minWidth:0}}>
-              {ne&&<_ onPress={()=>{if(re){Pe(!1);return}if(Y){ie(O==="main"?null:"main");return}Re(null),Ie(null),Me(null),$e(null),Be(null),Ue(null),Ne(null),_e(null)}}hitSlop={15}style={{width:e?32:36,height:e?32:36,borderRadius:e?16:18,alignItems:"center",justifyContent:"center",backgroundColor:`${t.white}2E`,borderWidth:1,borderColor:`${t.white}4D`}}>
+              {ne&&<G onPress={()=>{if(re){Pe(!1);return}if(Y){ie(P==="main"?null:"main");return}Re(null),Ie(null),Me(null),$e(null),Be(null),Ue(null),Ne(null),je(null)}}hitSlop={15}style={{width:e?32:36,height:e?32:36,borderRadius:e?16:18,alignItems:"center",justifyContent:"center",backgroundColor:`${t.white}2E`,borderWidth:1,borderColor:`${t.white}4D`}}>
                   <S style={{position:"absolute",width:e?40:44,height:e?40:44,borderRadius:22,backgroundColor:`${t.white}1A`}}/>
-                  <$t/>
-                </_>}
+                  <Bt/>
+                </G>}
 
               {re?<S style={{gap:3,flex:1,minWidth:0,justifyContent:"center"}}>
                   <S style={{flexDirection:"row",alignItems:"center",gap:6}}>
@@ -17,7 +17,7 @@ import $,{useMemo as Z}from"react";import{Alert as Ke,Animated as Xe,Linking as
                     </C>
                     <S style={{backgroundColor:`${t.white}26`,paddingHorizontal:e?5:6,paddingVertical:2,borderRadius:8,borderWidth:1,borderColor:`${t.white}20`}}>
                       <C style={{fontFamily:D.interBold,fontSize:e?8.5:9.5,lineHeight:12,color:t.white}}>
-                        v{ce}
+                        v{de}
                       </C>
                     </S>
                   </S>
@@ -29,39 +29,37 @@ import $,{useMemo as Z}from"react";import{Alert as Ke,Animated as Xe,Linking as
                     <C style={{fontFamily:D.interBold,fontSize:e?15:16.5,lineHeight:e?19:21,color:t.white,letterSpacing:-.2}}numberOfLines={1}>
                       {Je}
                     </C>
-                    {O==="main"&&<S style={{backgroundColor:`${t.white}26`,paddingHorizontal:e?5:6,paddingVertical:2,borderRadius:8,borderWidth:1,borderColor:`${t.white}20`}}>
+                    {P==="main"&&<S style={{backgroundColor:`${t.white}26`,paddingHorizontal:e?5:6,paddingVertical:2,borderRadius:8,borderWidth:1,borderColor:`${t.white}20`}}>
                         <C style={{fontFamily:D.interBold,fontSize:e?8.5:9.5,lineHeight:12,color:t.white}}>
-                          v{ce}
+                          v{de}
                         </C>
                       </S>}
                   </S>
                   <C style={{fontFamily:D.interRegular,fontSize:e?10:11,lineHeight:e?14:15,color:`${t.white}CC`,marginTop:1}}numberOfLines={1}>
-                    {O==="main"?"Manage modules and preferences":"Configure module parameters"}
+                    {P==="main"?"Manage modules and preferences":"Configure module parameters"}
                   </C>
                 </S>:ne?null:<S style={{flexDirection:"row",alignItems:"center",gap:e?8:10,flex:1,minWidth:0,marginRight:4}}>
-                  <Ct size={e?44:U?46:48}/>
+                  <Ct size={e?44:j?46:48}/>
                   <S style={{gap:3,flex:1,minWidth:0,justifyContent:"center"}}>
                     
-                    <C style={[i.headerTitle,{fontFamily:D.interBold,fontWeight:"700",fontSize:e?13:U?13.5:14.5,lineHeight:e?17:U?18:19.5,color:t.white,letterSpacing:-.2,paddingBottom:0}]}numberOfLines={1}ellipsizeMode="tail">
+                    <C style={[i.headerTitle,{fontFamily:D.interBold,fontWeight:"700",fontSize:e?13:j?13.5:14.5,lineHeight:e?17:j?18:19.5,color:t.white,letterSpacing:-.2,paddingBottom:0}]}numberOfLines={1}ellipsizeMode="tail">
                       react-native-inapp-inspector
                     </C>
 
                     
                     <S style={{flexDirection:"row",alignItems:"center",gap:4.5,minWidth:0,marginTop:1.5}}>
                       
-                      <_ onPress={()=>{A("light"),me(!0)}}hitSlop={6}accessible={!0}accessibilityRole="button"accessibilityLabel={I("settings.general.selectLanguage","Select Language")}style={{flexDirection:"row",alignItems:"center",backgroundColor:`${t.white}24`,borderRadius:5,paddingHorizontal:5.5,paddingVertical:2,gap:3.5,borderWidth:1,borderColor:`${t.white}38`,flexShrink:0}}>
-                        <C style={{fontSize:9,lineHeight:11}}>
-                          {fe?.flag||"\u{1F310}"}
-                        </C>
+                      <G onPress={()=>{O("light"),fe(!0)}}hitSlop={6}accessible={!0}accessibilityRole="button"accessibilityLabel={I("settings.general.selectLanguage","Select Language")}style={{flexDirection:"row",alignItems:"center",backgroundColor:`${t.white}24`,borderRadius:5,paddingHorizontal:5.5,paddingVertical:2,gap:3.5,borderWidth:1,borderColor:`${t.white}38`,flexShrink:0}}>
+                        <$t code={be?.code||"en"}size={9.5}borderRadius={2}/>
                         <C style={{fontFamily:D.interBold,fontSize:8.5,lineHeight:11,color:t.white,letterSpacing:.2}}numberOfLines={1}>
-                          {fe?.code?.toUpperCase()||"EN"}
+                          {be?.code?.toUpperCase()||"EN"}
                         </C>
                         <Ve size={6.5}color={`${t.white}CC`}/>
-                      </_>
+                      </G>
 
                       
                       <S style={{flexDirection:"row",alignItems:"center",backgroundColor:`${t.white}1F`,borderRadius:5,paddingHorizontal:5.5,paddingVertical:2,gap:3.5,borderWidth:1,borderColor:`${t.white}2E`,flexShrink:1,minWidth:0}}>
-                        {de.OS==="ios"?<Ht color={`${t.white}E6`}size={9}/>:<At color={`${t.white}E6`}size={9}/>}
+                        {se.OS==="ios"?<Ht color={`${t.white}E6`}size={9}/>:<Ot color={`${t.white}E6`}size={9}/>}
                         <C style={{fontFamily:D.interMedium,fontSize:8.5,lineHeight:11,color:`${t.white}EB`,letterSpacing:.1}}numberOfLines={1}ellipsizeMode="tail">
                           {Qe}
                         </C>
@@ -69,9 +67,9 @@ import $,{useMemo as Z}from"react";import{Alert as Ke,Animated as Xe,Linking as
 
                       
                       <Se onPress={()=>{te?ae(!0):Ye.openURL("https://www.npmjs.com/package/react-native-inapp-inspector").catch(()=>{})}}style={{flexDirection:"row",alignItems:"center",backgroundColor:`${t.white}1F`,borderRadius:5,paddingHorizontal:6,paddingVertical:2,gap:3.5,borderWidth:1,borderColor:`${t.white}2E`,flexShrink:0}}>
-                        <Ot size={9}color={t.npmRedLight}/>
+                        <Pt size={9}color={t.npmRedLight}/>
                         <C style={{fontFamily:D.interMedium,fontSize:8.5,lineHeight:11,color:`${t.white}EB`,letterSpacing:.1}}>
-                          v{ce}
+                          v{de}
                         </C>
                         {te&&<C style={{fontFamily:D.interBold,fontSize:8,color:t.warningAmber}}>
                             ●
@@ -80,11 +78,11 @@ import $,{useMemo as Z}from"react";import{Alert as Ke,Animated as Xe,Linking as
 
                       
                       {te&&<Se hitSlop={10}onPress={()=>ae(!0)}style={{flexDirection:"row",alignItems:"center",backgroundColor:t.warningAmber,borderRadius:5,paddingHorizontal:4.5,paddingVertical:1.5,gap:3,shadowColor:t.warningAmber,shadowOffset:{width:0,height:1.5},shadowOpacity:.35,shadowRadius:3,elevation:3,flexShrink:0}}>
-                          <Xe.View style={{width:4.5,height:4.5,borderRadius:2.25,backgroundColor:t.white,opacity:Ae,transform:[{scale:Oe}]}}/>
+                          <Xe.View style={{width:4.5,height:4.5,borderRadius:2.25,backgroundColor:t.white,opacity:He,transform:[{scale:Oe}]}}/>
                           {!e&&<C style={{fontFamily:D.interBold,fontSize:8,lineHeight:10,color:t.white,letterSpacing:.3}}>
                               UPDATE
                             </C>}
-                          <Et size={e?7.5:8.5}color={t.white}/>
+                          <Wt size={e?7.5:8.5}color={t.white}/>
                         </Se>}
                     </S>
                   </S>
@@ -104,14 +102,14 @@ import $,{useMemo as Z}from"react";import{Alert as Ke,Animated as Xe,Linking as
                       </C>
                     </S>
                     <S style={{flexDirection:"row",alignItems:"center",gap:e?4:6,marginTop:3,paddingVertical:1}}>
-                      <S style={{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:e?6:8,paddingVertical:2.5,borderRadius:20,backgroundColor:`${ue(R.status)}26`,borderWidth:1,borderColor:`${ue(R.status)}55`}}>
-                        <S style={[i.headerStatusDot,{backgroundColor:ue(R.status),width:e?6:7,height:e?6:7}]}/>
+                      <S style={{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:e?6:8,paddingVertical:2.5,borderRadius:20,backgroundColor:`${ce(R.status)}26`,borderWidth:1,borderColor:`${ce(R.status)}55`}}>
+                        <S style={[i.headerStatusDot,{backgroundColor:ce(R.status),width:e?6:7,height:e?6:7}]}/>
                         <C style={[i.headerSubTitle,{fontFamily:D.interBold,fontSize:e?10:11}]}>
                           {R.status===0?"Failed":R.status??"Pending"}
                         </C>
                       </S>
                       <S style={{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:e?6:8,paddingVertical:2.5,borderRadius:20,backgroundColor:`${t.white}29`}}>
-                        <G color={t.white}size={e?10:11}/>
+                        <_ color={t.white}size={e?10:11}/>
                         <C style={[i.headerSubTitle,{fontSize:e?10:11}]}>
                           {R.duration!=null?`${R.duration}ms`:"\u2014"}
                         </C>
@@ -159,13 +157,13 @@ import $,{useMemo as Z}from"react";import{Alert as Ke,Animated as Xe,Linking as
                     </S>
                     <S style={{flexDirection:"row",alignItems:"center",gap:e?4:6,marginTop:3,paddingVertical:1}}>
                       <S style={{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:e?6:8,paddingVertical:2.5,borderRadius:20,backgroundColor:`${t.white}29`}}>
-                        <G color={t.white}size={e?10:11}/>
+                        <_ color={t.white}size={e?10:11}/>
                         <C style={[i.headerSubTitle,{fontSize:e?10:11}]}>
                           {zt(L.timestamp)}
                         </C>
                       </S>
                     </S>
-                  </S>:V==="redux"&&W!=null?(()=>{const T=Le?.[W],x=T&&typeof T=="object"?Object.keys(T).length:typeof T<"u"?1:0,se=xe(T),we=ve[W];return<S style={i.headerDetailCenter}>
+                  </S>:V==="redux"&&F!=null?(()=>{const T=Le?.[F],x=T&&typeof T=="object"?Object.keys(T).length:typeof T<"u"?1:0,A=xe(T),we=ve[F];return<S style={i.headerDetailCenter}>
                         <S style={i.headerDetailRow}>
                           <S style={[i.headerMethodBadge,{backgroundColor:`${t.purple}4D`,paddingHorizontal:e?5:6,paddingVertical:e?2:3}]}>
                             <C style={[i.headerMethodText,{fontSize:e?9:10}]}>
@@ -173,7 +171,7 @@ import $,{useMemo as Z}from"react";import{Alert as Ke,Animated as Xe,Linking as
                             </C>
                           </S>
                           <C style={[i.headerDetailTitle,{fontSize:e?13.5:15}]}numberOfLines={1}ellipsizeMode="middle">
-                            {W}
+                            {F}
                           </C>
                         </S>
                         <S style={{flexDirection:"row",alignItems:"center",gap:e?4:6,marginTop:3,paddingVertical:1}}>
@@ -191,14 +189,14 @@ import $,{useMemo as Z}from"react";import{Alert as Ke,Animated as Xe,Linking as
                             •
                           </C>
                           <C style={[i.headerSubTitle,{fontSize:e?10:11}]}>
-                            {se}
+                            {A}
                           </C>
                           {we?.timestamp&&<>
                               <C style={[i.headerSubTitle,{opacity:.6,fontSize:e?10:11}]}>
                                 •
                               </C>
                               <S style={{flexDirection:"row",alignItems:"center",gap:3}}>
-                                <G color={t.white}size={e?9:10}/>
+                                <_ color={t.white}size={e?9:10}/>
                                 <C style={[i.headerSubTitle,{fontSize:e?10:11}]}>
                                   {we.timestamp}
                                 </C>
@@ -266,7 +264,7 @@ import $,{useMemo as Z}from"react";import{Alert as Ke,Animated as Xe,Linking as
                         </C>
                       </S>
                       <S style={{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:e?6:8,paddingVertical:2,borderRadius:20,backgroundColor:`${t.white}29`}}>
-                        <G color={t.white}size={e?9.5:10.5}/>
+                        <_ color={t.white}size={e?9.5:10.5}/>
                         <C style={[i.headerSubTitle,{fontSize:e?9.5:10.5}]}>
                           {Ce(k.timestamp)}
                         </C>
@@ -291,7 +289,7 @@ import $,{useMemo as Z}from"react";import{Alert as Ke,Animated as Xe,Linking as
                         </C>
                       </S>
                       <S style={{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:e?6:8,paddingVertical:2.5,borderRadius:20,backgroundColor:`${t.white}29`}}>
-                        <G color={t.white}size={e?10:11}/>
+                        <_ color={t.white}size={e?10:11}/>
                         <C style={[i.headerSubTitle,{fontSize:e?10:11}]}>
                           {z.duration!=null?`${z.duration}ms`:Ce(z.startTime)}
                         </C>
@@ -308,18 +306,18 @@ import $,{useMemo as Z}from"react";import{Alert as Ke,Animated as Xe,Linking as
 
             <S style={[i.headerRight,{flexDirection:"row",alignItems:"center",justifyContent:"flex-end",flexShrink:0,gap:e?4:5}]}>
               
-              {Y?<_ onPress={()=>{Ke.alert("Reset All Settings","This restores all module visibility and UI preferences to defaults. Continue?",[{text:"Cancel",style:"cancel"},{text:"Reset",style:"destructive",onPress:Ee}])}}hitSlop={15}style={[i.closeButtonSquare,{width:v,height:v,borderRadius:e?6:7,backgroundColor:"rgba(245, 158, 11, 0.26)",borderColor:"rgba(252, 211, 77, 0.45)",borderWidth:1}]}>
-                  <Pt color={t.white}size={e?12:14}/>
-                </_>:ne?null:<>
+              {Y?<G onPress={()=>{Ke.alert("Reset All Settings","This restores all module visibility and UI preferences to defaults. Continue?",[{text:"Cancel",style:"cancel"},{text:"Reset",style:"destructive",onPress:Ee}])}}hitSlop={15}style={[i.closeButtonSquare,{width:v,height:v,borderRadius:e?6:7,backgroundColor:"rgba(245, 158, 11, 0.26)",borderColor:"rgba(252, 211, 77, 0.45)",borderWidth:1}]}>
+                  <Et color={t.white}size={e?12:14}/>
+                </G>:ne?null:<>
                   
-                  <_ accessible={!0}accessibilityRole="button"accessibilityLabel={oe?"Disable peek-through":"Enable peek-through"}onPress={()=>{A("light"),je(T=>!T)}}hitSlop={15}style={[i.closeButtonSquare,{width:v,height:v,borderRadius:e?6:7,backgroundColor:oe?"rgba(6, 182, 212, 0.38)":"rgba(6, 182, 212, 0.18)",borderColor:oe?"rgba(103, 232, 249, 0.65)":"rgba(103, 232, 249, 0.35)",borderWidth:1}]}>
-                    <Wt color={t.white}size={e?12:14}/>
-                  </_>
+                  <G accessible={!0}accessibilityRole="button"accessibilityLabel={oe?"Disable peek-through":"Enable peek-through"}onPress={()=>{O("light"),Ge(T=>!T)}}hitSlop={15}style={[i.closeButtonSquare,{width:v,height:v,borderRadius:e?6:7,backgroundColor:oe?"rgba(6, 182, 212, 0.38)":"rgba(6, 182, 212, 0.18)",borderColor:oe?"rgba(103, 232, 249, 0.65)":"rgba(103, 232, 249, 0.35)",borderWidth:1}]}>
+                    <Ft color={t.white}size={e?12:14}/>
+                  </G>
 
                   
-                  <_ accessible={!0}accessibilityRole="button"accessibilityLabel="Settings"onPress={()=>ie("main")}hitSlop={15}style={[i.closeButtonSquare,{width:v,height:v,borderRadius:e?6:7,backgroundColor:"rgba(168, 85, 247, 0.28)",borderColor:"rgba(216, 180, 254, 0.45)",borderWidth:1}]}>
-                    <Bt color={t.white}size={e?12:14}/>
-                  </_>
+                  <G accessible={!0}accessibilityRole="button"accessibilityLabel="Settings"onPress={()=>ie("main")}hitSlop={15}style={[i.closeButtonSquare,{width:v,height:v,borderRadius:e?6:7,backgroundColor:"rgba(168, 85, 247, 0.28)",borderColor:"rgba(216, 180, 254, 0.45)",borderWidth:1}]}>
+                    <Lt color={t.white}size={e?12:14}/>
+                  </G>
                 </>}
 
               
@@ -329,7 +327,7 @@ import $,{useMemo as Z}from"react";import{Alert as Ke,Animated as Xe,Linking as
 
               
               <Te onPress={he}hitSlop={{top:12,bottom:12,left:12,right:12}}activeOpacity={.7}accessibilityRole="button"accessibilityLabel={I("common.close","Close")}style={[i.closeButtonSquare,{width:v,height:v,borderRadius:e?6:7,backgroundColor:"rgba(244, 63, 94, 0.28)",borderColor:"rgba(251, 113, 133, 0.48)",borderWidth:1}]}>
-                <Lt size={e?12:14}/>
+                <At size={e?12:14}/>
               </Te>
             </S>
           </S>
@@ -337,11 +335,11 @@ import $,{useMemo as Z}from"react";import{Alert as Ke,Animated as Xe,Linking as
       </S>
 
       
-      <Rt visible={Ge}latestVersion={He}onClose={()=>ae(!1)}/>
+      <Rt visible={_e}latestVersion={Ae}onClose={()=>ae(!1)}/>
 
       
-      <Mt visible={qe}onClose={()=>me(!1)}/>
+      <Mt visible={qe}onClose={()=>fe(!1)}/>
 
       
-      <It item={be}visible={!!be}onClose={()=>N(null)}onDelete={async T=>{await E.deleteMedia(T.uri),F?.().catch(()=>{}),N(null)}}onConvertToGif={async T=>{const x=await E.convertToGif(T.uri,{fps:12,width:480});x&&(F?.().catch(()=>{}),N({id:`anim_${x.timestamp}.gif`,type:"gif",format:"gif",uri:x.uri,filename:x.uri.split("/").pop()||`anim_${x.timestamp}.gif`,sizeBytes:x.sizeBytes,timestamp:x.timestamp,durationMs:x.durationMs}))}}/>
-    </>});export default Nt;
+      <It item={me}visible={!!me}onClose={()=>N(null)}onDelete={async T=>{await W.deleteMedia(T.uri),U?.().catch(()=>{}),N(null)}}onConvertToGif={async T=>{const x=await W.convertToGif(T.uri,{fps:12,width:480});if(x){U?.().catch(()=>{});const A=ue("anim","gif");N({id:A,type:"gif",format:"gif",uri:x.uri,filename:x.uri.split("/").pop()||A,sizeBytes:x.sizeBytes,timestamp:x.timestamp,durationMs:x.durationMs})}}}/>
+    </>});export default jt;

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;