react-native-inapp-inspector 2.3.18 → 2.3.20

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

@@ -1,307 +1,165 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MediaGalleryTab = void 0;
-const react_1 = __importStar(require("react"));
-const react_native_1 = require("react-native");
-const AppColors_1 = require("../../styles/AppColors");
-const AppFonts_1 = require("../../styles/AppFonts");
-const TouchableScale_1 = __importDefault(require("../TouchableScale"));
-const EmptyState_1 = __importDefault(require("../EmptyState"));
-const NetworkIcons_1 = require("../NetworkIcons");
-const MediaPreviewModal_1 = require("./MediaPreviewModal");
-const capture_1 = require("../../capture");
-const helpers_1 = require("../../helpers");
-const toast_1 = require("../../helpers/toast");
-const i18n_1 = require("../../i18n");
-const MediaGalleryTab = () => {
-    const { t } = (0, i18n_1.useTranslation)();
-    const [mediaList, setMediaList] = (0, react_1.useState)([]);
-    const [refreshing, setRefreshing] = (0, react_1.useState)(false);
-    const [selectedFilter, setSelectedFilter] = (0, react_1.useState)('all');
-    const [selectedItem, setSelectedItem] = (0, react_1.useState)(null);
-    const loadMedia = (0, react_1.useCallback)(async () => {
-        try {
-            const items = await capture_1.ScreenCapture.getMediaList();
-            setMediaList(items);
-        }
-        catch {
-            setMediaList([]);
-        }
-    }, []);
-    (0, react_1.useEffect)(() => {
-        loadMedia();
-    }, [loadMedia]);
-    const onRefresh = async () => {
-        setRefreshing(true);
-        await loadMedia();
-        setRefreshing(false);
-    };
-    const filteredMedia = (0, react_1.useMemo)(() => {
-        if (selectedFilter === 'all')
-            return mediaList;
-        return mediaList.filter(item => item.type === selectedFilter);
-    }, [mediaList, selectedFilter]);
-    const totalStorageBytes = (0, react_1.useMemo)(() => {
-        return mediaList.reduce((sum, item) => sum + (item.sizeBytes || 0), 0);
-    }, [mediaList]);
-    const handleDeleteItem = async (item) => {
-        await capture_1.ScreenCapture.deleteMedia(item.uri);
-        await loadMedia();
-        (0, toast_1.showToast)(t('mediaGallery.deleted'));
-    };
-    const handleClearAll = () => {
-        react_native_1.Alert.alert(t('mediaGallery.purgeTitle'), t('mediaGallery.purgeMessage', { count: mediaList.length, size: (0, helpers_1.formatBytes)(totalStorageBytes) }), [
-            { text: t('common.cancel'), style: 'cancel' },
-            {
-                text: t('common.clearAll'),
-                style: 'destructive',
-                onPress: async () => {
-                    await capture_1.ScreenCapture.clearAllMedia();
-                    await loadMedia();
-                    (0, toast_1.showToast)(t('mediaGallery.allPurged'));
-                },
-            },
-        ]);
-    };
-    const handleConvertToGif = async (item) => {
-        const gifResult = await capture_1.ScreenCapture.convertToGif(item.uri, { fps: 12, width: 480 });
-        if (gifResult) {
-            await loadMedia();
-        }
-    };
-    const renderItem = ({ item }) => {
-        const isVideo = item.type === 'video';
-        const isGif = item.type === 'gif';
-        return (<TouchableScale_1.default onPress={() => setSelectedItem(item)} style={galleryStyles.card}>
+"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.copyToClipboard)(e.uri,e.filename||"File URI"),(0,toast_1.showToast)(t("mediaGallery.uriCopied","File URI copied to clipboard")))},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}/>}},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={()=>b(e)}style={[galleryStyles.card,h&&galleryStyles.cardSelected]}>
         <react_native_1.View style={galleryStyles.thumbnailContainer}>
-          <react_native_1.Image source={{ uri: item.uri }} style={galleryStyles.thumbnail} resizeMode="cover"/>
+          {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}}>
+            {h&&<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}>
-            {isVideo ? (<NetworkIcons_1.FilmIcon size={11} color={AppColors_1.AppColors.sky400}/>) : isGif ? (<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}/>:l?<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}>
-              {item.format.toUpperCase()}
+              {e.format.toUpperCase()}
             </react_native_1.Text>
           </react_native_1.View>
         </react_native_1.View>
 
         <react_native_1.View style={galleryStyles.cardInfo}>
-          <react_native_1.Text style={galleryStyles.cardTitle} numberOfLines={1}>
-            {item.filename}
+          <react_native_1.Text style={galleryStyles.cardTitle}numberOfLines={1}>
+            {e.filename}
           </react_native_1.Text>
           <react_native_1.View style={galleryStyles.cardMetaRow}>
+            <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:4,flex:1,minWidth:0}}>
+              <react_native_1.Text style={galleryStyles.cardMeta}numberOfLines={1}>
+                {(0,helpers_1.formatBytes)(e.sizeBytes)}
+              </react_native_1.Text>
+              <react_native_1.Text style={galleryStyles.cardMetaDot}>•</react_native_1.Text>
+              <react_native_1.Text style={galleryStyles.cardMeta}numberOfLines={1}>
+                {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}}>
+              <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>},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.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}}>
+          {h&&<NetworkIcons_1.CheckIcon size={12}color={AppColors_1.AppColors.white}/>}
+        </react_native_1.TouchableOpacity>
+
+        
+        <react_native_1.View style={galleryStyles.listThumbContainer}>
+          {a?<react_native_1.Image source={{uri:a}}style={galleryStyles.listThumb}resizeMode="cover"/>:<react_native_1.View style={galleryStyles.listThumbFallback}>
+              {o?<NetworkIcons_1.FilmIcon size={18}color={AppColors_1.AppColors.sky400}/>:<NetworkIcons_1.ImageIcon size={18}color={AppColors_1.AppColors.slate400}/>}
+            </react_native_1.View>}
+          {o&&<react_native_1.View style={galleryStyles.listMiniPlay}>
+              <NetworkIcons_1.PlayIcon size={10}color={AppColors_1.AppColors.white}/>
+            </react_native_1.View>}
+        </react_native_1.View>
+
+        
+        <react_native_1.View style={galleryStyles.listInfo}>
+          <react_native_1.Text style={galleryStyles.listTitle}numberOfLines={1}>
+            {e.filename}
+          </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}/>}
+              <react_native_1.Text style={galleryStyles.listBadgeText}>
+                {e.format.toUpperCase()}
+              </react_native_1.Text>
+            </react_native_1.View>
             <react_native_1.Text style={galleryStyles.cardMeta}>
-              {(0, helpers_1.formatBytes)(item.sizeBytes)}
+              {(0,helpers_1.formatBytes)(e.sizeBytes)}
             </react_native_1.Text>
             <react_native_1.Text style={galleryStyles.cardMetaDot}>•</react_native_1.Text>
             <react_native_1.Text style={galleryStyles.cardMeta}>
-              {new Date(item.timestamp).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })}
+              {new Date(e.timestamp).toLocaleDateString([],{month:"short",day:"numeric"})}{" "}
+              {new Date(e.timestamp).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}
             </react_native_1.Text>
           </react_native_1.View>
         </react_native_1.View>
-      </TouchableScale_1.default>);
-    };
-    return (<react_native_1.View style={galleryStyles.container}>
+
+        
+        <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}}>
+            <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}}>
+            <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}}>
+            <NetworkIcons_1.TrashIcon size={13}color={AppColors_1.AppColors.red500}/>
+          </react_native_1.TouchableOpacity>
+        </react_native_1.View>
+      </TouchableScale_1.default>};return<react_native_1.View style={galleryStyles.container}>
       
       <react_native_1.View style={galleryStyles.filterBar}>
         <react_native_1.View style={galleryStyles.chipGroup}>
-          {['all', 'image', 'video', 'gif'].map(filterKey => {
-            const isActive = selectedFilter === filterKey;
-            const label = filterKey === 'all'
-                ? t('mediaGallery.all', { count: mediaList.length })
-                : filterKey === 'image'
-                    ? t('mediaGallery.photos')
-                    : filterKey === 'video'
-                        ? t('mediaGallery.videos')
-                        : t('mediaGallery.gifs');
-            return (<react_native_1.TouchableOpacity key={filterKey} onPress={() => setSelectedFilter(filterKey)} style={[
-                    galleryStyles.chip,
-                    isActive && galleryStyles.chipActive,
-                ]}>
-                <react_native_1.Text style={[
-                    galleryStyles.chipText,
-                    isActive && galleryStyles.chipTextActive,
-                ]}>
-                  {label}
+          {["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)}
+                <react_native_1.Text style={[galleryStyles.chipText,o&&galleryStyles.chipTextActive]}>
+                  {l}
                 </react_native_1.Text>
-              </react_native_1.TouchableOpacity>);
-        })}
+              </react_native_1.TouchableOpacity>})}
         </react_native_1.View>
 
-        {mediaList.length > 0 && (<react_native_1.TouchableOpacity onPress={handleClearAll} 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)(totalStorageBytes) })}</react_native_1.Text>
-          </react_native_1.TouchableOpacity>)}
+        
+        <react_native_1.View style={galleryStyles.viewToggleContainer}>
+          <react_native_1.TouchableOpacity onPress={()=>w("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]}>
+            <NetworkIcons_1.ListIcon size={13}color={d==="list"?AppColors_1.AppColors.white:AppColors_1.AppColors.slate400}/>
+          </react_native_1.TouchableOpacity>
+        </react_native_1.View>
       </react_native_1.View>
 
       
-      <react_native_1.FlatList data={filteredMedia} keyExtractor={item => item.id} renderItem={renderItem} numColumns={2} columnWrapperStyle={galleryStyles.columnWrapper} contentContainerStyle={galleryStyles.listContent} refreshControl={<react_native_1.RefreshControl refreshing={refreshing} onRefresh={onRefresh} tintColor={AppColors_1.AppColors.sky400}/>} ListEmptyComponent={<EmptyState_1.default customTitle={t('mediaGallery.noMediaTitle')} customSub={t('mediaGallery.noMediaDesc')}/>}/>
+      {r.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>
+          </react_native_1.View>
+
+          <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}}>
+                  <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}}>
+                  <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}}>
+                  <NetworkIcons_1.TrashIcon size={13}color={AppColors_1.AppColors.red500}/>
+                  <react_native_1.Text style={galleryStyles.deleteBtnText}>
+                    {t("mediaGallery.deleteSelected",{count:c.size})}
+                  </react_native_1.Text>
+                </react_native_1.TouchableOpacity>
+              </>}
+
+            <react_native_1.TouchableOpacity onPress={V}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)})}
+              </react_native_1.Text>
+            </react_native_1.TouchableOpacity>
+          </react_native_1.View>
+        </react_native_1.View>}
+
+      
+      <react_native_1.FlatList key={d}data={p}keyExtractor={e=>e.id}renderItem={d==="grid"?R:D}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}/>}/>
 
       
-      <MediaPreviewModal_1.MediaPreviewModal item={selectedItem} visible={!!selectedItem} onClose={() => setSelectedItem(null)} onDelete={handleDeleteItem} onConvertToGif={handleConvertToGif}/>
-    </react_native_1.View>);
-};
-exports.MediaGalleryTab = MediaGalleryTab;
-const { width: WINDOW_WIDTH } = react_native_1.Dimensions.get('window');
-const CARD_WIDTH = (WINDOW_WIDTH - 36) / 2;
-const 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: 10,
-        borderBottomWidth: 1,
-        borderBottomColor: AppColors_1.AppColors.borderGlassLight,
-        flexWrap: 'wrap',
-        gap: 8,
-    },
-    chipGroup: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 6,
-    },
-    chip: {
-        paddingHorizontal: 9,
-        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,
-    },
-    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: 12,
-    },
-    columnWrapper: {
-        gap: 12,
-    },
-    card: {
-        width: CARD_WIDTH,
-        backgroundColor: AppColors_1.AppColors.slate800,
-        borderRadius: 8,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.borderGlassLight,
-        overflow: 'hidden',
-    },
-    thumbnailContainer: {
-        width: '100%',
-        height: 110,
-        backgroundColor: AppColors_1.AppColors.slate850,
-        position: 'relative',
-    },
-    thumbnail: {
-        width: '100%',
-        height: '100%',
-    },
-    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,
-    },
-});
+      <MediaPreviewModal_1.MediaPreviewModal item={f}visible={!!f}onClose={()=>b(null)}onDelete={A}onConvertToGif={M}/>
+    </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:"#000",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}});