react-native-inapp-inspector 2.5.1 → 2.5.3

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

@@ -1,4 +1,4 @@
-"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}>
+"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"),CountryFlag_1=__importDefault(require("../CountryFlag")),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}))},w=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.TouchableWithoutFeedback onPress={o}accessible={!0}accessibilityRole="button"accessibilityLabel="Close bottom sheet">
@@ -32,8 +32,8 @@
                 </react_native_1.Text>
               </react_native_1.View>
             </react_native_1.View>
-            <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 onPress={o}hitSlop={12}accessible={!0}accessibilityRole="button"accessibilityLabel="Close language selector"style={[styles.closeBtn,{backgroundColor:d?AppColors_1.AppColors.overlayWhite16:AppColors_1.AppColors.overlayBlack08,borderColor:d?AppColors_1.AppColors.overlayWhite30:AppColors_1.AppColors.overlayBlack18}]}>
+              <NetworkIcons_1.CloseWhite size={14}color={d?AppColors_1.AppColors.white:AppColors_1.AppColors.slate900}/>
             </TouchableScale_1.default>
           </react_native_1.View>
 
@@ -50,7 +50,7 @@
           <react_native_1.View style={styles.countryScrollWrap}>
             <react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={!1}contentContainerStyle={styles.countryScrollContent}>
               {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>
+                    <CountryFlag_1.default code={e.id}size={15}style={{marginRight:6}}/>
                     <react_native_1.Text style={[styles.countryChipText,r&&styles.countryChipTextActive]}>
                       {e.name}
                     </react_native_1.Text>
@@ -75,7 +75,7 @@
 
                     <react_native_1.View style={styles.langRowLeft}>
                       <react_native_1.View style={[styles.flagContainer,r&&styles.flagContainerSelected]}>
-                        <react_native_1.Text style={styles.langFlag}>{e.flag}</react_native_1.Text>
+                        <CountryFlag_1.default code={e.code}size={20}/>
                       </react_native_1.View>
                       <react_native_1.View style={styles.langTextCol}>
                         <react_native_1.View style={styles.langTitleRow}>
@@ -94,9 +94,9 @@
                       </react_native_1.View>
                     </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}/>}
+                    {r?<react_native_1.View style={styles.checkIconWrap}>
+                        <NetworkIcons_1.CheckIcon size={14}color={AppColors_1.AppColors.white}/>
+                      </react_native_1.View>:<react_native_1.View style={styles.uncheckPlaceholder}/>}
                   </TouchableScale_1.default>})}
           </react_native_1.ScrollView>
         </react_native_1.View>
@@ -114,7 +114,7 @@
 
               
               <react_native_1.View style={confirmStyles.iconBadge}>
-                <react_native_1.Text style={confirmStyles.iconFlag}>{l.flag}</react_native_1.Text>
+                <CountryFlag_1.default code={l.code}size={28}/>
               </react_native_1.View>
 
               
@@ -131,21 +131,26 @@
                   <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 style={{flexDirection:"row",alignItems:"center",gap:6}}>
+                    <CountryFlag_1.default code={p}size={16}/>
+                    <react_native_1.Text style={confirmStyles.switchValue}>
+                      {p.toUpperCase()}
+                    </react_native_1.Text>
+                  </react_native_1.View>
                 </react_native_1.View>
                 <react_native_1.View style={confirmStyles.switchArrow}>
-                  <react_native_1.Text style={confirmStyles.switchArrowText}>→</react_native_1.Text>
+                  <NetworkIcons_1.ArrowForwardIcon size={14}color={AppColors_1.AppColors.indigo600}/>
                 </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 style={{flexDirection:"row",alignItems:"center",gap:6}}>
+                    <CountryFlag_1.default code={l.code}size={16}/>
+                    <react_native_1.Text style={[confirmStyles.switchValue,{color:AppColors_1.AppColors.indigo600,fontFamily:AppFonts_1.AppFonts.interBold}]}>
+                      {l.code.toUpperCase()}
+                    </react_native_1.Text>
+                  </react_native_1.View>
                 </react_native_1.View>
               </react_native_1.View>
 
@@ -157,7 +162,7 @@
                   </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}>
+                <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel={t("language.confirmApply","Apply & Reload")}onPress={w}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}>

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

@@ -1,20 +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")),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/>}
+"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:_,selectedReduxSlice:S,selectedReduxAction:w,selectedCrash:b,selectedPush:m,setSelectedPush:C,selectedSocket:g,setSelectedSocket:v,settingsPage:n,isAboutOpen:u,setIsAboutOpen:A,isSupportOpen:s,setIsSupportOpen:k,activeTab:t,isReady:V,enabled:B,isDismissed:M,hasNavigationContext:D,setNavState:T,confirmModal:i,setConfirmModal:N,peekMode:q,peekOpacity:h}=(0,InspectorContext_1.useInspector)(),y=t==="apis"&&l!=null||t==="analytics"&&p!=null||t==="logs"&&_!=null||t==="redux"&&(S!=null||w!=null)||t==="crash"&&b!=null||t==="push"&&m!=null||t==="socket"&&g!=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")&&B&&!M&&!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,{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:AppColors_1.AppColors.contentBg||AppColors_1.AppColors.grayBackground,opacity:N?Math.max(q||.75,.7):1,zIndex:9999999,elevation:999999}]}>
+            <react_native_1.View style={[styles_1.default.modalContentCard,{height:`${a}%`,borderTopLeftRadius:a>=100?0:20,borderTopRightRadius:a>=100?0:20,opacity:q?Math.max(.05,Math.min(1,typeof h=="number"?h:.1)):1,zIndex:9999999,elevation:999999}]}>
               <react_native_1.StatusBar translucent backgroundColor="transparent"barStyle="light-content"/>
 
               <InspectorHeader_1.default/>
-              <SecondaryTelemetryStrip_1.SecondaryTelemetryStrip/>
+              {!y&&n===null&&!u&&!s&&<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={b||n!==null||u||s?"none":"auto"}>
+                <react_native_1.View style={{flex:1}}pointerEvents={y||n!==null||u||s?"none":"auto"}>
                   <TabBar_1.default/>
-                  {k?<react_native_1.View style={{flex:1}}>
+                  {V?<react_native_1.View style={{flex:1}}>
                       {t==="apis"&&<ModuleErrorBoundary_1.default moduleName="Network API Monitor">
                           <NetworkTab_1.default/>
                         </ModuleErrorBoundary_1.default>}
@@ -52,27 +52,27 @@
                 </react_native_1.View>
 
                 
-                {b&&<react_native_1.View style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:AppColors_1.AppColors.contentBg,zIndex:10}]}>
+                {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>}
                     {t==="analytics"&&p!=null&&<ModuleErrorBoundary_1.default moduleName="Analytics Event Details">
                         <AnalyticsDetail_1.default event={p}/>
                       </ModuleErrorBoundary_1.default>}
-                    {t==="logs"&&y!=null&&<ModuleErrorBoundary_1.default moduleName="Console Log Details">
+                    {t==="logs"&&_!=null&&<ModuleErrorBoundary_1.default moduleName="Console Log Details">
                         <LogDetail_1.default/>
                       </ModuleErrorBoundary_1.default>}
                     {t==="redux"&&<ModuleErrorBoundary_1.default moduleName="Redux Action & State Details">
                         <ReduxDetail_1.default/>
                       </ModuleErrorBoundary_1.default>}
-                    {t==="crash"&&_!=null&&<ModuleErrorBoundary_1.default moduleName="Crash Log Details">
+                    {t==="crash"&&b!=null&&<ModuleErrorBoundary_1.default moduleName="Crash Log Details">
                         <CrashDetail_1.default/>
                       </ModuleErrorBoundary_1.default>}
-                    {t==="push"&&g!=null&&<ModuleErrorBoundary_1.default moduleName="Push Notification Details">
-                        <PushDetail_1.default item={g}onClose={()=>w(null)}/>
+                    {t==="push"&&m!=null&&<ModuleErrorBoundary_1.default moduleName="Push Notification Details">
+                        <PushDetail_1.default item={m}onClose={()=>C(null)}/>
                       </ModuleErrorBoundary_1.default>}
-                    {t==="socket"&&m!=null&&<ModuleErrorBoundary_1.default moduleName="WebSocket & Socket.IO Details">
-                        <SocketDetail_1.default item={m}onClose={()=>C(null)}/>
+                    {t==="socket"&&g!=null&&<ModuleErrorBoundary_1.default moduleName="WebSocket & Socket.IO Details">
+                        <SocketDetail_1.default item={g}onClose={()=>v(null)}/>
                       </ModuleErrorBoundary_1.default>}
                   </react_native_1.View>}
 
@@ -86,14 +86,14 @@
                 
                 {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={()=>v(!1)}/>
+                      <AboutModal_1.default onClose={()=>A(!1)}/>
                     </ModuleErrorBoundary_1.default>
                   </react_native_1.Animated.View>}
 
                 
                 {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)}/>
+                      <SupportPage_1.SupportPage onClose={()=>k(!1)}/>
                     </ModuleErrorBoundary_1.default>
                   </react_native_1.Animated.View>}
               </react_native_1.View>
@@ -111,11 +111,11 @@
               <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}))}/>
+              <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={()=>N(R=>({...R,visible:!1}))}/>
             </react_native_1.View>
           </react_native_1.View>
         </ErrorBoundary_1.default>
-      {M&&<NavigationTracker_1.default onStateChange={D}/>}
+      {D&&<NavigationTracker_1.default onStateChange={T}/>}
     </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}>
       

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

@@ -1,20 +1,20 @@
-"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)([]),[B,A]=(0,react_1.useState)(!1),[y,k]=(0,react_1.useState)("all"),[v,m]=(0,react_1.useState)(null),[c,b]=(0,react_1.useState)(new Set),[d,S]=(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 M=async()=>{A(!0),await u(),A(!1)},p=(0,react_1.useMemo)(()=>y==="all"?r:r.filter(e=>e.type===y),[r,y]),w=(0,react_1.useMemo)(()=>r.reduce((e,o)=>e+(o.sizeBytes||0),0),[r]),x=(0,react_1.useCallback)(e=>{b(o=>{const l=new Set(o);return l.has(e)?l.delete(e):l.add(e),l})},[]),I=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"))},z=e=>{e?.uri&&(0,helpers_1.copyImageOrMediaToClipboard)(e.uri,e.type==="image"?"Image":"Media")},V=()=>{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`)},D=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"))}},G=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"))}},O=()=>{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}))}})},R=()=>{C({visible:!0,title:t("mediaGallery.purgeTitle","Purge Gallery"),message:t("mediaGallery.purgeMessage",{count:r.length,size:(0,helpers_1.formatBytes)(w),defaultValue:`Are you sure you want to delete all ${r.length} media files (${(0,helpers_1.formatBytes)(w)})? 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"))}})},F=async e=>{await capture_1.ScreenCapture.convertToGif(e.uri,{fps:12,width:480})&&(await u(),i?.().catch(()=>{}))},W=(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}/>}},P=({item:e})=>{if(!e)return null;const o=e.type==="video",l=e.type==="gif",a=o&&e.thumbnailUri||e.uri,h=!!(e.id&&c.has(e.id)),T=(e.format||(o?"mp4":l?"gif":"png")).toUpperCase(),_=e.filename||(e.uri?e.uri.split("/").pop():"")||"Capture",f=e.timestamp?new Date(e.timestamp).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"}):"";return<TouchableScale_1.default onPress={()=>m(e)}style={[galleryStyles.card,h&&galleryStyles.cardSelected]}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(t,r,s,n){n===void 0&&(n=s);var l=Object.getOwnPropertyDescriptor(r,s);(!l||("get"in l?!r.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return r[s]}}),Object.defineProperty(t,n,l)}):(function(t,r,s,n){n===void 0&&(n=s),t[n]=r[s]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(t,r){Object.defineProperty(t,"default",{enumerable:!0,value:r})}):function(t,r){t.default=r}),__importStar=this&&this.__importStar||(function(){var t=function(r){return t=Object.getOwnPropertyNames||function(s){var n=[];for(var l in s)Object.prototype.hasOwnProperty.call(s,l)&&(n[n.length]=l);return n},t(r)};return function(r){if(r&&r.__esModule)return r;var s={};if(r!=null)for(var n=t(r),l=0;l<n.length;l++)n[l]!=="default"&&__createBinding(s,r,n[l]);return __setModuleDefault(s,r),s}})(),__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:r,switchActiveTab:s,previewMediaItem:n,setPreviewMediaItem:l}=(0,InspectorContext_1.useInspector)(),[c,A]=(0,react_1.useState)([]),[V,v]=(0,react_1.useState)(!1),[d,z]=(0,react_1.useState)("all"),[p,b]=(0,react_1.useState)(new Set),[u,S]=(0,react_1.useState)("grid"),[C,m]=(0,react_1.useState)({visible:!1,title:"",message:"",onConfirm:()=>{}}),x=async()=>{try{const e=d==="image"?"image":d==="video"?"video":"any",o=await capture_1.ScreenCapture.pickMedia({mediaType:e});o&&(await h(),r?.().catch(()=>{}),(0,toast_1.showToast)(o.type==="video"?t("mediaGallery.importedVideo","Video imported from Camera Roll"):t("mediaGallery.importedPhoto","Photo imported from Camera Roll")),l(o))}catch{(0,toast_1.showToast)(t("mediaGallery.importFailed","Failed to import media"))}},h=(0,react_1.useCallback)(async()=>{try{const e=await capture_1.ScreenCapture.getMediaList();A(e),r?.().catch(()=>{})}catch{A([])}},[r]);(0,react_1.useEffect)(()=>{h()},[h]);const M=async()=>{v(!0),await h(),v(!1)},g=(0,react_1.useMemo)(()=>d==="all"?c:c.filter(e=>e.type===d),[c,d]),w=(0,react_1.useMemo)(()=>c.reduce((e,o)=>e+(o.sizeBytes||0),0),[c]),I=(0,react_1.useCallback)(e=>{b(o=>{const i=new Set(o);return i.has(e)?i.delete(e):i.add(e),i})},[]),B=async e=>{await capture_1.ScreenCapture.deleteMedia(e.uri),b(i=>{const a=new Set(i);return a.delete(e.id),a}),await h(),await r?.()===0&&s("apis"),(0,toast_1.showToast)(t("mediaGallery.deleted"))},k=e=>{e?.uri&&(0,helpers_1.copyImageOrMediaToClipboard)(e.uri,e.type==="image"?"Image":"Media")},R=()=>{const e=c.filter(i=>p.has(i.id));if(e.length===0)return;const o=e.map(i=>i.uri).join(`
+`);(0,helpers_1.copyToClipboard)(o,`${e.length} Media URIs`),(0,toast_1.showToast)(`${e.length} file URIs copied to clipboard`)},G=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"))}},O=async()=>{const e=c.filter(o=>p.has(o.id));if(e.length!==0)try{const o=e[0],i=o.uri.startsWith("file://")||o.uri.startsWith("content://")||o.uri.startsWith("http")?o.uri:`file://${o.uri}`;await react_native_1.Share.share({url:i,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"))}},D=()=>{const e=p.size;e!==0&&m({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()=>{m(a=>({...a,visible:!1}));const o=c.filter(a=>p.has(a.id));for(const a of o)await capture_1.ScreenCapture.deleteMedia(a.uri);b(new Set),await h(),await r?.()===0&&s("apis"),(0,toast_1.showToast)(t("mediaGallery.deletedCount",{count:o.length}))}})},F=()=>{m({visible:!0,title:t("mediaGallery.purgeTitle","Purge Gallery"),message:t("mediaGallery.purgeMessage",{count:c.length,size:(0,helpers_1.formatBytes)(w),defaultValue:`Are you sure you want to delete all ${c.length} media files (${(0,helpers_1.formatBytes)(w)})? This cannot be undone.`}),confirmText:t("common.clearAll","Clear All"),cancelText:t("common.cancel","Cancel"),onConfirm:async()=>{m(e=>({...e,visible:!1})),await capture_1.ScreenCapture.clearAllMedia(),b(new Set),await h(),await r?.(),s("apis"),(0,toast_1.showToast)(t("mediaGallery.allPurged"))}})},P=async e=>{await capture_1.ScreenCapture.convertToGif(e.uri,{fps:12,width:480})&&(await h(),r?.().catch(()=>{}))},W=(e,o)=>{const i=o?AppColors_1.AppColors.sky400:AppColors_1.AppColors.slate400,a=12;switch(e){case"all":return<NetworkIcons_1.ScreencastIcon size={a}color={i}/>;case"image":return<NetworkIcons_1.ImageIcon size={a}color={i}/>;case"video":return<NetworkIcons_1.FilmIcon size={a}color={i}/>;case"gif":return<NetworkIcons_1.GifIcon size={a}color={i}/>}},$=({item:e})=>{if(!e)return null;const o=e.type==="video",i=e.type==="gif",a=o&&e.thumbnailUri||e.uri,y=!!(e.id&&p.has(e.id)),T=(e.format||(o?"mp4":i?"gif":"png")).toUpperCase(),_=e.filename||(e.uri?e.uri.split("/").pop():"")||"Capture",f=e.timestamp?new Date(e.timestamp).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"}):"";return<TouchableScale_1.default onPress={()=>l(e)}style={[galleryStyles.card,y&&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&&x(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 onPress={()=>e.id&&I(e.id)}style={[galleryStyles.checkbox,y&&galleryStyles.checkboxSelected]}hitSlop={{top:8,bottom:8,left:8,right:8}}>
+            {y&&<NetworkIcons_1.CheckIcon size={12}color={AppColors_1.AppColors.white}/>}
           </react_native_1.TouchableOpacity>
 
           {o&&<react_native_1.View style={galleryStyles.miniPlayCircle}>
               <NetworkIcons_1.PlayIcon size={14}color={AppColors_1.AppColors.white}/>
             </react_native_1.View>}
           <react_native_1.View style={galleryStyles.typeBadge}>
-            {o?<NetworkIcons_1.FilmIcon size={11}color={AppColors_1.AppColors.sky400}/>:l?<NetworkIcons_1.GifIcon size={11}color={AppColors_1.AppColors.warningAmber}/>:<NetworkIcons_1.ImageIcon size={11}color={AppColors_1.AppColors.emerald500}/>}
+            {o?<NetworkIcons_1.FilmIcon size={11}color={AppColors_1.AppColors.sky400}/>:i?<NetworkIcons_1.GifIcon size={11}color={AppColors_1.AppColors.warningAmber}/>:<NetworkIcons_1.ImageIcon size={11}color={AppColors_1.AppColors.emerald500}/>}
             <react_native_1.Text style={galleryStyles.typeBadgeText}>
               {T}
             </react_native_1.Text>
@@ -37,15 +37,15 @@
                   </react_native_1.Text>
                 </>:null}
             </react_native_1.View>
-            <react_native_1.TouchableOpacity onPress={()=>z(e)}style={galleryStyles.gridCopyBtn}hitSlop={{top:6,bottom:6,left:6,right:6}}>
+            <react_native_1.TouchableOpacity onPress={()=>k(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>},$=({item:e})=>{if(!e)return null;const o=e.type==="video",l=e.type==="gif",a=o&&e.thumbnailUri||e.uri,h=!!(e.id&&c.has(e.id)),T=(e.format||(o?"mp4":l?"gif":"png")).toUpperCase(),_=e.filename||(e.uri?e.uri.split("/").pop():"")||"Capture",f=e.timestamp?`${new Date(e.timestamp).toLocaleDateString([],{month:"short",day:"numeric"})} ${new Date(e.timestamp).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}`:"";return<TouchableScale_1.default onPress={()=>m(e)}style={[galleryStyles.listRow,h&&galleryStyles.listRowSelected]}>
+      </TouchableScale_1.default>},L=({item:e})=>{if(!e)return null;const o=e.type==="video",i=e.type==="gif",a=o&&e.thumbnailUri||e.uri,y=!!(e.id&&p.has(e.id)),T=(e.format||(o?"mp4":i?"gif":"png")).toUpperCase(),_=e.filename||(e.uri?e.uri.split("/").pop():"")||"Capture",f=e.timestamp?`${new Date(e.timestamp).toLocaleDateString([],{month:"short",day:"numeric"})} ${new Date(e.timestamp).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}`:"";return<TouchableScale_1.default onPress={()=>l(e)}style={[galleryStyles.listRow,y&&galleryStyles.listRowSelected]}>
         
-        <react_native_1.TouchableOpacity onPress={()=>e.id&&x(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 onPress={()=>e.id&&I(e.id)}style={[galleryStyles.listCheckbox,y&&galleryStyles.checkboxSelected]}hitSlop={{top:8,bottom:8,left:8,right:8}}>
+          {y&&<NetworkIcons_1.CheckIcon size={12}color={AppColors_1.AppColors.white}/>}
         </react_native_1.TouchableOpacity>
 
         
@@ -65,7 +65,7 @@
           </react_native_1.Text>
           <react_native_1.View style={galleryStyles.listMetaRow}>
             <react_native_1.View style={galleryStyles.listBadge}>
-              {o?<NetworkIcons_1.FilmIcon size={10}color={AppColors_1.AppColors.sky400}/>:l?<NetworkIcons_1.GifIcon size={10}color={AppColors_1.AppColors.warningAmber}/>:<NetworkIcons_1.ImageIcon size={10}color={AppColors_1.AppColors.emerald500}/>}
+              {o?<NetworkIcons_1.FilmIcon size={10}color={AppColors_1.AppColors.sky400}/>:i?<NetworkIcons_1.GifIcon size={10}color={AppColors_1.AppColors.warningAmber}/>:<NetworkIcons_1.ImageIcon size={10}color={AppColors_1.AppColors.emerald500}/>}
               <react_native_1.Text style={galleryStyles.listBadgeText}>
                 {T}
               </react_native_1.Text>
@@ -84,15 +84,15 @@
 
         
         <react_native_1.View style={galleryStyles.listActionsRow}>
-          <react_native_1.TouchableOpacity onPress={()=>z(e)}style={galleryStyles.listCopyBtn}hitSlop={{top:8,bottom:8,left:8,right:8}}>
+          <react_native_1.TouchableOpacity onPress={()=>k(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={()=>D(e)}style={galleryStyles.listShareBtn}hitSlop={{top:8,bottom:8,left:8,right:8}}>
+          <react_native_1.TouchableOpacity onPress={()=>G(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={()=>I(e)}style={galleryStyles.listDeleteBtn}hitSlop={{top:8,bottom:8,left:8,right:8}}>
+          <react_native_1.TouchableOpacity onPress={()=>B(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>
@@ -100,58 +100,68 @@
       
       <react_native_1.View style={galleryStyles.filterBar}>
         <react_native_1.View style={galleryStyles.chipGroup}>
-          {["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={()=>k(e)}style={[galleryStyles.chip,o&&galleryStyles.chipActive]}>
+          {["all","image","video","gif"].map(e=>{const o=d===e,i=e==="all"?t("mediaGallery.all",{count:c.length}):t(e==="image"?"mediaGallery.photos":e==="video"?"mediaGallery.videos":"mediaGallery.gifs");return<react_native_1.TouchableOpacity key={e}onPress={()=>z(e)}style={[galleryStyles.chip,o&&galleryStyles.chipActive]}>
                 {W(e,o)}
                 <react_native_1.Text style={[galleryStyles.chipText,o&&galleryStyles.chipTextActive]}>
-                  {l}
+                  {i}
                 </react_native_1.Text>
               </react_native_1.TouchableOpacity>})}
         </react_native_1.View>
 
         
-        <react_native_1.View style={galleryStyles.viewToggleContainer}>
-          <react_native_1.TouchableOpacity onPress={()=>S("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={()=>S("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.View style={galleryStyles.rightControls}>
+          <react_native_1.TouchableOpacity onPress={x}style={galleryStyles.importBtn}accessibilityLabel="Open Camera Roll"hitSlop={{top:6,bottom:6,left:6,right:6}}>
+            <NetworkIcons_1.CameraRollIcon size={12}color={AppColors_1.AppColors.sky400}/>
+            <react_native_1.Text style={galleryStyles.importBtnText}>
+              {d==="image"?"Photos":d==="video"?"Videos":"Import"}
+            </react_native_1.Text>
           </react_native_1.TouchableOpacity>
+
+          
+          <react_native_1.View style={galleryStyles.viewToggleContainer}>
+            <react_native_1.TouchableOpacity onPress={()=>S("grid")}style={[galleryStyles.viewToggleBtn,u==="grid"&&galleryStyles.viewToggleBtnActive]}>
+              <NetworkIcons_1.GridIcon size={13}color={u==="grid"?AppColors_1.AppColors.white:AppColors_1.AppColors.slate400}/>
+            </react_native_1.TouchableOpacity>
+            <react_native_1.TouchableOpacity onPress={()=>S("list")}style={[galleryStyles.viewToggleBtn,u==="list"&&galleryStyles.viewToggleBtnActive]}>
+              <NetworkIcons_1.ListIcon size={13}color={u==="list"?AppColors_1.AppColors.white:AppColors_1.AppColors.slate400}/>
+            </react_native_1.TouchableOpacity>
+          </react_native_1.View>
         </react_native_1.View>
       </react_native_1.View>
 
       
-      {r.length>0&&<react_native_1.View style={galleryStyles.subBar}>
+      {c.length>0&&<react_native_1.View style={galleryStyles.subBar}>
           <react_native_1.View style={galleryStyles.resultCountWrapper}>
-            <react_native_1.Text style={[galleryStyles.resultCountText,c.size>0&&galleryStyles.resultCountTextSelected]}>
-              {c.size>0?t("mediaGallery.selectedOfResults",{selected:c.size,total:p.length,defaultValue:`Selected ${c.size} of ${p.length} results`}):p.length!==r.length?t("mediaGallery.showingFilteredResults",{count:p.length,total:r.length,defaultValue:`Showing ${p.length} of ${r.length} results`}):t("mediaGallery.showingResults",{count:p.length,defaultValue:`Showing ${p.length} results`})}
+            <react_native_1.Text style={[galleryStyles.resultCountText,p.size>0&&galleryStyles.resultCountTextSelected]}>
+              {p.size>0?t("mediaGallery.selectedOfResults",{selected:p.size,total:g.length,defaultValue:`Selected ${p.size} of ${g.length} results`}):g.length!==c.length?t("mediaGallery.showingFilteredResults",{count:g.length,total:c.length,defaultValue:`Showing ${g.length} of ${c.length} results`}):t("mediaGallery.showingResults",{count:g.length,defaultValue:`Showing ${g.length} results`})}
             </react_native_1.Text>
           </react_native_1.View>
 
           <react_native_1.View style={galleryStyles.actionsGroup}>
-            {c.size>0&&<>
-                <react_native_1.TouchableOpacity onPress={V}style={galleryStyles.copySelectedBtn}hitSlop={{top:8,bottom:8,left:8,right:8}}>
+            {p.size>0&&<>
+                <react_native_1.TouchableOpacity onPress={R}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={G}style={galleryStyles.shareSelectedBtn}hitSlop={{top:8,bottom:8,left:8,right:8}}>
+                <react_native_1.TouchableOpacity onPress={O}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={O}style={galleryStyles.deleteBtn}hitSlop={{top:8,bottom:8,left:8,right:8}}>
+                <react_native_1.TouchableOpacity onPress={D}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})}
+                    {t("mediaGallery.deleteSelected",{count:p.size})}
                   </react_native_1.Text>
                 </react_native_1.TouchableOpacity>
               </>}
 
-            <react_native_1.TouchableOpacity onPress={R}style={galleryStyles.clearBtn}hitSlop={{top:8,bottom:8,left:8,right:8}}>
+            <react_native_1.TouchableOpacity onPress={F}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)(w)})}
@@ -161,10 +171,18 @@
         </react_native_1.View>}
 
       
-      <react_native_1.FlatList key={d}data={p}keyExtractor={e=>e.id}renderItem={d==="grid"?P:$}numColumns={d==="grid"?2:1}columnWrapperStyle={d==="grid"?galleryStyles.columnWrapper:void 0}style={{flex:1}}contentContainerStyle={[galleryStyles.listContent,{flexGrow:1}]}nestedScrollEnabled={!0}keyboardShouldPersistTaps="handled"refreshControl={<react_native_1.RefreshControl refreshing={B}onRefresh={M}tintColor={AppColors_1.AppColors.sky400}/>}ListEmptyComponent={<EmptyState_1.default customTitle={t("mediaGallery.noMediaTitle")}customSub={t("mediaGallery.noMediaDesc")}showReload={!1}/>}/>
+      <react_native_1.FlatList key={u}data={g}keyExtractor={e=>e.id}renderItem={u==="grid"?$:L}numColumns={u==="grid"?2:1}columnWrapperStyle={u==="grid"?galleryStyles.columnWrapper:void 0}style={{flex:1}}contentContainerStyle={[galleryStyles.listContent,{flexGrow:1}]}nestedScrollEnabled={!0}keyboardShouldPersistTaps="handled"refreshControl={<react_native_1.RefreshControl refreshing={V}onRefresh={M}tintColor={AppColors_1.AppColors.sky400}/>}ListEmptyComponent={<react_native_1.View style={galleryStyles.emptyContainer}>
+            <EmptyState_1.default customTitle={d==="image"?"No Photos Found":d==="video"?"No Videos Found":t("mediaGallery.noMediaTitle")}customSub={d==="image"?"Take a screenshot or import photos from Camera Roll.":d==="video"?"Record a video or import videos from Camera Roll.":t("mediaGallery.noMediaDesc")}showReload={!1}/>
+            <react_native_1.TouchableOpacity onPress={x}style={galleryStyles.emptyImportBtn}activeOpacity={.8}>
+              <NetworkIcons_1.CameraRollIcon size={14}color={AppColors_1.AppColors.white}/>
+              <react_native_1.Text style={galleryStyles.emptyImportBtnText}>
+                {d==="image"?t("mediaGallery.importPhotos","Import Photos from Camera Roll"):d==="video"?t("mediaGallery.importVideos","Import Videos from Camera Roll"):t("mediaGallery.openCameraRoll","Open Camera Roll")}
+              </react_native_1.Text>
+            </react_native_1.TouchableOpacity>
+          </react_native_1.View>}/>
 
       
-      <MediaPreviewModal_1.MediaPreviewModal item={v}visible={!!v}onClose={()=>m(null)}onDelete={I}onConvertToGif={F}/>
+      <MediaPreviewModal_1.MediaPreviewModal item={n}visible={!!n}onClose={()=>l(null)}onDelete={B}onConvertToGif={P}/>
 
-      <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}});
+      <ConfirmationModal_1.ConfirmationModal visible={C.visible}title={C.title}message={C.message}confirmText={C.confirmText}cancelText={C.cancelText}isDestructive={!0}icon="trash"onConfirm={C.onConfirm}onCancel={()=>m(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},rightControls:{flexDirection:"row",alignItems:"center",gap:6},importBtn:{flexDirection:"row",alignItems:"center",gap:5,backgroundColor:`${AppColors_1.AppColors.sky500}1F`,borderColor:`${AppColors_1.AppColors.sky400}44`,borderWidth:1,paddingHorizontal:8,paddingVertical:4.5,borderRadius:6},importBtnText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:11,color:AppColors_1.AppColors.sky400},emptyContainer:{alignItems:"center",justifyContent:"center",paddingVertical:36},emptyImportBtn:{flexDirection:"row",alignItems:"center",gap:7,backgroundColor:AppColors_1.AppColors.sky500,paddingHorizontal:16,paddingVertical:10,borderRadius:8,marginTop:18,shadowColor:AppColors_1.AppColors.sky500,shadowOffset:{width:0,height:2},shadowOpacity:.35,shadowRadius:6,elevation:3},emptyImportBtnText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:13,color:AppColors_1.AppColors.white},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}});

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

@@ -1,25 +1,34 @@
 import React from 'react';
 import { CapturedMediaItem } from '../../capture';
-export type EditorTool = 'none' | 'crop' | 'resize' | 'draw' | 'shapes' | 'text' | 'blur';
-export type ShapeType = 'rect' | 'circle' | 'ellipse';
+export type EditorTool = 'none' | 'crop' | 'adjust' | 'draw' | 'text' | 'resize' | 'preview' | 'trim' | 'audio' | 'speed' | 'gif' | 'snapshot';
+export type DrawModeOption = 'brush' | 'highlighter' | 'arrow' | 'rect' | 'circle' | 'spotlight' | 'step' | 'redact' | 'pixelate';
+export type AdjustModeOption = 'brightness' | 'contrast' | 'saturation' | 'warmth' | 'exposure' | 'vignette';
+export type PhotoFilterPreset = 'none' | 'vibrant' | 'mono' | 'sepia' | 'vintage' | 'noir' | 'cool' | 'warm' | 'fade';
+export interface ImageAdjustments {
+    brightness: number;
+    contrast: number;
+    saturation: number;
+    warmth: number;
+    exposure: number;
+    vignette: number;
+}
 export type AspectRatioOption = 'free' | '1:1' | '4:3' | '16:9' | '9:16' | '3:2';
 export interface InkStroke {
     id: string;
+    type: DrawModeOption;
     points: Array<{
         x: number;
         y: number;
     }>;
     color: string;
     strokeWidth: number;
-}
-export interface ShapeItem {
-    id: string;
-    type: ShapeType;
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-    color: string;
+    rect?: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+    stepNumber?: number;
 }
 export interface TextItem {
     id: string;
@@ -29,13 +38,6 @@ export interface TextItem {
     color: string;
     bgColor: string;
 }
-export interface BlurBox {
-    id: string;
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-}
 interface MediaPreviewModalProps {
     item: CapturedMediaItem | null;
     visible: boolean;