react-native-inapp-inspector 2.3.19 → 2.3.21

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

@@ -1,287 +1,36 @@
-"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 });
-const react_1 = __importStar(require("react"));
-const react_native_1 = require("react-native");
-const react_native_linear_gradient_1 = __importDefault(require("react-native-linear-gradient"));
-const InspectorContext_1 = require("./InspectorContext");
-const TouchableScale_1 = __importDefault(require("../TouchableScale"));
-const AppHeaderLogo_1 = __importDefault(require("../AppHeaderLogo"));
-const BrandCircleIcon_1 = __importDefault(require("../BrandCircleIcon"));
-const NetworkIcons_1 = require("../NetworkIcons");
-const capture_1 = require("../../capture");
-const NativeInspector_1 = require("../../native/NativeInspector");
-const toast_1 = require("../../helpers/toast");
-const helpers_1 = require("../../helpers");
-const constants_1 = require("../../constants");
-const AppColors_1 = require("../../styles/AppColors");
-const AppFonts_1 = require("../../styles/AppFonts");
-const styles_1 = __importDefault(require("../../styles"));
-const i18n_1 = require("../../i18n");
-const MediaPreviewModal_1 = require("./MediaPreviewModal");
-const FabLauncher = () => {
-    const { setVisible, isMinimized, setIsMinimized, appIcon, fabPan, fabPanResponder, fabDraggedRef, pulseAnim, fabShineAnim, unreadPulseAnim, logs, analyticsEvents, refreshMediaCount, } = (0, InspectorContext_1.useInspector)();
-    const { width: screenWidth } = (0, react_native_1.useWindowDimensions)();
-    const { t } = (0, i18n_1.useTranslation)();
-    const [appVersionString] = (0, react_1.useState)(() => {
-        return (0, helpers_1.getAppVersionAndBuild)().formatted;
-    });
-    const [isRecording, setIsRecording] = (0, react_1.useState)(false);
-    const [recordingSeconds, setRecordingSeconds] = (0, react_1.useState)(0);
-    const recordingTimerRef = (0, react_1.useRef)(null);
-    const [previewMediaItem, setPreviewMediaItem] = (0, react_1.useState)(null);
-    const playerPan = (0, react_1.useRef)(new react_native_1.Animated.ValueXY({ x: 0, y: 0 })).current;
-    const playerPanRef = (0, react_1.useRef)({ x: 0, y: 0 });
-    (0, react_1.useEffect)(() => {
-        const idX = playerPan.x.addListener(v => (playerPanRef.current.x = v.value));
-        const idY = playerPan.y.addListener(v => (playerPanRef.current.y = v.value));
-        return () => {
-            playerPan.x.removeListener(idX);
-            playerPan.y.removeListener(idY);
-        };
-    }, [playerPan]);
-    const playerDraggedRef = (0, react_1.useRef)(false);
-    const playerPanResponder = (0, react_1.useRef)(react_native_1.PanResponder.create({
-        onStartShouldSetPanResponder: () => false,
-        onMoveShouldSetPanResponder: (_e, g) => Math.abs(g.dx) > 4 || Math.abs(g.dy) > 4,
-        onPanResponderGrant: () => {
-            playerDraggedRef.current = true;
-            playerPan.setOffset({
-                x: playerPanRef.current.x,
-                y: playerPanRef.current.y,
-            });
-            playerPan.setValue({ x: 0, y: 0 });
-        },
-        onPanResponderMove: react_native_1.Animated.event([null, { dx: playerPan.x, dy: playerPan.y }], { useNativeDriver: false }),
-        onPanResponderRelease: () => {
-            playerPan.flattenOffset();
-            setTimeout(() => {
-                playerDraggedRef.current = false;
-            }, 50);
-        },
-        onPanResponderTerminate: () => {
-            playerPan.flattenOffset();
-            playerDraggedRef.current = false;
-        },
-    })).current;
-    (0, react_1.useEffect)(() => {
-        capture_1.ScreenCapture.isRecording()
-            .then(active => {
-            setIsRecording(Boolean(active));
-        })
-            .catch(() => { });
-    }, []);
-    (0, react_1.useEffect)(() => {
-        if (isRecording) {
-            setRecordingSeconds(0);
-            recordingTimerRef.current = setInterval(() => {
-                setRecordingSeconds(prev => prev + 1);
-            }, 1000);
-        }
-        else {
-            if (recordingTimerRef.current) {
-                clearInterval(recordingTimerRef.current);
-                recordingTimerRef.current = null;
-            }
-            setRecordingSeconds(0);
-        }
-        return () => {
-            if (recordingTimerRef.current) {
-                clearInterval(recordingTimerRef.current);
-            }
-        };
-    }, [isRecording]);
-    const handleTakeScreenshot = (0, react_1.useCallback)(async () => {
-        if (playerDraggedRef.current)
-            return;
-        try {
-            (0, NativeInspector_1.triggerNativeHaptic)('light');
-            const result = await capture_1.ScreenCapture.takeScreenshot({
-                format: 'png',
-                quality: 0.9,
-                hideInspector: true,
-            });
-            if (result) {
-                (0, NativeInspector_1.triggerNativeHaptic)('success');
-                const newItem = {
-                    id: `screenshot_${result.timestamp}.png`,
-                    type: 'image',
-                    format: result.format,
-                    uri: result.uri,
-                    filename: result.uri.split('/').pop() || `screenshot_${result.timestamp}.png`,
-                    sizeBytes: result.sizeBytes,
-                    timestamp: result.timestamp,
-                    width: result.width,
-                    height: result.height,
-                };
-                setPreviewMediaItem(newItem);
-                refreshMediaCount?.().catch(() => { });
-                (0, toast_1.showToast)(t('header.screenshotCaptured', 'Screenshot captured'));
-            }
-            else {
-                (0, toast_1.showToast)(t('header.screenshotFailed', 'Failed to capture screenshot'));
-            }
-        }
-        catch {
-            (0, toast_1.showToast)(t('header.screenshotError', 'Error capturing screenshot'));
-        }
-    }, [refreshMediaCount, t]);
-    const handleToggleVideoRecording = (0, react_1.useCallback)(async () => {
-        if (playerDraggedRef.current)
-            return;
-        try {
-            if (isRecording) {
-                (0, NativeInspector_1.triggerNativeHaptic)('medium');
-                const result = await capture_1.ScreenCapture.stopRecording();
-                setIsRecording(false);
-                if (result) {
-                    (0, NativeInspector_1.triggerNativeHaptic)('success');
-                    const newItem = {
-                        id: `video_${result.timestamp}.${result.format}`,
-                        type: result.format === 'gif' ? 'gif' : 'video',
-                        format: result.format,
-                        uri: result.uri,
-                        filename: result.uri.split('/').pop() ||
-                            `video_${result.timestamp}.${result.format}`,
-                        sizeBytes: result.sizeBytes,
-                        timestamp: result.timestamp,
-                        durationMs: result.durationMs,
-                        width: result.width,
-                        height: result.height,
-                        hasAudio: result.hasAudio,
-                    };
-                    setPreviewMediaItem(newItem);
-                    refreshMediaCount?.().catch(() => { });
-                    (0, toast_1.showToast)(t('header.recordingSaved', {
-                        duration: (result.durationMs / 1000).toFixed(1),
-                        defaultValue: `Recording saved (${(result.durationMs / 1000).toFixed(1)}s)`,
-                    }));
-                }
-            }
-            else {
-                (0, NativeInspector_1.triggerNativeHaptic)('medium');
-                const started = await capture_1.ScreenCapture.startRecording({
-                    fps: 24,
-                    audioSource: 'none',
-                });
-                if (started) {
-                    setIsRecording(true);
-                    (0, toast_1.showToast)(t('header.recordingStarted', 'Recording started'));
-                }
-                else {
-                    (0, toast_1.showToast)(t('header.recordingStartFailed', 'Failed to start recording'));
-                }
-            }
-        }
-        catch {
-            (0, toast_1.showToast)(t('header.recordingError', 'Error during screen recording'));
-            setIsRecording(false);
-        }
-    }, [isRecording, refreshMediaCount, t]);
-    const handleExpandInspector = (0, react_1.useCallback)(() => {
-        if (playerDraggedRef.current)
-            return;
-        (0, NativeInspector_1.triggerNativeHaptic)('light');
-        setIsMinimized?.(false);
-        setVisible(true);
-    }, [setIsMinimized, setVisible]);
-    const formatTime = (secs) => {
-        const mins = Math.floor(secs / 60);
-        const remainingSecs = secs % 60;
-        return `${mins}:${remainingSecs < 10 ? '0' : ''}${remainingSecs}`;
-    };
-    return (<>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(t,r,a,n){n===void 0&&(n=a);var o=Object.getOwnPropertyDescriptor(r,a);(!o||("get"in o?!r.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return r[a]}}),Object.defineProperty(t,n,o)}):(function(t,r,a,n){n===void 0&&(n=a),t[n]=r[a]})),__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(a){var n=[];for(var o in a)Object.prototype.hasOwnProperty.call(a,o)&&(n[n.length]=o);return n},t(r)};return function(r){if(r&&r.__esModule)return r;var a={};if(r!=null)for(var n=t(r),o=0;o<n.length;o++)n[o]!=="default"&&__createBinding(a,r,n[o]);return __setModuleDefault(a,r),a}})(),__importDefault=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),react_native_linear_gradient_1=__importDefault(require("react-native-linear-gradient")),InspectorContext_1=require("./InspectorContext"),TouchableScale_1=__importDefault(require("../TouchableScale")),AppHeaderLogo_1=__importDefault(require("../AppHeaderLogo")),BrandCircleIcon_1=__importDefault(require("../BrandCircleIcon")),NetworkIcons_1=require("../NetworkIcons"),capture_1=require("../../capture"),NativeInspector_1=require("../../native/NativeInspector"),toast_1=require("../../helpers/toast"),helpers_1=require("../../helpers"),constants_1=require("../../constants"),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),styles_1=__importDefault(require("../../styles")),i18n_1=require("../../i18n"),MediaPreviewModal_1=require("./MediaPreviewModal"),FabLauncher=()=>{const{setVisible:t,isMinimized:r,setIsMinimized:a,appIcon:n,fabPan:o,fabPanResponder:v,fabDraggedRef:C,pulseAnim:S,fabShineAnim:y,unreadPulseAnim:x,logs:R,analyticsEvents:A,refreshMediaCount:u}=(0,InspectorContext_1.useInspector)(),{width:T}=(0,react_native_1.useWindowDimensions)(),{t:s}=(0,i18n_1.useTranslation)(),[I]=(0,react_1.useState)(()=>(0,helpers_1.getAppVersionAndBuild)().formatted),[c,g]=(0,react_1.useState)(!1),[V,b]=(0,react_1.useState)(0),p=(0,react_1.useRef)(null),[_,h]=(0,react_1.useState)(null),l=(0,react_1.useRef)(new react_native_1.Animated.ValueXY({x:0,y:0})).current,m=(0,react_1.useRef)({x:0,y:0});(0,react_1.useEffect)(()=>{const e=l.x.addListener(f=>m.current.x=f.value),i=l.y.addListener(f=>m.current.y=f.value);return()=>{l.x.removeListener(e),l.y.removeListener(i)}},[l]);const d=(0,react_1.useRef)(!1),P=(0,react_1.useRef)(react_native_1.PanResponder.create({onStartShouldSetPanResponder:()=>!1,onMoveShouldSetPanResponder:(e,i)=>Math.abs(i.dx)>4||Math.abs(i.dy)>4,onPanResponderGrant:()=>{d.current=!0,l.setOffset({x:m.current.x,y:m.current.y}),l.setValue({x:0,y:0})},onPanResponderMove:react_native_1.Animated.event([null,{dx:l.x,dy:l.y}],{useNativeDriver:!1}),onPanResponderRelease:()=>{l.flattenOffset(),setTimeout(()=>{d.current=!1},50)},onPanResponderTerminate:()=>{l.flattenOffset(),d.current=!1}})).current;(0,react_1.useEffect)(()=>{capture_1.ScreenCapture.isRecording().then(e=>{g(!!e)}).catch(()=>{})},[]),(0,react_1.useEffect)(()=>(c?(b(0),p.current=setInterval(()=>{b(e=>e+1)},1e3)):(p.current&&(clearInterval(p.current),p.current=null),b(0)),()=>{p.current&&clearInterval(p.current)}),[c]);const M=(0,react_1.useCallback)(async()=>{if(!d.current)try{(0,NativeInspector_1.triggerNativeHaptic)("light");const e=await capture_1.ScreenCapture.takeScreenshot({format:"png",quality:.9,hideInspector:!0});if(e){(0,NativeInspector_1.triggerNativeHaptic)("success");const i={id:`screenshot_${e.timestamp}.png`,type:"image",format:e.format,uri:e.uri,filename:e.uri.split("/").pop()||`screenshot_${e.timestamp}.png`,sizeBytes:e.sizeBytes,timestamp:e.timestamp,width:e.width,height:e.height};h(i),u?.().catch(()=>{}),(0,toast_1.showToast)(s("header.screenshotCaptured","Screenshot captured"))}else(0,toast_1.showToast)(s("header.screenshotFailed","Failed to capture screenshot"))}catch{(0,toast_1.showToast)(s("header.screenshotError","Error capturing screenshot"))}},[u,s]),B=(0,react_1.useCallback)(async()=>{if(!d.current)try{if(c){(0,NativeInspector_1.triggerNativeHaptic)("medium");const e=await capture_1.ScreenCapture.stopRecording();if(g(!1),e){(0,NativeInspector_1.triggerNativeHaptic)("success");const i={id:`video_${e.timestamp}.${e.format}`,type:e.format==="gif"?"gif":"video",format:e.format,uri:e.uri,filename:e.uri.split("/").pop()||`video_${e.timestamp}.${e.format}`,sizeBytes:e.sizeBytes,timestamp:e.timestamp,durationMs:e.durationMs,width:e.width,height:e.height,hasAudio:e.hasAudio};h(i),u?.().catch(()=>{}),(0,toast_1.showToast)(s("header.recordingSaved",{duration:(e.durationMs/1e3).toFixed(1),defaultValue:`Recording saved (${(e.durationMs/1e3).toFixed(1)}s)`}))}}else(0,NativeInspector_1.triggerNativeHaptic)("medium"),await capture_1.ScreenCapture.startRecording({fps:24,audioSource:"none"})?(g(!0),(0,toast_1.showToast)(s("header.recordingStarted","Recording started"))):(0,toast_1.showToast)(s("header.recordingStartFailed","Failed to start recording"))}catch{(0,toast_1.showToast)(s("header.recordingError","Error during screen recording")),g(!1)}},[c,u,s]),w=(0,react_1.useCallback)(()=>{d.current||((0,NativeInspector_1.triggerNativeHaptic)("light"),a?.(!1),t(!0))},[a,t]),z=(0,react_1.useCallback)(()=>{d.current||((0,NativeInspector_1.triggerNativeHaptic)("light"),a?.(!1),t(!1))},[a,t]),O=e=>{const i=Math.floor(e/60),f=e%60;return`${i}:${f<10?"0":""}${f}`};return<>
       
-      {isMinimized ? (<react_native_1.Animated.View style={[
-                fabStyles.playerContainer,
-                { transform: playerPan.getTranslateTransform() },
-            ]} {...playerPanResponder.panHandlers}>
+      {r?<react_native_1.Animated.View style={[fabStyles.playerContainer,{transform:l.getTranslateTransform()}]}{...P.panHandlers}>
           
-          <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={fabStyles.gradientBg} pointerEvents="none"/>
+          <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={fabStyles.gradientBg}pointerEvents="none"/>
 
           
-          <react_native_1.View pointerEvents="none" style={fabStyles.playerShineClip}>
-            <react_native_1.Animated.View style={[
-                fabStyles.playerShineStreak,
-                {
-                    transform: [
-                        {
-                            translateX: fabShineAnim.interpolate({
-                                inputRange: [0, 1],
-                                outputRange: [-80, screenWidth + 80],
-                            }),
-                        },
-                        { rotate: '28deg' },
-                    ],
-                },
-            ]}>
-              <react_native_linear_gradient_1.default colors={[
-                'rgba(255, 255, 255, 0)',
-                'rgba(255, 255, 255, 0.18)',
-                'rgba(255, 255, 255, 0.70)',
-                'rgba(255, 255, 255, 1)',
-                'rgba(255, 255, 255, 0.70)',
-                'rgba(255, 255, 255, 0.18)',
-                'rgba(255, 255, 255, 0)',
-            ]} locations={[0, 0.22, 0.44, 0.5, 0.56, 0.78, 1]} start={{ x: 0, y: 0.5 }} end={{ x: 1, y: 0.5 }} style={{ flex: 1 }}/>
+          <react_native_1.View pointerEvents="none"style={fabStyles.playerShineClip}>
+            <react_native_1.Animated.View style={[fabStyles.playerShineStreak,{transform:[{translateX:y.interpolate({inputRange:[0,1],outputRange:[-80,T+80]})},{rotate:"28deg"}]}]}>
+              <react_native_linear_gradient_1.default colors={["rgba(255, 255, 255, 0)","rgba(255, 255, 255, 0.18)","rgba(255, 255, 255, 0.70)","rgba(255, 255, 255, 1)","rgba(255, 255, 255, 0.70)","rgba(255, 255, 255, 0.18)","rgba(255, 255, 255, 0)"]}locations={[0,.22,.44,.5,.56,.78,1]}start={{x:0,y:.5}}end={{x:1,y:.5}}style={{flex:1}}/>
             </react_native_1.Animated.View>
           </react_native_1.View>
 
           
-          <react_native_1.TouchableOpacity activeOpacity={0.75} onPress={handleExpandInspector} style={fabStyles.brandSection} accessibilityRole="button" accessibilityLabel={t('mediaGallery.expand', 'Expand Inspector')}>
-            <AppHeaderLogo_1.default size={36} customIcon={appIcon}/>
+          <react_native_1.TouchableOpacity activeOpacity={.75}onPress={w}style={fabStyles.brandSection}accessibilityRole="button"accessibilityLabel={s("mediaGallery.expand","Expand Inspector")}>
+            <AppHeaderLogo_1.default size={36}customIcon={n}/>
             <react_native_1.View style={fabStyles.titleWrapper}>
-              <react_native_1.Text style={fabStyles.appTitle} numberOfLines={1}>
-                {(0, helpers_1.getAppName)()}
+              <react_native_1.Text style={fabStyles.appTitle}numberOfLines={1}>
+                {(0,helpers_1.getAppName)()}
               </react_native_1.Text>
               <react_native_1.View style={fabStyles.versionRow}>
                 
                 <react_native_1.View style={fabStyles.versionChip}>
-                  {react_native_1.Platform.OS === 'ios' ? (<NetworkIcons_1.AppleIcon color={`${AppColors_1.AppColors.white}E6`} size={9}/>) : (<NetworkIcons_1.AndroidIcon color={`${AppColors_1.AppColors.white}E6`} size={9}/>)}
-                  <react_native_1.Text style={fabStyles.versionChipText} numberOfLines={1}>
-                    {appVersionString}
+                  {react_native_1.Platform.OS==="ios"?<NetworkIcons_1.AppleIcon color={`${AppColors_1.AppColors.white}E6`}size={9}/>:<NetworkIcons_1.AndroidIcon color={`${AppColors_1.AppColors.white}E6`}size={9}/>}
+                  <react_native_1.Text style={fabStyles.versionChipText}numberOfLines={1}>
+                    {I}
                   </react_native_1.Text>
                 </react_native_1.View>
 
                 
                 <react_native_1.View style={fabStyles.versionChip}>
-                  <NetworkIcons_1.NpmIcon size={9} color={AppColors_1.AppColors.npmRedLight}/>
-                  <react_native_1.Text style={fabStyles.versionChipText} numberOfLines={1}>
+                  <NetworkIcons_1.NpmIcon size={9}color={AppColors_1.AppColors.npmRedLight}/>
+                  <react_native_1.Text style={fabStyles.versionChipText}numberOfLines={1}>
                     v{constants_1.LIB_VERSION}
                   </react_native_1.Text>
                 </react_native_1.View>
@@ -292,218 +41,45 @@ const FabLauncher = () => {
           
           <react_native_1.View style={fabStyles.actionsRow}>
             
-            <TouchableScale_1.default onPress={handleTakeScreenshot} hitSlop={{ top: 6, bottom: 6, left: 6, right: 6 }} style={fabStyles.actionBtn}>
-              <NetworkIcons_1.CameraIcon size={13} color={AppColors_1.AppColors.white}/>
+            <TouchableScale_1.default onPress={M}hitSlop={{top:6,bottom:6,left:4,right:4}}style={fabStyles.actionBtn}>
+              <NetworkIcons_1.CameraIcon size={12}color={AppColors_1.AppColors.white}/>
               <react_native_1.Text style={fabStyles.actionText}>
-                {t('header.photo', 'Photo')}
+                {s("header.photo","Photo")}
               </react_native_1.Text>
             </TouchableScale_1.default>
 
             
-            <TouchableScale_1.default onPress={handleToggleVideoRecording} hitSlop={{ top: 6, bottom: 6, left: 6, right: 6 }} style={[
-                fabStyles.actionBtn,
-                isRecording && fabStyles.recordingBtnActive,
-            ]}>
-              {isRecording ? (<react_native_1.View style={fabStyles.recordingDot}/>) : (<NetworkIcons_1.VideoCameraIcon size={13} color={AppColors_1.AppColors.white}/>)}
-              <react_native_1.Text style={[
-                fabStyles.actionText,
-                isRecording && { color: AppColors_1.AppColors.red300 },
-            ]}>
-                {isRecording
-                ? `${t('header.rec', 'REC')} ${formatTime(recordingSeconds)}`
-                : t('header.record', 'Record')}
+            <TouchableScale_1.default onPress={B}hitSlop={{top:6,bottom:6,left:4,right:4}}style={[fabStyles.actionBtn,c&&fabStyles.recordingBtnActive]}>
+              {c?<react_native_1.View style={fabStyles.recordingDot}/>:<NetworkIcons_1.VideoCameraIcon size={12}color={AppColors_1.AppColors.white}/>}
+              <react_native_1.Text style={[fabStyles.actionText,c&&{color:AppColors_1.AppColors.red300}]}>
+                {c?`${s("header.rec","REC")} ${O(V)}`:s("header.record","Record")}
               </react_native_1.Text>
             </TouchableScale_1.default>
+
+            
+            <TouchableScale_1.default onPress={w}hitSlop={{top:6,bottom:6,left:4,right:4}}accessibilityRole="button"accessibilityLabel={s("common.expand","Expand")}style={fabStyles.actionBtnSquare}>
+              <NetworkIcons_1.MaximizeIcon size={12}color={AppColors_1.AppColors.white}/>
+            </TouchableScale_1.default>
+
+            
+            <TouchableScale_1.default onPress={z}hitSlop={{top:6,bottom:6,left:4,right:6}}accessibilityRole="button"accessibilityLabel={s("common.close","Close")}style={fabStyles.actionBtnSquare}>
+              <NetworkIcons_1.CloseWhite size={10}color={AppColors_1.AppColors.white}/>
+            </TouchableScale_1.default>
           </react_native_1.View>
-        </react_native_1.Animated.View>) : (<react_native_1.Animated.View style={[styles_1.default.fabWrapper, { transform: fabPan.getTranslateTransform() }]} {...fabPanResponder.panHandlers}>
-          <TouchableScale_1.default style={{ alignItems: 'center', justifyContent: 'center' }} onPress={() => {
-                if (fabDraggedRef.current)
-                    return;
-                (0, NativeInspector_1.triggerNativeHaptic)('light');
-                setVisible(true);
-            }} hitSlop={10}>
-            <react_native_1.Animated.View style={[styles_1.default.fabPulseRing, { transform: [{ scale: pulseAnim }] }]}/>
+        </react_native_1.Animated.View>:<react_native_1.Animated.View style={[styles_1.default.fabWrapper,{transform:o.getTranslateTransform()}]}{...v.panHandlers}>
+          <TouchableScale_1.default style={{alignItems:"center",justifyContent:"center"}}onPress={()=>{C.current||((0,NativeInspector_1.triggerNativeHaptic)("light"),t(!0))}}hitSlop={10}>
+            <react_native_1.Animated.View style={[styles_1.default.fabPulseRing,{transform:[{scale:S}]}]}/>
             <BrandCircleIcon_1.default size={62}/>
             
-            <react_native_1.View pointerEvents="none" style={styles_1.default.fabShineClip}>
-              <react_native_1.Animated.View style={[
-                styles_1.default.fabShineStreak,
-                {
-                    transform: [
-                        {
-                            translateX: fabShineAnim.interpolate({
-                                inputRange: [0, 1],
-                                outputRange: [-48, 96],
-                            }),
-                        },
-                        { rotate: '25deg' },
-                    ],
-                },
-            ]}>
-                <react_native_linear_gradient_1.default colors={[
-                'rgba(255, 255, 255, 0)',
-                'rgba(255, 255, 255, 0.25)',
-                'rgba(255, 255, 255, 0.95)',
-                'rgba(255, 255, 255, 0.25)',
-                'rgba(255, 255, 255, 0)',
-            ]} locations={[0, 0.25, 0.5, 0.75, 1]} start={{ x: 0, y: 0.5 }} end={{ x: 1, y: 0.5 }} style={{ flex: 1 }}/>
+            <react_native_1.View pointerEvents="none"style={styles_1.default.fabShineClip}>
+              <react_native_1.Animated.View style={[styles_1.default.fabShineStreak,{transform:[{translateX:y.interpolate({inputRange:[0,1],outputRange:[-48,96]})},{rotate:"25deg"}]}]}>
+                <react_native_linear_gradient_1.default colors={["rgba(255, 255, 255, 0)","rgba(255, 255, 255, 0.25)","rgba(255, 255, 255, 0.95)","rgba(255, 255, 255, 0.25)","rgba(255, 255, 255, 0)"]}locations={[0,.25,.5,.75,1]}start={{x:0,y:.5}}end={{x:1,y:.5}}style={{flex:1}}/>
               </react_native_1.Animated.View>
             </react_native_1.View>
-            {(logs.length > 0 || analyticsEvents.length > 0) && (<react_native_1.Animated.View style={[
-                    styles_1.default.fabGreenDot,
-                    { transform: [{ scale: unreadPulseAnim }] },
-                ]}/>)}
+            {(R.length>0||A.length>0)&&<react_native_1.Animated.View style={[styles_1.default.fabGreenDot,{transform:[{scale:x}]}]}/>}
           </TouchableScale_1.default>
-        </react_native_1.Animated.View>)}
+        </react_native_1.Animated.View>}
 
       
-      <MediaPreviewModal_1.MediaPreviewModal item={previewMediaItem} visible={!!previewMediaItem} onClose={() => setPreviewMediaItem(null)} onDelete={async (item) => {
-            await capture_1.ScreenCapture.deleteMedia(item.uri);
-            refreshMediaCount?.().catch(() => { });
-            setPreviewMediaItem(null);
-        }} onConvertToGif={async (item) => {
-            const gif = await capture_1.ScreenCapture.convertToGif(item.uri, {
-                fps: 12,
-                width: 480,
-            });
-            if (gif) {
-                refreshMediaCount?.().catch(() => { });
-                setPreviewMediaItem({
-                    id: `anim_${gif.timestamp}.gif`,
-                    type: 'gif',
-                    format: 'gif',
-                    uri: gif.uri,
-                    filename: gif.uri.split('/').pop() || `anim_${gif.timestamp}.gif`,
-                    sizeBytes: gif.sizeBytes,
-                    timestamp: gif.timestamp,
-                    durationMs: gif.durationMs,
-                });
-            }
-        }}/>
-    </>);
-};
-const fabStyles = react_native_1.StyleSheet.create({
-    playerContainer: {
-        position: 'absolute',
-        bottom: react_native_1.Platform.OS === 'ios' ? 34 : 18,
-        left: 12,
-        right: 12,
-        minHeight: 58,
-        flexDirection: 'row',
-        alignItems: 'center',
-        justifyContent: 'space-between',
-        borderRadius: 16,
-        borderWidth: 1,
-        borderColor: 'rgba(255, 255, 255, 0.28)',
-        paddingHorizontal: 12,
-        paddingVertical: 7,
-        gap: 8,
-        zIndex: 99999,
-        elevation: 25,
-        shadowColor: AppColors_1.AppColors.indigo600,
-        shadowOffset: { width: 0, height: 8 },
-        shadowOpacity: 0.45,
-        shadowRadius: 14,
-        overflow: 'hidden',
-    },
-    gradientBg: {
-        position: 'absolute',
-        top: 0,
-        left: 0,
-        right: 0,
-        bottom: 0,
-        borderRadius: 16,
-    },
-    playerShineClip: {
-        position: 'absolute',
-        top: 0,
-        left: 0,
-        right: 0,
-        bottom: 0,
-        borderRadius: 16,
-        overflow: 'hidden',
-    },
-    playerShineStreak: {
-        position: 'absolute',
-        top: -60,
-        width: 75,
-        height: 200,
-    },
-    brandSection: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 9,
-        flex: 1,
-        minWidth: 0,
-        paddingVertical: 2,
-    },
-    titleWrapper: {
-        flex: 1,
-        minWidth: 0,
-        justifyContent: 'center',
-        gap: 2,
-    },
-    appTitle: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 13.5,
-        color: AppColors_1.AppColors.white,
-        letterSpacing: -0.2,
-    },
-    versionRow: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 4,
-        minWidth: 0,
-    },
-    versionChip: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        backgroundColor: `${AppColors_1.AppColors.white}1F`,
-        borderRadius: 5,
-        paddingHorizontal: 5,
-        paddingVertical: 1.5,
-        gap: 3,
-        borderWidth: 1,
-        borderColor: `${AppColors_1.AppColors.white}2E`,
-        flexShrink: 1,
-        minWidth: 0,
-    },
-    versionChipText: {
-        fontFamily: AppFonts_1.AppFonts.interMedium,
-        fontSize: 8.5,
-        color: `${AppColors_1.AppColors.white}EB`,
-        letterSpacing: 0.1,
-    },
-    actionsRow: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 6,
-    },
-    actionBtn: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 4.5,
-        backgroundColor: 'rgba(255, 255, 255, 0.22)',
-        paddingHorizontal: 10,
-        paddingVertical: 6,
-        borderRadius: 7,
-        borderWidth: 1,
-        borderColor: 'rgba(255, 255, 255, 0.32)',
-    },
-    recordingBtnActive: {
-        backgroundColor: 'rgba(239, 68, 68, 0.32)',
-        borderColor: AppColors_1.AppColors.red500,
-    },
-    recordingDot: {
-        width: 6,
-        height: 6,
-        borderRadius: 3,
-        backgroundColor: AppColors_1.AppColors.red500,
-    },
-    actionText: {
-        fontFamily: AppFonts_1.AppFonts.interSemiBold,
-        fontSize: 11,
-        color: AppColors_1.AppColors.white,
-    },
-});
-exports.default = FabLauncher;
+      <MediaPreviewModal_1.MediaPreviewModal item={_}visible={!!_}onClose={()=>h(null)}onDelete={async e=>{await capture_1.ScreenCapture.deleteMedia(e.uri),u?.().catch(()=>{}),h(null)}}onConvertToGif={async e=>{const i=await capture_1.ScreenCapture.convertToGif(e.uri,{fps:12,width:480});i&&(u?.().catch(()=>{}),h({id:`anim_${i.timestamp}.gif`,type:"gif",format:"gif",uri:i.uri,filename:i.uri.split("/").pop()||`anim_${i.timestamp}.gif`,sizeBytes:i.sizeBytes,timestamp:i.timestamp,durationMs:i.durationMs}))}}/>
+    </>},fabStyles=react_native_1.StyleSheet.create({playerContainer:{position:"absolute",bottom:react_native_1.Platform.OS==="ios"?34:18,left:12,right:12,minHeight:58,flexDirection:"row",alignItems:"center",justifyContent:"space-between",borderRadius:16,borderWidth:1,borderColor:"rgba(255, 255, 255, 0.28)",paddingHorizontal:12,paddingVertical:7,gap:8,zIndex:99999,elevation:25,shadowColor:AppColors_1.AppColors.indigo600,shadowOffset:{width:0,height:8},shadowOpacity:.45,shadowRadius:14,overflow:"hidden"},gradientBg:{position:"absolute",top:0,left:0,right:0,bottom:0,borderRadius:16},playerShineClip:{position:"absolute",top:0,left:0,right:0,bottom:0,borderRadius:16,overflow:"hidden"},playerShineStreak:{position:"absolute",top:-60,width:75,height:200},brandSection:{flexDirection:"row",alignItems:"center",gap:9,flex:1,minWidth:0,paddingVertical:2},titleWrapper:{flex:1,minWidth:0,justifyContent:"center",gap:2},appTitle:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13.5,color:AppColors_1.AppColors.white,letterSpacing:-.2},versionRow:{flexDirection:"row",alignItems:"center",gap:4,minWidth:0},versionChip:{flexDirection:"row",alignItems:"center",backgroundColor:`${AppColors_1.AppColors.white}1F`,borderRadius:5,paddingHorizontal:5,paddingVertical:1.5,gap:3,borderWidth:1,borderColor:`${AppColors_1.AppColors.white}2E`,flexShrink:1,minWidth:0},versionChipText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:8.5,color:`${AppColors_1.AppColors.white}EB`,letterSpacing:.1},actionsRow:{flexDirection:"row",alignItems:"center",gap:4.5,flexShrink:0},actionBtn:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:"rgba(255, 255, 255, 0.22)",paddingHorizontal:8,paddingVertical:5.5,borderRadius:7,borderWidth:1,borderColor:"rgba(255, 255, 255, 0.32)"},actionBtnSquare:{alignItems:"center",justifyContent:"center",width:27,height:27,backgroundColor:"rgba(255, 255, 255, 0.22)",borderRadius:7,borderWidth:1,borderColor:"rgba(255, 255, 255, 0.32)"},recordingBtnActive:{backgroundColor:"rgba(239, 68, 68, 0.32)",borderColor:AppColors_1.AppColors.red500},recordingDot:{width:6,height:6,borderRadius:3,backgroundColor:AppColors_1.AppColors.red500},actionText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:10.5,color:AppColors_1.AppColors.white}});exports.default=FabLauncher;