react-native-inapp-inspector 2.4.2 → 2.5.1

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

@@ -1,12 +1,12 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(t,r,o,a){a===void 0&&(a=o);var n=Object.getOwnPropertyDescriptor(r,o);(!n||("get"in n?!r.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return r[o]}}),Object.defineProperty(t,a,n)}):(function(t,r,o,a){a===void 0&&(a=o),t[a]=r[o]})),__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(o){var a=[];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(a[a.length]=n);return a},t(r)};return function(r){if(r&&r.__esModule)return r;var o={};if(r!=null)for(var a=t(r),n=0;n<a.length;n++)a[n]!=="default"&&__createBinding(o,r,a[n]);return __setModuleDefault(o,r),o}})(),__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")),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:o,dismissInspector:a,appIcon:n,fabPan:R,fabPanResponder:T,fabDraggedRef:A,pulseAnim:I,fabShineAnim:D,refreshMediaCount:u,captureFps:_,captureScale:v,captureBitrate:b,captureMaxDurationSeconds:w,captureAudioMode:C}=(0,InspectorContext_1.useInspector)(),{width:$}=(0,react_native_1.useWindowDimensions)(),{t:s}=(0,i18n_1.useTranslation)(),[P]=(0,react_1.useState)(()=>(0,helpers_1.getAppVersionAndBuild)().formatted),[l,g]=(0,react_1.useState)(!1),[M,y]=(0,react_1.useState)(0),p=(0,react_1.useRef)(null),[S,h]=(0,react_1.useState)(null),c=(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=c.x.addListener(f=>m.current.x=f.value),i=c.y.addListener(f=>m.current.y=f.value);return()=>{c.x.removeListener(e),c.y.removeListener(i)}},[c]);const d=(0,react_1.useRef)(!1),V=(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,c.setOffset({x:m.current.x,y:m.current.y}),c.setValue({x:0,y:0})},onPanResponderMove:react_native_1.Animated.event([null,{dx:c.x,dy:c.y}],{useNativeDriver:!1}),onPanResponderRelease:()=>{c.flattenOffset(),setTimeout(()=>{d.current=!1},50)},onPanResponderTerminate:()=>{c.flattenOffset(),d.current=!1}})).current;(0,react_1.useEffect)(()=>{capture_1.ScreenCapture.isRecording().then(e=>{g(!!e)}).catch(()=>{})},[]),(0,react_1.useEffect)(()=>(l?(y(0),p.current=setInterval(()=>{y(e=>e+1)},1e3)):(p.current&&(clearInterval(p.current),p.current=null),y(0)),()=>{p.current&&clearInterval(p.current)}),[l]);const z=(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(l){(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,thumbnailUri:e.thumbnailUri};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:_,scale:v,audioSource:C,bitrate:b>0?b:void 0,maxDurationSeconds:w})?(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)}},[l,_,v,b,w,C,u,s]),x=(0,react_1.useCallback)(()=>{d.current||((0,NativeInspector_1.triggerNativeHaptic)("light"),o?.(!1),t(!0))},[o,t]),O=(0,react_1.useCallback)(()=>{d.current||((0,NativeInspector_1.triggerNativeHaptic)("light"),o?.(!1),t(!1))},[o,t]),q=e=>{const i=Math.floor(e/60),f=e%60;return`${i}:${f<10?"0":""}${f}`};return<>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(r,i,o,a){a===void 0&&(a=o);var s=Object.getOwnPropertyDescriptor(i,o);(!s||("get"in s?!i.__esModule:s.writable||s.configurable))&&(s={enumerable:!0,get:function(){return i[o]}}),Object.defineProperty(r,a,s)}):(function(r,i,o,a){a===void 0&&(a=o),r[a]=i[o]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(r,i){Object.defineProperty(r,"default",{enumerable:!0,value:i})}):function(r,i){r.default=i}),__importStar=this&&this.__importStar||(function(){var r=function(i){return r=Object.getOwnPropertyNames||function(o){var a=[];for(var s in o)Object.prototype.hasOwnProperty.call(o,s)&&(a[a.length]=s);return a},r(i)};return function(i){if(i&&i.__esModule)return i;var o={};if(i!=null)for(var a=r(i),s=0;s<a.length;s++)a[s]!=="default"&&__createBinding(o,i,a[s]);return __setModuleDefault(o,i),o}})(),__importDefault=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};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")),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:r,isMinimized:i,setIsMinimized:o,dismissInspector:a,appIcon:s,fabPan:l,fabPanResponder:ie,fabDraggedRef:T,pulseAnim:k,fabShineAnim:oe,refreshMediaCount:g,captureFps:L,captureScale:E,captureBitrate:O,captureMaxDurationSeconds:q,captureAudioMode:H}=(0,InspectorContext_1.useInspector)(),{width:_,height:b}=(0,react_native_1.useWindowDimensions)(),{t:n}=(0,i18n_1.useTranslation)(),[X]=(0,react_1.useState)(()=>(0,helpers_1.getAppVersionAndBuild)().formatted),[p,I]=(0,react_1.useState)(!1),[Z,D]=(0,react_1.useState)(0),v=(0,react_1.useRef)(null),[$,C]=(0,react_1.useState)(null),[G,B]=(0,react_1.useState)(!1),[z,S]=(0,react_1.useState)(!1),f=(0,react_1.useRef)(!1),x=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current,P=(0,react_1.useRef)(new react_native_1.Animated.Value(1)).current,y=(0,react_1.useRef)({x:0,y:0});(0,react_1.useEffect)(()=>{const e=l.x.addListener(c=>y.current.x=c.value),t=l.y.addListener(c=>y.current.y=c.value);return()=>{l.x.removeListener(e),l.y.removeListener(t)}},[l]);const u=68,V=8,U=(0,react_1.useCallback)(()=>{const e=y.current.x,t=y.current.y,c=20,A=180,m=_-c-u/2+e,M=b-A-u/2+t;let N=e,F=t,R=!1;m<V+u/2?(N=e+(V+u/2-m),R=!0):m>_-V-u/2&&(N=e-(m-(_-V-u/2)),R=!0);const j=react_native_1.Platform.OS==="ios"?60:40,Y=react_native_1.Platform.OS==="ios"?40:24;M<j+u/2?(F=t+(j+u/2-M),R=!0):M>b-Y-u/2&&(F=t-(M-(b-Y-u/2)),R=!0),R&&react_native_1.Animated.spring(l,{toValue:{x:N,y:F},useNativeDriver:!1,tension:80,friction:8}).start()},[l,_,b]),K=(0,react_1.useRef)(react_native_1.PanResponder.create({onStartShouldSetPanResponder:()=>!1,onMoveShouldSetPanResponder:(e,t)=>Math.abs(t.dx)>4||Math.abs(t.dy)>4,onPanResponderGrant:()=>{T.current=!0,l.setOffset({x:y.current.x,y:y.current.y}),l.setValue({x:0,y:0}),f.current=!1,S(!1),B(!0),P.setValue(1),react_native_1.Animated.spring(x,{toValue:1,useNativeDriver:!0,tension:80,friction:8}).start()},onPanResponderMove:(e,t)=>{l.setValue({x:t.dx,y:t.dy});const c=t.moveY,A=t.moveX,m=c>b-140&&Math.abs(A-_/2)<85;m&&!f.current?(f.current=!0,S(!0),(0,NativeInspector_1.triggerNativeHaptic)("medium"),react_native_1.Animated.spring(P,{toValue:1.25,useNativeDriver:!0,tension:100,friction:6}).start()):!m&&f.current&&(f.current=!1,S(!1),react_native_1.Animated.spring(P,{toValue:1,useNativeDriver:!0,tension:100,friction:6}).start())},onPanResponderRelease:()=>{const e=f.current;l.flattenOffset(),react_native_1.Animated.timing(x,{toValue:0,duration:180,useNativeDriver:!0}).start(()=>{B(!1),S(!1),f.current=!1}),e?((0,NativeInspector_1.triggerNativeHaptic)("heavy"),a(),(0,toast_1.showToast)(n("common.inspectorDismissed","In-App Inspector closed for this session"))):U(),setTimeout(()=>{T.current=!1},100)},onPanResponderTerminate:()=>{l.flattenOffset(),T.current=!1,react_native_1.Animated.timing(x,{toValue:0,duration:180,useNativeDriver:!0}).start(()=>{B(!1),S(!1),f.current=!1})}})).current,d=(0,react_1.useRef)(new react_native_1.Animated.ValueXY({x:0,y:0})).current,w=(0,react_1.useRef)({x:0,y:0});(0,react_1.useEffect)(()=>{const e=d.x.addListener(c=>w.current.x=c.value),t=d.y.addListener(c=>w.current.y=c.value);return()=>{d.x.removeListener(e),d.y.removeListener(t)}},[d]);const h=(0,react_1.useRef)(!1),J=(0,react_1.useRef)(react_native_1.PanResponder.create({onStartShouldSetPanResponder:()=>!1,onMoveShouldSetPanResponder:(e,t)=>Math.abs(t.dx)>4||Math.abs(t.dy)>4,onPanResponderGrant:()=>{h.current=!0,d.setOffset({x:w.current.x,y:w.current.y}),d.setValue({x:0,y:0})},onPanResponderMove:react_native_1.Animated.event([null,{dx:d.x,dy:d.y}],{useNativeDriver:!1}),onPanResponderRelease:()=>{d.flattenOffset();const e=w.current.y,t=-(b-(react_native_1.Platform.OS==="ios"?34:18)-70),c=react_native_1.Platform.OS==="ios"?34:18;if(e<t||e>c){const A=Math.max(t,Math.min(c,e));react_native_1.Animated.spring(d,{toValue:{x:w.current.x,y:A},useNativeDriver:!1,tension:80,friction:8}).start()}setTimeout(()=>{h.current=!1},50)},onPanResponderTerminate:()=>{d.flattenOffset(),h.current=!1}})).current;(0,react_1.useEffect)(()=>{capture_1.ScreenCapture.isRecording().then(e=>{I(!!e)}).catch(()=>{})},[]),(0,react_1.useEffect)(()=>(p?(D(0),v.current=setInterval(()=>{D(e=>e+1)},1e3)):(v.current&&(clearInterval(v.current),v.current=null),D(0)),()=>{v.current&&clearInterval(v.current)}),[p]);const Q=(0,react_1.useCallback)(async()=>{if(!h.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 t={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};C(t),g?.().catch(()=>{}),(0,toast_1.showToast)(n("header.screenshotCaptured","Screenshot captured"))}else(0,toast_1.showToast)(n("header.screenshotFailed","Failed to capture screenshot"))}catch{(0,toast_1.showToast)(n("header.screenshotError","Error capturing screenshot"))}},[g,n]),ee=(0,react_1.useCallback)(async()=>{if(!h.current)try{if(p){(0,NativeInspector_1.triggerNativeHaptic)("medium");const e=await capture_1.ScreenCapture.stopRecording();if(I(!1),e){(0,NativeInspector_1.triggerNativeHaptic)("success");const t={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,thumbnailUri:e.thumbnailUri};C(t),g?.().catch(()=>{}),(0,toast_1.showToast)(n("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:L,scale:E,audioSource:H,bitrate:O>0?O:void 0,maxDurationSeconds:q})?(I(!0),(0,toast_1.showToast)(n("header.recordingStarted","Recording started"))):(0,toast_1.showToast)(n("header.recordingStartFailed","Failed to start recording"))}catch{(0,toast_1.showToast)(n("header.recordingError","Error during screen recording")),I(!1)}},[p,L,E,O,q,H,g,n]),W=(0,react_1.useCallback)(()=>{h.current||((0,NativeInspector_1.triggerNativeHaptic)("light"),o?.(!1),r(!0))},[o,r]),te=(0,react_1.useCallback)(()=>{h.current||((0,NativeInspector_1.triggerNativeHaptic)("light"),o?.(!1),r(!1))},[o,r]),re=e=>{const t=Math.floor(e/60),c=e%60;return`${t}:${c<10?"0":""}${c}`};return<>
       
-      {r?<react_native_1.Animated.View style={[fabStyles.playerContainer,{transform:c.getTranslateTransform()}]}{...V.panHandlers}>
+      {i?<react_native_1.Animated.View style={[fabStyles.playerContainer,{transform:d.getTranslateTransform()}]}{...J.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_1.TouchableOpacity activeOpacity={.75}onPress={x}style={fabStyles.brandSection}accessibilityRole="button"accessibilityLabel={s("mediaGallery.expand","Expand Inspector")}>
-            <AppHeaderLogo_1.default size={36}customIcon={n}shape="circle"/>
+          <react_native_1.TouchableOpacity activeOpacity={.75}onPress={W}style={fabStyles.brandSection}accessibilityRole="button"accessibilityLabel={n("mediaGallery.expand","Expand Inspector")}>
+            <AppHeaderLogo_1.default size={36}customIcon={s}shape="circle"/>
             <react_native_1.View style={fabStyles.titleWrapper}>
               <react_native_1.Text style={fabStyles.appTitle}numberOfLines={1}>
                 {(0,helpers_1.getAppName)()}
@@ -16,7 +16,7 @@
                 <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}>
-                    {P}
+                    {X}
                   </react_native_1.Text>
                 </react_native_1.View>
 
@@ -34,43 +34,48 @@
           
           <react_native_1.View style={fabStyles.actionsRow}>
             
-            <TouchableScale_1.default onPress={z}hitSlop={{top:6,bottom:6,left:4,right:4}}style={fabStyles.actionBtn}>
-              <NetworkIcons_1.CameraIcon size={12}color={AppColors_1.AppColors.white}/>
+            <TouchableScale_1.default onPress={Q}hitSlop={{top:6,bottom:6,left:4,right:4}}style={fabStyles.actionBtn}>
+              <NetworkIcons_1.ScreenshotCaptureIcon size={12}color={AppColors_1.AppColors.white}/>
               <react_native_1.Text style={fabStyles.actionText}>
-                {s("header.photo","Photo")}
+                {n("header.photo","Photo")}
               </react_native_1.Text>
             </TouchableScale_1.default>
 
             
-            <TouchableScale_1.default onPress={B}hitSlop={{top:6,bottom:6,left:4,right:4}}style={[fabStyles.actionBtn,l&&fabStyles.recordingBtnActive]}>
-              {l?<react_native_1.View style={fabStyles.recordingDot}/>:<NetworkIcons_1.VideoCameraIcon size={12}color={AppColors_1.AppColors.white}/>}
-              <react_native_1.Text style={[fabStyles.actionText,l&&{color:AppColors_1.AppColors.red300}]}>
-                {l?`${s("header.rec","REC")} ${q(M)}`:s("header.record","Record")}
+            <TouchableScale_1.default onPress={ee}hitSlop={{top:6,bottom:6,left:4,right:4}}style={[fabStyles.actionBtn,p&&fabStyles.recordingBtnActive]}>
+              {p?<react_native_1.View style={fabStyles.recordingDot}/>:<NetworkIcons_1.ScreenRecordIcon size={12}color={AppColors_1.AppColors.white}/>}
+              <react_native_1.Text style={[fabStyles.actionText,p&&{color:AppColors_1.AppColors.red300}]}>
+                {p?`${n("header.rec","REC")} ${re(Z)}`:n("header.record","Record")}
               </react_native_1.Text>
             </TouchableScale_1.default>
 
             
-            <TouchableScale_1.default onPress={x}hitSlop={{top:6,bottom:6,left:4,right:4}}accessibilityRole="button"accessibilityLabel={s("common.expand","Expand")}style={fabStyles.actionBtnSquare}>
+            <TouchableScale_1.default onPress={W}hitSlop={{top:6,bottom:6,left:4,right:4}}accessibilityRole="button"accessibilityLabel={n("common.expand","Expand")}style={fabStyles.actionBtnSquare}>
               <NetworkIcons_1.MaximizeIcon size={12}color={AppColors_1.AppColors.white}/>
             </TouchableScale_1.default>
 
             
-            <TouchableScale_1.default onPress={O}hitSlop={{top:6,bottom:6,left:4,right:6}}accessibilityRole="button"accessibilityLabel={s("common.close","Close")}style={fabStyles.actionBtnSquare}>
+            <TouchableScale_1.default onPress={te}hitSlop={{top:6,bottom:6,left:4,right:6}}accessibilityRole="button"accessibilityLabel={n("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:R.getTranslateTransform()}]}{...T.panHandlers}>
-            <TouchableScale_1.default style={{alignItems:"center",justifyContent:"center"}}onPress={()=>{A.current||((0,NativeInspector_1.triggerNativeHaptic)("light"),t(!0))}}hitSlop={10}>
-              <react_native_1.Animated.View style={[styles_1.default.fabPulseRing,{transform:[{scale:I}]}]}/>
-              <AppHeaderLogo_1.default size={68}customIcon={n}shape="circle"/>
-            </TouchableScale_1.default>
-
-          
-          <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel={s("common.close","Close")}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("medium"),a(),(0,toast_1.showToast)(s("common.inspectorDismissed","In-App Inspector closed for this session"))}}hitSlop={8}style={styles_1.default.fabCloseBadge}>
-            <NetworkIcons_1.CloseWhite size={9.5}/>
+        </react_native_1.Animated.View>:<react_native_1.Animated.View style={[styles_1.default.fabWrapper,{transform:l.getTranslateTransform()}]}{...K.panHandlers}>
+          <TouchableScale_1.default style={{alignItems:"center",justifyContent:"center"}}onPress={()=>{T.current||((0,NativeInspector_1.triggerNativeHaptic)("light"),r(!0))}}hitSlop={10}>
+            <react_native_1.Animated.View style={[styles_1.default.fabPulseRing,{transform:[{scale:k}]}]}/>
+            <AppHeaderLogo_1.default size={68}customIcon={s}shape="circle"/>
           </TouchableScale_1.default>
         </react_native_1.Animated.View>}
 
       
-      <MediaPreviewModal_1.MediaPreviewModal item={S}visible={!!S}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;
+      {G&&<react_native_1.Animated.View pointerEvents="none"style={[fabStyles.dismissTargetContainer,{opacity:x,transform:[{translateY:x.interpolate({inputRange:[0,1],outputRange:[30,0]})},{scale:P}]}]}>
+          <react_native_1.View style={[fabStyles.dismissTargetCircle,z&&fabStyles.dismissTargetCircleActive]}>
+            <NetworkIcons_1.CloseWhite size={18}color={AppColors_1.AppColors.white}/>
+          </react_native_1.View>
+          <react_native_1.Text style={[fabStyles.dismissTargetLabel,z&&fabStyles.dismissTargetLabelActive]}>
+            {z?n("common.releaseToHide","Release to hide"):n("common.dragToHide","Drag here to hide")}
+          </react_native_1.Text>
+        </react_native_1.Animated.View>}
+
+      
+      <MediaPreviewModal_1.MediaPreviewModal item={$}visible={!!$}onClose={()=>C(null)}onDelete={async e=>{await capture_1.ScreenCapture.deleteMedia(e.uri),g?.().catch(()=>{}),C(null)}}onConvertToGif={async e=>{const t=await capture_1.ScreenCapture.convertToGif(e.uri,{fps:12,width:480});t&&(g?.().catch(()=>{}),C({id:`anim_${t.timestamp}.gif`,type:"gif",format:"gif",uri:t.uri,filename:t.uri.split("/").pop()||`anim_${t.timestamp}.gif`,sizeBytes:t.sizeBytes,timestamp:t.timestamp,durationMs:t.durationMs}))}}/>
+    </>},fabStyles=react_native_1.StyleSheet.create({dismissTargetContainer:{position:"absolute",bottom:react_native_1.Platform.OS==="ios"?42:26,left:0,right:0,alignItems:"center",justifyContent:"center",zIndex:999998},dismissTargetCircle:{width:54,height:54,borderRadius:27,backgroundColor:"rgba(23, 23, 37, 0.82)",borderWidth:1.5,borderColor:"rgba(255, 255, 255, 0.28)",alignItems:"center",justifyContent:"center",shadowColor:AppColors_1.AppColors.black,shadowOffset:{width:0,height:6},shadowOpacity:.4,shadowRadius:10,elevation:16},dismissTargetCircleActive:{backgroundColor:AppColors_1.AppColors.red600,borderColor:AppColors_1.AppColors.red300,shadowColor:AppColors_1.AppColors.red600,shadowOpacity:.65,shadowRadius:18,transform:[{scale:1.06}]},dismissTargetLabel:{marginTop:6,fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:11,color:"rgba(255, 255, 255, 0.85)",textShadowColor:"rgba(0, 0, 0, 0.6)",textShadowOffset:{width:0,height:1},textShadowRadius:3},dismissTargetLabelActive:{color:AppColors_1.AppColors.red300,fontFamily:AppFonts_1.AppFonts.interBold},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,overflow:"hidden"},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;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const FloatingCaptureWidget: React.FC;
+export default FloatingCaptureWidget;

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

@@ -0,0 +1,54 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(r,a,o,n){n===void 0&&(n=o);var i=Object.getOwnPropertyDescriptor(a,o);(!i||("get"in i?!a.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return a[o]}}),Object.defineProperty(r,n,i)}):(function(r,a,o,n){n===void 0&&(n=o),r[n]=a[o]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(r,a){Object.defineProperty(r,"default",{enumerable:!0,value:a})}):function(r,a){r.default=a}),__importStar=this&&this.__importStar||(function(){var r=function(a){return r=Object.getOwnPropertyNames||function(o){var n=[];for(var i in o)Object.prototype.hasOwnProperty.call(o,i)&&(n[n.length]=i);return n},r(a)};return function(a){if(a&&a.__esModule)return a;var o={};if(a!=null)for(var n=r(a),i=0;i<n.length;i++)n[i]!=="default"&&__createBinding(o,a,n[i]);return __setModuleDefault(o,a),o}})(),__importDefault=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.FloatingCaptureWidget=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")),InspectorContext_1=require("./InspectorContext"),TouchableScale_1=__importDefault(require("../TouchableScale")),NetworkIcons_1=require("../NetworkIcons"),capture_1=require("../../capture"),NativeInspector_1=require("../../native/NativeInspector"),toast_1=require("../../helpers/toast"),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),i18n_1=require("../../i18n"),MediaPreviewModal_1=require("./MediaPreviewModal"),FloatingCaptureWidget=()=>{const{refreshMediaCount:r,captureFps:a,captureScale:o,captureBitrate:n,captureMaxDurationSeconds:i,captureAudioMode:S,activeTab:M,settingsPage:T,peekMode:E}=(0,InspectorContext_1.useInspector)(),{t:c}=(0,i18n_1.useTranslation)(),[p,m]=(0,react_1.useState)(!1),[V,v]=(0,react_1.useState)(!1),[P,y]=(0,react_1.useState)(0),l=(0,react_1.useRef)(null),[C,f]=(0,react_1.useState)(null),h=(0,react_1.useRef)(new react_native_1.Animated.Value(1)).current,w=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current,s=(0,react_1.useRef)(new react_native_1.Animated.ValueXY({x:0,y:0})).current,u=(0,react_1.useRef)({x:0,y:0});(0,react_1.useEffect)(()=>{const e=s.x.addListener(d=>u.current.x=d.value),t=s.y.addListener(d=>u.current.y=d.value);return()=>{s.x.removeListener(e),s.y.removeListener(t)}},[s]);const g=(0,react_1.useRef)(!1),D=(0,react_1.useRef)(react_native_1.PanResponder.create({onStartShouldSetPanResponder:()=>!1,onStartShouldSetPanResponderCapture:()=>!1,onMoveShouldSetPanResponder:(e,t)=>Math.abs(t.dx)>2||Math.abs(t.dy)>2,onMoveShouldSetPanResponderCapture:(e,t)=>Math.abs(t.dx)>2||Math.abs(t.dy)>2,onPanResponderGrant:()=>{g.current=!0,s.setOffset({x:u.current.x,y:u.current.y}),s.setValue({x:0,y:0})},onPanResponderMove:(e,t)=>{s.setValue({x:t.dx,y:t.dy})},onPanResponderTerminationRequest:()=>!1,onShouldBlockNativeResponder:()=>!0,onPanResponderRelease:()=>{s.flattenOffset(),setTimeout(()=>{g.current=!1},150);const{width:e,height:t}=react_native_1.Dimensions.get("window"),d=e/2-30,R=-d,I=20,A=-(t-120),_=u.current.x,b=u.current.y;if(_<R||_>d||b<A||b>I){const F=Math.min(Math.max(_,R),d),q=Math.min(Math.max(b,A),I);react_native_1.Animated.spring(s,{toValue:{x:F,y:q},friction:7,tension:50,useNativeDriver:!1}).start()}},onPanResponderTerminate:()=>{s.flattenOffset(),g.current=!1}})).current;(0,react_1.useEffect)(()=>{capture_1.ScreenCapture.isRecording().then(e=>{m(e)}).catch(()=>{})},[]),(0,react_1.useEffect)(()=>{let e=null;return p?(y(0),l.current=setInterval(()=>{y(t=>t+1)},1e3),e=react_native_1.Animated.loop(react_native_1.Animated.sequence([react_native_1.Animated.timing(h,{toValue:1.15,duration:500,useNativeDriver:!0}),react_native_1.Animated.timing(h,{toValue:1,duration:500,useNativeDriver:!0})])),e.start()):(l.current&&(clearInterval(l.current),l.current=null),y(0),h.setValue(1)),()=>{l.current&&clearInterval(l.current),e&&e.stop()}},[p,h]);const O=(0,react_1.useCallback)(async()=>{if(!g.current)try{(0,NativeInspector_1.triggerNativeHaptic)("light"),v(!0),await new Promise(t=>setTimeout(t,60));const e=await capture_1.ScreenCapture.takeScreenshot({format:"png",quality:.9,hideInspector:!1});if(v(!1),react_native_1.Animated.sequence([react_native_1.Animated.timing(w,{toValue:.65,duration:70,useNativeDriver:!0}),react_native_1.Animated.timing(w,{toValue:0,duration:200,useNativeDriver:!0})]).start(),e){(0,NativeInspector_1.triggerNativeHaptic)("success");const t={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};f(t),r?.().catch(()=>{}),(0,toast_1.showToast)(c("header.screenshotCaptured","Screenshot captured"))}else(0,toast_1.showToast)(c("header.screenshotFailed","Failed to capture screenshot"))}catch{v(!1),(0,toast_1.showToast)(c("header.screenshotError","Error capturing screenshot"))}},[r,w,c]),x=(0,react_1.useCallback)(async()=>{if(!g.current)try{if(p){(0,NativeInspector_1.triggerNativeHaptic)("medium");const e=await capture_1.ScreenCapture.stopRecording();if(m(!1),e){(0,NativeInspector_1.triggerNativeHaptic)("success");const t={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,thumbnailUri:e.thumbnailUri};f(t),r?.().catch(()=>{}),(0,toast_1.showToast)(c("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:a,scale:o,audioSource:S,bitrate:n>0?n:void 0,maxDurationSeconds:i})?(m(!0),(0,toast_1.showToast)(c("header.recordingStarted","Recording started"))):(0,toast_1.showToast)(c("header.recordingStartFailed","Failed to start recording"))}catch{(0,toast_1.showToast)(c("header.recordingError","Error during screen recording")),m(!1)}},[p,a,o,n,i,S,r,c]),B=e=>{const t=Math.floor(e/60),d=e%60;return`${t<10?"0":""}${t}:${d<10?"0":""}${d}`};return M==="media"||T==="media"?null:<>
+      
+      <react_native_1.Animated.View pointerEvents="none"style={[styles.flashOverlay,{opacity:w}]}/>
+
+      {!V&&<react_native_1.Animated.View{...D.panHandlers}style={[styles.container,{transform:[{translateX:s.x},{translateY:s.y}]}]}>
+          
+          {p?<react_native_1.View style={styles.recordingShadowWrapper}>
+              <TouchableScale_1.default onPress={x}style={styles.recordingPillWrapper}>
+                <react_native_linear_gradient_1.default colors={["#E11D48","#BE123C"]}start={{x:0,y:0}}end={{x:1,y:0}}style={styles.recordingPill}>
+                  <react_native_1.Animated.View style={[styles.recordingDot,{transform:[{scale:h}]}]}/>
+                  <react_native_1.Text style={styles.recordingText}>
+                    REC {B(P)}
+                  </react_native_1.Text>
+                  <react_native_1.View style={styles.stopIconBadge}>
+                    <react_native_1.View style={styles.stopIconSquare}/>
+                  </react_native_1.View>
+                </react_native_linear_gradient_1.default>
+              </TouchableScale_1.default>
+            </react_native_1.View>:<react_native_1.View style={styles.dockShadowWrapper}>
+              <react_native_linear_gradient_1.default colors={["#0E1326","#1A1E38","#0E1326"]}start={{x:0,y:0}}end={{x:1,y:0}}style={styles.dockBar}>
+                
+                <react_native_1.View style={styles.dragGripArea}pointerEvents="none">
+                  <NetworkIcons_1.GripVerticalIcon size={13}color="rgba(255, 255, 255, 0.45)"/>
+                </react_native_1.View>
+
+                
+                <TouchableScale_1.default onPress={O}style={styles.menuItemBtn}accessible={!0}accessibilityLabel="Take Screenshot">
+                  <react_native_1.View style={[styles.menuItemIconCircle,{backgroundColor:"rgba(56, 189, 248, 0.22)"}]}>
+                    <NetworkIcons_1.ScreenshotCaptureIcon size={14}color={AppColors_1.AppColors.sky400}/>
+                  </react_native_1.View>
+                  <react_native_1.Text style={styles.menuItemText}>
+                    {c("header.screenshot","Screenshot")}
+                  </react_native_1.Text>
+                </TouchableScale_1.default>
+
+                
+                <react_native_1.View style={styles.dockDivider}/>
+
+                
+                <TouchableScale_1.default onPress={x}style={styles.menuItemBtn}accessible={!0}accessibilityLabel={c("header.recordScreen","Record Screen")}>
+                  <react_native_1.View style={[styles.menuItemIconCircle,{backgroundColor:"rgba(244, 63, 94, 0.24)"}]}>
+                    <NetworkIcons_1.ScreenRecordIcon size={14}color={AppColors_1.AppColors.rose400||"#FB7185"}/>
+                  </react_native_1.View>
+                  <react_native_1.Text style={styles.menuItemText}>
+                    {c("header.record","Record")}
+                  </react_native_1.Text>
+                </TouchableScale_1.default>
+              </react_native_linear_gradient_1.default>
+            </react_native_1.View>}
+        </react_native_1.Animated.View>}
+
+      
+      <MediaPreviewModal_1.MediaPreviewModal item={C}visible={!!C}onClose={()=>f(null)}onDelete={async e=>{await capture_1.ScreenCapture.deleteMedia(e.uri),r?.().catch(()=>{}),f(null)}}onConvertToGif={async e=>{const t=await capture_1.ScreenCapture.convertToGif(e.uri,{fps:12,width:480});t&&(r?.().catch(()=>{}),f({id:`anim_${t.timestamp}.gif`,type:"gif",format:"gif",uri:t.uri,filename:t.uri.split("/").pop()||`anim_${t.timestamp}.gif`,sizeBytes:t.sizeBytes,timestamp:t.timestamp,durationMs:t.durationMs}))}}/>
+    </>};exports.FloatingCaptureWidget=FloatingCaptureWidget;const styles=react_native_1.StyleSheet.create({flashOverlay:{...react_native_1.StyleSheet.absoluteFillObject,backgroundColor:AppColors_1.AppColors.white,zIndex:999999},container:{position:"absolute",bottom:react_native_1.Platform.OS==="ios"?22:16,alignSelf:"center",alignItems:"center",justifyContent:"center",zIndex:999999,elevation:999999},dockShadowWrapper:{borderRadius:24,backgroundColor:"#0D1120",...react_native_1.Platform.select({ios:{shadowColor:AppColors_1.AppColors.black,shadowOffset:{width:0,height:6},shadowOpacity:.45,shadowRadius:14},android:{elevation:16}})},dockBar:{flexDirection:"row",alignItems:"center",borderRadius:24,width:272,paddingVertical:0,paddingHorizontal:0,overflow:"hidden"},dragGripArea:{paddingLeft:10,paddingRight:2,paddingVertical:10,alignItems:"center",justifyContent:"center"},dockDivider:{width:1,height:20,backgroundColor:"rgba(255, 255, 255, 0.12)"},menuItemBtn:{flex:1,flexDirection:"row",alignItems:"center",justifyContent:"center",gap:7,paddingVertical:9,paddingHorizontal:10},menuItemIconCircle:{width:24,height:24,borderRadius:12,alignItems:"center",justifyContent:"center"},menuItemText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:12,color:AppColors_1.AppColors.white,letterSpacing:.1},recordingShadowWrapper:{borderRadius:20,...react_native_1.Platform.select({ios:{shadowColor:AppColors_1.AppColors.black,shadowOffset:{width:0,height:4},shadowOpacity:.4,shadowRadius:10},android:{elevation:12}})},recordingPillWrapper:{borderRadius:20,overflow:"hidden"},recordingPill:{flexDirection:"row",alignItems:"center",gap:7,paddingVertical:6.5,paddingHorizontal:12,borderRadius:20,borderWidth:1.5,borderColor:"rgba(255, 255, 255, 0.35)"},recordingDot:{width:7,height:7,borderRadius:3.5,backgroundColor:AppColors_1.AppColors.white},recordingText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,color:AppColors_1.AppColors.white,letterSpacing:.3},stopIconBadge:{width:16,height:16,borderRadius:8,backgroundColor:"rgba(255, 255, 255, 0.28)",alignItems:"center",justifyContent:"center",marginLeft:2},stopIconSquare:{width:5.5,height:5.5,borderRadius:1,backgroundColor:AppColors_1.AppColors.white}});exports.default=exports.FloatingCaptureWidget;

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { CrashRecord } from '../../types';
+interface GlobalCrashScreenModalProps {
+    visible: boolean;
+    crash: CrashRecord | null;
+    onDismiss: () => void;
+    onOpenInspector: () => void;
+    onRetry?: () => void;
+}
+export declare const GlobalCrashScreenModal: React.FC<GlobalCrashScreenModalProps>;
+export default GlobalCrashScreenModal;

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

@@ -0,0 +1,234 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(t,e,l,o){o===void 0&&(o=l);var a=Object.getOwnPropertyDescriptor(e,l);(!a||("get"in a?!e.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return e[l]}}),Object.defineProperty(t,o,a)}):(function(t,e,l,o){o===void 0&&(o=l),t[o]=e[l]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}):function(t,e){t.default=e}),__importStar=this&&this.__importStar||(function(){var t=function(e){return t=Object.getOwnPropertyNames||function(l){var o=[];for(var a in l)Object.prototype.hasOwnProperty.call(l,a)&&(o[o.length]=a);return o},t(e)};return function(e){if(e&&e.__esModule)return e;var l={};if(e!=null)for(var o=t(e),a=0;a<o.length;a++)o[a]!=="default"&&__createBinding(l,e,o[a]);return __setModuleDefault(l,e),l}})(),__importDefault=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.GlobalCrashScreenModal=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"),crashHandler_1=require("../../customHooks/crashHandler"),helpers_1=require("../../helpers"),toast_1=require("../../helpers/toast"),i18n_1=require("../../i18n"),NetworkIcons_1=require("../NetworkIcons");exports.GlobalCrashScreenModal=react_1.default.memo(({visible:t,crash:e,onDismiss:l,onOpenInspector:o,onRetry:a})=>{const{t:r}=(0,i18n_1.useTranslation)(),c=(0,react_1.useMemo)(()=>e?(0,crashHandler_1.exportCrashReport)(e,"markdown"):"",[e]);if(!t||!e)return null;const s=e.isFatal,d=e.type||"js",n=e.parsedStack&&e.parsedStack.length>0?e.parsedStack.find(i=>i.isAppCode)||e.parsedStack[0]:null,u=()=>{c&&((0,helpers_1.copyToClipboard)(c,r("errors.errorReport","Crash Report")),(0,toast_1.showToast)(r("common.copied","Copied crash diagnostics to clipboard")))},_=()=>{switch(d){case"native":return<NetworkIcons_1.ChipIcon size={12}color={AppColors_1.AppColors.cyan600}/>;case"render":return<NetworkIcons_1.LayoutIcon size={12}color={AppColors_1.AppColors.purple400}/>;case"promise":return<NetworkIcons_1.HourglassIcon size={12}color={AppColors_1.AppColors.amber400}/>;default:return<NetworkIcons_1.JsIcon size={12}color={AppColors_1.AppColors.yellow400}/>}};return<react_native_1.Modal visible={t}transparent={!1}animationType="fade"statusBarTranslucent={!0}onRequestClose={l}>
+        <react_native_1.SafeAreaView style={styles.safeArea}>
+          <react_native_1.View style={styles.container}>
+            
+            <react_native_1.View style={styles.header}>
+              <react_native_linear_gradient_1.default colors={[AppColors_1.AppColors.red600,AppColors_1.AppColors.rose600]}start={{x:0,y:0}}end={{x:1,y:1}}style={styles.iconGlowWrap}>
+                <NetworkIcons_1.WarningTriangleIcon color={AppColors_1.AppColors.white}size={24}/>
+              </react_native_linear_gradient_1.default>
+
+              <react_native_1.View style={styles.headerTextCol}>
+                <react_native_1.View style={styles.badgeRow}>
+                  <react_native_1.View style={[styles.crashBadge,s&&styles.crashBadgeFatal]}>
+                    {s?<NetworkIcons_1.FlameIcon size={10}color={AppColors_1.AppColors.red500}/>:_()}
+                    <react_native_1.Text style={[styles.crashBadgeText,s&&styles.crashBadgeTextFatal]}>
+                      {s?r("crash.fatalBadge","FATAL CRASH"):`${d.toUpperCase()} ERROR`}
+                    </react_native_1.Text>
+                  </react_native_1.View>
+
+                  <react_native_1.View style={styles.shieldBadge}>
+                    <NetworkIcons_1.ShieldAlertIcon size={10}color={AppColors_1.AppColors.emerald400}/>
+                    <react_native_1.Text style={styles.shieldBadgeText}>
+                      {r("errors.protected","SHIELD PROTECTED")}
+                    </react_native_1.Text>
+                  </react_native_1.View>
+                </react_native_1.View>
+
+                <react_native_1.Text style={styles.title}>
+                  {r("errors.rootCauseTitle","Crash Intercepted")}
+                </react_native_1.Text>
+                <react_native_1.Text style={styles.subtitle}numberOfLines={1}>
+                  {r("errors.rootCauseSubtitle","Native crash prevented \u2022 Diagnostics captured")}
+                </react_native_1.Text>
+              </react_native_1.View>
+
+              <TouchableScale_1.default onPress={l}hitSlop={10}style={styles.closeBtn}>
+                <NetworkIcons_1.CloseWhite size={12}color={AppColors_1.AppColors.slate400}/>
+              </TouchableScale_1.default>
+            </react_native_1.View>
+
+            
+            <react_native_1.ScrollView style={styles.scrollArea}contentContainerStyle={styles.scrollContent}showsVerticalScrollIndicator={!0}>
+              
+              <react_native_1.View style={styles.errorBox}>
+                <react_native_1.View style={styles.errorBoxHeader}>
+                  <NetworkIcons_1.CircleAlertIcon size={14}color={AppColors_1.AppColors.red500}/>
+                  <react_native_1.Text style={styles.errorBoxTitle}>
+                    {e.name||r("crash.unknownException","Exception")}
+                  </react_native_1.Text>
+                </react_native_1.View>
+                <react_native_1.Text style={styles.errorMessage}selectable={!0}>
+                  {e.message||r("crash.unknownException","Unknown Exception")}
+                </react_native_1.Text>
+              </react_native_1.View>
+
+              
+              {n&&<react_native_1.View style={styles.locationCard}>
+                  <react_native_1.View style={styles.cardHeaderRow}>
+                    <NetworkIcons_1.TerminalIcon size={13}color={AppColors_1.AppColors.sky400}/>
+                    <react_native_1.Text style={styles.cardHeaderTitle}>
+                      {r("errors.exactLocation","EXACT ROOT CAUSE")}
+                    </react_native_1.Text>
+                  </react_native_1.View>
+
+                  <react_native_1.View style={styles.locRow}>
+                    <react_native_1.Text style={styles.locLabel}>
+                      {r("errors.file","File:")}
+                    </react_native_1.Text>
+                    <react_native_1.Text style={styles.locValFile}numberOfLines={1}selectable={!0}>
+                      {n.file}
+                    </react_native_1.Text>
+                  </react_native_1.View>
+
+                  <react_native_1.View style={styles.locRow}>
+                    <react_native_1.Text style={styles.locLabel}>
+                      {r("errors.lineCol","Line / Col:")}
+                    </react_native_1.Text>
+                    <react_native_1.Text style={styles.locValNum}>
+                      {n.lineNumber}:{n.column}
+                    </react_native_1.Text>
+                  </react_native_1.View>
+
+                  <react_native_1.View style={styles.locRow}>
+                    <react_native_1.Text style={styles.locLabel}>
+                      {r("errors.function","Function:")}
+                    </react_native_1.Text>
+                    <react_native_1.Text style={styles.locValMethod}numberOfLines={1}>
+                      {n.method}()
+                    </react_native_1.Text>
+                  </react_native_1.View>
+
+                  {n.raw&&<react_native_1.Text style={styles.fullPathText}numberOfLines={2}selectable={!0}>
+                      {n.raw}
+                    </react_native_1.Text>}
+                </react_native_1.View>}
+
+              
+              {e.parsedStack&&e.parsedStack.length>0&&<react_native_1.View style={styles.stackCard}>
+                  <react_native_1.View style={styles.cardHeaderRow}>
+                    <NetworkIcons_1.CodeBracketsIcon size={13}color={AppColors_1.AppColors.purple400}/>
+                    <react_native_1.Text style={styles.cardHeaderTitle}>
+                      {r("errors.callStack","CALL STACK")}
+                    </react_native_1.Text>
+                    <react_native_1.Text style={styles.cardHeaderCount}>
+                      {e.parsedStack.length} frames
+                    </react_native_1.Text>
+                  </react_native_1.View>
+
+                  {e.parsedStack.slice(0,10).map((i,p)=><react_native_1.View key={p}style={[styles.frameItem,i.isAppCode&&styles.frameItemProject]}>
+                      <react_native_1.View style={styles.frameNumBadge}>
+                        <react_native_1.Text style={[styles.frameNumText,i.isAppCode&&{color:AppColors_1.AppColors.sky400}]}>
+                          #{p+1}
+                        </react_native_1.Text>
+                      </react_native_1.View>
+                      <react_native_1.View style={{flex:1}}>
+                        <react_native_1.Text style={[styles.frameMethod,i.isAppCode&&styles.frameMethodProject]}numberOfLines={1}>
+                          {i.method}
+                        </react_native_1.Text>
+                        <react_native_1.Text style={styles.frameLoc}numberOfLines={1}>
+                          {i.file}:{i.lineNumber}
+                        </react_native_1.Text>
+                      </react_native_1.View>
+                      {i.isAppCode&&<react_native_1.View style={styles.appTag}>
+                          <react_native_1.Text style={styles.appTagText}>APP</react_native_1.Text>
+                        </react_native_1.View>}
+                    </react_native_1.View>)}
+                </react_native_1.View>}
+
+              
+              {e.componentStack&&<react_native_1.View style={styles.stackCard}>
+                  <react_native_1.View style={styles.cardHeaderRow}>
+                    <NetworkIcons_1.LayoutIcon size={13}color={AppColors_1.AppColors.purple400}/>
+                    <react_native_1.Text style={styles.cardHeaderTitle}>
+                      {r("crash.componentHierarchy","COMPONENT HIERARCHY")}
+                    </react_native_1.Text>
+                  </react_native_1.View>
+                  <react_native_1.Text style={styles.rawStackText}selectable={!0}>
+                    {e.componentStack}
+                  </react_native_1.Text>
+                </react_native_1.View>}
+
+              
+              {e.breadcrumbs&&e.breadcrumbs.length>0&&<react_native_1.View style={styles.stackCard}>
+                  <react_native_1.View style={styles.cardHeaderRow}>
+                    <NetworkIcons_1.RepeatIcon size={13}color={AppColors_1.AppColors.amber400}/>
+                    <react_native_1.Text style={styles.cardHeaderTitle}>
+                      {r("crash.breadcrumbTrail","RECENT TRAIL")}
+                    </react_native_1.Text>
+                    <react_native_1.Text style={styles.cardHeaderCount}>
+                      {e.breadcrumbs.length} events
+                    </react_native_1.Text>
+                  </react_native_1.View>
+
+                  {e.breadcrumbs.slice(0,6).map((i,p)=>{const y=new Date(i.timestamp).toLocaleTimeString();return<react_native_1.View key={p}style={styles.breadcrumbItem}>
+                        <react_native_1.View style={styles.breadcrumbTag}>
+                          <react_native_1.Text style={styles.breadcrumbTagText}>
+                            {i.type.toUpperCase()}
+                          </react_native_1.Text>
+                        </react_native_1.View>
+                        <react_native_1.Text style={styles.breadcrumbMsg}numberOfLines={2}>
+                          {i.message}
+                        </react_native_1.Text>
+                        <react_native_1.Text style={styles.breadcrumbTime}>{y}</react_native_1.Text>
+                      </react_native_1.View>})}
+                </react_native_1.View>}
+
+              
+              {e.deviceInfo&&<react_native_1.View style={styles.telemetryCard}>
+                  <react_native_1.Text style={styles.telemetryTitle}>
+                    {r("crash.deviceDiagnostics","HARDWARE & RUNTIME TELEMETRY")}
+                  </react_native_1.Text>
+                  <react_native_1.View style={styles.telemetryGrid}>
+                    <react_native_1.View style={styles.telemetryPill}>
+                      <react_native_1.Text style={styles.telemetryLabel}>OS</react_native_1.Text>
+                      <react_native_1.Text style={styles.telemetryValue}>
+                        {e.deviceInfo.platform?.toUpperCase()}{" "}
+                        {e.deviceInfo.osVersion}
+                      </react_native_1.Text>
+                    </react_native_1.View>
+                    <react_native_1.View style={styles.telemetryPill}>
+                      <react_native_1.Text style={styles.telemetryLabel}>RN Version</react_native_1.Text>
+                      <react_native_1.Text style={styles.telemetryValue}>
+                        {e.deviceInfo.rnVersion||"N/A"}
+                      </react_native_1.Text>
+                    </react_native_1.View>
+                    <react_native_1.View style={styles.telemetryPill}>
+                      <react_native_1.Text style={styles.telemetryLabel}>Engine</react_native_1.Text>
+                      <react_native_1.Text style={styles.telemetryValue}>
+                        {e.deviceInfo.isHermes?"Hermes":"JSC"}
+                      </react_native_1.Text>
+                    </react_native_1.View>
+                    <react_native_1.View style={styles.telemetryPill}>
+                      <react_native_1.Text style={styles.telemetryLabel}>Architecture</react_native_1.Text>
+                      <react_native_1.Text style={styles.telemetryValue}>
+                        {e.deviceInfo.isFabric?"Fabric (New)":"Paper"}
+                      </react_native_1.Text>
+                    </react_native_1.View>
+                    {e.memoryInfo&&<react_native_1.View style={styles.telemetryPill}>
+                        <react_native_1.Text style={styles.telemetryLabel}>JS Heap</react_native_1.Text>
+                        <react_native_1.Text style={styles.telemetryValue}>
+                          {e.memoryInfo.usedJSHeapSize} / {e.memoryInfo.totalJSHeapSize} MB
+                        </react_native_1.Text>
+                      </react_native_1.View>}
+                  </react_native_1.View>
+                </react_native_1.View>}
+            </react_native_1.ScrollView>
+
+            
+            <react_native_1.View style={styles.footer}>
+              {a&&<TouchableScale_1.default onPress={a}style={styles.retryBtn}>
+                  <NetworkIcons_1.RefreshCcwIcon size={14}color={AppColors_1.AppColors.white}/>
+                  <react_native_1.Text style={styles.retryBtnText}>
+                    {r("errors.retry","Try Again")}
+                  </react_native_1.Text>
+                </TouchableScale_1.default>}
+
+              <TouchableScale_1.default onPress={o}style={styles.inspectorBtn}>
+                <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.inspectorBtnGradient}>
+                  <NetworkIcons_1.ShieldAlertIcon size={14}color={AppColors_1.AppColors.white}/>
+                  <react_native_1.Text style={styles.inspectorBtnText}>
+                    {r("crash.openInInspector","Open in Inspector")}
+                  </react_native_1.Text>
+                </react_native_linear_gradient_1.default>
+              </TouchableScale_1.default>
+
+              <TouchableScale_1.default onPress={u}style={styles.copyBtn}>
+                <NetworkIcons_1.CopyIcon size={14}color={AppColors_1.AppColors.slate200}/>
+                <react_native_1.Text style={styles.copyBtnText}>
+                  {r("errors.copy","Copy")}
+                </react_native_1.Text>
+              </TouchableScale_1.default>
+            </react_native_1.View>
+          </react_native_1.View>
+        </react_native_1.SafeAreaView>
+      </react_native_1.Modal>});const styles=react_native_1.StyleSheet.create({safeArea:{flex:1,backgroundColor:AppColors_1.AppColors.slate900},container:{flex:1,backgroundColor:AppColors_1.AppColors.slate900},header:{flexDirection:"row",alignItems:"center",paddingHorizontal:16,paddingTop:react_native_1.Platform.OS==="android"?24:12,paddingBottom:12,backgroundColor:AppColors_1.AppColors.slate850,borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.slate800,gap:12},iconGlowWrap:{width:42,height:42,borderRadius:12,alignItems:"center",justifyContent:"center",shadowColor:AppColors_1.AppColors.red500,shadowOffset:{width:0,height:4},shadowOpacity:.35,shadowRadius:8,elevation:4},headerTextCol:{flex:1},badgeRow:{flexDirection:"row",alignItems:"center",gap:6,marginBottom:3},crashBadge:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:`${AppColors_1.AppColors.red500}22`,paddingHorizontal:6,paddingVertical:2,borderRadius:5,borderWidth:1,borderColor:`${AppColors_1.AppColors.red500}44`},crashBadgeFatal:{backgroundColor:`${AppColors_1.AppColors.red500}33`,borderColor:AppColors_1.AppColors.red500},crashBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:AppColors_1.AppColors.red500,letterSpacing:.4},crashBadgeTextFatal:{color:AppColors_1.AppColors.red500},shieldBadge:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:`${AppColors_1.AppColors.emerald500}20`,paddingHorizontal:6,paddingVertical:2,borderRadius:5,borderWidth:1,borderColor:`${AppColors_1.AppColors.emerald500}44`},shieldBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9,color:AppColors_1.AppColors.emerald400,letterSpacing:.4},title:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:16,color:AppColors_1.AppColors.white,letterSpacing:-.2},subtitle:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,color:AppColors_1.AppColors.slate400,marginTop:1},closeBtn:{width:30,height:30,borderRadius:15,backgroundColor:AppColors_1.AppColors.slate800,alignItems:"center",justifyContent:"center"},scrollArea:{flex:1},scrollContent:{padding:16,gap:12,paddingBottom:24},errorBox:{backgroundColor:`${AppColors_1.AppColors.red500}16`,borderRadius:12,borderWidth:1,borderColor:`${AppColors_1.AppColors.red500}40`,padding:14,gap:6},errorBoxHeader:{flexDirection:"row",alignItems:"center",gap:6},errorBoxTitle:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12,color:AppColors_1.AppColors.red500,letterSpacing:.4},errorMessage:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13.5,color:AppColors_1.AppColors.red100,lineHeight:19},locationCard:{backgroundColor:AppColors_1.AppColors.slate850,borderRadius:12,padding:14,borderWidth:1,borderColor:AppColors_1.AppColors.slate800,gap:8},cardHeaderRow:{flexDirection:"row",alignItems:"center",gap:6,marginBottom:4},cardHeaderTitle:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:AppColors_1.AppColors.slate200,letterSpacing:.6,flex:1},cardHeaderCount:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10,color:AppColors_1.AppColors.slate400},locRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",gap:8},locLabel:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11.5,color:AppColors_1.AppColors.slate400,minWidth:80},locValFile:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12,color:AppColors_1.AppColors.sky400,flex:1,textAlign:"right"},locValNum:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12,color:AppColors_1.AppColors.white},locValMethod:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:12,color:AppColors_1.AppColors.purple400},fullPathText:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:10,color:AppColors_1.AppColors.slate400,marginTop:4,paddingTop:6,borderTopWidth:1,borderTopColor:AppColors_1.AppColors.slate800},stackCard:{backgroundColor:AppColors_1.AppColors.slate850,borderRadius:12,padding:14,borderWidth:1,borderColor:AppColors_1.AppColors.slate800,gap:6},frameItem:{flexDirection:"row",alignItems:"center",backgroundColor:AppColors_1.AppColors.slate900,padding:9,borderRadius:8,gap:8,borderWidth:1,borderColor:AppColors_1.AppColors.slate800},frameItemProject:{borderColor:`${AppColors_1.AppColors.sky400}44`,backgroundColor:`${AppColors_1.AppColors.sky400}0F`},frameNumBadge:{width:22,alignItems:"center"},frameNumText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,color:AppColors_1.AppColors.slate400},frameMethod:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11.5,color:AppColors_1.AppColors.slate200},frameMethodProject:{color:AppColors_1.AppColors.white},frameLoc:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:10,color:AppColors_1.AppColors.slate400,marginTop:1},appTag:{backgroundColor:`${AppColors_1.AppColors.sky400}26`,paddingHorizontal:5,paddingVertical:2,borderRadius:4},appTagText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5,color:AppColors_1.AppColors.sky400},rawStackText:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:10.5,color:AppColors_1.AppColors.slate200,lineHeight:16,backgroundColor:AppColors_1.AppColors.slate900,padding:10,borderRadius:8},breadcrumbItem:{flexDirection:"row",alignItems:"center",gap:8,backgroundColor:AppColors_1.AppColors.slate900,padding:8,borderRadius:7,borderWidth:1,borderColor:AppColors_1.AppColors.slate800},breadcrumbTag:{backgroundColor:`${AppColors_1.AppColors.indigo600}20`,paddingHorizontal:5,paddingVertical:2,borderRadius:4},breadcrumbTagText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5,color:AppColors_1.AppColors.purple400},breadcrumbMsg:{flex:1,fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,color:AppColors_1.AppColors.slate200},breadcrumbTime:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:9.5,color:AppColors_1.AppColors.slate400},telemetryCard:{backgroundColor:AppColors_1.AppColors.slate850,borderRadius:12,padding:14,borderWidth:1,borderColor:AppColors_1.AppColors.slate800,gap:8},telemetryTitle:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,color:AppColors_1.AppColors.slate400,letterSpacing:.6},telemetryGrid:{flexDirection:"row",flexWrap:"wrap",gap:8},telemetryPill:{backgroundColor:AppColors_1.AppColors.slate900,paddingHorizontal:10,paddingVertical:6,borderRadius:8,borderWidth:1,borderColor:AppColors_1.AppColors.slate800},telemetryLabel:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:9.5,color:AppColors_1.AppColors.slate400},telemetryValue:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,color:AppColors_1.AppColors.white,marginTop:2},footer:{flexDirection:"row",padding:14,backgroundColor:AppColors_1.AppColors.slate850,borderTopWidth:1,borderTopColor:AppColors_1.AppColors.slate800,gap:10,alignItems:"center"},retryBtn:{flexDirection:"row",alignItems:"center",justifyContent:"center",gap:6,backgroundColor:AppColors_1.AppColors.red600,paddingHorizontal:14,height:42,borderRadius:10},retryBtnText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12.5,color:AppColors_1.AppColors.white},inspectorBtn:{flex:1,height:42,borderRadius:10,overflow:"hidden"},inspectorBtnGradient:{flex:1,flexDirection:"row",alignItems:"center",justifyContent:"center",gap:6,paddingHorizontal:12},inspectorBtnText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12.5,color:AppColors_1.AppColors.white},copyBtn:{flexDirection:"row",alignItems:"center",justifyContent:"center",gap:6,backgroundColor:AppColors_1.AppColors.slate800,borderWidth:1,borderColor:AppColors_1.AppColors.slate700,paddingHorizontal:14,height:42,borderRadius:10},copyBtnText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12.5,color:AppColors_1.AppColors.slate200}});exports.default=exports.GlobalCrashScreenModal;