react-native-inapp-inspector 2.4.0 → 2.4.2

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

@@ -0,0 +1,90 @@
+"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}>
+      <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.View style={[styles.bottomSheet,{backgroundColor:c?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>
+
+          
+          <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_1.View>
+                <react_native_1.Text style={styles.titleText}>
+                  {a("settings.general.selectLanguage","Select Language")}
+                </react_native_1.Text>
+                <react_native_1.Text style={styles.subTitleText}>
+                  {a("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>
+          </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.CloseWhite size={11}color={AppColors_1.AppColors.grayText}/>
+              </TouchableScale_1.default>}
+          </react_native_1.View>
+
+          
+          <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]}>
+                    <react_native_1.Text style={styles.countryChipFlag}>{e.flag}</react_native_1.Text>
+                    <react_native_1.Text style={[styles.countryChipText,l&&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.Text>
+                      </react_native_1.View>}
+                  </TouchableScale_1.default>})}
+            </react_native_1.ScrollView>
+          </react_native_1.View>
+
+          
+          <react_native_1.ScrollView style={styles.scrollList}contentContainerStyle={styles.scrollContent}showsVerticalScrollIndicator={!0}keyboardShouldPersistTaps="handled">
+            {p.length===0?<react_native_1.View style={styles.emptyStateWrap}>
+                <react_native_1.Text style={styles.emptyStateText}>
+                  {a("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 style={styles.langRowLeft}>
+                      <react_native_1.Text style={styles.langFlag}>{e.flag}</react_native_1.Text>
+                      <react_native_1.View style={styles.langTextCol}>
+                        <react_native_1.View style={styles.langTitleRow}>
+                          <react_native_1.Text style={[styles.langNativeName,l&&styles.langNativeNameSelected]}>
+                            {e.nativeName}
+                          </react_native_1.Text>
+                          <react_native_1.View style={styles.codePill}>
+                            <react_native_1.Text style={styles.codePillText}>
+                              {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>
+                      </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>}
+                  </TouchableScale_1.default>})}
+          </react_native_1.ScrollView>
+        </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"}});

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

@@ -1,76 +1,82 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(a,e,t,o){o===void 0&&(o=t);var l=Object.getOwnPropertyDescriptor(e,t);(!l||("get"in l?!e.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(a,o,l)}):(function(a,e,t,o){o===void 0&&(o=t),a[o]=e[t]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(a,e){Object.defineProperty(a,"default",{enumerable:!0,value:e})}):function(a,e){a.default=e}),__importStar=this&&this.__importStar||(function(){var a=function(e){return a=Object.getOwnPropertyNames||function(t){var o=[];for(var l in t)Object.prototype.hasOwnProperty.call(t,l)&&(o[o.length]=l);return o},a(e)};return function(e){if(e&&e.__esModule)return e;var t={};if(e!=null)for(var o=a(e),l=0;l<o.length;l++)o[l]!=="default"&&__createBinding(t,e,o[l]);return __setModuleDefault(t,e),t}})(),__importDefault=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),InspectorContext_1=require("./InspectorContext"),ErrorBoundary_1=__importDefault(require("../ErrorBoundary")),ModuleErrorBoundary_1=__importDefault(require("../ModuleErrorBoundary")),FabLauncher_1=__importDefault(require("./FabLauncher")),InspectorHeader_1=__importDefault(require("./InspectorHeader")),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")),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")),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:a,modalAnimationType:e,closeModal:t,modalHeightPercent:o,selected:l,selectedEvent:s,selectedLog:f,selectedReduxSlice:m,selectedReduxAction:_,selectedCrash:p,selectedPush:c,setSelectedPush:y,settingsPage:i,isAboutOpen:n,setIsAboutOpen:b,activeTab:r,isReady:h,enabled:w,hasNavigationContext:S,setNavState:C}=(0,InspectorContext_1.useInspector)(),g=r==="apis"&&l!=null||r==="analytics"&&s!=null||r==="logs"&&f!=null||r==="redux"&&(m!=null||_!=null)||r==="crash"&&p!=null||r==="push"&&c!=null,u=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current;(0,react_1.useEffect)(()=>{i!==null&&(u.setValue(0),react_native_1.Animated.spring(u,{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;return(0,react_1.useEffect)(()=>{n&&(d.setValue(0),react_native_1.Animated.spring(d,{toValue:1,friction:8,tension:65,useNativeDriver:!1}).start())},[n]),<>
-      {(react_native_1.Platform.OS==="ios"||react_native_1.Platform.OS==="android")&&w&&!a&&<FabLauncher_1.default/>}
-      <react_native_1.Modal visible={a}animationType={e}transparent statusBarTranslucent={!0}onRequestClose={t}>
-        <ErrorBoundary_1.default onClose={t}>
+"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/>}
+      <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.Pressable style={styles_1.default.modalBackdropPressable}onPress={t}/>
-            <react_native_1.View style={[styles_1.default.modalContentCard,{height:`${o}%`,borderTopLeftRadius:o>=100?0:20,borderTopRightRadius:o>=100?0:20}]}>
+            <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.StatusBar translucent backgroundColor="transparent"barStyle="light-content"/>
 
               <InspectorHeader_1.default/>
 
-              <react_native_1.View style={{flex:1}}>
+              <react_native_1.View style={{flex:1,overflow:"hidden",backgroundColor:AppColors_1.AppColors.grayBackground}}>
                 
-                <react_native_1.View style={{flex:1}}pointerEvents={g||i!==null||n?"none":"auto"}>
+                <react_native_1.View style={{flex:1}}pointerEvents={y||i!==null||n||u?"none":"auto"}>
                   <TabBar_1.default/>
-                  {h?<react_native_1.View style={{flex:1}}>
-                      {r==="apis"&&<ModuleErrorBoundary_1.default moduleName="Network API Monitor">
+                  {v?<react_native_1.View style={{flex:1}}>
+                      {t==="apis"&&<ModuleErrorBoundary_1.default moduleName="Network API Monitor">
                           <NetworkTab_1.default/>
                         </ModuleErrorBoundary_1.default>}
-                      {r==="logs"&&<ModuleErrorBoundary_1.default moduleName="Console Logs Monitor">
+                      {t==="logs"&&<ModuleErrorBoundary_1.default moduleName="Console Logs Monitor">
                           <ConsoleTab_1.default/>
                         </ModuleErrorBoundary_1.default>}
-                      {r==="analytics"&&<ModuleErrorBoundary_1.default moduleName="Analytics Event Tracker">
+                      {t==="analytics"&&<ModuleErrorBoundary_1.default moduleName="Analytics Event Tracker">
                           <AnalyticsTab_1.default/>
                         </ModuleErrorBoundary_1.default>}
-                      {r==="redux"&&<ModuleErrorBoundary_1.default moduleName="Redux State Inspector">
+                      {t==="redux"&&<ModuleErrorBoundary_1.default moduleName="Redux State Inspector">
                           <ReduxTab_1.default/>
                         </ModuleErrorBoundary_1.default>}
-                      {r==="crash"&&<ModuleErrorBoundary_1.default moduleName="Crash Reporter">
+                      {t==="crash"&&<ModuleErrorBoundary_1.default moduleName="Crash Reporter">
                           <CrashTab_1.default/>
                         </ModuleErrorBoundary_1.default>}
-                      {r==="push"&&<ModuleErrorBoundary_1.default moduleName="Push Notifications">
+                      {t==="push"&&<ModuleErrorBoundary_1.default moduleName="Push Notifications">
                           <PushTab_1.default/>
                         </ModuleErrorBoundary_1.default>}
-                      {r==="device"&&<ModuleErrorBoundary_1.default moduleName="Device Diagnostics">
+                      {t==="socket"&&<ModuleErrorBoundary_1.default moduleName="WebSocket & Socket.IO">
+                          <SocketTab_1.default/>
+                        </ModuleErrorBoundary_1.default>}
+                      {t==="device"&&<ModuleErrorBoundary_1.default moduleName="Device Diagnostics">
                           <DeviceInfoTab_1.default/>
                         </ModuleErrorBoundary_1.default>}
-                      {r==="storage"&&<ModuleErrorBoundary_1.default moduleName="Storage Inspector">
+                      {t==="storage"&&<ModuleErrorBoundary_1.default moduleName="Storage Inspector">
                           <StorageTab_1.default/>
                         </ModuleErrorBoundary_1.default>}
-                      {r==="media"&&<ModuleErrorBoundary_1.default moduleName="Media Gallery">
+                      {t==="media"&&<ModuleErrorBoundary_1.default moduleName="Media Gallery">
                           <MediaGalleryTab_1.MediaGalleryTab/>
                         </ModuleErrorBoundary_1.default>}
-                      {react_native_1.Platform.OS==="android"&&(0,helpers_1.isLocalDebugEnvironment)()&&r==="debugging"&&<ModuleErrorBoundary_1.default moduleName="Debugging Utilities">
+                      {react_native_1.Platform.OS==="android"&&(0,helpers_1.isLocalDebugEnvironment)()&&t==="debugging"&&<ModuleErrorBoundary_1.default moduleName="Debugging Utilities">
                             <DebuggingTab_1.default/>
                           </ModuleErrorBoundary_1.default>}
                     </react_native_1.View>:<MainScreenSkeleton/>}
                 </react_native_1.View>
 
                 
-                {g&&<react_native_1.View style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:AppColors_1.AppColors.contentBg,zIndex:10}]}>
-                    {r==="apis"&&l!=null&&<ModuleErrorBoundary_1.default moduleName="Network Request Details">
+                {y&&<react_native_1.View style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:AppColors_1.AppColors.contentBg,zIndex:10}]}>
+                    {t==="apis"&&l!=null&&<ModuleErrorBoundary_1.default moduleName="Network Request Details">
                         <NetworkDetail_1.default/>
                       </ModuleErrorBoundary_1.default>}
-                    {r==="analytics"&&s!=null&&<ModuleErrorBoundary_1.default moduleName="Analytics Event Details">
-                        <AnalyticsDetail_1.default event={s}/>
+                    {t==="analytics"&&f!=null&&<ModuleErrorBoundary_1.default moduleName="Analytics Event Details">
+                        <AnalyticsDetail_1.default event={f}/>
                       </ModuleErrorBoundary_1.default>}
-                    {r==="logs"&&f!=null&&<ModuleErrorBoundary_1.default moduleName="Console Log Details">
+                    {t==="logs"&&m!=null&&<ModuleErrorBoundary_1.default moduleName="Console Log Details">
                         <LogDetail_1.default/>
                       </ModuleErrorBoundary_1.default>}
-                    {r==="redux"&&<ModuleErrorBoundary_1.default moduleName="Redux Action & State Details">
+                    {t==="redux"&&<ModuleErrorBoundary_1.default moduleName="Redux Action & State Details">
                         <ReduxDetail_1.default/>
                       </ModuleErrorBoundary_1.default>}
-                    {r==="crash"&&p!=null&&<ModuleErrorBoundary_1.default moduleName="Crash Log Details">
+                    {t==="crash"&&_!=null&&<ModuleErrorBoundary_1.default moduleName="Crash Log Details">
                         <CrashDetail_1.default/>
                       </ModuleErrorBoundary_1.default>}
-                    {r==="push"&&c!=null&&<ModuleErrorBoundary_1.default moduleName="Push Notification Details">
-                        <PushDetail_1.default item={c}onClose={()=>y(null)}/>
+                    {t==="push"&&p!=null&&<ModuleErrorBoundary_1.default moduleName="Push Notification Details">
+                        <PushDetail_1.default item={p}onClose={()=>S(null)}/>
+                      </ModuleErrorBoundary_1.default>}
+                    {t==="socket"&&g!=null&&<ModuleErrorBoundary_1.default moduleName="WebSocket & Socket.IO Details">
+                        <SocketDetail_1.default item={g}onClose={()=>w(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:u,transform:[{translateY:u.interpolate({inputRange:[0,1],outputRange:[24,0]})}]}]}>
+                {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]})}]}]}>
                     <ModuleErrorBoundary_1.default moduleName="Settings Panel">
                       <SettingsPanel_1.default/>
                     </ModuleErrorBoundary_1.default>
@@ -79,7 +85,14 @@
                 
                 {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]})}]}]}>
                     <ModuleErrorBoundary_1.default moduleName="About & Diagnostics">
-                      <AboutModal_1.default onClose={()=>b(!1)}/>
+                      <AboutModal_1.default onClose={()=>C(!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]})}]}]}>
+                    <ModuleErrorBoundary_1.default moduleName="Support & Community">
+                      <SupportPage_1.SupportPage onClose={()=>A(!1)}/>
                     </ModuleErrorBoundary_1.default>
                   </react_native_1.Animated.View>}
               </react_native_1.View>
@@ -95,9 +108,9 @@
             </react_native_1.View>
           </react_native_1.View>
         </ErrorBoundary_1.default>
-      {S&&<NavigationTracker_1.default onStateChange={C}/>}
+      {B&&<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 t=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 t.start(),()=>t.stop()},[e]),<react_native_1.View style={skeletonStyles.container}>
+    </>},MainScreenSkeleton=react_1.default.memo(function(){const e=(0,react_1.useRef)(new react_native_1.Animated.Value(.35)).current;return(0,react_1.useEffect)(()=>{const r=react_native_1.Animated.loop(react_native_1.Animated.sequence([react_native_1.Animated.timing(e,{toValue:.85,duration:750,useNativeDriver:!1}),react_native_1.Animated.timing(e,{toValue:.35,duration:750,useNativeDriver:!1})]));return r.start(),()=>r.stop()},[e]),<react_native_1.View style={skeletonStyles.container}>
       
       <react_native_1.View style={skeletonStyles.toolbarSkeleton}>
         <react_native_1.Animated.View style={[skeletonStyles.searchBarSkeleton,{opacity:e}]}/>
@@ -116,7 +129,7 @@
       </react_native_1.View>
 
       
-      {[0,1,2,3].map(t=><react_native_1.Animated.View key={`skeleton_card_${t}`}style={[skeletonStyles.cardSkeleton,{opacity:e}]}>
+      {[0,1,2,3].map(r=><react_native_1.Animated.View key={`skeleton_card_${r}`}style={[skeletonStyles.cardSkeleton,{opacity:e}]}>
           <react_native_1.View style={skeletonStyles.cardTopRow}>
             <react_native_1.View style={skeletonStyles.badgeGroup}>
               <react_native_1.View style={skeletonStyles.statusBadgeSkeleton}/>

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

@@ -1,12 +1,12 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(t,i,n,r){r===void 0&&(r=n);var s=Object.getOwnPropertyDescriptor(i,n);(!s||("get"in s?!i.__esModule:s.writable||s.configurable))&&(s={enumerable:!0,get:function(){return i[n]}}),Object.defineProperty(t,r,s)}):(function(t,i,n,r){r===void 0&&(r=n),t[r]=i[n]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(t,i){Object.defineProperty(t,"default",{enumerable:!0,value:i})}):function(t,i){t.default=i}),__importStar=this&&this.__importStar||(function(){var t=function(i){return t=Object.getOwnPropertyNames||function(n){var r=[];for(var s in n)Object.prototype.hasOwnProperty.call(n,s)&&(r[r.length]=s);return r},t(i)};return function(i){if(i&&i.__esModule)return i;var n={};if(i!=null)for(var r=t(i),s=0;s<r.length;s++)r[s]!=="default"&&__createBinding(n,i,r[s]);return __setModuleDefault(n,i),n}})(),__importDefault=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MediaGalleryTab=void 0;const react_1=__importStar(require("react")),react_native_1=require("react-native"),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),TouchableScale_1=__importDefault(require("../TouchableScale")),EmptyState_1=__importDefault(require("../EmptyState")),NetworkIcons_1=require("../NetworkIcons"),MediaPreviewModal_1=require("./MediaPreviewModal"),capture_1=require("../../capture"),helpers_1=require("../../helpers"),toast_1=require("../../helpers/toast"),i18n_1=require("../../i18n"),InspectorContext_1=require("./InspectorContext"),MediaGalleryTab=()=>{const{t}=(0,i18n_1.useTranslation)(),{refreshMediaCount:i,switchActiveTab:n}=(0,InspectorContext_1.useInspector)(),[r,s]=(0,react_1.useState)([]),[v,C]=(0,react_1.useState)(!1),[g,S]=(0,react_1.useState)("all"),[f,b]=(0,react_1.useState)(null),[c,y]=(0,react_1.useState)(new Set),[d,w]=(0,react_1.useState)("grid"),u=(0,react_1.useCallback)(async()=>{try{const e=await capture_1.ScreenCapture.getMediaList();s(e),i?.().catch(()=>{})}catch{s([])}},[i]);(0,react_1.useEffect)(()=>{u()},[u]);const x=async()=>{C(!0),await u(),C(!1)},p=(0,react_1.useMemo)(()=>g==="all"?r:r.filter(e=>e.type===g),[r,g]),m=(0,react_1.useMemo)(()=>r.reduce((e,o)=>e+(o.sizeBytes||0),0),[r]),_=(0,react_1.useCallback)(e=>{y(o=>{const l=new Set(o);return l.has(e)?l.delete(e):l.add(e),l})},[]),A=async e=>{await capture_1.ScreenCapture.deleteMedia(e.uri),y(l=>{const a=new Set(l);return a.delete(e.id),a}),await u(),await i?.()===0&&n("apis"),(0,toast_1.showToast)(t("mediaGallery.deleted"))},T=e=>{e?.uri&&(0,helpers_1.copyImageOrMediaToClipboard)(e.uri,e.type==="image"?"Image":"Media")},I=()=>{const e=r.filter(l=>c.has(l.id));if(e.length===0)return;const o=e.map(l=>l.uri).join(`
-`);(0,helpers_1.copyToClipboard)(o,`${e.length} Media URIs`),(0,toast_1.showToast)(`${e.length} file URIs copied to clipboard`)},z=async e=>{try{const o=e.uri.startsWith("file://")||e.uri.startsWith("content://")||e.uri.startsWith("http")?e.uri:`file://${e.uri}`;await react_native_1.Share.share({url:o,title:e.filename,message:e.filename})}catch{(0,toast_1.showToast)(t("mediaGallery.shareUnavailable","Sharing not available on this device"))}},B=async()=>{const e=r.filter(o=>c.has(o.id));if(e.length!==0)try{const o=e[0],l=o.uri.startsWith("file://")||o.uri.startsWith("content://")||o.uri.startsWith("http")?o.uri:`file://${o.uri}`;await react_native_1.Share.share({url:l,title:o.filename,message:e.length===1?o.filename:`${e.length} items: ${e.map(a=>a.filename).join(", ")}`})}catch{(0,toast_1.showToast)(t("mediaGallery.shareUnavailable","Sharing not available on this device"))}},k=()=>{const e=c.size;e!==0&&react_native_1.Alert.alert(t("mediaGallery.deleteSelectedTitle"),t("mediaGallery.deleteSelectedMessage",{count:e}),[{text:t("common.cancel"),style:"cancel"},{text:t("mediaGallery.delete"),style:"destructive",onPress:async()=>{const o=r.filter(a=>c.has(a.id));for(const a of o)await capture_1.ScreenCapture.deleteMedia(a.uri);y(new Set),await u(),await i?.()===0&&n("apis"),(0,toast_1.showToast)(t("mediaGallery.deletedCount",{count:o.length}))}}])},V=()=>{react_native_1.Alert.alert(t("mediaGallery.purgeTitle"),t("mediaGallery.purgeMessage",{count:r.length,size:(0,helpers_1.formatBytes)(m)}),[{text:t("common.cancel"),style:"cancel"},{text:t("common.clearAll"),style:"destructive",onPress:async()=>{await capture_1.ScreenCapture.clearAllMedia(),y(new Set),await u(),await i?.(),n("apis"),(0,toast_1.showToast)(t("mediaGallery.allPurged"))}}])},M=async e=>{await capture_1.ScreenCapture.convertToGif(e.uri,{fps:12,width:480})&&(await u(),i?.().catch(()=>{}))},G=(e,o)=>{const l=o?AppColors_1.AppColors.sky400:AppColors_1.AppColors.slate400,a=12;switch(e){case"all":return<NetworkIcons_1.ScreencastIcon size={a}color={l}/>;case"image":return<NetworkIcons_1.ImageIcon size={a}color={l}/>;case"video":return<NetworkIcons_1.FilmIcon size={a}color={l}/>;case"gif":return<NetworkIcons_1.GifIcon size={a}color={l}/>}},D=({item:e})=>{const o=e.type==="video",l=e.type==="gif",a=o?e.thumbnailUri:e.uri,h=c.has(e.id);return<TouchableScale_1.default onPress={()=>b(e)}style={[galleryStyles.card,h&&galleryStyles.cardSelected]}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(t,i,n,r){r===void 0&&(r=n);var s=Object.getOwnPropertyDescriptor(i,n);(!s||("get"in s?!i.__esModule:s.writable||s.configurable))&&(s={enumerable:!0,get:function(){return i[n]}}),Object.defineProperty(t,r,s)}):(function(t,i,n,r){r===void 0&&(r=n),t[r]=i[n]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(t,i){Object.defineProperty(t,"default",{enumerable:!0,value:i})}):function(t,i){t.default=i}),__importStar=this&&this.__importStar||(function(){var t=function(i){return t=Object.getOwnPropertyNames||function(n){var r=[];for(var s in n)Object.prototype.hasOwnProperty.call(n,s)&&(r[r.length]=s);return r},t(i)};return function(i){if(i&&i.__esModule)return i;var n={};if(i!=null)for(var r=t(i),s=0;s<r.length;s++)r[s]!=="default"&&__createBinding(n,i,r[s]);return __setModuleDefault(n,i),n}})(),__importDefault=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MediaGalleryTab=void 0;const react_1=__importStar(require("react")),react_native_1=require("react-native"),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),TouchableScale_1=__importDefault(require("../TouchableScale")),EmptyState_1=__importDefault(require("../EmptyState")),NetworkIcons_1=require("../NetworkIcons"),MediaPreviewModal_1=require("./MediaPreviewModal"),capture_1=require("../../capture"),helpers_1=require("../../helpers"),toast_1=require("../../helpers/toast"),i18n_1=require("../../i18n"),InspectorContext_1=require("./InspectorContext"),ConfirmationModal_1=require("./ConfirmationModal"),MediaGalleryTab=()=>{const{t}=(0,i18n_1.useTranslation)(),{refreshMediaCount:i,switchActiveTab:n}=(0,InspectorContext_1.useInspector)(),[r,s]=(0,react_1.useState)([]),[x,w]=(0,react_1.useState)(!1),[y,I]=(0,react_1.useState)("all"),[_,f]=(0,react_1.useState)(null),[c,b]=(0,react_1.useState)(new Set),[d,T]=(0,react_1.useState)("grid"),[g,C]=(0,react_1.useState)({visible:!1,title:"",message:"",onConfirm:()=>{}}),u=(0,react_1.useCallback)(async()=>{try{const e=await capture_1.ScreenCapture.getMediaList();s(e),i?.().catch(()=>{})}catch{s([])}},[i]);(0,react_1.useEffect)(()=>{u()},[u]);const z=async()=>{w(!0),await u(),w(!1)},p=(0,react_1.useMemo)(()=>y==="all"?r:r.filter(e=>e.type===y),[r,y]),m=(0,react_1.useMemo)(()=>r.reduce((e,o)=>e+(o.sizeBytes||0),0),[r]),A=(0,react_1.useCallback)(e=>{b(o=>{const l=new Set(o);return l.has(e)?l.delete(e):l.add(e),l})},[]),v=async e=>{await capture_1.ScreenCapture.deleteMedia(e.uri),b(l=>{const a=new Set(l);return a.delete(e.id),a}),await u(),await i?.()===0&&n("apis"),(0,toast_1.showToast)(t("mediaGallery.deleted"))},S=e=>{e?.uri&&(0,helpers_1.copyImageOrMediaToClipboard)(e.uri,e.type==="image"?"Image":"Media")},B=()=>{const e=r.filter(l=>c.has(l.id));if(e.length===0)return;const o=e.map(l=>l.uri).join(`
+`);(0,helpers_1.copyToClipboard)(o,`${e.length} Media URIs`),(0,toast_1.showToast)(`${e.length} file URIs copied to clipboard`)},k=async e=>{try{const o=e.uri.startsWith("file://")||e.uri.startsWith("content://")||e.uri.startsWith("http")?e.uri:`file://${e.uri}`;await react_native_1.Share.share({url:o,title:e.filename,message:e.filename})}catch{(0,toast_1.showToast)(t("mediaGallery.shareUnavailable","Sharing not available on this device"))}},M=async()=>{const e=r.filter(o=>c.has(o.id));if(e.length!==0)try{const o=e[0],l=o.uri.startsWith("file://")||o.uri.startsWith("content://")||o.uri.startsWith("http")?o.uri:`file://${o.uri}`;await react_native_1.Share.share({url:l,title:o.filename,message:e.length===1?o.filename:`${e.length} items: ${e.map(a=>a.filename).join(", ")}`})}catch{(0,toast_1.showToast)(t("mediaGallery.shareUnavailable","Sharing not available on this device"))}},V=()=>{const e=c.size;e!==0&&C({visible:!0,title:t("mediaGallery.deleteSelectedTitle","Delete Selected Media"),message:t("mediaGallery.deleteSelectedMessage",{count:e,defaultValue:`Are you sure you want to permanently delete ${e} media items?`}),confirmText:t("mediaGallery.delete","Delete"),cancelText:t("common.cancel","Cancel"),onConfirm:async()=>{C(a=>({...a,visible:!1}));const o=r.filter(a=>c.has(a.id));for(const a of o)await capture_1.ScreenCapture.deleteMedia(a.uri);b(new Set),await u(),await i?.()===0&&n("apis"),(0,toast_1.showToast)(t("mediaGallery.deletedCount",{count:o.length}))}})},D=()=>{C({visible:!0,title:t("mediaGallery.purgeTitle","Purge Gallery"),message:t("mediaGallery.purgeMessage",{count:r.length,size:(0,helpers_1.formatBytes)(m),defaultValue:`Are you sure you want to delete all ${r.length} media files (${(0,helpers_1.formatBytes)(m)})? This cannot be undone.`}),confirmText:t("common.clearAll","Clear All"),cancelText:t("common.cancel","Cancel"),onConfirm:async()=>{C(e=>({...e,visible:!1})),await capture_1.ScreenCapture.clearAllMedia(),b(new Set),await u(),await i?.(),n("apis"),(0,toast_1.showToast)(t("mediaGallery.allPurged"))}})},G=async e=>{await capture_1.ScreenCapture.convertToGif(e.uri,{fps:12,width:480})&&(await u(),i?.().catch(()=>{}))},O=(e,o)=>{const l=o?AppColors_1.AppColors.sky400:AppColors_1.AppColors.slate400,a=12;switch(e){case"all":return<NetworkIcons_1.ScreencastIcon size={a}color={l}/>;case"image":return<NetworkIcons_1.ImageIcon size={a}color={l}/>;case"video":return<NetworkIcons_1.FilmIcon size={a}color={l}/>;case"gif":return<NetworkIcons_1.GifIcon size={a}color={l}/>}},R=({item:e})=>{const o=e.type==="video",l=e.type==="gif",a=o?e.thumbnailUri:e.uri,h=c.has(e.id);return<TouchableScale_1.default onPress={()=>f(e)}style={[galleryStyles.card,h&&galleryStyles.cardSelected]}>
         <react_native_1.View style={galleryStyles.thumbnailContainer}>
           {a?<react_native_1.Image source={{uri:a}}style={galleryStyles.thumbnail}resizeMode="cover"/>:<react_native_1.View style={galleryStyles.thumbnailFallback}>
               {o?<NetworkIcons_1.FilmIcon size={26}color={AppColors_1.AppColors.sky400}/>:<NetworkIcons_1.ImageIcon size={26}color={AppColors_1.AppColors.slate400}/>}
             </react_native_1.View>}
 
           
-          <react_native_1.TouchableOpacity onPress={()=>_(e.id)}style={[galleryStyles.checkbox,h&&galleryStyles.checkboxSelected]}hitSlop={{top:8,bottom:8,left:8,right:8}}>
+          <react_native_1.TouchableOpacity onPress={()=>A(e.id)}style={[galleryStyles.checkbox,h&&galleryStyles.checkboxSelected]}hitSlop={{top:8,bottom:8,left:8,right:8}}>
             {h&&<NetworkIcons_1.CheckIcon size={12}color={AppColors_1.AppColors.white}/>}
           </react_native_1.TouchableOpacity>
 
@@ -35,14 +35,14 @@
                 {new Date(e.timestamp).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}
               </react_native_1.Text>
             </react_native_1.View>
-            <react_native_1.TouchableOpacity onPress={()=>T(e)}style={galleryStyles.gridCopyBtn}hitSlop={{top:6,bottom:6,left:6,right:6}}>
+            <react_native_1.TouchableOpacity onPress={()=>S(e)}style={galleryStyles.gridCopyBtn}hitSlop={{top:6,bottom:6,left:6,right:6}}>
               <NetworkIcons_1.CopyIcon size={11}color={AppColors_1.AppColors.slate400}/>
             </react_native_1.TouchableOpacity>
           </react_native_1.View>
         </react_native_1.View>
-      </TouchableScale_1.default>},O=({item:e})=>{const o=e.type==="video",l=e.type==="gif",a=o?e.thumbnailUri:e.uri,h=c.has(e.id);return<TouchableScale_1.default onPress={()=>b(e)}style={[galleryStyles.listRow,h&&galleryStyles.listRowSelected]}>
+      </TouchableScale_1.default>},F=({item:e})=>{const o=e.type==="video",l=e.type==="gif",a=o?e.thumbnailUri:e.uri,h=c.has(e.id);return<TouchableScale_1.default onPress={()=>f(e)}style={[galleryStyles.listRow,h&&galleryStyles.listRowSelected]}>
         
-        <react_native_1.TouchableOpacity onPress={()=>_(e.id)}style={[galleryStyles.listCheckbox,h&&galleryStyles.checkboxSelected]}hitSlop={{top:8,bottom:8,left:8,right:8}}>
+        <react_native_1.TouchableOpacity onPress={()=>A(e.id)}style={[galleryStyles.listCheckbox,h&&galleryStyles.checkboxSelected]}hitSlop={{top:8,bottom:8,left:8,right:8}}>
           {h&&<NetworkIcons_1.CheckIcon size={12}color={AppColors_1.AppColors.white}/>}
         </react_native_1.TouchableOpacity>
 
@@ -81,15 +81,15 @@
 
         
         <react_native_1.View style={galleryStyles.listActionsRow}>
-          <react_native_1.TouchableOpacity onPress={()=>T(e)}style={galleryStyles.listCopyBtn}hitSlop={{top:8,bottom:8,left:8,right:8}}>
+          <react_native_1.TouchableOpacity onPress={()=>S(e)}style={galleryStyles.listCopyBtn}hitSlop={{top:8,bottom:8,left:8,right:8}}>
             <NetworkIcons_1.CopyIcon size={13}color={AppColors_1.AppColors.slate200}/>
           </react_native_1.TouchableOpacity>
 
-          <react_native_1.TouchableOpacity onPress={()=>z(e)}style={galleryStyles.listShareBtn}hitSlop={{top:8,bottom:8,left:8,right:8}}>
+          <react_native_1.TouchableOpacity onPress={()=>k(e)}style={galleryStyles.listShareBtn}hitSlop={{top:8,bottom:8,left:8,right:8}}>
             <NetworkIcons_1.ShareIcon size={13}color={AppColors_1.AppColors.sky400}/>
           </react_native_1.TouchableOpacity>
 
-          <react_native_1.TouchableOpacity onPress={()=>A(e)}style={galleryStyles.listDeleteBtn}hitSlop={{top:8,bottom:8,left:8,right:8}}>
+          <react_native_1.TouchableOpacity onPress={()=>v(e)}style={galleryStyles.listDeleteBtn}hitSlop={{top:8,bottom:8,left:8,right:8}}>
             <NetworkIcons_1.TrashIcon size={13}color={AppColors_1.AppColors.red500}/>
           </react_native_1.TouchableOpacity>
         </react_native_1.View>
@@ -97,8 +97,8 @@
       
       <react_native_1.View style={galleryStyles.filterBar}>
         <react_native_1.View style={galleryStyles.chipGroup}>
-          {["all","image","video","gif"].map(e=>{const o=g===e,l=e==="all"?t("mediaGallery.all",{count:r.length}):t(e==="image"?"mediaGallery.photos":e==="video"?"mediaGallery.videos":"mediaGallery.gifs");return<react_native_1.TouchableOpacity key={e}onPress={()=>S(e)}style={[galleryStyles.chip,o&&galleryStyles.chipActive]}>
-                {G(e,o)}
+          {["all","image","video","gif"].map(e=>{const o=y===e,l=e==="all"?t("mediaGallery.all",{count:r.length}):t(e==="image"?"mediaGallery.photos":e==="video"?"mediaGallery.videos":"mediaGallery.gifs");return<react_native_1.TouchableOpacity key={e}onPress={()=>I(e)}style={[galleryStyles.chip,o&&galleryStyles.chipActive]}>
+                {O(e,o)}
                 <react_native_1.Text style={[galleryStyles.chipText,o&&galleryStyles.chipTextActive]}>
                   {l}
                 </react_native_1.Text>
@@ -107,10 +107,10 @@
 
         
         <react_native_1.View style={galleryStyles.viewToggleContainer}>
-          <react_native_1.TouchableOpacity onPress={()=>w("grid")}style={[galleryStyles.viewToggleBtn,d==="grid"&&galleryStyles.viewToggleBtnActive]}>
+          <react_native_1.TouchableOpacity onPress={()=>T("grid")}style={[galleryStyles.viewToggleBtn,d==="grid"&&galleryStyles.viewToggleBtnActive]}>
             <NetworkIcons_1.GridIcon size={13}color={d==="grid"?AppColors_1.AppColors.white:AppColors_1.AppColors.slate400}/>
           </react_native_1.TouchableOpacity>
-          <react_native_1.TouchableOpacity onPress={()=>w("list")}style={[galleryStyles.viewToggleBtn,d==="list"&&galleryStyles.viewToggleBtnActive]}>
+          <react_native_1.TouchableOpacity onPress={()=>T("list")}style={[galleryStyles.viewToggleBtn,d==="list"&&galleryStyles.viewToggleBtnActive]}>
             <NetworkIcons_1.ListIcon size={13}color={d==="list"?AppColors_1.AppColors.white:AppColors_1.AppColors.slate400}/>
           </react_native_1.TouchableOpacity>
         </react_native_1.View>
@@ -126,21 +126,21 @@
 
           <react_native_1.View style={galleryStyles.actionsGroup}>
             {c.size>0&&<>
-                <react_native_1.TouchableOpacity onPress={I}style={galleryStyles.copySelectedBtn}hitSlop={{top:8,bottom:8,left:8,right:8}}>
+                <react_native_1.TouchableOpacity onPress={B}style={galleryStyles.copySelectedBtn}hitSlop={{top:8,bottom:8,left:8,right:8}}>
                   <NetworkIcons_1.CopyIcon size={12}color={AppColors_1.AppColors.slate200}/>
                   <react_native_1.Text style={galleryStyles.copySelectedBtnText}>
                     {t("mediaGallery.copyUri","Copy URI")}
                   </react_native_1.Text>
                 </react_native_1.TouchableOpacity>
 
-                <react_native_1.TouchableOpacity onPress={B}style={galleryStyles.shareSelectedBtn}hitSlop={{top:8,bottom:8,left:8,right:8}}>
+                <react_native_1.TouchableOpacity onPress={M}style={galleryStyles.shareSelectedBtn}hitSlop={{top:8,bottom:8,left:8,right:8}}>
                   <NetworkIcons_1.ShareIcon size={12}color={AppColors_1.AppColors.sky400}/>
                   <react_native_1.Text style={galleryStyles.shareSelectedBtnText}>
                     {t("mediaGallery.share","Share")}
                   </react_native_1.Text>
                 </react_native_1.TouchableOpacity>
 
-                <react_native_1.TouchableOpacity onPress={k}style={galleryStyles.deleteBtn}hitSlop={{top:8,bottom:8,left:8,right:8}}>
+                <react_native_1.TouchableOpacity onPress={V}style={galleryStyles.deleteBtn}hitSlop={{top:8,bottom:8,left:8,right:8}}>
                   <NetworkIcons_1.TrashIcon size={13}color={AppColors_1.AppColors.red500}/>
                   <react_native_1.Text style={galleryStyles.deleteBtnText}>
                     {t("mediaGallery.deleteSelected",{count:c.size})}
@@ -148,7 +148,7 @@
                 </react_native_1.TouchableOpacity>
               </>}
 
-            <react_native_1.TouchableOpacity onPress={V}style={galleryStyles.clearBtn}hitSlop={{top:8,bottom:8,left:8,right:8}}>
+            <react_native_1.TouchableOpacity onPress={D}style={galleryStyles.clearBtn}hitSlop={{top:8,bottom:8,left:8,right:8}}>
               <NetworkIcons_1.TrashIcon size={13}color={AppColors_1.AppColors.red500}/>
               <react_native_1.Text style={galleryStyles.clearBtnText}>
                 {t("mediaGallery.purge",{size:(0,helpers_1.formatBytes)(m)})}
@@ -158,8 +158,10 @@
         </react_native_1.View>}
 
       
-      <react_native_1.FlatList key={d}data={p}keyExtractor={e=>e.id}renderItem={d==="grid"?D:O}numColumns={d==="grid"?2:1}columnWrapperStyle={d==="grid"?galleryStyles.columnWrapper:void 0}contentContainerStyle={galleryStyles.listContent}refreshControl={<react_native_1.RefreshControl refreshing={v}onRefresh={x}tintColor={AppColors_1.AppColors.sky400}/>}ListEmptyComponent={<EmptyState_1.default customTitle={t("mediaGallery.noMediaTitle")}customSub={t("mediaGallery.noMediaDesc")}showReload={!1}/>}/>
+      <react_native_1.FlatList key={d}data={p}keyExtractor={e=>e.id}renderItem={d==="grid"?R:F}numColumns={d==="grid"?2:1}columnWrapperStyle={d==="grid"?galleryStyles.columnWrapper:void 0}contentContainerStyle={galleryStyles.listContent}refreshControl={<react_native_1.RefreshControl refreshing={x}onRefresh={z}tintColor={AppColors_1.AppColors.sky400}/>}ListEmptyComponent={<EmptyState_1.default customTitle={t("mediaGallery.noMediaTitle")}customSub={t("mediaGallery.noMediaDesc")}showReload={!1}/>}/>
 
       
-      <MediaPreviewModal_1.MediaPreviewModal item={f}visible={!!f}onClose={()=>b(null)}onDelete={A}onConvertToGif={M}/>
+      <MediaPreviewModal_1.MediaPreviewModal item={_}visible={!!_}onClose={()=>f(null)}onDelete={v}onConvertToGif={G}/>
+
+      <ConfirmationModal_1.ConfirmationModal visible={g.visible}title={g.title}message={g.message}confirmText={g.confirmText}cancelText={g.cancelText}isDestructive={!0}icon="trash"onConfirm={g.onConfirm}onCancel={()=>C(e=>({...e,visible:!1}))}/>
     </react_native_1.View>};exports.MediaGalleryTab=MediaGalleryTab;const{width:WINDOW_WIDTH}=react_native_1.Dimensions.get("window"),CARD_WIDTH=(WINDOW_WIDTH-36)/2,galleryStyles=react_native_1.StyleSheet.create({container:{flex:1,backgroundColor:AppColors_1.AppColors.slate850},filterBar:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:12,paddingVertical:9,borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.borderGlassLight,gap:8},chipGroup:{flexDirection:"row",alignItems:"center",gap:6,flexShrink:1},chip:{flexDirection:"row",alignItems:"center",gap:4.5,paddingHorizontal:8,paddingVertical:4.5,borderRadius:6,backgroundColor:AppColors_1.AppColors.whiteAlpha06,borderWidth:1,borderColor:AppColors_1.AppColors.whiteAlpha10},chipActive:{backgroundColor:`${AppColors_1.AppColors.sky400}2E`,borderColor:AppColors_1.AppColors.sky400},chipText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.slate400},chipTextActive:{fontFamily:AppFonts_1.AppFonts.interBold,color:AppColors_1.AppColors.sky400},subBar:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:12,paddingVertical:7,backgroundColor:`${AppColors_1.AppColors.slate900}99`,borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.borderGlassLight,gap:8},resultCountWrapper:{flexDirection:"row",alignItems:"center",flexShrink:1},resultCountText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.slate400},resultCountTextSelected:{fontFamily:AppFonts_1.AppFonts.interSemiBold,color:AppColors_1.AppColors.sky400},actionsGroup:{flexDirection:"row",alignItems:"center",gap:6},viewToggleContainer:{flexDirection:"row",alignItems:"center",backgroundColor:AppColors_1.AppColors.whiteAlpha06,borderRadius:6,padding:2,borderWidth:1,borderColor:AppColors_1.AppColors.whiteAlpha10},viewToggleBtn:{paddingHorizontal:7,paddingVertical:4,borderRadius:4,alignItems:"center",justifyContent:"center"},viewToggleBtnActive:{backgroundColor:`${AppColors_1.AppColors.violet600}80`},deleteBtn:{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:8,paddingVertical:4,borderRadius:6,backgroundColor:`${AppColors_1.AppColors.red500}26`,borderWidth:1,borderColor:`${AppColors_1.AppColors.red500}80`},deleteBtnText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:AppColors_1.AppColors.red500},clearBtn:{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:8,paddingVertical:4,borderRadius:6,backgroundColor:`${AppColors_1.AppColors.red500}1F`,borderWidth:1,borderColor:`${AppColors_1.AppColors.red500}4D`},clearBtnText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10.5,color:AppColors_1.AppColors.red500},listContent:{padding:12,gap:10},columnWrapper:{gap:12},card:{width:CARD_WIDTH,backgroundColor:AppColors_1.AppColors.slate800,borderRadius:8,borderWidth:1,borderColor:AppColors_1.AppColors.borderGlassLight,overflow:"hidden"},cardSelected:{borderColor:AppColors_1.AppColors.violet600,borderWidth:1.5},thumbnailContainer:{width:"100%",height:110,backgroundColor:AppColors_1.AppColors.slate850,position:"relative"},thumbnail:{width:"100%",height:"100%"},thumbnailFallback:{width:"100%",height:"100%",alignItems:"center",justifyContent:"center",backgroundColor:AppColors_1.AppColors.slate900},checkbox:{position:"absolute",top:6,left:6,width:22,height:22,borderRadius:5,borderWidth:1.5,borderColor:"rgba(255, 255, 255, 0.65)",backgroundColor:"rgba(15, 23, 42, 0.65)",alignItems:"center",justifyContent:"center",zIndex:10},checkboxSelected:{backgroundColor:AppColors_1.AppColors.violet600,borderColor:AppColors_1.AppColors.violet600},miniPlayCircle:{position:"absolute",top:"50%",left:"50%",width:32,height:32,marginTop:-16,marginLeft:-16,borderRadius:16,backgroundColor:`${AppColors_1.AppColors.sky400}D9`,alignItems:"center",justifyContent:"center",paddingLeft:2,shadowColor:AppColors_1.AppColors.black,shadowOffset:{width:0,height:2},shadowOpacity:.4,shadowRadius:4,elevation:4},typeBadge:{position:"absolute",top:6,right:6,flexDirection:"row",alignItems:"center",gap:3,backgroundColor:AppColors_1.AppColors.badgeGlassDark,paddingHorizontal:5,paddingVertical:2,borderRadius:4,borderWidth:1,borderColor:AppColors_1.AppColors.borderGlassMedium},typeBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9,color:AppColors_1.AppColors.slate200},cardInfo:{padding:8,gap:3},cardTitle:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11.5,color:AppColors_1.AppColors.white},cardMetaRow:{flexDirection:"row",alignItems:"center",gap:4},cardMeta:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:10,color:AppColors_1.AppColors.slate400},cardMetaDot:{fontSize:10,color:AppColors_1.AppColors.whiteAlpha30},listRow:{flexDirection:"row",alignItems:"center",backgroundColor:AppColors_1.AppColors.slate800,borderRadius:8,borderWidth:1,borderColor:AppColors_1.AppColors.borderGlassLight,padding:8,gap:10},listRowSelected:{borderColor:AppColors_1.AppColors.violet600,borderWidth:1.5,backgroundColor:`${AppColors_1.AppColors.violet600}14`},listCheckbox:{width:20,height:20,borderRadius:4,borderWidth:1.5,borderColor:"rgba(255, 255, 255, 0.65)",backgroundColor:"rgba(15, 23, 42, 0.65)",alignItems:"center",justifyContent:"center"},listThumbContainer:{width:46,height:46,borderRadius:6,backgroundColor:AppColors_1.AppColors.slate850,overflow:"hidden",position:"relative"},listThumb:{width:"100%",height:"100%"},listThumbFallback:{width:"100%",height:"100%",alignItems:"center",justifyContent:"center",backgroundColor:AppColors_1.AppColors.slate900},listMiniPlay:{position:"absolute",top:"50%",left:"50%",width:20,height:20,marginTop:-10,marginLeft:-10,borderRadius:10,backgroundColor:`${AppColors_1.AppColors.sky400}D9`,alignItems:"center",justifyContent:"center",paddingLeft:1},listInfo:{flex:1,gap:4,minWidth:0},listTitle:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:12,color:AppColors_1.AppColors.white},listMetaRow:{flexDirection:"row",alignItems:"center",gap:6,flexWrap:"wrap"},listBadge:{flexDirection:"row",alignItems:"center",gap:3,backgroundColor:AppColors_1.AppColors.badgeGlassDark,paddingHorizontal:4,paddingVertical:1.5,borderRadius:4,borderWidth:1,borderColor:AppColors_1.AppColors.borderGlassMedium},listBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5,color:AppColors_1.AppColors.slate200},gridCopyBtn:{padding:3,borderRadius:4,backgroundColor:AppColors_1.AppColors.whiteAlpha08},listActionsRow:{flexDirection:"row",alignItems:"center",gap:6},listCopyBtn:{padding:6,borderRadius:6,backgroundColor:AppColors_1.AppColors.whiteAlpha10,borderWidth:1,borderColor:AppColors_1.AppColors.whiteAlpha15},listShareBtn:{padding:6,borderRadius:6,backgroundColor:`${AppColors_1.AppColors.sky400}18`,borderWidth:1,borderColor:`${AppColors_1.AppColors.sky400}40`},listDeleteBtn:{padding:6,borderRadius:6,backgroundColor:`${AppColors_1.AppColors.red500}14`,borderWidth:1,borderColor:`${AppColors_1.AppColors.red500}33`},copySelectedBtn:{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:8,paddingVertical:4,borderRadius:6,backgroundColor:AppColors_1.AppColors.whiteAlpha10,borderWidth:1,borderColor:AppColors_1.AppColors.whiteAlpha20},copySelectedBtnText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:10.5,color:AppColors_1.AppColors.slate200},shareSelectedBtn:{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:8,paddingVertical:4,borderRadius:6,backgroundColor:`${AppColors_1.AppColors.sky400}20`,borderWidth:1,borderColor:`${AppColors_1.AppColors.sky400}60`},shareSelectedBtnText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:AppColors_1.AppColors.sky400}});