react-native-inapp-inspector 2.4.2 → 2.5.0

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

@@ -1,39 +1,47 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(r,t,a,o){o===void 0&&(o=a);var n=Object.getOwnPropertyDescriptor(t,a);(!n||("get"in n?!t.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(r,o,n)}):(function(r,t,a,o){o===void 0&&(o=a),r[o]=t[a]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(r,t){Object.defineProperty(r,"default",{enumerable:!0,value:t})}):function(r,t){r.default=t}),__importStar=this&&this.__importStar||(function(){var r=function(t){return r=Object.getOwnPropertyNames||function(a){var o=[];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(o[o.length]=n);return o},r(t)};return function(t){if(t&&t.__esModule)return t;var a={};if(t!=null)for(var o=r(t),n=0;n<o.length;n++)o[n]!=="default"&&__createBinding(a,t,o[n]);return __setModuleDefault(a,t),a}})(),__importDefault=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.LanguageSelectorModal=exports.COUNTRY_OPTIONS=void 0;const react_1=__importStar(require("react")),react_native_1=require("react-native"),TouchableScale_1=__importDefault(require("../TouchableScale")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),NetworkIcons_1=require("../NetworkIcons"),i18n_1=require("../../i18n"),settingsStore_1=require("../../helpers/settingsStore"),NativeInspector_1=require("../../native/NativeInspector"),toast_1=require("../../helpers/toast");exports.COUNTRY_OPTIONS=[{id:"all",name:"All",flag:"\u{1F310}",badge:"25"},{id:"in",name:"India",flag:"\u{1F1EE}\u{1F1F3}",badge:"38% Vol",langCodes:["hi","ta","te","kn","ml","bn","mr","gu","pa"]},{id:"us",name:"United States",flag:"\u{1F1FA}\u{1F1F8}",badge:"24% Vol",langCodes:["en","es"]},{id:"gb",name:"United Kingdom",flag:"\u{1F1EC}\u{1F1E7}",badge:"15% Vol",langCodes:["en"]},{id:"de",name:"Germany",flag:"\u{1F1E9}\u{1F1EA}",badge:"9% Vol",langCodes:["de"]},{id:"jp",name:"Japan",flag:"\u{1F1EF}\u{1F1F5}",badge:"6% Vol",langCodes:["ja"]},{id:"ca",name:"Canada",flag:"\u{1F1E8}\u{1F1E6}",badge:"5% Vol",langCodes:["en","fr"]},{id:"global",name:"Global / ROW",flag:"\u{1F310}",badge:"3% Vol",langCodes:["it","id","tr","vi","nl","pl","pt","ru","ar","zh","ko"]}],exports.LanguageSelectorModal=react_1.default.memo(({visible:r,onClose:t})=>{const{t:a}=(0,i18n_1.useTranslation)(),[o,n]=(0,react_1.useState)(""),[i,g]=(0,react_1.useState)("all"),u=(0,i18n_1.getLanguage)(),c=AppColors_1.AppColors.primaryLight!==AppColors_1.AppColors.white,s=(0,react_1.useMemo)(()=>exports.COUNTRY_OPTIONS.find(e=>e.id===i)||exports.COUNTRY_OPTIONS[0],[i]),p=(0,react_1.useMemo)(()=>i18n_1.SUPPORTED_LANGUAGES.filter(e=>{if(i!=="all"&&s?.langCodes&&!s.langCodes.includes(e.code))return!1;if(!o.trim())return!0;const l=o.trim().toLowerCase();return e.name.toLowerCase().includes(l)||e.nativeName.toLowerCase().includes(l)||e.code.toLowerCase().includes(l)}),[o,i,s]),h=async(e,l,y)=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),(0,i18n_1.setLanguage)(e);try{const d=await(0,settingsStore_1.loadSettings)();(0,settingsStore_1.saveSettings)({...d,language:e})}catch{}t(),n(""),(0,toast_1.showToast)(`${l} ${y}`)};return<react_native_1.Modal visible={r}transparent={!0}animationType="slide"onRequestClose={t}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(i,o,t,a){a===void 0&&(a=t);var n=Object.getOwnPropertyDescriptor(o,t);(!n||("get"in n?!o.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return o[t]}}),Object.defineProperty(i,a,n)}):(function(i,o,t,a){a===void 0&&(a=t),i[a]=o[t]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(i,o){Object.defineProperty(i,"default",{enumerable:!0,value:o})}):function(i,o){i.default=o}),__importStar=this&&this.__importStar||(function(){var i=function(o){return i=Object.getOwnPropertyNames||function(t){var a=[];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(a[a.length]=n);return a},i(o)};return function(o){if(o&&o.__esModule)return o;var t={};if(o!=null)for(var a=i(o),n=0;n<a.length;n++)a[n]!=="default"&&__createBinding(t,o,a[n]);return __setModuleDefault(t,o),t}})(),__importDefault=this&&this.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.LanguageSelectorModal=exports.COUNTRY_OPTIONS=void 0;const react_1=__importStar(require("react")),react_native_1=require("react-native"),react_native_linear_gradient_1=__importDefault(require("react-native-linear-gradient")),TouchableScale_1=__importDefault(require("../TouchableScale")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),NetworkIcons_1=require("../NetworkIcons"),i18n_1=require("../../i18n"),settingsStore_1=require("../../helpers/settingsStore"),NativeInspector_1=require("../../native/NativeInspector"),toast_1=require("../../helpers/toast");exports.COUNTRY_OPTIONS=[{id:"all",name:"All",flag:"\u{1F310}",badge:"25"},{id:"in",name:"India",flag:"\u{1F1EE}\u{1F1F3}",badge:"9",langCodes:["hi","ta","te","kn","ml","bn","mr","gu","pa"]},{id:"us",name:"United States",flag:"\u{1F1FA}\u{1F1F8}",badge:"2",langCodes:["en","es"]},{id:"gb",name:"United Kingdom",flag:"\u{1F1EC}\u{1F1E7}",badge:"1",langCodes:["en"]},{id:"de",name:"Germany",flag:"\u{1F1E9}\u{1F1EA}",badge:"1",langCodes:["de"]},{id:"jp",name:"Japan",flag:"\u{1F1EF}\u{1F1F5}",badge:"1",langCodes:["ja"]},{id:"ca",name:"Canada",flag:"\u{1F1E8}\u{1F1E6}",badge:"2",langCodes:["en","fr"]},{id:"global",name:"Global / Europe & Asia",flag:"\u{1F30D}",badge:"11",langCodes:["it","id","tr","vi","nl","pl","pt","ru","ar","zh","ko"]}];const LANGUAGE_ENGLISH_NAMES={en:"English (Default)",es:"Spanish",fr:"French",de:"German",zh:"Chinese (Simplified)",ja:"Japanese",ko:"Korean",pt:"Portuguese",ru:"Russian",hi:"Hindi",ta:"Tamil",te:"Telugu",kn:"Kannada",ml:"Malayalam",bn:"Bengali",mr:"Marathi",gu:"Gujarati",pa:"Punjabi",ar:"Arabic",it:"Italian",id:"Indonesian",tr:"Turkish",vi:"Vietnamese",nl:"Dutch",pl:"Polish"};exports.LanguageSelectorModal=react_1.default.memo(({visible:i,onClose:o})=>{const{t}=(0,i18n_1.useTranslation)(),[a,n]=(0,react_1.useState)(""),[c,y]=(0,react_1.useState)("all"),[l,g]=(0,react_1.useState)(null),p=(0,i18n_1.getLanguage)(),d=AppColors_1.AppColors.primaryLight!==AppColors_1.AppColors.white,u=(0,react_1.useMemo)(()=>exports.COUNTRY_OPTIONS.find(e=>e.id===c)||exports.COUNTRY_OPTIONS[0],[c]),C=(0,react_1.useMemo)(()=>i18n_1.SUPPORTED_LANGUAGES.filter(e=>{if(c!=="all"&&u?.langCodes&&!u.langCodes.includes(e.code))return!1;if(!a.trim())return!0;const r=a.trim().toLowerCase(),s=LANGUAGE_ENGLISH_NAMES[e.code]?.toLowerCase()||"";return e.name.toLowerCase().includes(r)||e.nativeName.toLowerCase().includes(r)||e.code.toLowerCase().includes(r)||s.includes(r)}),[a,c,u]),f=(e,r,s)=>{e!==p&&((0,NativeInspector_1.triggerNativeHaptic)("light"),g({code:e,flag:r,nativeName:s}))},b=async()=>{if(!l)return;(0,NativeInspector_1.triggerNativeHaptic)("medium"),(0,i18n_1.setLanguage)(l.code);try{const s=await(0,settingsStore_1.loadSettings)();await(0,settingsStore_1.saveSettings)({...s,language:l.code})}catch{}const{flag:e,nativeName:r}=l;g(null),o(),n(""),(0,toast_1.showToast)(`\u{1F504} ${e} ${r}`),__DEV__&&react_native_1.DevSettings&&react_native_1.DevSettings.reload&&react_native_1.DevSettings.reload()},h=()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),g(null)};return<react_native_1.Modal visible={i}transparent={!0}animationType="slide"statusBarTranslucent={!0}onRequestClose={o}>
       <react_native_1.View style={styles.overlay}>
         
-        <react_native_1.Pressable style={styles.backdrop}onPress={t}accessibilityRole="button"accessibilityLabel="Close bottom sheet"/>
+        <react_native_1.TouchableWithoutFeedback onPress={o}accessible={!0}accessibilityRole="button"accessibilityLabel="Close bottom sheet">
+          <react_native_1.View style={styles.backdrop}/>
+        </react_native_1.TouchableWithoutFeedback>
 
         
-        <react_native_1.View style={[styles.bottomSheet,{backgroundColor:c?AppColors_1.AppColors.npmDark:AppColors_1.AppColors.white}]}>
+        <react_native_1.View style={[styles.bottomSheet,{backgroundColor:d?AppColors_1.AppColors.npmDark:AppColors_1.AppColors.white}]}>
           
           <react_native_1.View style={styles.handleBarWrap}>
-            <react_native_1.View style={[styles.handleBar,{backgroundColor:c?"rgba(255,255,255,0.25)":"rgba(0,0,0,0.18)"}]}/>
+            <react_native_1.View style={[styles.handleBar,{backgroundColor:d?"rgba(255,255,255,0.25)":"rgba(0,0,0,0.18)"}]}/>
           </react_native_1.View>
 
           
           <react_native_1.View style={styles.header}>
             <react_native_1.View style={styles.headerTitleRow}>
-              <react_native_1.View style={styles.globeIconWrap}>
-                <NetworkIcons_1.GlobeIcon size={16}color={AppColors_1.AppColors.blue600}/>
-              </react_native_1.View>
+              <react_native_linear_gradient_1.default colors={[AppColors_1.AppColors.indigo600,AppColors_1.AppColors.violet600]}start={{x:0,y:0}}end={{x:1,y:1}}style={styles.globeIconWrap}>
+                <NetworkIcons_1.GlobeIcon size={17}color={AppColors_1.AppColors.white}/>
+              </react_native_linear_gradient_1.default>
               <react_native_1.View>
-                <react_native_1.Text style={styles.titleText}>
-                  {a("settings.general.selectLanguage","Select Language")}
-                </react_native_1.Text>
+                <react_native_1.View style={styles.titleRow}>
+                  <react_native_1.Text style={styles.titleText}>
+                    {t("settings.general.selectLanguage","Select Language")}
+                  </react_native_1.Text>
+                  <react_native_1.View style={styles.countBadge}>
+                    <react_native_1.Text style={styles.countBadgeText}>25</react_native_1.Text>
+                  </react_native_1.View>
+                </react_native_1.View>
                 <react_native_1.Text style={styles.subTitleText}>
-                  {a("settings.general.languageDescription","Choose preferred display language")}
+                  {t("settings.general.languageDescription","Choose preferred display language")}
                 </react_native_1.Text>
               </react_native_1.View>
             </react_native_1.View>
-            <TouchableScale_1.default onPress={t}hitSlop={10}style={styles.closeBtn}>
-              <NetworkIcons_1.CloseWhite size={12}color={AppColors_1.AppColors.grayText}/>
+            <TouchableScale_1.default onPress={o}hitSlop={12}accessible={!0}accessibilityRole="button"accessibilityLabel="Close language selector"style={[styles.closeBtn,{backgroundColor:d?"rgba(255, 255, 255, 0.16)":"rgba(0, 0, 0, 0.08)",borderColor:d?"rgba(255, 255, 255, 0.30)":"rgba(0, 0, 0, 0.18)"}]}>
+              <NetworkIcons_1.CloseWhite size={14}color={d?AppColors_1.AppColors.white:"#0F172A"}/>
             </TouchableScale_1.default>
           </react_native_1.View>
 
           
           <react_native_1.View style={styles.searchContainer}>
-            <react_native_1.TextInput value={o}onChangeText={n}placeholder={a("common.search","Search language, country or code...")}placeholderTextColor={AppColors_1.AppColors.grayTextWeak}style={styles.searchInput}autoCapitalize="none"autoCorrect={!1}clearButtonMode="while-editing"/>
-            {o.length>0&&<TouchableScale_1.default onPress={()=>n("")}style={styles.searchClearBtn}>
+            <NetworkIcons_1.SearchIcon color={AppColors_1.AppColors.grayTextWeak}size={15}/>
+            <react_native_1.TextInput value={a}onChangeText={n}placeholder={t("common.search","Search language, country or code...")}placeholderTextColor={AppColors_1.AppColors.grayTextWeak}style={styles.searchInput}autoCapitalize="none"autoCorrect={!1}clearButtonMode="never"/>
+            {a.length>0&&<TouchableScale_1.default onPress={()=>n("")}hitSlop={8}style={styles.searchClearBtn}>
                 <NetworkIcons_1.CloseWhite size={11}color={AppColors_1.AppColors.grayText}/>
               </TouchableScale_1.default>}
           </react_native_1.View>
@@ -41,13 +49,13 @@
           
           <react_native_1.View style={styles.countryScrollWrap}>
             <react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={!1}contentContainerStyle={styles.countryScrollContent}>
-              {exports.COUNTRY_OPTIONS.map(e=>{const l=e.id===i;return<TouchableScale_1.default key={e.id}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),g(e.id)}}style={[styles.countryChip,l&&styles.countryChipActive]}>
+              {exports.COUNTRY_OPTIONS.map(e=>{const r=e.id===c;return<TouchableScale_1.default key={e.id}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),y(e.id)}}style={[styles.countryChip,r&&styles.countryChipActive]}>
                     <react_native_1.Text style={styles.countryChipFlag}>{e.flag}</react_native_1.Text>
-                    <react_native_1.Text style={[styles.countryChipText,l&&styles.countryChipTextActive]}>
+                    <react_native_1.Text style={[styles.countryChipText,r&&styles.countryChipTextActive]}>
                       {e.name}
                     </react_native_1.Text>
-                    {e.badge&&<react_native_1.View style={[styles.countryChipBadge,l&&styles.countryChipBadgeActive]}>
-                        <react_native_1.Text style={[styles.countryChipBadgeText,l&&styles.countryChipBadgeTextActive]}>
+                    {e.badge&&<react_native_1.View style={[styles.countryChipBadge,r&&styles.countryChipBadgeActive]}>
+                        <react_native_1.Text style={[styles.countryChipBadgeText,r&&styles.countryChipBadgeTextActive]}>
                           {e.badge}
                         </react_native_1.Text>
                       </react_native_1.View>}
@@ -57,34 +65,108 @@
 
           
           <react_native_1.ScrollView style={styles.scrollList}contentContainerStyle={styles.scrollContent}showsVerticalScrollIndicator={!0}keyboardShouldPersistTaps="handled">
-            {p.length===0?<react_native_1.View style={styles.emptyStateWrap}>
+            {C.length===0?<react_native_1.View style={styles.emptyStateWrap}>
                 <react_native_1.Text style={styles.emptyStateText}>
-                  {a("common.noMatches","No languages match your search")}
+                  {t("common.noMatches","No languages match your search")}
                 </react_native_1.Text>
-              </react_native_1.View>:p.map(e=>{const l=e.code===u;return<TouchableScale_1.default key={e.code}onPress={()=>h(e.code,e.flag,e.nativeName)}style={[styles.langRow,l&&styles.langRowSelected]}>
+              </react_native_1.View>:C.map(e=>{const r=e.code===p,s=LANGUAGE_ENGLISH_NAMES[e.code]||e.name;return<TouchableScale_1.default key={e.code}onPress={()=>f(e.code,e.flag,e.nativeName)}style={[styles.langRow,r&&styles.langRowSelected]}>
+                    
+                    {r&&<react_native_1.View style={styles.activeAccentBar}/>}
+
                     <react_native_1.View style={styles.langRowLeft}>
-                      <react_native_1.Text style={styles.langFlag}>{e.flag}</react_native_1.Text>
+                      <react_native_1.View style={[styles.flagContainer,r&&styles.flagContainerSelected]}>
+                        <react_native_1.Text style={styles.langFlag}>{e.flag}</react_native_1.Text>
+                      </react_native_1.View>
                       <react_native_1.View style={styles.langTextCol}>
                         <react_native_1.View style={styles.langTitleRow}>
-                          <react_native_1.Text style={[styles.langNativeName,l&&styles.langNativeNameSelected]}>
+                          <react_native_1.Text style={[styles.langNativeName,r&&styles.langNativeNameSelected]}>
                             {e.nativeName}
                           </react_native_1.Text>
-                          <react_native_1.View style={styles.codePill}>
-                            <react_native_1.Text style={styles.codePillText}>
+                          <react_native_1.View style={[styles.codePill,r&&styles.codePillSelected]}>
+                            <react_native_1.Text style={[styles.codePillText,r&&styles.codePillTextSelected]}>
                               {e.code.toUpperCase()}
                             </react_native_1.Text>
                           </react_native_1.View>
                         </react_native_1.View>
-                        <react_native_1.Text style={styles.langEnglishName}>
-                          {e.name}
+                        <react_native_1.Text style={[styles.langEnglishName,r&&styles.langEnglishNameSelected]}>
+                          {s}
                         </react_native_1.Text>
                       </react_native_1.View>
                     </react_native_1.View>
-                    {l&&<react_native_1.View style={styles.checkIconWrap}>
-                        <NetworkIcons_1.CheckIcon size={13}color={AppColors_1.AppColors.white}/>
-                      </react_native_1.View>}
+
+                    {r?<react_native_linear_gradient_1.default colors={[AppColors_1.AppColors.indigo600,AppColors_1.AppColors.violet600]}start={{x:0,y:0}}end={{x:1,y:1}}style={styles.checkIconWrap}>
+                        <NetworkIcons_1.CheckIcon size={12}color={AppColors_1.AppColors.white}/>
+                      </react_native_linear_gradient_1.default>:<react_native_1.View style={styles.uncheckPlaceholder}/>}
                   </TouchableScale_1.default>})}
           </react_native_1.ScrollView>
         </react_native_1.View>
+
+        
+        {l!=null&&<react_native_1.View style={[react_native_1.StyleSheet.absoluteFill,confirmStyles.overlay]}>
+            <react_native_1.TouchableWithoutFeedback onPress={h}>
+              <react_native_1.View style={confirmStyles.backdrop}/>
+            </react_native_1.TouchableWithoutFeedback>
+            <react_native_1.View style={confirmStyles.card}>
+              
+              <TouchableScale_1.default onPress={h}hitSlop={8}style={confirmStyles.cornerCloseBtn}>
+                <NetworkIcons_1.CloseWhite size={11}color={AppColors_1.AppColors.grayTextWeak}/>
+              </TouchableScale_1.default>
+
+              
+              <react_native_1.View style={confirmStyles.iconBadge}>
+                <react_native_1.Text style={confirmStyles.iconFlag}>{l.flag}</react_native_1.Text>
+              </react_native_1.View>
+
+              
+              <react_native_1.Text style={confirmStyles.title}>
+                {t("language.confirmTitle","Change Language?")}
+              </react_native_1.Text>
+              <react_native_1.Text style={confirmStyles.message}>
+                {t("language.confirmMessage",`Switch to ${l.nativeName} (${LANGUAGE_ENGLISH_NAMES[l.code]||l.nativeName})? The inspector will reload to apply the new language.`)}
+              </react_native_1.Text>
+
+              
+              <react_native_1.View style={confirmStyles.switchPreview}>
+                <react_native_1.View style={confirmStyles.switchItem}>
+                  <react_native_1.Text style={confirmStyles.switchLabel}>
+                    {t("language.current","Current")}
+                  </react_native_1.Text>
+                  <react_native_1.Text style={confirmStyles.switchValue}>
+                    {i18n_1.SUPPORTED_LANGUAGES.find(e=>e.code===p)?.flag||"\u{1F310}"}{" "}
+                    {p.toUpperCase()}
+                  </react_native_1.Text>
+                </react_native_1.View>
+                <react_native_1.View style={confirmStyles.switchArrow}>
+                  <react_native_1.Text style={confirmStyles.switchArrowText}>→</react_native_1.Text>
+                </react_native_1.View>
+                <react_native_1.View style={confirmStyles.switchItem}>
+                  <react_native_1.Text style={[confirmStyles.switchLabel,{color:AppColors_1.AppColors.indigo600}]}>
+                    {t("language.new","New")}
+                  </react_native_1.Text>
+                  <react_native_1.Text style={[confirmStyles.switchValue,{color:AppColors_1.AppColors.indigo600,fontFamily:AppFonts_1.AppFonts.interBold}]}>
+                    {l.flag} {l.code.toUpperCase()}
+                  </react_native_1.Text>
+                </react_native_1.View>
+              </react_native_1.View>
+
+              
+              <react_native_1.View style={confirmStyles.buttonRow}>
+                <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel={t("common.cancel","Cancel")}onPress={h}style={confirmStyles.cancelBtn}>
+                  <react_native_1.Text style={confirmStyles.cancelBtnText}>
+                    {t("common.cancel","Cancel")}
+                  </react_native_1.Text>
+                </TouchableScale_1.default>
+
+                <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel={t("language.confirmApply","Apply & Reload")}onPress={b}style={confirmStyles.confirmBtn}>
+                  <react_native_linear_gradient_1.default colors={[AppColors_1.AppColors.indigo600,AppColors_1.AppColors.violet600]}start={{x:0,y:0}}end={{x:1,y:1}}style={confirmStyles.confirmBtnGradient}>
+                    <NetworkIcons_1.ResetIcon size={13}color={AppColors_1.AppColors.white}/>
+                    <react_native_1.Text style={confirmStyles.confirmBtnText}>
+                      {t("language.confirmApply","Apply & Reload")}
+                    </react_native_1.Text>
+                  </react_native_linear_gradient_1.default>
+                </TouchableScale_1.default>
+              </react_native_1.View>
+            </react_native_1.View>
+          </react_native_1.View>}
       </react_native_1.View>
-    </react_native_1.Modal>});const styles=react_native_1.StyleSheet.create({overlay:{flex:1,backgroundColor:"rgba(0, 0, 0, 0.55)",justifyContent:"flex-end"},backdrop:{...react_native_1.StyleSheet.absoluteFillObject},bottomSheet:{width:"100%",height:Math.min(Math.max(react_native_1.Dimensions.get("window").height*.7,480),580),borderTopLeftRadius:24,borderTopRightRadius:24,paddingTop:8,paddingBottom:react_native_1.Platform.OS==="ios"?28:16,shadowColor:AppColors_1.AppColors.black,shadowOpacity:.25,shadowRadius:16,shadowOffset:{width:0,height:-4},elevation:12},handleBarWrap:{alignItems:"center",paddingVertical:6},handleBar:{width:38,height:4.5,borderRadius:2.5},header:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:16,paddingVertical:10,borderBottomWidth:react_native_1.StyleSheet.hairlineWidth,borderBottomColor:AppColors_1.AppColors.grayBorderSecondary},headerTitleRow:{flexDirection:"row",alignItems:"center",gap:10},globeIconWrap:{width:30,height:30,borderRadius:8,backgroundColor:`${AppColors_1.AppColors.blue600}14`,alignItems:"center",justifyContent:"center"},titleText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:15,color:AppColors_1.AppColors.primaryBlack},subTitleText:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,color:AppColors_1.AppColors.grayText,marginTop:1},closeBtn:{width:28,height:28,borderRadius:14,backgroundColor:AppColors_1.AppColors.grayBackground,alignItems:"center",justifyContent:"center"},closeBtnText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12,color:AppColors_1.AppColors.grayText},searchContainer:{flexDirection:"row",alignItems:"center",marginHorizontal:14,marginTop:10,marginBottom:6,paddingHorizontal:10,height:38,borderRadius:10,backgroundColor:AppColors_1.AppColors.grayBackground,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary},searchInput:{flex:1,height:"100%",fontSize:12.5,fontFamily:AppFonts_1.AppFonts.interRegular,color:AppColors_1.AppColors.primaryBlack,paddingVertical:0},searchClearBtn:{padding:4},searchClearText:{fontSize:12,color:AppColors_1.AppColors.grayText,fontFamily:AppFonts_1.AppFonts.interBold},countryScrollWrap:{borderBottomWidth:react_native_1.StyleSheet.hairlineWidth,borderBottomColor:AppColors_1.AppColors.grayBorderSecondary,paddingVertical:6},countryScrollContent:{paddingHorizontal:14,gap:6,flexDirection:"row",alignItems:"center"},countryChip:{flexDirection:"row",alignItems:"center",paddingHorizontal:10,paddingVertical:6,borderRadius:16,backgroundColor:AppColors_1.AppColors.grayBackground,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,gap:5},countryChipActive:{backgroundColor:`${AppColors_1.AppColors.purple}14`,borderColor:`${AppColors_1.AppColors.purple}55`},countryChipFlag:{fontSize:13},countryChipText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11.5,color:AppColors_1.AppColors.primaryBlack},countryChipTextActive:{fontFamily:AppFonts_1.AppFonts.interBold,color:AppColors_1.AppColors.purple},countryChipBadge:{paddingHorizontal:5,paddingVertical:1,borderRadius:8,backgroundColor:`${AppColors_1.AppColors.black}0A`},countryChipBadgeActive:{backgroundColor:`${AppColors_1.AppColors.purple}22`},countryChipBadgeText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:9.5,color:AppColors_1.AppColors.grayText},countryChipBadgeTextActive:{color:AppColors_1.AppColors.purple,fontFamily:AppFonts_1.AppFonts.interBold},scrollList:{flex:1},scrollContent:{paddingBottom:16},emptyStateWrap:{padding:30,alignItems:"center",justifyContent:"center"},emptyStateText:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:12.5,color:AppColors_1.AppColors.grayText},langRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:16,paddingVertical:12,borderBottomWidth:react_native_1.StyleSheet.hairlineWidth,borderBottomColor:AppColors_1.AppColors.grayBorderSecondary},langRowSelected:{backgroundColor:`${AppColors_1.AppColors.purple}10`},langRowLeft:{flexDirection:"row",alignItems:"center",gap:12,flex:1},langFlag:{fontSize:20},langTextCol:{flex:1},langTitleRow:{flexDirection:"row",alignItems:"center",gap:6},langNativeName:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:13.5,color:AppColors_1.AppColors.primaryBlack},langNativeNameSelected:{fontFamily:AppFonts_1.AppFonts.interBold,color:AppColors_1.AppColors.purple},codePill:{backgroundColor:`${AppColors_1.AppColors.purple}14`,paddingHorizontal:5,paddingVertical:1,borderRadius:4},codePillText:{fontSize:9.5,fontFamily:AppFonts_1.AppFonts.interBold,color:AppColors_1.AppColors.purple,letterSpacing:.5},langEnglishName:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,color:AppColors_1.AppColors.grayText,marginTop:1},checkIconWrap:{width:22,height:22,borderRadius:11,backgroundColor:AppColors_1.AppColors.purple,alignItems:"center",justifyContent:"center"}});
+    </react_native_1.Modal>});const styles=react_native_1.StyleSheet.create({overlay:{flex:1,backgroundColor:"rgba(10, 15, 30, 0.60)",justifyContent:"flex-end"},backdrop:{...react_native_1.StyleSheet.absoluteFillObject},bottomSheet:{width:"100%",height:Math.min(Math.max(react_native_1.Dimensions.get("window").height*.74,520),620),borderTopLeftRadius:26,borderTopRightRadius:26,paddingTop:8,paddingBottom:react_native_1.Platform.OS==="ios"?28:16,shadowColor:AppColors_1.AppColors.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:react_native_1.StyleSheet.hairlineWidth,borderBottomColor:AppColors_1.AppColors.grayBorderSecondary},headerTitleRow:{flexDirection:"row",alignItems:"center",gap:10},globeIconWrap:{width:34,height:34,borderRadius:10,alignItems:"center",justifyContent:"center",shadowColor:AppColors_1.AppColors.indigo600,shadowOffset:{width:0,height:2},shadowOpacity:.25,shadowRadius:4,elevation:3},titleRow:{flexDirection:"row",alignItems:"center",gap:6},titleText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:15.5,color:AppColors_1.AppColors.primaryBlack,letterSpacing:-.2},countBadge:{backgroundColor:`${AppColors_1.AppColors.indigo600}18`,paddingHorizontal:6,paddingVertical:1,borderRadius:10},countBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,color:AppColors_1.AppColors.indigo600},subTitleText:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,color:AppColors_1.AppColors.grayText,marginTop:1},closeBtn:{width:30,height:30,borderRadius:15,backgroundColor:`${AppColors_1.AppColors.black}0D`,borderWidth:1,borderColor:`${AppColors_1.AppColors.black}1A`,alignItems:"center",justifyContent:"center"},searchContainer:{flexDirection:"row",alignItems:"center",marginHorizontal:14,marginTop:10,marginBottom:6,paddingHorizontal:10,height:40,borderRadius:12,backgroundColor:AppColors_1.AppColors.grayBackground,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,gap:8},searchInput:{flex:1,height:"100%",fontSize:12.5,fontFamily:AppFonts_1.AppFonts.interMedium,color:AppColors_1.AppColors.primaryBlack,paddingVertical:0},searchClearBtn:{width:20,height:20,borderRadius:10,backgroundColor:`${AppColors_1.AppColors.grayText}22`,alignItems:"center",justifyContent:"center"},countryScrollWrap:{borderBottomWidth:react_native_1.StyleSheet.hairlineWidth,borderBottomColor:AppColors_1.AppColors.grayBorderSecondary,paddingVertical:7},countryScrollContent:{paddingHorizontal:14,gap:6,flexDirection:"row",alignItems:"center"},countryChip:{flexDirection:"row",alignItems:"center",paddingHorizontal:10,paddingVertical:6,borderRadius:20,backgroundColor:AppColors_1.AppColors.grayBackground,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,gap:5},countryChipActive:{backgroundColor:`${AppColors_1.AppColors.brandPurple}14`,borderColor:`${AppColors_1.AppColors.brandPurple}55`},countryChipFlag:{fontSize:13},countryChipText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11.5,color:AppColors_1.AppColors.primaryBlack},countryChipTextActive:{fontFamily:AppFonts_1.AppFonts.interBold,color:AppColors_1.AppColors.brandPurple},countryChipBadge:{paddingHorizontal:5.5,paddingVertical:1,borderRadius:8,backgroundColor:`${AppColors_1.AppColors.black}0A`},countryChipBadgeActive:{backgroundColor:`${AppColors_1.AppColors.brandPurple}22`},countryChipBadgeText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:9.5,color:AppColors_1.AppColors.grayText},countryChipBadgeTextActive:{color:AppColors_1.AppColors.brandPurple,fontFamily:AppFonts_1.AppFonts.interBold},scrollList:{flex:1},scrollContent:{paddingBottom:16},emptyStateWrap:{padding:36,alignItems:"center",justifyContent:"center"},emptyStateText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:13,color:AppColors_1.AppColors.grayText},langRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:16,paddingVertical:11,borderBottomWidth:react_native_1.StyleSheet.hairlineWidth,borderBottomColor:AppColors_1.AppColors.grayBorderSecondary,position:"relative"},langRowSelected:{backgroundColor:`${AppColors_1.AppColors.indigo600}0C`},activeAccentBar:{position:"absolute",left:0,top:4,bottom:4,width:3.5,borderTopRightRadius:3,borderBottomRightRadius:3,backgroundColor:AppColors_1.AppColors.indigo600},langRowLeft:{flexDirection:"row",alignItems:"center",gap:12,flex:1},flagContainer:{width:36,height:36,borderRadius:10,backgroundColor:AppColors_1.AppColors.grayBackground,alignItems:"center",justifyContent:"center",borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary},flagContainerSelected:{borderColor:`${AppColors_1.AppColors.indigo600}44`,backgroundColor:`${AppColors_1.AppColors.indigo600}14`},langFlag:{fontSize:19},langTextCol:{flex:1},langTitleRow:{flexDirection:"row",alignItems:"center",gap:6},langNativeName:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:14,color:AppColors_1.AppColors.primaryBlack},langNativeNameSelected:{fontFamily:AppFonts_1.AppFonts.interBold,color:AppColors_1.AppColors.indigo600},codePill:{backgroundColor:`${AppColors_1.AppColors.black}0A`,paddingHorizontal:5,paddingVertical:1,borderRadius:4},codePillSelected:{backgroundColor:`${AppColors_1.AppColors.indigo600}18`},codePillText:{fontSize:9.5,fontFamily:AppFonts_1.AppFonts.interBold,color:AppColors_1.AppColors.grayText,letterSpacing:.4},codePillTextSelected:{color:AppColors_1.AppColors.indigo600},langEnglishName:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11.5,color:AppColors_1.AppColors.grayText,marginTop:1.5},langEnglishNameSelected:{color:AppColors_1.AppColors.indigo600,fontFamily:AppFonts_1.AppFonts.interMedium},checkIconWrap:{width:24,height:24,borderRadius:12,alignItems:"center",justifyContent:"center",shadowColor:AppColors_1.AppColors.indigo600,shadowOffset:{width:0,height:2},shadowOpacity:.35,shadowRadius:3,elevation:3},uncheckPlaceholder:{width:24,height:24}}),confirmStyles=react_native_1.StyleSheet.create({overlay:{flex:1,backgroundColor:"rgba(10, 15, 30, 0.72)",justifyContent:"center",alignItems:"center",paddingHorizontal:24,zIndex:999999,elevation:999},backdrop:{...react_native_1.StyleSheet.absoluteFillObject},card:{width:"100%",maxWidth:340,backgroundColor:AppColors_1.AppColors.white,borderRadius:22,paddingTop:24,paddingBottom:18,paddingHorizontal:20,alignItems:"center",borderWidth:1,borderColor:`${AppColors_1.AppColors.white}CC`,...react_native_1.Platform.select({ios:{shadowColor:AppColors_1.AppColors.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:AppColors_1.AppColors.graySurface,alignItems:"center",justifyContent:"center"},iconBadge:{width:58,height:58,borderRadius:29,borderWidth:1.5,borderColor:`${AppColors_1.AppColors.indigo600}33`,backgroundColor:`${AppColors_1.AppColors.indigo600}14`,alignItems:"center",justifyContent:"center",marginBottom:14},iconFlag:{fontSize:28},title:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:17,color:AppColors_1.AppColors.slate900,textAlign:"center",marginBottom:8,letterSpacing:-.2},message:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:13,color:AppColors_1.AppColors.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:AppColors_1.AppColors.grayBackground,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,width:"100%"},switchItem:{alignItems:"center",gap:3,flex:1},switchLabel:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10,color:AppColors_1.AppColors.grayText,textTransform:"uppercase",letterSpacing:.5},switchValue:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:14,color:AppColors_1.AppColors.primaryBlack},switchArrow:{width:24,height:24,borderRadius:12,backgroundColor:`${AppColors_1.AppColors.indigo600}18`,alignItems:"center",justifyContent:"center"},switchArrowText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:14,color:AppColors_1.AppColors.indigo600},buttonRow:{flexDirection:"row",alignItems:"center",gap:10,width:"100%"},cancelBtn:{flex:1,height:44,borderRadius:12,backgroundColor:AppColors_1.AppColors.graySurface,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,alignItems:"center",justifyContent:"center"},cancelBtnText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:14,color:AppColors_1.AppColors.grayText},confirmBtn:{flex:1.15,height:44,borderRadius:12,overflow:"hidden",...react_native_1.Platform.select({ios:{shadowColor:AppColors_1.AppColors.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:AppFonts_1.AppFonts.interBold,fontSize:13.5,color:AppColors_1.AppColors.white,letterSpacing:.2}});exports.default=exports.LanguageSelectorModal;

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

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