react-native-inapp-inspector 2.4.1 → 2.4.2

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

@@ -1,6 +1,6 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(e,o,n,r){r===void 0&&(r=n);var l=Object.getOwnPropertyDescriptor(o,n);(!l||("get"in l?!o.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return o[n]}}),Object.defineProperty(e,r,l)}):(function(e,o,n,r){r===void 0&&(r=n),e[r]=o[n]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(e,o){Object.defineProperty(e,"default",{enumerable:!0,value:o})}):function(e,o){e.default=o}),__importStar=this&&this.__importStar||(function(){var e=function(o){return e=Object.getOwnPropertyNames||function(n){var r=[];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(r[r.length]=l);return r},e(o)};return function(o){if(o&&o.__esModule)return o;var n={};if(o!=null)for(var r=e(o),l=0;l<r.length;l++)r[l]!=="default"&&__createBinding(n,o,r[l]);return __setModuleDefault(n,o),n}})(),__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.DebuggingTab=void 0;const react_1=__importStar(require("react")),react_native_1=require("react-native"),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),QRCodeView_1=__importDefault(require("../QRCodeView")),TouchableScale_1=__importDefault(require("../TouchableScale")),toast_1=require("../../helpers/toast"),NativeInspector_1=require("../../native/NativeInspector"),NetworkIcons_1=require("../NetworkIcons"),react_native_svg_1=__importStar(require("react-native-svg")),TerminalConsoleIcon=({color:e=AppColors_1.AppColors.purple,size:o=13})=><react_native_svg_1.default width={o}height={o}viewBox="0 0 24 24"fill="none">
-    <react_native_svg_1.Path d="M4 17l6-6-6-6M12 19h8"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
-  </react_native_svg_1.default>,DebuggingTab=()=>{const e=(0,react_1.useMemo)(()=>{const a=react_native_1.NativeModules.SourceCode?.scriptURL||"";let s="localhost",t=8081;try{if(a.includes("://")){const d=a.split("://")[1].split("/")[0];if(d.includes(":")){const u=d.split(":");s=u[0];const y=parseInt(u[1],10);isNaN(y)||(t=y)}else s=d}}catch{}return{host:s,port:t,scriptURL:a}},[]),[o,n]=(0,react_1.useState)(()=>e.host&&e.host!=="localhost"&&e.host!=="127.0.0.1"&&e.host!=="10.0.2.2"?e.host:"192.168.1.2"),[r,l]=(0,react_1.useState)(e.port||8083),[B,m]=(0,react_1.useState)("app-debug.apk"),[T,x]=(0,react_1.useState)(null),[g,v]=(0,react_1.useState)("assembleRelease"),[f,V]=(0,react_1.useState)(!0),[i,w]=(0,react_1.useState)({status:"idle",scheme:"assembleRelease",clean:!0,progress:0,currentTask:"",error:null,apkName:null,apkSize:null}),p=(0,react_1.useRef)(null),_=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current,[A,k]=(0,react_1.useState)(!0),S=(0,react_1.useRef)(null);(0,react_1.useEffect)(()=>{react_native_1.Animated.timing(_,{toValue:Math.max(0,Math.min(100,i.progress)),duration:350,useNativeDriver:!1}).start()},[i.progress,_]),(0,react_1.useEffect)(()=>{i.logs&&i.logs.length>0&&setTimeout(()=>{S.current?.scrollToEnd({animated:!0})},50)},[i.logs]);const C=(0,react_1.useCallback)(async()=>{const a=Array.from(new Set([e.host,"10.0.2.2","localhost","127.0.0.1"].filter(Boolean))),s=Array.from(new Set([e.port,8083,8081,8082].filter(Boolean)));for(const t of a)for(const h of s)try{const d=new AbortController,u=setTimeout(()=>d.abort(),1200),y=await fetch(`http://${t}:${h}/__inapp_inspector/apk-info`,{signal:d.signal});if(clearTimeout(u),y.ok){const c=await y.json();c.hostIp&&c.hostIp!=="127.0.0.1"&&c.hostIp!=="localhost"&&c.hostIp!=="10.0.2.2"&&n(c.hostIp),c.port&&l(c.port),c.apkName&&m(c.apkName),c.apkSize&&x((c.apkSize/(1024*1024)).toFixed(1));return}}catch{}},[e.host,e.port]);(0,react_1.useEffect)(()=>{C()},[C]),(0,react_1.useEffect)(()=>()=>{p.current&&clearInterval(p.current)},[]);const I=(0,react_1.useCallback)(()=>{p.current&&clearInterval(p.current);const a=e.host||"10.0.2.2";p.current=setInterval(async()=>{try{const s=await fetch(`http://${a}:${r}/__inapp_inspector/build-status`);if(s.ok){const t=await s.json();w(t),t.status==="completed"?(p.current&&clearInterval(p.current),(0,NativeInspector_1.triggerNativeHaptic)("success"),(0,toast_1.showToast)("\u2713 APK Build Generated Successfully!"),t.apkSize&&x((t.apkSize/(1024*1024)).toFixed(1)),t.apkName&&m(t.apkName),C()):t.status==="failed"&&(p.current&&clearInterval(p.current),(0,NativeInspector_1.triggerNativeHaptic)("error"),(0,toast_1.showToast)("\u2715 Build Failed: "+(t.error||"Gradle error")))}}catch{}},1e3)},[e.host,r,C]),R=async()=>{(0,NativeInspector_1.triggerNativeHaptic)("medium"),w({status:"running",scheme:g,clean:f,progress:5,currentTask:f?"Cleaning build cache...":"Initializing build...",error:null,apkName:null,apkSize:null});const a=Array.from(new Set([e.host,"10.0.2.2","localhost","127.0.0.1"].filter(Boolean))),s=Array.from(new Set([r,8083,8081,8082].filter(Boolean)));let t=!1;for(const h of a)for(const d of s)try{const u=new AbortController,y=setTimeout(()=>u.abort(),2e3),c=await fetch(`http://${h}:${d}/__inapp_inspector/build-apk?scheme=${g}&clean=${f}`,{signal:u.signal});if(clearTimeout(y),c.ok){t=!0,I();return}}catch{}t||w(h=>({...h,status:"failed",error:"Cannot reach build server. Ensure npm start or npm run serve-apk is running on host."}))},F=async()=>{(0,NativeInspector_1.triggerNativeHaptic)("warning"),p.current&&clearInterval(p.current);const a=Array.from(new Set([e.host,"10.0.2.2","localhost","127.0.0.1"].filter(Boolean))),s=Array.from(new Set([r,8083,8081,8082].filter(Boolean)));for(const t of a)for(const h of s)try{const d=new AbortController,u=setTimeout(()=>d.abort(),1500);await fetch(`http://${t}:${h}/__inapp_inspector/stop-build`,{signal:d.signal}),clearTimeout(u)}catch{}w(t=>({...t,status:"idle",currentTask:"Build cancelled by user",logs:[...t.logs||[],"\u{1F6D1} Build cancelled by user."]})),(0,toast_1.showToast)("Build cancelled")},D=`http://${o}:${r}/${B.replace(/^\/+/,"")}`,b=i.status==="running";return<react_native_1.ScrollView style={styles.scrollArea}contentContainerStyle={styles.scrollContent}showsVerticalScrollIndicator={!1}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(o,e,n,i){i===void 0&&(i=n);var r=Object.getOwnPropertyDescriptor(e,n);(!r||("get"in r?!e.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return e[n]}}),Object.defineProperty(o,i,r)}):(function(o,e,n,i){i===void 0&&(i=n),o[i]=e[n]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(o,e){Object.defineProperty(o,"default",{enumerable:!0,value:e})}):function(o,e){o.default=e}),__importStar=this&&this.__importStar||(function(){var o=function(e){return o=Object.getOwnPropertyNames||function(n){var i=[];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(i[i.length]=r);return i},o(e)};return function(e){if(e&&e.__esModule)return e;var n={};if(e!=null)for(var i=o(e),r=0;r<i.length;r++)i[r]!=="default"&&__createBinding(n,e,i[r]);return __setModuleDefault(n,e),n}})(),__importDefault=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.DebuggingTab=void 0;const react_1=__importStar(require("react")),react_native_1=require("react-native"),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),i18n_1=require("../../i18n"),QRCodeView_1=__importDefault(require("../QRCodeView")),TouchableScale_1=__importDefault(require("../TouchableScale")),toast_1=require("../../helpers/toast"),NativeInspector_1=require("../../native/NativeInspector"),NetworkIcons_1=require("../NetworkIcons"),react_native_svg_1=__importStar(require("react-native-svg")),TerminalConsoleIcon=({color:o=AppColors_1.AppColors.purple,size:e=13})=><react_native_svg_1.default width={e}height={e}viewBox="0 0 24 24"fill="none">
+    <react_native_svg_1.Path d="M4 17l6-6-6-6M12 19h8"stroke={o}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
+  </react_native_svg_1.default>,DebuggingTab=()=>{const{t:o}=(0,i18n_1.useTranslation)(),e=(0,react_1.useMemo)(()=>{const a=react_native_1.NativeModules.SourceCode?.scriptURL||"";let s="localhost",t=8081;try{if(a.includes("://")){const d=a.split("://")[1].split("/")[0];if(d.includes(":")){const u=d.split(":");s=u[0];const y=parseInt(u[1],10);isNaN(y)||(t=y)}else s=d}}catch{}return{host:s,port:t,scriptURL:a}},[]),[n,i]=(0,react_1.useState)(()=>e.host&&e.host!=="localhost"&&e.host!=="127.0.0.1"&&e.host!=="10.0.2.2"?e.host:"192.168.1.2"),[r,B]=(0,react_1.useState)(e.port||8083),[V,m]=(0,react_1.useState)("app-debug.apk"),[T,x]=(0,react_1.useState)(null),[g,v]=(0,react_1.useState)("assembleRelease"),[f,k]=(0,react_1.useState)(!0),[l,w]=(0,react_1.useState)({status:"idle",scheme:"assembleRelease",clean:!0,progress:0,currentTask:"",error:null,apkName:null,apkSize:null}),p=(0,react_1.useRef)(null),_=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current,[A,I]=(0,react_1.useState)(!0),S=(0,react_1.useRef)(null);(0,react_1.useEffect)(()=>{react_native_1.Animated.timing(_,{toValue:Math.max(0,Math.min(100,l.progress)),duration:350,useNativeDriver:!1}).start()},[l.progress,_]),(0,react_1.useEffect)(()=>{l.logs&&l.logs.length>0&&setTimeout(()=>{S.current?.scrollToEnd({animated:!0})},50)},[l.logs]);const C=(0,react_1.useCallback)(async()=>{const a=Array.from(new Set([e.host,"10.0.2.2","localhost","127.0.0.1"].filter(Boolean))),s=Array.from(new Set([e.port,8083,8081,8082].filter(Boolean)));for(const t of a)for(const h of s)try{const d=new AbortController,u=setTimeout(()=>d.abort(),1200),y=await fetch(`http://${t}:${h}/__inapp_inspector/apk-info`,{signal:d.signal});if(clearTimeout(u),y.ok){const c=await y.json();c.hostIp&&c.hostIp!=="127.0.0.1"&&c.hostIp!=="localhost"&&c.hostIp!=="10.0.2.2"&&i(c.hostIp),c.port&&B(c.port),c.apkName&&m(c.apkName),c.apkSize&&x((c.apkSize/(1024*1024)).toFixed(1));return}}catch{}},[e.host,e.port]);(0,react_1.useEffect)(()=>{C()},[C]),(0,react_1.useEffect)(()=>()=>{p.current&&clearInterval(p.current)},[]);const R=(0,react_1.useCallback)(()=>{p.current&&clearInterval(p.current);const a=e.host||"10.0.2.2";p.current=setInterval(async()=>{try{const s=await fetch(`http://${a}:${r}/__inapp_inspector/build-status`);if(s.ok){const t=await s.json();w(t),t.status==="completed"?(p.current&&clearInterval(p.current),(0,NativeInspector_1.triggerNativeHaptic)("success"),(0,toast_1.showToast)(o("debugging.buildSuccess","APK Build Generated Successfully!")),t.apkSize&&x((t.apkSize/(1024*1024)).toFixed(1)),t.apkName&&m(t.apkName),C()):t.status==="failed"&&(p.current&&clearInterval(p.current),(0,NativeInspector_1.triggerNativeHaptic)("error"),(0,toast_1.showToast)(o("debugging.buildFailed",{error:t.error||"Gradle error"})))}}catch{}},1e3)},[e.host,r,C]),F=async()=>{(0,NativeInspector_1.triggerNativeHaptic)("medium"),w({status:"running",scheme:g,clean:f,progress:5,currentTask:f?"Cleaning build cache...":"Initializing build...",error:null,apkName:null,apkSize:null});const a=Array.from(new Set([e.host,"10.0.2.2","localhost","127.0.0.1"].filter(Boolean))),s=Array.from(new Set([r,8083,8081,8082].filter(Boolean)));let t=!1;for(const h of a)for(const d of s)try{const u=new AbortController,y=setTimeout(()=>u.abort(),2e3),c=await fetch(`http://${h}:${d}/__inapp_inspector/build-apk?scheme=${g}&clean=${f}`,{signal:u.signal});if(clearTimeout(y),c.ok){t=!0,R();return}}catch{}t||w(h=>({...h,status:"failed",error:"Cannot reach build server. Ensure npm start or npm run serve-apk is running on host."}))},D=async()=>{(0,NativeInspector_1.triggerNativeHaptic)("warning"),p.current&&clearInterval(p.current);const a=Array.from(new Set([e.host,"10.0.2.2","localhost","127.0.0.1"].filter(Boolean))),s=Array.from(new Set([r,8083,8081,8082].filter(Boolean)));for(const t of a)for(const h of s)try{const d=new AbortController,u=setTimeout(()=>d.abort(),1500);await fetch(`http://${t}:${h}/__inapp_inspector/stop-build`,{signal:d.signal}),clearTimeout(u)}catch{}w(t=>({...t,status:"idle",currentTask:o("debugging.buildCancelled","Build cancelled by user"),logs:[...t.logs||[],`[Build] ${o("debugging.buildCancelled","Build cancelled by user")}.`]})),(0,toast_1.showToast)(o("debugging.buildCancelled","Build cancelled"))},z=`http://${n}:${r}/${V.replace(/^\/+/,"")}`,b=l.status==="running";return<react_native_1.ScrollView style={styles.scrollArea}contentContainerStyle={styles.scrollContent}showsVerticalScrollIndicator={!1}>
       
       <react_native_1.View style={styles.heroCard}>
         <react_native_1.View style={styles.heroHeader}>
@@ -26,7 +26,7 @@
           <react_native_1.View style={styles.heroMetricItem}>
             <react_native_1.Text style={styles.heroMetricLabel}>HOST IP</react_native_1.Text>
             <react_native_1.Text style={styles.heroMetricValue}numberOfLines={1}>
-              {o}
+              {n}
             </react_native_1.Text>
           </react_native_1.View>
           <react_native_1.View style={styles.heroMetricDivider}/>
@@ -64,7 +64,7 @@
         
         <react_native_1.View style={styles.qrCenteredWrapper}>
           <react_native_1.View style={styles.qrInnerFrame}>
-            <QRCodeView_1.default value={D}size={235}color={AppColors_1.AppColors.primaryBlack}backgroundColor={AppColors_1.AppColors.white}/>
+            <QRCodeView_1.default value={z}size={235}color={AppColors_1.AppColors.primaryBlack}backgroundColor={AppColors_1.AppColors.white}/>
           </react_native_1.View>
         </react_native_1.View>
       </react_native_1.View>
@@ -76,7 +76,7 @@
             <NetworkIcons_1.BoltIcon size={13}color={AppColors_1.AppColors.purple}/>
             <react_native_1.Text style={styles.sectionTitle}>BUILD GENERATOR (GRADLE)</react_native_1.Text>
           </react_native_1.View>
-          {i.status==="completed"&&<react_native_1.View style={styles.completedBadge}>
+          {l.status==="completed"&&<react_native_1.View style={styles.completedBadge}>
               <NetworkIcons_1.CheckIcon size={10}color={AppColors_1.AppColors.emerald500}/>
               <react_native_1.Text style={styles.completedBadgeText}>100% Ready</react_native_1.Text>
             </react_native_1.View>}
@@ -104,7 +104,7 @@
         </react_native_1.View>
 
         
-        <react_native_1.TouchableOpacity disabled={b}activeOpacity={.7}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),V(!f)}}style={styles.cleanRow}>
+        <react_native_1.TouchableOpacity disabled={b}activeOpacity={.7}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),k(!f)}}style={styles.cleanRow}>
           <react_native_1.View style={[styles.checkboxBox,f&&styles.checkboxBoxActive]}>
             {f&&<NetworkIcons_1.CheckIcon size={11}color={AppColors_1.AppColors.white}/>}
           </react_native_1.View>
@@ -119,11 +119,11 @@
               <react_native_1.View style={styles.progressTaskGroup}>
                 <react_native_1.ActivityIndicator size="small"color={AppColors_1.AppColors.purple}/>
                 <react_native_1.Text style={styles.progressTaskText}numberOfLines={1}>
-                  {i.currentTask||"Executing Gradle tasks..."}
+                  {l.currentTask||"Executing Gradle tasks..."}
                 </react_native_1.Text>
               </react_native_1.View>
               <react_native_1.Text style={styles.progressPercentageText}>
-                {i.progress}%
+                {l.progress}%
               </react_native_1.Text>
             </react_native_1.View>
 
@@ -134,21 +134,21 @@
           </react_native_1.View>}
 
         
-        {i.status==="failed"&&<react_native_1.View style={styles.errorContainer}>
+        {l.status==="failed"&&<react_native_1.View style={styles.errorContainer}>
             <NetworkIcons_1.CircleXIcon size={13}color={AppColors_1.AppColors.errorColor}/>
             <react_native_1.Text style={styles.errorText}numberOfLines={2}>
-              {i.error||"Build execution failed."}
+              {l.error||"Build execution failed."}
             </react_native_1.Text>
           </react_native_1.View>}
 
         
-        {(i.logs&&i.logs.length>0||b)&&<react_native_1.View style={styles.consoleContainer}>
+        {(l.logs&&l.logs.length>0||b)&&<react_native_1.View style={styles.consoleContainer}>
             <react_native_1.View style={styles.consoleHeaderRow}>
               <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6}}>
                 <TerminalConsoleIcon color={AppColors_1.AppColors.sky400}size={12}/>
                 <react_native_1.Text style={styles.consoleHeaderTitle}>GRADLE VERBOSE OUTPUT</react_native_1.Text>
               </react_native_1.View>
-              <react_native_1.TouchableOpacity activeOpacity={.7}onPress={()=>k(!A)}style={styles.consoleToggleBtn}>
+              <react_native_1.TouchableOpacity activeOpacity={.7}onPress={()=>I(!A)}style={styles.consoleToggleBtn}>
                 <react_native_1.Text style={styles.consoleToggleText}>
                   {A?"Hide Console":"Show Console"}
                 </react_native_1.Text>
@@ -156,7 +156,7 @@
             </react_native_1.View>
 
             {A&&<react_native_1.ScrollView ref={S}style={styles.consoleLogBox}contentContainerStyle={styles.consoleLogContent}nestedScrollEnabled showsVerticalScrollIndicator>
-                {i.logs&&i.logs.length>0?i.logs.map((a,s)=>{let t=AppColors_1.AppColors.slate400;return a.startsWith("> Task :")?t=AppColors_1.AppColors.sky400:a.includes("BUILD SUCCESSFUL")?t=AppColors_1.AppColors.buildSuccessGreen:a.includes("FAILURE")||a.includes("error:")?t=AppColors_1.AppColors.buildFailureRed:a.includes("UP-TO-DATE")&&(t=AppColors_1.AppColors.purple400),<react_native_1.Text key={s}style={[styles.consoleLogLine,{color:t}]}>
+                {l.logs&&l.logs.length>0?l.logs.map((a,s)=>{let t=AppColors_1.AppColors.slate400;return a.startsWith("> Task :")?t=AppColors_1.AppColors.sky400:a.includes("BUILD SUCCESSFUL")?t=AppColors_1.AppColors.buildSuccessGreen:a.includes("FAILURE")||a.includes("error:")?t=AppColors_1.AppColors.buildFailureRed:a.includes("UP-TO-DATE")&&(t=AppColors_1.AppColors.purple400),<react_native_1.Text key={s}style={[styles.consoleLogLine,{color:t}]}>
                         {a}
                       </react_native_1.Text>}):<react_native_1.Text style={styles.consoleLogPlaceholder}>
                     Waiting for Gradle daemon output...
@@ -169,15 +169,15 @@
             <react_native_1.View style={styles.buildingStatusPill}>
               <react_native_1.ActivityIndicator size="small"color={AppColors_1.AppColors.purple}/>
               <react_native_1.Text style={styles.buildingStatusPillText}numberOfLines={1}>
-                Building ({i.progress}%)
+                Building ({l.progress}%)
               </react_native_1.Text>
             </react_native_1.View>
 
-            <TouchableScale_1.default onPress={F}style={styles.stopBtn}>
+            <TouchableScale_1.default onPress={D}style={styles.stopBtn}>
               <NetworkIcons_1.CircleXIcon size={13}color={AppColors_1.AppColors.white}/>
               <react_native_1.Text style={styles.stopBtnText}>Stop Build</react_native_1.Text>
             </TouchableScale_1.default>
-          </react_native_1.View>:<TouchableScale_1.default onPress={R}style={styles.generateBtn}>
+          </react_native_1.View>:<TouchableScale_1.default onPress={F}style={styles.generateBtn}>
             <react_native_1.View style={styles.ctaContentRow}>
               <NetworkIcons_1.SparkleIcon size={14}color={AppColors_1.AppColors.white}/>
               <react_native_1.Text style={styles.generateBtnText}>

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

@@ -1,19 +1,12 @@
-"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,refreshMediaCount:u}=(0,InspectorContext_1.useInspector)(),{width:x}=(0,react_native_1.useWindowDimensions)(),{t:s}=(0,i18n_1.useTranslation)(),[R]=(0,react_1.useState)(()=>(0,helpers_1.getAppVersionAndBuild)().formatted),[c,g]=(0,react_1.useState)(!1),[A,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),T=(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 I=(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]),V=(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]),P=(0,react_1.useCallback)(()=>{d.current||((0,NativeInspector_1.triggerNativeHaptic)("light"),a?.(!1),t(!1))},[a,t]),M=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(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<>
       
-      {r?<react_native_1.Animated.View style={[fabStyles.playerContainer,{transform:l.getTranslateTransform()}]}{...T.panHandlers}>
+      {r?<react_native_1.Animated.View style={[fabStyles.playerContainer,{transform:c.getTranslateTransform()}]}{...V.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.View pointerEvents="none"style={fabStyles.playerShineClip}>
-            <react_native_1.Animated.View style={[fabStyles.playerShineStreak,{transform:[{translateX:y.interpolate({inputRange:[0,1],outputRange:[-80,x+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={.75}onPress={w}style={fabStyles.brandSection}accessibilityRole="button"accessibilityLabel={s("mediaGallery.expand","Expand Inspector")}>
-            <AppHeaderLogo_1.default size={36}customIcon={n}/>
+          <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.View style={fabStyles.titleWrapper}>
               <react_native_1.Text style={fabStyles.appTitle}numberOfLines={1}>
                 {(0,helpers_1.getAppName)()}
@@ -23,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}>
-                    {R}
+                    {P}
                   </react_native_1.Text>
                 </react_native_1.View>
 
@@ -41,7 +34,7 @@
           
           <react_native_1.View style={fabStyles.actionsRow}>
             
-            <TouchableScale_1.default onPress={I}hitSlop={{top:6,bottom:6,left:4,right:4}}style={fabStyles.actionBtn}>
+            <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}/>
               <react_native_1.Text style={fabStyles.actionText}>
                 {s("header.photo","Photo")}
@@ -49,36 +42,35 @@
             </TouchableScale_1.default>
 
             
-            <TouchableScale_1.default onPress={V}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")} ${M(A)}`:s("header.record","Record")}
+            <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")}
               </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}>
+            <TouchableScale_1.default onPress={x}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={P}hitSlop={{top:6,bottom:6,left:4,right:6}}accessibilityRole="button"accessibilityLabel={s("common.close","Close")}style={fabStyles.actionBtnSquare}>
+            <TouchableScale_1.default onPress={O}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: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: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>
+        </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}/>
           </TouchableScale_1.default>
         </react_native_1.Animated.View>}
 
       
-      <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}))}}/>
+      <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;

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

@@ -1,8 +1,8 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(n,e,r,t){t===void 0&&(t=r);var i=Object.getOwnPropertyDescriptor(e,r);(!i||("get"in i?!e.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return e[r]}}),Object.defineProperty(n,t,i)}):(function(n,e,r,t){t===void 0&&(t=r),n[t]=e[r]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(n,e){Object.defineProperty(n,"default",{enumerable:!0,value:e})}):function(n,e){n.default=e}),__importStar=this&&this.__importStar||(function(){var n=function(e){return n=Object.getOwnPropertyNames||function(r){var t=[];for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&(t[t.length]=i);return t},n(e)};return function(e){if(e&&e.__esModule)return e;var r={};if(e!=null)for(var t=n(e),i=0;i<t.length;i++)t[i]!=="default"&&__createBinding(r,e,t[i]);return __setModuleDefault(r,e),r}})();Object.defineProperty(exports,"__esModule",{value:!0}),exports.FeatureUnderDevNotice=void 0;const react_1=__importStar(require("react")),react_native_1=require("react-native"),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),NetworkIcons_1=require("../NetworkIcons"),FeatureUnderDevNotice=({featureName:n,compact:e=!1})=>{const[r,t]=(0,react_1.useState)(!1);return r?null:<react_native_1.View style={[styles.container,e&&styles.containerCompact]}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(n,e,r,t){t===void 0&&(t=r);var i=Object.getOwnPropertyDescriptor(e,r);(!i||("get"in i?!e.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return e[r]}}),Object.defineProperty(n,t,i)}):(function(n,e,r,t){t===void 0&&(t=r),n[t]=e[r]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(n,e){Object.defineProperty(n,"default",{enumerable:!0,value:e})}):function(n,e){n.default=e}),__importStar=this&&this.__importStar||(function(){var n=function(e){return n=Object.getOwnPropertyNames||function(r){var t=[];for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&(t[t.length]=i);return t},n(e)};return function(e){if(e&&e.__esModule)return e;var r={};if(e!=null)for(var t=n(e),i=0;i<t.length;i++)t[i]!=="default"&&__createBinding(r,e,t[i]);return __setModuleDefault(r,e),r}})();Object.defineProperty(exports,"__esModule",{value:!0}),exports.FeatureUnderDevNotice=void 0;const react_1=__importStar(require("react")),react_native_1=require("react-native"),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),NetworkIcons_1=require("../NetworkIcons"),i18n_1=require("../../i18n"),FeatureUnderDevNotice=({featureName:n,compact:e=!1})=>{const[r,t]=(0,react_1.useState)(!1);return r?null:<react_native_1.View style={[styles.container,e&&styles.containerCompact]}>
       <react_native_1.View style={styles.contentRow}>
         <react_native_1.View style={styles.badgeWrap}>
           <NetworkIcons_1.WarningTriangleIcon color={AppColors_1.AppColors.warningIconGold}size={12}/>
-          <react_native_1.Text style={styles.badgeText}>IN ACTIVE DEVELOPMENT</react_native_1.Text>
+          <react_native_1.Text style={styles.badgeText}>{(0,i18n_1.t)("common.inActiveDevelopment","IN ACTIVE DEVELOPMENT")}</react_native_1.Text>
         </react_native_1.View>
 
         <react_native_1.Pressable onPress={()=>t(!0)}hitSlop={8}style={styles.dismissBtn}accessible={!0}accessibilityRole="button"accessibilityLabel="Dismiss notice">

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

@@ -0,0 +1,15 @@
+import React from 'react';
+export interface CountryOption {
+    id: string;
+    name: string;
+    flag: string;
+    badge?: string;
+    langCodes?: string[];
+}
+export declare const COUNTRY_OPTIONS: CountryOption[];
+interface LanguageSelectorModalProps {
+    visible: boolean;
+    onClose: () => void;
+}
+export declare const LanguageSelectorModal: React.MemoExoticComponent<({ visible, onClose }: LanguageSelectorModalProps) => React.JSX.Element>;
+export {};

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

@@ -0,0 +1,90 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(r,t,a,o){o===void 0&&(o=a);var n=Object.getOwnPropertyDescriptor(t,a);(!n||("get"in n?!t.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(r,o,n)}):(function(r,t,a,o){o===void 0&&(o=a),r[o]=t[a]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(r,t){Object.defineProperty(r,"default",{enumerable:!0,value:t})}):function(r,t){r.default=t}),__importStar=this&&this.__importStar||(function(){var r=function(t){return r=Object.getOwnPropertyNames||function(a){var o=[];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(o[o.length]=n);return o},r(t)};return function(t){if(t&&t.__esModule)return t;var a={};if(t!=null)for(var o=r(t),n=0;n<o.length;n++)o[n]!=="default"&&__createBinding(a,t,o[n]);return __setModuleDefault(a,t),a}})(),__importDefault=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.LanguageSelectorModal=exports.COUNTRY_OPTIONS=void 0;const react_1=__importStar(require("react")),react_native_1=require("react-native"),TouchableScale_1=__importDefault(require("../TouchableScale")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),NetworkIcons_1=require("../NetworkIcons"),i18n_1=require("../../i18n"),settingsStore_1=require("../../helpers/settingsStore"),NativeInspector_1=require("../../native/NativeInspector"),toast_1=require("../../helpers/toast");exports.COUNTRY_OPTIONS=[{id:"all",name:"All",flag:"\u{1F310}",badge:"25"},{id:"in",name:"India",flag:"\u{1F1EE}\u{1F1F3}",badge:"38% Vol",langCodes:["hi","ta","te","kn","ml","bn","mr","gu","pa"]},{id:"us",name:"United States",flag:"\u{1F1FA}\u{1F1F8}",badge:"24% Vol",langCodes:["en","es"]},{id:"gb",name:"United Kingdom",flag:"\u{1F1EC}\u{1F1E7}",badge:"15% Vol",langCodes:["en"]},{id:"de",name:"Germany",flag:"\u{1F1E9}\u{1F1EA}",badge:"9% Vol",langCodes:["de"]},{id:"jp",name:"Japan",flag:"\u{1F1EF}\u{1F1F5}",badge:"6% Vol",langCodes:["ja"]},{id:"ca",name:"Canada",flag:"\u{1F1E8}\u{1F1E6}",badge:"5% Vol",langCodes:["en","fr"]},{id:"global",name:"Global / ROW",flag:"\u{1F310}",badge:"3% Vol",langCodes:["it","id","tr","vi","nl","pl","pt","ru","ar","zh","ko"]}],exports.LanguageSelectorModal=react_1.default.memo(({visible:r,onClose:t})=>{const{t:a}=(0,i18n_1.useTranslation)(),[o,n]=(0,react_1.useState)(""),[i,g]=(0,react_1.useState)("all"),u=(0,i18n_1.getLanguage)(),c=AppColors_1.AppColors.primaryLight!==AppColors_1.AppColors.white,s=(0,react_1.useMemo)(()=>exports.COUNTRY_OPTIONS.find(e=>e.id===i)||exports.COUNTRY_OPTIONS[0],[i]),p=(0,react_1.useMemo)(()=>i18n_1.SUPPORTED_LANGUAGES.filter(e=>{if(i!=="all"&&s?.langCodes&&!s.langCodes.includes(e.code))return!1;if(!o.trim())return!0;const l=o.trim().toLowerCase();return e.name.toLowerCase().includes(l)||e.nativeName.toLowerCase().includes(l)||e.code.toLowerCase().includes(l)}),[o,i,s]),h=async(e,l,y)=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),(0,i18n_1.setLanguage)(e);try{const d=await(0,settingsStore_1.loadSettings)();(0,settingsStore_1.saveSettings)({...d,language:e})}catch{}t(),n(""),(0,toast_1.showToast)(`${l} ${y}`)};return<react_native_1.Modal visible={r}transparent={!0}animationType="slide"onRequestClose={t}>
+      <react_native_1.View style={styles.overlay}>
+        
+        <react_native_1.Pressable style={styles.backdrop}onPress={t}accessibilityRole="button"accessibilityLabel="Close bottom sheet"/>
+
+        
+        <react_native_1.View style={[styles.bottomSheet,{backgroundColor:c?AppColors_1.AppColors.npmDark:AppColors_1.AppColors.white}]}>
+          
+          <react_native_1.View style={styles.handleBarWrap}>
+            <react_native_1.View style={[styles.handleBar,{backgroundColor:c?"rgba(255,255,255,0.25)":"rgba(0,0,0,0.18)"}]}/>
+          </react_native_1.View>
+
+          
+          <react_native_1.View style={styles.header}>
+            <react_native_1.View style={styles.headerTitleRow}>
+              <react_native_1.View style={styles.globeIconWrap}>
+                <NetworkIcons_1.GlobeIcon size={16}color={AppColors_1.AppColors.blue600}/>
+              </react_native_1.View>
+              <react_native_1.View>
+                <react_native_1.Text style={styles.titleText}>
+                  {a("settings.general.selectLanguage","Select Language")}
+                </react_native_1.Text>
+                <react_native_1.Text style={styles.subTitleText}>
+                  {a("settings.general.languageDescription","Choose preferred display language")}
+                </react_native_1.Text>
+              </react_native_1.View>
+            </react_native_1.View>
+            <TouchableScale_1.default onPress={t}hitSlop={10}style={styles.closeBtn}>
+              <NetworkIcons_1.CloseWhite size={12}color={AppColors_1.AppColors.grayText}/>
+            </TouchableScale_1.default>
+          </react_native_1.View>
+
+          
+          <react_native_1.View style={styles.searchContainer}>
+            <react_native_1.TextInput value={o}onChangeText={n}placeholder={a("common.search","Search language, country or code...")}placeholderTextColor={AppColors_1.AppColors.grayTextWeak}style={styles.searchInput}autoCapitalize="none"autoCorrect={!1}clearButtonMode="while-editing"/>
+            {o.length>0&&<TouchableScale_1.default onPress={()=>n("")}style={styles.searchClearBtn}>
+                <NetworkIcons_1.CloseWhite size={11}color={AppColors_1.AppColors.grayText}/>
+              </TouchableScale_1.default>}
+          </react_native_1.View>
+
+          
+          <react_native_1.View style={styles.countryScrollWrap}>
+            <react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={!1}contentContainerStyle={styles.countryScrollContent}>
+              {exports.COUNTRY_OPTIONS.map(e=>{const l=e.id===i;return<TouchableScale_1.default key={e.id}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),g(e.id)}}style={[styles.countryChip,l&&styles.countryChipActive]}>
+                    <react_native_1.Text style={styles.countryChipFlag}>{e.flag}</react_native_1.Text>
+                    <react_native_1.Text style={[styles.countryChipText,l&&styles.countryChipTextActive]}>
+                      {e.name}
+                    </react_native_1.Text>
+                    {e.badge&&<react_native_1.View style={[styles.countryChipBadge,l&&styles.countryChipBadgeActive]}>
+                        <react_native_1.Text style={[styles.countryChipBadgeText,l&&styles.countryChipBadgeTextActive]}>
+                          {e.badge}
+                        </react_native_1.Text>
+                      </react_native_1.View>}
+                  </TouchableScale_1.default>})}
+            </react_native_1.ScrollView>
+          </react_native_1.View>
+
+          
+          <react_native_1.ScrollView style={styles.scrollList}contentContainerStyle={styles.scrollContent}showsVerticalScrollIndicator={!0}keyboardShouldPersistTaps="handled">
+            {p.length===0?<react_native_1.View style={styles.emptyStateWrap}>
+                <react_native_1.Text style={styles.emptyStateText}>
+                  {a("common.noMatches","No languages match your search")}
+                </react_native_1.Text>
+              </react_native_1.View>:p.map(e=>{const l=e.code===u;return<TouchableScale_1.default key={e.code}onPress={()=>h(e.code,e.flag,e.nativeName)}style={[styles.langRow,l&&styles.langRowSelected]}>
+                    <react_native_1.View style={styles.langRowLeft}>
+                      <react_native_1.Text style={styles.langFlag}>{e.flag}</react_native_1.Text>
+                      <react_native_1.View style={styles.langTextCol}>
+                        <react_native_1.View style={styles.langTitleRow}>
+                          <react_native_1.Text style={[styles.langNativeName,l&&styles.langNativeNameSelected]}>
+                            {e.nativeName}
+                          </react_native_1.Text>
+                          <react_native_1.View style={styles.codePill}>
+                            <react_native_1.Text style={styles.codePillText}>
+                              {e.code.toUpperCase()}
+                            </react_native_1.Text>
+                          </react_native_1.View>
+                        </react_native_1.View>
+                        <react_native_1.Text style={styles.langEnglishName}>
+                          {e.name}
+                        </react_native_1.Text>
+                      </react_native_1.View>
+                    </react_native_1.View>
+                    {l&&<react_native_1.View style={styles.checkIconWrap}>
+                        <NetworkIcons_1.CheckIcon size={13}color={AppColors_1.AppColors.white}/>
+                      </react_native_1.View>}
+                  </TouchableScale_1.default>})}
+          </react_native_1.ScrollView>
+        </react_native_1.View>
+      </react_native_1.View>
+    </react_native_1.Modal>});const styles=react_native_1.StyleSheet.create({overlay:{flex:1,backgroundColor:"rgba(0, 0, 0, 0.55)",justifyContent:"flex-end"},backdrop:{...react_native_1.StyleSheet.absoluteFillObject},bottomSheet:{width:"100%",height:Math.min(Math.max(react_native_1.Dimensions.get("window").height*.7,480),580),borderTopLeftRadius:24,borderTopRightRadius:24,paddingTop:8,paddingBottom:react_native_1.Platform.OS==="ios"?28:16,shadowColor:AppColors_1.AppColors.black,shadowOpacity:.25,shadowRadius:16,shadowOffset:{width:0,height:-4},elevation:12},handleBarWrap:{alignItems:"center",paddingVertical:6},handleBar:{width:38,height:4.5,borderRadius:2.5},header:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:16,paddingVertical:10,borderBottomWidth:react_native_1.StyleSheet.hairlineWidth,borderBottomColor:AppColors_1.AppColors.grayBorderSecondary},headerTitleRow:{flexDirection:"row",alignItems:"center",gap:10},globeIconWrap:{width:30,height:30,borderRadius:8,backgroundColor:`${AppColors_1.AppColors.blue600}14`,alignItems:"center",justifyContent:"center"},titleText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:15,color:AppColors_1.AppColors.primaryBlack},subTitleText:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,color:AppColors_1.AppColors.grayText,marginTop:1},closeBtn:{width:28,height:28,borderRadius:14,backgroundColor:AppColors_1.AppColors.grayBackground,alignItems:"center",justifyContent:"center"},closeBtnText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12,color:AppColors_1.AppColors.grayText},searchContainer:{flexDirection:"row",alignItems:"center",marginHorizontal:14,marginTop:10,marginBottom:6,paddingHorizontal:10,height:38,borderRadius:10,backgroundColor:AppColors_1.AppColors.grayBackground,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary},searchInput:{flex:1,height:"100%",fontSize:12.5,fontFamily:AppFonts_1.AppFonts.interRegular,color:AppColors_1.AppColors.primaryBlack,paddingVertical:0},searchClearBtn:{padding:4},searchClearText:{fontSize:12,color:AppColors_1.AppColors.grayText,fontFamily:AppFonts_1.AppFonts.interBold},countryScrollWrap:{borderBottomWidth:react_native_1.StyleSheet.hairlineWidth,borderBottomColor:AppColors_1.AppColors.grayBorderSecondary,paddingVertical:6},countryScrollContent:{paddingHorizontal:14,gap:6,flexDirection:"row",alignItems:"center"},countryChip:{flexDirection:"row",alignItems:"center",paddingHorizontal:10,paddingVertical:6,borderRadius:16,backgroundColor:AppColors_1.AppColors.grayBackground,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,gap:5},countryChipActive:{backgroundColor:`${AppColors_1.AppColors.purple}14`,borderColor:`${AppColors_1.AppColors.purple}55`},countryChipFlag:{fontSize:13},countryChipText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11.5,color:AppColors_1.AppColors.primaryBlack},countryChipTextActive:{fontFamily:AppFonts_1.AppFonts.interBold,color:AppColors_1.AppColors.purple},countryChipBadge:{paddingHorizontal:5,paddingVertical:1,borderRadius:8,backgroundColor:`${AppColors_1.AppColors.black}0A`},countryChipBadgeActive:{backgroundColor:`${AppColors_1.AppColors.purple}22`},countryChipBadgeText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:9.5,color:AppColors_1.AppColors.grayText},countryChipBadgeTextActive:{color:AppColors_1.AppColors.purple,fontFamily:AppFonts_1.AppFonts.interBold},scrollList:{flex:1},scrollContent:{paddingBottom:16},emptyStateWrap:{padding:30,alignItems:"center",justifyContent:"center"},emptyStateText:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:12.5,color:AppColors_1.AppColors.grayText},langRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:16,paddingVertical:12,borderBottomWidth:react_native_1.StyleSheet.hairlineWidth,borderBottomColor:AppColors_1.AppColors.grayBorderSecondary},langRowSelected:{backgroundColor:`${AppColors_1.AppColors.purple}10`},langRowLeft:{flexDirection:"row",alignItems:"center",gap:12,flex:1},langFlag:{fontSize:20},langTextCol:{flex:1},langTitleRow:{flexDirection:"row",alignItems:"center",gap:6},langNativeName:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:13.5,color:AppColors_1.AppColors.primaryBlack},langNativeNameSelected:{fontFamily:AppFonts_1.AppFonts.interBold,color:AppColors_1.AppColors.purple},codePill:{backgroundColor:`${AppColors_1.AppColors.purple}14`,paddingHorizontal:5,paddingVertical:1,borderRadius:4},codePillText:{fontSize:9.5,fontFamily:AppFonts_1.AppFonts.interBold,color:AppColors_1.AppColors.purple,letterSpacing:.5},langEnglishName:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,color:AppColors_1.AppColors.grayText,marginTop:1},checkIconWrap:{width:22,height:22,borderRadius:11,backgroundColor:AppColors_1.AppColors.purple,alignItems:"center",justifyContent:"center"}});