react-native-inapp-inspector 2.5.10 → 2.5.11

package/dist/commonjs/a11y.d.ts

@@ -0,0 +1,2 @@
+export { connectA11ySuite, getA11ySuiteInstance, getA11yState, subscribeA11yState, syncA11yTelemetry, announceA11y, calculateContrastRatio, evaluateTouchTarget, WCAG_RULES, } from './customHooks/a11yAdapter';
+export type { A11yTelemetryState, WcagRule, ColorContrastResult, TouchTargetEvaluation, } from './types';

package/dist/commonjs/a11y.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.WCAG_RULES=exports.evaluateTouchTarget=exports.calculateContrastRatio=exports.announceA11y=exports.syncA11yTelemetry=exports.subscribeA11yState=exports.getA11yState=exports.getA11ySuiteInstance=exports.connectA11ySuite=void 0;var a11yAdapter_1=require("./customHooks/a11yAdapter");Object.defineProperty(exports,"connectA11ySuite",{enumerable:!0,get:function(){return a11yAdapter_1.connectA11ySuite}}),Object.defineProperty(exports,"getA11ySuiteInstance",{enumerable:!0,get:function(){return a11yAdapter_1.getA11ySuiteInstance}}),Object.defineProperty(exports,"getA11yState",{enumerable:!0,get:function(){return a11yAdapter_1.getA11yState}}),Object.defineProperty(exports,"subscribeA11yState",{enumerable:!0,get:function(){return a11yAdapter_1.subscribeA11yState}}),Object.defineProperty(exports,"syncA11yTelemetry",{enumerable:!0,get:function(){return a11yAdapter_1.syncA11yTelemetry}}),Object.defineProperty(exports,"announceA11y",{enumerable:!0,get:function(){return a11yAdapter_1.announceA11y}}),Object.defineProperty(exports,"calculateContrastRatio",{enumerable:!0,get:function(){return a11yAdapter_1.calculateContrastRatio}}),Object.defineProperty(exports,"evaluateTouchTarget",{enumerable:!0,get:function(){return a11yAdapter_1.evaluateTouchTarget}}),Object.defineProperty(exports,"WCAG_RULES",{enumerable:!0,get:function(){return a11yAdapter_1.WCAG_RULES}});

package/dist/commonjs/components/ErrorBoundary.js

@@ -11,7 +11,7 @@ Timestamp: ${new Date().toISOString()}
 
 Stack Trace:
 ${t.stack||"No stack trace available"}
-\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500`;(0,helpers_1.copyToClipboard)(r,(0,i18n_1.t)("errors.errorReport"))}}}static getDerivedStateFromError(t){return{hasError:!0,error:t}}componentDidCatch(t,e){try{const r=t?.stack||e?.componentStack||"";(0,crashHandler_1.handleInterceptedCrash)(t,r,!1,enums_1.CrashType.Render,e?.componentStack),(0,NativeInspector_1.showNativeFloatingButton)(),(0,NativeInspector_1.setNativeFloatingButtonBadge)(!0)}catch{}}render(){const{hasError:t,error:e}=this.state;if(!t||!e)return this.props.children;const{rootFrame:r,frames:o}=parseStackTrace(e.stack||""),s=e.name||(0,i18n_1.t)("errors.title"),u=s.includes("Syntax")||s.includes("Type")||s.includes("Reference");return this.props.fallbackType==="inline"?<react_native_1.View style={styles.inlineContainer}>
+\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500`;(0,helpers_1.copyToClipboard)(r,(0,i18n_1.t)("errors.errorReport"))}}}static getDerivedStateFromError(t){return{hasError:!0,error:t}}componentDidCatch(t,e){try{const r=t?.stack||e?.componentStack||"",o=(0,crashHandler_1.handleInterceptedCrash)(t,r,!1,enums_1.CrashType.Render,e?.componentStack);o&&!o.id.startsWith("crash_ignored_")&&((0,NativeInspector_1.showNativeFloatingButton)(),(0,NativeInspector_1.setNativeFloatingButtonBadge)(!0))}catch{}}render(){const{hasError:t,error:e}=this.state;if(!t||!e)return this.props.children;const{rootFrame:r,frames:o}=parseStackTrace(e.stack||""),s=e.name||(0,i18n_1.t)("errors.title"),u=s.includes("Syntax")||s.includes("Type")||s.includes("Reference");return this.props.fallbackType==="inline"?<react_native_1.View style={styles.inlineContainer}>
           <react_native_1.View style={styles.inlineHeader}>
             <NetworkIcons_1.WarningTriangleIcon color={AppColors_1.AppColors.red600}size={18}/>
             <react_native_1.View style={{flex:1}}>

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const A11yTab: React.FC;

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

@@ -0,0 +1,268 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(o,t,a,r){r===void 0&&(r=a);var i=Object.getOwnPropertyDescriptor(t,a);(!i||("get"in i?!t.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(o,r,i)}):(function(o,t,a,r){r===void 0&&(r=a),o[r]=t[a]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(o,t){Object.defineProperty(o,"default",{enumerable:!0,value:t})}):function(o,t){o.default=t}),__importStar=this&&this.__importStar||(function(){var o=function(t){return o=Object.getOwnPropertyNames||function(a){var r=[];for(var i in a)Object.prototype.hasOwnProperty.call(a,i)&&(r[r.length]=i);return r},o(t)};return function(t){if(t&&t.__esModule)return t;var a={};if(t!=null)for(var r=o(t),i=0;i<r.length;i++)r[i]!=="default"&&__createBinding(a,t,r[i]);return __setModuleDefault(a,t),a}})(),__importDefault=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.A11yTab=void 0;const react_1=__importStar(require("react")),react_native_1=require("react-native"),a11yAdapter_1=require("../../customHooks/a11yAdapter"),helpers_1=require("../../helpers"),toast_1=require("../../helpers/toast"),i18n_1=require("../../i18n"),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),NetworkIcons_1=require("../NetworkIcons"),TouchableScale_1=__importDefault(require("../TouchableScale")),A11yTab=()=>{const{t:o}=(0,i18n_1.useTranslation)(),[t,a]=(0,react_1.useState)("status"),[r,i]=(0,react_1.useState)((0,a11yAdapter_1.getA11yState)()),[s,x]=(0,react_1.useState)("Accessibility announcement test"),[y,C]=(0,react_1.useState)("#FFFFFF"),[g,A]=(0,react_1.useState)("#4F46E5"),[T,m]=(0,react_1.useState)("44"),[b,v]=(0,react_1.useState)("44"),[d,f]=(0,react_1.useState)(""),[c,w]=(0,react_1.useState)("ALL"),[_,I]=(0,react_1.useState)("ALL"),[S,h]=(0,react_1.useState)({});(0,react_1.useEffect)(()=>((0,a11yAdapter_1.syncA11yTelemetry)(),(0,a11yAdapter_1.subscribeA11yState)(e=>{i(e)})),[]);const V=(0,react_1.useCallback)(async()=>{const e=await(0,a11yAdapter_1.syncA11yTelemetry)();i(e),(0,toast_1.showToast)(`A11y Telemetry Updated (VoiceOver/TalkBack: ${e.isScreenReaderEnabled?"Active":"Inactive"})`)},[]),F=(0,react_1.useCallback)(()=>{if(!s.trim()){(0,toast_1.showToast)("Please enter text to announce");return}(0,a11yAdapter_1.announceA11y)(s)?(0,toast_1.showToast)(`Announced: "${s}"`):(0,toast_1.showToast)("Dispatched via AccessibilityInfo fallback")},[s]),l=(0,react_1.useMemo)(()=>(0,a11yAdapter_1.calculateContrastRatio)(y,g),[y,g]),u=(0,react_1.useMemo)(()=>{const e=parseFloat(T)||0,n=parseFloat(b)||0;return(0,a11yAdapter_1.evaluateTouchTarget)(e,n)},[T,b]),B=(0,react_1.useMemo)(()=>a11yAdapter_1.WCAG_RULES.filter(e=>{if(c!=="ALL"&&e.level!==c||_!=="ALL"&&e.principle!==_)return!1;if(d.trim()){const n=d.toLowerCase();return e.id.toLowerCase().includes(n)||e.title.toLowerCase().includes(n)||e.description.toLowerCase().includes(n)||e.mobileRecommendation.toLowerCase().includes(n)}return!0}),[d,c,_]),k=(0,react_1.useCallback)(e=>{h(n=>({...n,[e]:!n[e]}))},[]),p=!!(0,a11yAdapter_1.getA11ySuiteInstance)();return<react_native_1.View style={styles.container}>
+      
+      <react_native_1.View style={styles.subTabBar}>
+        <react_native_1.TouchableOpacity style={[styles.subTabItem,t==="status"&&styles.subTabItemActive]}onPress={()=>a("status")}activeOpacity={.7}>
+          <NetworkIcons_1.SignalIcon size={14}color={t==="status"?AppColors_1.AppColors.brandPurple:AppColors_1.AppColors.grayTextWeak}/>
+          <react_native_1.Text style={[styles.subTabText,t==="status"&&styles.subTabTextActive]}>
+            Status & Telemetry
+          </react_native_1.Text>
+        </react_native_1.TouchableOpacity>
+
+        <react_native_1.TouchableOpacity style={[styles.subTabItem,t==="tools"&&styles.subTabItemActive]}onPress={()=>a("tools")}activeOpacity={.7}>
+          <NetworkIcons_1.TerminalIcon size={14}color={t==="tools"?AppColors_1.AppColors.brandPurple:AppColors_1.AppColors.grayTextWeak}/>
+          <react_native_1.Text style={[styles.subTabText,t==="tools"&&styles.subTabTextActive]}>
+            A11y Tools
+          </react_native_1.Text>
+        </react_native_1.TouchableOpacity>
+
+        <react_native_1.TouchableOpacity style={[styles.subTabItem,t==="wcag"&&styles.subTabItemActive]}onPress={()=>a("wcag")}activeOpacity={.7}>
+          <NetworkIcons_1.AccessibilityIcon size={14}color={t==="wcag"?AppColors_1.AppColors.brandPurple:AppColors_1.AppColors.grayTextWeak}/>
+          <react_native_1.Text style={[styles.subTabText,t==="wcag"&&styles.subTabTextActive]}>
+            WCAG 2.2 Standards
+          </react_native_1.Text>
+        </react_native_1.TouchableOpacity>
+      </react_native_1.View>
+
+      <react_native_1.ScrollView style={styles.scrollContent}contentContainerStyle={styles.scrollContainer}showsVerticalScrollIndicator={!1}>
+        
+        {t==="status"&&<react_native_1.View>
+            
+            <react_native_1.View style={[styles.bannerCard,{backgroundColor:p?`${AppColors_1.AppColors.greenColor}14`:`${AppColors_1.AppColors.brandPurple}14`,borderColor:p?`${AppColors_1.AppColors.greenColor}33`:`${AppColors_1.AppColors.brandPurple}33`}]}>
+              <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:8}}>
+                <NetworkIcons_1.AccessibilityIcon size={20}color={p?AppColors_1.AppColors.greenColor:AppColors_1.AppColors.brandPurple}/>
+                <react_native_1.View style={{flex:1}}>
+                  <react_native_1.Text style={styles.bannerTitle}>
+                    {p?"react-native-a11y-suite Active":"react-native-inapp-inspector A11y Engine"}
+                  </react_native_1.Text>
+                  <react_native_1.Text style={styles.bannerSubtitle}>
+                    {p?"Connected to native TurboModules for enhanced assistive telemetry.":"Running in zero-config mode with native AccessibilityInfo bridge."}
+                  </react_native_1.Text>
+                </react_native_1.View>
+              </react_native_1.View>
+            </react_native_1.View>
+
+            
+            <react_native_1.View style={styles.metricsGrid}>
+              <react_native_1.View style={styles.metricCard}>
+                <react_native_1.Text style={styles.metricLabel}>Screen Reader</react_native_1.Text>
+                <react_native_1.View style={styles.badgeRow}>
+                  <react_native_1.View style={[styles.statusDot,{backgroundColor:r.isScreenReaderEnabled?AppColors_1.AppColors.greenColor:AppColors_1.AppColors.grayTextWeak}]}/>
+                  <react_native_1.Text style={[styles.metricValue,{color:r.isScreenReaderEnabled?AppColors_1.AppColors.greenColor:AppColors_1.AppColors.grayTextStrong}]}>
+                    {r.isScreenReaderEnabled?react_native_1.Platform.OS==="ios"?"VoiceOver ON":"TalkBack ON":"Inactive"}
+                  </react_native_1.Text>
+                </react_native_1.View>
+              </react_native_1.View>
+
+              <react_native_1.View style={styles.metricCard}>
+                <react_native_1.Text style={styles.metricLabel}>Font Scale Multiplier</react_native_1.Text>
+                <react_native_1.Text style={[styles.metricValue,{color:AppColors_1.AppColors.brandPurple}]}>
+                  {r.fontScale}x
+                </react_native_1.Text>
+                <react_native_1.Text style={styles.metricSub}>
+                  {r.fontScale>=1.5?"Accessibility Size":r.fontScale>1?"Large Scale":"Default (1.0x)"}
+                </react_native_1.Text>
+              </react_native_1.View>
+
+              <react_native_1.View style={styles.metricCard}>
+                <react_native_1.Text style={styles.metricLabel}>Reduced Motion</react_native_1.Text>
+                <react_native_1.Text style={[styles.metricValue,{color:r.isReduceMotionEnabled?AppColors_1.AppColors.lightOrange:AppColors_1.AppColors.grayTextStrong}]}>
+                  {r.isReduceMotionEnabled?"Enabled (No Anim)":"Disabled"}
+                </react_native_1.Text>
+              </react_native_1.View>
+
+              <react_native_1.View style={styles.metricCard}>
+                <react_native_1.Text style={styles.metricLabel}>Bold Text</react_native_1.Text>
+                <react_native_1.Text style={[styles.metricValue,{color:r.isBoldTextEnabled?AppColors_1.AppColors.skyBlue:AppColors_1.AppColors.grayTextStrong}]}>
+                  {r.isBoldTextEnabled?"Enabled":"Default"}
+                </react_native_1.Text>
+              </react_native_1.View>
+
+              <react_native_1.View style={styles.metricCard}>
+                <react_native_1.Text style={styles.metricLabel}>High Contrast</react_native_1.Text>
+                <react_native_1.Text style={[styles.metricValue,{color:r.isHighContrastEnabled?AppColors_1.AppColors.brandPurple:AppColors_1.AppColors.grayTextStrong}]}>
+                  {r.isHighContrastEnabled?"Enabled":"Default"}
+                </react_native_1.Text>
+              </react_native_1.View>
+
+              <react_native_1.View style={styles.metricCard}>
+                <react_native_1.Text style={styles.metricLabel}>Invert Colors</react_native_1.Text>
+                <react_native_1.Text style={[styles.metricValue,{color:r.isInvertColorsEnabled?AppColors_1.AppColors.lightOrange:AppColors_1.AppColors.grayTextStrong}]}>
+                  {r.isInvertColorsEnabled?"Enabled":"Default"}
+                </react_native_1.Text>
+              </react_native_1.View>
+            </react_native_1.View>
+
+            
+            <TouchableScale_1.default style={styles.actionButton}onPress={V}>
+              <NetworkIcons_1.SignalIcon size={16}color={AppColors_1.AppColors.white}/>
+              <react_native_1.Text style={styles.actionButtonText}>Sync Accessibility Telemetry</react_native_1.Text>
+            </TouchableScale_1.default>
+          </react_native_1.View>}
+
+        
+        {t==="tools"&&<react_native_1.View>
+            
+            <react_native_1.View style={styles.toolCard}>
+              <react_native_1.View style={styles.toolHeader}>
+                <NetworkIcons_1.AccessibilityIcon size={18}color={AppColors_1.AppColors.brandPurple}/>
+                <react_native_1.Text style={styles.toolTitle}>Live Speech & Announcement Tester</react_native_1.Text>
+              </react_native_1.View>
+              <react_native_1.Text style={styles.toolDesc}>
+                Dispatches announcements directly to active assistive technologies
+                (VoiceOver on iOS, TalkBack on Android).
+              </react_native_1.Text>
+
+              <react_native_1.TextInput style={styles.input}value={s}onChangeText={x}placeholder="Enter message to announce..."placeholderTextColor={AppColors_1.AppColors.grayTextWeak}/>
+
+              <TouchableScale_1.default style={[styles.actionButton,{marginTop:10}]}onPress={F}>
+                <react_native_1.Text style={styles.actionButtonText}>📢 Dispatch Announcement</react_native_1.Text>
+              </TouchableScale_1.default>
+            </react_native_1.View>
+
+            
+            <react_native_1.View style={styles.toolCard}>
+              <react_native_1.View style={styles.toolHeader}>
+                <NetworkIcons_1.AccessibilityIcon size={18}color={AppColors_1.AppColors.skyBlue}/>
+                <react_native_1.Text style={styles.toolTitle}>WCAG 2.2 Color Contrast Checker</react_native_1.Text>
+              </react_native_1.View>
+              <react_native_1.Text style={styles.toolDesc}>
+                Calculates relative luminance and contrast ratio between foreground text
+                and background surfaces.
+              </react_native_1.Text>
+
+              <react_native_1.View style={{flexDirection:"row",gap:10,marginTop:10}}>
+                <react_native_1.View style={{flex:1}}>
+                  <react_native_1.Text style={styles.inputLabel}>Text Hex</react_native_1.Text>
+                  <react_native_1.TextInput style={styles.input}value={y}onChangeText={C}placeholder="#FFFFFF"placeholderTextColor={AppColors_1.AppColors.grayTextWeak}autoCapitalize="characters"/>
+                </react_native_1.View>
+                <react_native_1.View style={{flex:1}}>
+                  <react_native_1.Text style={styles.inputLabel}>Background Hex</react_native_1.Text>
+                  <react_native_1.TextInput style={styles.input}value={g}onChangeText={A}placeholder="#4F46E5"placeholderTextColor={AppColors_1.AppColors.grayTextWeak}autoCapitalize="characters"/>
+                </react_native_1.View>
+              </react_native_1.View>
+
+              
+              <react_native_1.View style={[styles.contrastPreviewBox,{backgroundColor:l.bgHex||"#4F46E5"}]}>
+                <react_native_1.Text style={[styles.contrastPreviewText,{color:l.fgHex||"#FFFFFF"}]}>
+                  Sample Text Preview
+                </react_native_1.Text>
+              </react_native_1.View>
+
+              
+              <react_native_1.View style={styles.ratioRow}>
+                <react_native_1.Text style={styles.ratioValue}>{l.ratio}:1</react_native_1.Text>
+                <react_native_1.View style={styles.badgeContainer}>
+                  <react_native_1.View style={[styles.complianceBadge,l.aaNormal?styles.badgePass:styles.badgeFail]}>
+                    <react_native_1.Text style={[styles.badgeText,l.aaNormal?styles.textPass:styles.textFail]}>
+                      AA (4.5:1) {l.aaNormal?"\u2713":"\u2717"}
+                    </react_native_1.Text>
+                  </react_native_1.View>
+                  <react_native_1.View style={[styles.complianceBadge,l.aaLarge?styles.badgePass:styles.badgeFail]}>
+                    <react_native_1.Text style={[styles.badgeText,l.aaLarge?styles.textPass:styles.textFail]}>
+                      AA Large (3:1) {l.aaLarge?"\u2713":"\u2717"}
+                    </react_native_1.Text>
+                  </react_native_1.View>
+                  <react_native_1.View style={[styles.complianceBadge,l.aaaNormal?styles.badgePass:styles.badgeFail]}>
+                    <react_native_1.Text style={[styles.badgeText,l.aaaNormal?styles.textPass:styles.textFail]}>
+                      AAA (7:1) {l.aaaNormal?"\u2713":"\u2717"}
+                    </react_native_1.Text>
+                  </react_native_1.View>
+                </react_native_1.View>
+              </react_native_1.View>
+            </react_native_1.View>
+
+            
+            <react_native_1.View style={styles.toolCard}>
+              <react_native_1.View style={styles.toolHeader}>
+                <NetworkIcons_1.AccessibilityIcon size={18}color={AppColors_1.AppColors.greenColor}/>
+                <react_native_1.Text style={styles.toolTitle}>Touch Target Evaluator (WCAG 2.5.5/2.5.8)</react_native_1.Text>
+              </react_native_1.View>
+              <react_native_1.Text style={styles.toolDesc}>
+                Validates interactive component dimensions against Apple HIG (44pt) and
+                Android Material (48dp) minimums.
+              </react_native_1.Text>
+
+              <react_native_1.View style={{flexDirection:"row",gap:10,marginTop:10}}>
+                <react_native_1.View style={{flex:1}}>
+                  <react_native_1.Text style={styles.inputLabel}>Width (dp/pt)</react_native_1.Text>
+                  <react_native_1.TextInput style={styles.input}value={T}onChangeText={m}keyboardType="numeric"/>
+                </react_native_1.View>
+                <react_native_1.View style={{flex:1}}>
+                  <react_native_1.Text style={styles.inputLabel}>Height (dp/pt)</react_native_1.Text>
+                  <react_native_1.TextInput style={styles.input}value={b}onChangeText={v}keyboardType="numeric"/>
+                </react_native_1.View>
+              </react_native_1.View>
+
+              <react_native_1.View style={styles.targetResultsRow}>
+                <react_native_1.View style={styles.targetStatusBox}>
+                  <react_native_1.Text style={styles.targetPlatformLabel}>iOS HIG (44x44pt)</react_native_1.Text>
+                  <react_native_1.Text style={[styles.targetStatusValue,{color:u.iosMinMet?AppColors_1.AppColors.greenColor:AppColors_1.AppColors.errorColor}]}>
+                    {u.iosMinMet?"\u2713 Compliant":"\u2717 Too Small"}
+                  </react_native_1.Text>
+                </react_native_1.View>
+                <react_native_1.View style={styles.targetStatusBox}>
+                  <react_native_1.Text style={styles.targetPlatformLabel}>Android Material (48x48dp)</react_native_1.Text>
+                  <react_native_1.Text style={[styles.targetStatusValue,{color:u.androidMinMet?AppColors_1.AppColors.greenColor:AppColors_1.AppColors.errorColor}]}>
+                    {u.androidMinMet?"\u2713 Compliant":"\u2717 Too Small"}
+                  </react_native_1.Text>
+                </react_native_1.View>
+              </react_native_1.View>
+            </react_native_1.View>
+          </react_native_1.View>}
+
+        
+        {t==="wcag"&&<react_native_1.View>
+            
+            <react_native_1.View style={styles.searchBar}>
+              <NetworkIcons_1.SearchIcon size={16}color={AppColors_1.AppColors.grayTextWeak}/>
+              <react_native_1.TextInput style={styles.searchInput}value={d}onChangeText={f}placeholder="Search WCAG 2.2 rules..."placeholderTextColor={AppColors_1.AppColors.grayTextWeak}/>
+            </react_native_1.View>
+
+            
+            <react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={!1}style={{marginBottom:12}}>
+              {["ALL","A","AA","AAA"].map(e=><react_native_1.TouchableOpacity key={e}style={[styles.filterChip,c===e&&styles.filterChipActive]}onPress={()=>w(e)}>
+                  <react_native_1.Text style={[styles.filterChipText,c===e&&styles.filterChipTextActive]}>
+                    Level {e}
+                  </react_native_1.Text>
+                </react_native_1.TouchableOpacity>)}
+            </react_native_1.ScrollView>
+
+            
+            {B.map(e=>{const n=!!S[e.id];return<react_native_1.View key={e.id}style={styles.ruleCard}>
+                  <react_native_1.TouchableOpacity style={styles.ruleCardHeader}onPress={()=>k(e.id)}activeOpacity={.7}>
+                    <react_native_1.View style={{flex:1}}>
+                      <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6}}>
+                        <react_native_1.Text style={styles.ruleId}>{e.id}</react_native_1.Text>
+                        <react_native_1.View style={[styles.levelBadge,{backgroundColor:e.level==="AAA"?`${AppColors_1.AppColors.brandPurple}22`:e.level==="AA"?`${AppColors_1.AppColors.skyBlue}22`:`${AppColors_1.AppColors.greenColor}22`}]}>
+                          <react_native_1.Text style={[styles.levelBadgeText,{color:e.level==="AAA"?AppColors_1.AppColors.brandPurple:e.level==="AA"?AppColors_1.AppColors.skyBlue:AppColors_1.AppColors.greenColor}]}>
+                            Level {e.level}
+                          </react_native_1.Text>
+                        </react_native_1.View>
+                        <react_native_1.Text style={styles.principleTag}>{e.principle}</react_native_1.Text>
+                      </react_native_1.View>
+                      <react_native_1.Text style={styles.ruleTitle}>{e.title}</react_native_1.Text>
+                    </react_native_1.View>
+                    <NetworkIcons_1.ChevronIcon direction={n?"up":"down"}size={16}color={AppColors_1.AppColors.grayTextWeak}/>
+                  </react_native_1.TouchableOpacity>
+
+                  {n&&<react_native_1.View style={styles.ruleBody}>
+                      <react_native_1.Text style={styles.ruleDescLabel}>Criterion Definition:</react_native_1.Text>
+                      <react_native_1.Text style={styles.ruleDesc}>{e.description}</react_native_1.Text>
+
+                      <react_native_1.Text style={[styles.ruleDescLabel,{marginTop:8}]}>
+                        Mobile / React Native Recommendation:
+                      </react_native_1.Text>
+                      <react_native_1.Text style={styles.ruleRec}>{e.mobileRecommendation}</react_native_1.Text>
+
+                      <react_native_1.TouchableOpacity style={styles.copyRuleBtn}onPress={()=>{(0,helpers_1.copyToClipboard)(`WCAG ${e.id} ${e.title} (Level ${e.level}):
+${e.description}
+
+Mobile: ${e.mobileRecommendation}`),(0,toast_1.showToast)(`Copied WCAG ${e.id} rule guidance`)}}>
+                        <NetworkIcons_1.CopyIcon size={14}color={AppColors_1.AppColors.brandPurple}/>
+                        <react_native_1.Text style={styles.copyRuleBtnText}>Copy Rule Guidance</react_native_1.Text>
+                      </react_native_1.TouchableOpacity>
+                    </react_native_1.View>}
+                </react_native_1.View>})}
+          </react_native_1.View>}
+      </react_native_1.ScrollView>
+    </react_native_1.View>};exports.A11yTab=A11yTab;const styles=react_native_1.StyleSheet.create({container:{flex:1,backgroundColor:AppColors_1.AppColors.grayBackground},subTabBar:{flexDirection:"row",backgroundColor:AppColors_1.AppColors.graySurface,borderBottomWidth:react_native_1.StyleSheet.hairlineWidth,borderBottomColor:AppColors_1.AppColors.grayBorderSecondary,paddingHorizontal:8,paddingVertical:4,gap:4},subTabItem:{flex:1,flexDirection:"row",alignItems:"center",justifyContent:"center",paddingVertical:8,borderRadius:8,gap:6},subTabItemActive:{backgroundColor:`${AppColors_1.AppColors.brandPurple}1F`},subTabText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:12,color:AppColors_1.AppColors.grayTextWeak},subTabTextActive:{color:AppColors_1.AppColors.brandPurple,fontFamily:AppFonts_1.AppFonts.interBold},scrollContent:{flex:1},scrollContainer:{padding:14,paddingBottom:40},bannerCard:{borderRadius:10,borderWidth:1,padding:12,marginBottom:14},bannerTitle:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13,color:AppColors_1.AppColors.grayTextStrong},bannerSubtitle:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,color:AppColors_1.AppColors.grayTextWeak,marginTop:2},metricsGrid:{flexDirection:"row",flexWrap:"wrap",gap:10,marginBottom:14},metricCard:{flexBasis:"48%",flexGrow:1,backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:10,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,padding:12},metricLabel:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.grayTextWeak,marginBottom:4},metricValue:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:14,color:AppColors_1.AppColors.grayTextStrong},metricSub:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:10,color:AppColors_1.AppColors.grayTextWeak,marginTop:2},badgeRow:{flexDirection:"row",alignItems:"center",gap:6},statusDot:{width:8,height:8,borderRadius:4},actionButton:{flexDirection:"row",alignItems:"center",justifyContent:"center",backgroundColor:AppColors_1.AppColors.brandPurple,paddingVertical:12,borderRadius:8,gap:8},actionButtonText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13,color:AppColors_1.AppColors.white},toolCard:{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:10,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,padding:14,marginBottom:14},toolHeader:{flexDirection:"row",alignItems:"center",gap:8,marginBottom:4},toolTitle:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13,color:AppColors_1.AppColors.grayTextStrong},toolDesc:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,color:AppColors_1.AppColors.grayTextWeak,marginBottom:8},inputLabel:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.grayTextWeak,marginBottom:4},input:{backgroundColor:AppColors_1.AppColors.graySurface,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,borderRadius:8,paddingHorizontal:12,paddingVertical:8,fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:13,color:AppColors_1.AppColors.grayTextStrong},contrastPreviewBox:{marginTop:12,borderRadius:8,padding:16,alignItems:"center",justifyContent:"center"},contrastPreviewText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:15},ratioRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginTop:12},ratioValue:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:18,color:AppColors_1.AppColors.grayTextStrong},badgeContainer:{flexDirection:"row",gap:6},complianceBadge:{paddingHorizontal:8,paddingVertical:4,borderRadius:6,borderWidth:1},badgePass:{backgroundColor:`${AppColors_1.AppColors.greenColor}1A`,borderColor:`${AppColors_1.AppColors.greenColor}33`},badgeFail:{backgroundColor:`${AppColors_1.AppColors.errorColor}1A`,borderColor:`${AppColors_1.AppColors.errorColor}33`},badgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10},textPass:{color:AppColors_1.AppColors.greenColor},textFail:{color:AppColors_1.AppColors.errorColor},targetResultsRow:{flexDirection:"row",gap:10,marginTop:12},targetStatusBox:{flex:1,backgroundColor:AppColors_1.AppColors.graySurface,padding:10,borderRadius:8,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,alignItems:"center"},targetPlatformLabel:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10,color:AppColors_1.AppColors.grayTextWeak},targetStatusValue:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12,marginTop:4},searchBar:{flexDirection:"row",alignItems:"center",backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:8,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,paddingHorizontal:10,paddingVertical:6,gap:6,marginBottom:10},searchInput:{flex:1,fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:12,color:AppColors_1.AppColors.grayTextStrong,padding:0},filterChip:{paddingHorizontal:10,paddingVertical:5,borderRadius:6,backgroundColor:AppColors_1.AppColors.graySurface,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,marginRight:6},filterChipActive:{backgroundColor:AppColors_1.AppColors.brandPurple,borderColor:AppColors_1.AppColors.brandPurple},filterChipText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.grayTextWeak},filterChipTextActive:{color:AppColors_1.AppColors.white,fontFamily:AppFonts_1.AppFonts.interBold},ruleCard:{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:10,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,padding:12,marginBottom:10},ruleCardHeader:{flexDirection:"row",alignItems:"center",justifyContent:"space-between"},ruleId:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,color:AppColors_1.AppColors.brandPurple},levelBadge:{paddingHorizontal:6,paddingVertical:2,borderRadius:4},levelBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9},principleTag:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:10,color:AppColors_1.AppColors.grayTextWeak},ruleTitle:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13,color:AppColors_1.AppColors.grayTextStrong,marginTop:4},ruleBody:{marginTop:10,paddingTop:10,borderTopWidth:react_native_1.StyleSheet.hairlineWidth,borderTopColor:AppColors_1.AppColors.grayBorderSecondary},ruleDescLabel:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,color:AppColors_1.AppColors.grayTextWeak,textTransform:"uppercase"},ruleDesc:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:12,color:AppColors_1.AppColors.grayTextStrong,marginTop:2,lineHeight:16},ruleRec:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:12,color:AppColors_1.AppColors.brandPurple,marginTop:2,lineHeight:16},copyRuleBtn:{flexDirection:"row",alignItems:"center",gap:6,marginTop:10,alignSelf:"flex-start",paddingVertical:4,paddingHorizontal:8,borderRadius:6,backgroundColor:`${AppColors_1.AppColors.brandPurple}14`},copyRuleBtnText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,color:AppColors_1.AppColors.brandPurple}});

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

@@ -1,4 +1,4 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.AboutModal=void 0;const react_1=__importDefault(require("react")),react_native_1=require("react-native"),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),TouchableScale_1=__importDefault(require("../TouchableScale")),InspectorContext_1=require("./InspectorContext"),i18n_1=require("../../i18n"),version_1=require("../../constants/version"),AppHeaderLogo_1=__importDefault(require("../AppHeaderLogo")),helpers_1=require("../../helpers"),NetworkIcons_1=require("../NetworkIcons"),AboutModal=({onClose:e})=>{const{updateAvailable:t,latestNpmVersion:o}=(0,InspectorContext_1.useInspector)();return<react_native_1.View style={styles.container}>
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.AboutModal=void 0;const react_1=__importDefault(require("react")),react_native_1=require("react-native"),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),TouchableScale_1=__importDefault(require("../TouchableScale")),InspectorContext_1=require("./InspectorContext"),i18n_1=require("../../i18n"),version_1=require("../../constants/version"),AppHeaderLogo_1=__importDefault(require("../AppHeaderLogo")),helpers_1=require("../../helpers"),DeveloperSponsorCard_1=require("./DeveloperSponsorCard"),NetworkIcons_1=require("../NetworkIcons"),AboutModal=({onClose:e})=>{const{updateAvailable:t,latestNpmVersion:o}=(0,InspectorContext_1.useInspector)();return<react_native_1.View style={styles.container}>
       <react_native_1.ScrollView style={styles.scrollView}contentContainerStyle={styles.scrollContent}showsVerticalScrollIndicator={!1}>
         
         <react_native_1.View style={styles.heroCard}>
@@ -40,6 +40,9 @@
         </react_native_1.View>
 
         
+        <DeveloperSponsorCard_1.DeveloperSponsorCard/>
+
+        
         <react_native_1.View style={styles.sectionCard}>
           <react_native_1.Text style={styles.sectionHeader}>{(0,i18n_1.t)("about.appInformation","APP INFORMATION")}</react_native_1.Text>
 

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

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface DeveloperSponsorCardProps {
+    publisherId?: string;
+    customEndpoint?: string;
+    containerStyle?: object;
+    compact?: boolean;
+}
+export declare const DeveloperSponsorCard: React.FC<DeveloperSponsorCardProps>;
+export default DeveloperSponsorCard;

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

@@ -0,0 +1,52 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(o,t,n,r){r===void 0&&(r=n);var e=Object.getOwnPropertyDescriptor(t,n);(!e||("get"in e?!t.__esModule:e.writable||e.configurable))&&(e={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(o,r,e)}):(function(o,t,n,r){r===void 0&&(r=n),o[r]=t[n]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(o,t){Object.defineProperty(o,"default",{enumerable:!0,value:t})}):function(o,t){o.default=t}),__importStar=this&&this.__importStar||(function(){var o=function(t){return o=Object.getOwnPropertyNames||function(n){var r=[];for(var e in n)Object.prototype.hasOwnProperty.call(n,e)&&(r[r.length]=e);return r},o(t)};return function(t){if(t&&t.__esModule)return t;var n={};if(t!=null)for(var r=o(t),e=0;e<r.length;e++)r[e]!=="default"&&__createBinding(n,t,r[e]);return __setModuleDefault(n,t),n}})(),__importDefault=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.DeveloperSponsorCard=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"),sponsorService_1=require("../../helpers/sponsorService"),NetworkIcons_1=require("../NetworkIcons"),DeveloperSponsorCard=({publisherId:o,customEndpoint:t,containerStyle:n,compact:r=!1})=>{const[e,s]=(0,react_1.useState)(null);if((0,react_1.useEffect)(()=>{let l=!0;return(0,sponsorService_1.fetchDeveloperSponsor)(o,t).then(a=>{l&&a&&(s(a),(0,sponsorService_1.trackSponsorImpression)(a))}),()=>{l=!1}},[o,t]),!e)return null;const i=e.accentColor||AppColors_1.AppColors.indigo600;return<TouchableScale_1.default onPress={()=>(0,sponsorService_1.handleSponsorClick)(e)}style={[styles.cardContainer,{borderColor:`${i}40`},n]}>
+      
+      <react_native_1.View style={[styles.glowBackground,{backgroundColor:`${i}0A`}]}/>
+
+      
+      <react_native_1.View style={styles.headerRow}>
+        <react_native_1.View style={styles.badgeRow}>
+          <react_native_1.View style={[styles.sponsorBadge,{backgroundColor:`${i}1F`,borderColor:`${i}44`}]}>
+            <NetworkIcons_1.SparklesIcon size={10}color={i}/>
+            <react_native_1.Text style={[styles.sponsorBadgeText,{color:i}]}>
+              {e.badgeText||"SPONSORED"}
+            </react_native_1.Text>
+          </react_native_1.View>
+          {e.sponsorName?<react_native_1.Text style={styles.sponsorNameText}>· {e.sponsorName}</react_native_1.Text>:null}
+        </react_native_1.View>
+
+        <react_native_1.View style={styles.verifiedRow}>
+          {e.type==="ethicalads"?<react_native_1.Pressable hitSlop={8}onPress={()=>react_native_1.Linking.openURL("https://www.ethicalads.io/?ref=react-native-inapp-inspector").catch(()=>{})}style={{flexDirection:"row",alignItems:"center",gap:3.5}}>
+              <react_native_1.Text style={styles.verifiedText}>Ad by EthicalAds</react_native_1.Text>
+              <NetworkIcons_1.ExternalLinkIcon size={10}color={AppColors_1.AppColors.grayTextWeak}/>
+            </react_native_1.Pressable>:<>
+              <NetworkIcons_1.ShieldCheckIcon size={11}color={AppColors_1.AppColors.emerald500}/>
+              <react_native_1.Text style={styles.verifiedText}>Verified Dev Tool</react_native_1.Text>
+              <NetworkIcons_1.ExternalLinkIcon size={11}color={AppColors_1.AppColors.grayTextWeak}/>
+            </>}
+        </react_native_1.View>
+      </react_native_1.View>
+
+      
+      <react_native_1.View style={styles.contentRow}>
+        {e.logoUrl?<react_native_1.Image source={{uri:e.logoUrl}}style={styles.logoImage}resizeMode="contain"/>:<react_native_1.View style={[styles.iconPlaceholder,{backgroundColor:`${i}18`}]}>
+            <NetworkIcons_1.GlobeIcon size={18}color={i}/>
+          </react_native_1.View>}
+
+        <react_native_1.View style={styles.textColumn}>
+          <react_native_1.Text style={[styles.headlineText,r&&{fontSize:12.5,lineHeight:16}]}numberOfLines={r?1:2}>
+            {e.title}
+          </react_native_1.Text>
+          {e.description&&!r?<react_native_1.Text style={styles.descText}numberOfLines={2}>
+              {e.description}
+            </react_native_1.Text>:null}
+        </react_native_1.View>
+      </react_native_1.View>
+
+      
+      <react_native_1.View style={styles.footerRow}>
+        <react_native_1.View style={[styles.ctaButton,{backgroundColor:i,shadowColor:i}]}>
+          <react_native_1.Text style={styles.ctaButtonText}>{e.ctaText||"Learn More"}</react_native_1.Text>
+          <NetworkIcons_1.ExternalLinkIcon size={11}color={AppColors_1.AppColors.white}/>
+        </react_native_1.View>
+      </react_native_1.View>
+    </TouchableScale_1.default>};exports.DeveloperSponsorCard=DeveloperSponsorCard;const styles=react_native_1.StyleSheet.create({cardContainer:{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:14,padding:13,borderWidth:1.2,position:"relative",overflow:"hidden",shadowColor:AppColors_1.AppColors.shadowColorString,shadowOffset:{width:0,height:2},shadowOpacity:.06,shadowRadius:8,elevation:2,gap:10},glowBackground:{position:"absolute",top:0,left:0,right:0,bottom:0},headerRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between"},badgeRow:{flexDirection:"row",alignItems:"center",gap:6},sponsorBadge:{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:7,paddingVertical:2.5,borderRadius:6,borderWidth:1},sponsorBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9,lineHeight:12,letterSpacing:.6},sponsorNameText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:11,color:AppColors_1.AppColors.grayTextWeak},verifiedRow:{flexDirection:"row",alignItems:"center",gap:3.5},verifiedText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:9.5,color:AppColors_1.AppColors.grayTextWeak},contentRow:{flexDirection:"row",alignItems:"center",gap:10},logoImage:{width:38,height:38,borderRadius:8},iconPlaceholder:{width:38,height:38,borderRadius:8,alignItems:"center",justifyContent:"center"},textColumn:{flex:1,gap:2},headlineText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13.5,lineHeight:18,color:AppColors_1.AppColors.primaryBlack,letterSpacing:-.2},descText:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,lineHeight:15,color:AppColors_1.AppColors.grayTextWeak},footerRow:{flexDirection:"row",alignItems:"center",justifyContent:"flex-end",marginTop:2},ctaButton:{flexDirection:"row",alignItems:"center",justifyContent:"center",gap:5,paddingHorizontal:12,paddingVertical:6.5,borderRadius:8,shadowOffset:{width:0,height:2},shadowOpacity:.25,shadowRadius:4,elevation:2},ctaButtonText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11.5,lineHeight:15,color:AppColors_1.AppColors.white}});exports.default=exports.DeveloperSponsorCard;

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

@@ -1,15 +1,15 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(r,a,s,n){n===void 0&&(n=s);var i=Object.getOwnPropertyDescriptor(a,s);(!i||("get"in i?!a.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return a[s]}}),Object.defineProperty(r,n,i)}):(function(r,a,s,n){n===void 0&&(n=s),r[n]=a[s]})),__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(s){var n=[];for(var i in s)Object.prototype.hasOwnProperty.call(s,i)&&(n[n.length]=i);return n},r(a)};return function(a){if(a&&a.__esModule)return a;var s={};if(a!=null)for(var n=r(a),i=0;i<n.length;i++)n[i]!=="default"&&__createBinding(s,a,n[i]);return __setModuleDefault(s,a),s}})(),__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:s,captureBitrate:n,captureMaxDurationSeconds:i,captureAudioMode:S,activeTab:T,settingsPage:M,peekMode:j,previewMediaItem:y,setPreviewMediaItem:p,isUpdatePopupVisible:V}=(0,InspectorContext_1.useInspector)(),{t:d}=(0,i18n_1.useTranslation)(),[f,h]=(0,react_1.useState)(!1),[P,w]=(0,react_1.useState)(!1),[D,_]=(0,react_1.useState)(0),u=(0,react_1.useRef)(null),g=(0,react_1.useRef)(new react_native_1.Animated.Value(1)).current,v=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current,c=(0,react_1.useRef)(new react_native_1.Animated.ValueXY({x:0,y:0})).current,l=(0,react_1.useRef)({x:0,y:0});(0,react_1.useEffect)(()=>{const e=c.x.addListener(o=>l.current.x=o.value),t=c.y.addListener(o=>l.current.y=o.value);return()=>{c.x.removeListener(e),c.y.removeListener(t)}},[c]);const m=(0,react_1.useRef)(!1),F=(0,react_1.useRef)(react_native_1.PanResponder.create({onStartShouldSetPanResponder:()=>!0,onStartShouldSetPanResponderCapture:()=>!1,onMoveShouldSetPanResponder:(e,t)=>Math.abs(t.dx)>2||Math.abs(t.dy)>2,onMoveShouldSetPanResponderCapture:(e,t)=>Math.abs(t.dx)>4||Math.abs(t.dy)>4,onPanResponderGrant:()=>{m.current=!0,c.setOffset({x:l.current.x,y:l.current.y}),c.setValue({x:0,y:0})},onPanResponderMove:react_native_1.Animated.event([null,{dx:c.x,dy:c.y}],{useNativeDriver:!1}),onPanResponderTerminationRequest:()=>!1,onShouldBlockNativeResponder:()=>!0,onPanResponderRelease:()=>{c.flattenOffset(),setTimeout(()=>{m.current=!1},100);const{width:e,height:t}=react_native_1.Dimensions.get("window"),o=e/2-20,x=-o,R=20,A=-(t-140),C=l.current.x,b=l.current.y;if(C<x||C>o||b<A||b>R){const B=Math.min(Math.max(C,x),o),N=Math.min(Math.max(b,A),R);react_native_1.Animated.spring(c,{toValue:{x:B,y:N},friction:7,tension:50,useNativeDriver:!1}).start()}},onPanResponderTerminate:()=>{c.flattenOffset(),m.current=!1}})).current;(0,react_1.useEffect)(()=>{capture_1.ScreenCapture.isRecording().then(e=>{h(e)}).catch(()=>{})},[]),(0,react_1.useEffect)(()=>{let e=null;return f?(_(0),u.current=setInterval(()=>{_(t=>t+1)},1e3),e=react_native_1.Animated.loop(react_native_1.Animated.sequence([react_native_1.Animated.timing(g,{toValue:1.15,duration:500,useNativeDriver:!0}),react_native_1.Animated.timing(g,{toValue:1,duration:500,useNativeDriver:!0})])),e.start()):(u.current&&(clearInterval(u.current),u.current=null),_(0),g.setValue(1)),()=>{u.current&&clearInterval(u.current),e&&e.stop()}},[f,g]);const O=(0,react_1.useCallback)(async()=>{if(!m.current)try{(0,NativeInspector_1.triggerNativeHaptic)("light"),w(!0),await new Promise(t=>setTimeout(t,60));const e=await capture_1.ScreenCapture.takeScreenshot({format:"png",quality:.9,hideInspector:!1});if(w(!1),react_native_1.Animated.sequence([react_native_1.Animated.timing(v,{toValue:.65,duration:70,useNativeDriver:!0}),react_native_1.Animated.timing(v,{toValue:0,duration:200,useNativeDriver:!0})]).start(),e){(0,NativeInspector_1.triggerNativeHaptic)("success");const t=(0,capture_1.generateCaptureId)("screenshot",e.format||"png"),o={id:t,type:"image",format:e.format,uri:e.uri,filename:e.uri.split("/").pop()||t,sizeBytes:e.sizeBytes,timestamp:e.timestamp,width:e.width,height:e.height};p(o),r?.().catch(()=>{}),(0,toast_1.showToast)(d("header.screenshotCaptured","Screenshot captured"))}else(0,toast_1.showToast)(d("header.screenshotFailed","Failed to capture screenshot"))}catch{w(!1),(0,toast_1.showToast)(d("header.screenshotError","Error capturing screenshot"))}},[r,v,d]),I=(0,react_1.useCallback)(async()=>{if(!m.current)try{if(f){(0,NativeInspector_1.triggerNativeHaptic)("medium");const e=await capture_1.ScreenCapture.stopRecording();if(h(!1),e){(0,NativeInspector_1.triggerNativeHaptic)("success");const t=(0,capture_1.generateCaptureId)("video",e.format),o={id:t,type:e.format==="gif"?"gif":"video",format:e.format,uri:e.uri,filename:e.uri.split("/").pop()||t,sizeBytes:e.sizeBytes,timestamp:e.timestamp,durationMs:e.durationMs,width:e.width,height:e.height,hasAudio:e.hasAudio,thumbnailUri:e.thumbnailUri};p(o),r?.().catch(()=>{}),(0,toast_1.showToast)(d("header.recordingSaved",{duration:(e.durationMs/1e3).toFixed(1),defaultValue:`Recording saved (${(e.durationMs/1e3).toFixed(1)}s)`}))}}else(0,NativeInspector_1.triggerNativeHaptic)("medium"),h(!0),await capture_1.ScreenCapture.startRecording({fps:a,scale:s,audioSource:S,bitrate:n>0?n:void 0,maxDurationSeconds:i})?(0,toast_1.showToast)(d("header.recordingStarted","Recording started")):(h(!1),(0,toast_1.showToast)(d("header.recordingStartFailed","Failed to start recording")))}catch{(0,toast_1.showToast)(d("header.recordingError","Error during screen recording")),h(!1)}},[f,a,s,n,i,S,r,d]),q=e=>{const t=Math.floor(e/60),o=e%60;return`${t<10?"0":""}${t}:${o<10?"0":""}${o}`};return T==="media"||M==="media"||V?null:<>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(r,a,s,n){n===void 0&&(n=s);var i=Object.getOwnPropertyDescriptor(a,s);(!i||("get"in i?!a.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return a[s]}}),Object.defineProperty(r,n,i)}):(function(r,a,s,n){n===void 0&&(n=s),r[n]=a[s]})),__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(s){var n=[];for(var i in s)Object.prototype.hasOwnProperty.call(s,i)&&(n[n.length]=i);return n},r(a)};return function(a){if(a&&a.__esModule)return a;var s={};if(a!=null)for(var n=r(a),i=0;i<n.length;i++)n[i]!=="default"&&__createBinding(s,a,n[i]);return __setModuleDefault(s,a),s}})(),__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:s,captureBitrate:n,captureMaxDurationSeconds:i,captureAudioMode:S,captureWidgetEnabled:T,activeTab:M,settingsPage:V,peekMode:k,previewMediaItem:y,setPreviewMediaItem:p,isUpdatePopupVisible:P}=(0,InspectorContext_1.useInspector)(),{t:d}=(0,i18n_1.useTranslation)(),[f,h]=(0,react_1.useState)(!1),[D,w]=(0,react_1.useState)(!1),[F,_]=(0,react_1.useState)(0),u=(0,react_1.useRef)(null),g=(0,react_1.useRef)(new react_native_1.Animated.Value(1)).current,v=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current,c=(0,react_1.useRef)(new react_native_1.Animated.ValueXY({x:0,y:0})).current,l=(0,react_1.useRef)({x:0,y:0});(0,react_1.useEffect)(()=>{const e=c.x.addListener(o=>l.current.x=o.value),t=c.y.addListener(o=>l.current.y=o.value);return()=>{c.x.removeListener(e),c.y.removeListener(t)}},[c]);const m=(0,react_1.useRef)(!1),O=(0,react_1.useRef)(react_native_1.PanResponder.create({onStartShouldSetPanResponder:()=>!0,onStartShouldSetPanResponderCapture:()=>!1,onMoveShouldSetPanResponder:(e,t)=>Math.abs(t.dx)>2||Math.abs(t.dy)>2,onMoveShouldSetPanResponderCapture:(e,t)=>Math.abs(t.dx)>4||Math.abs(t.dy)>4,onPanResponderGrant:()=>{m.current=!0,c.setOffset({x:l.current.x,y:l.current.y}),c.setValue({x:0,y:0})},onPanResponderMove:react_native_1.Animated.event([null,{dx:c.x,dy:c.y}],{useNativeDriver:!1}),onPanResponderTerminationRequest:()=>!1,onShouldBlockNativeResponder:()=>!0,onPanResponderRelease:()=>{c.flattenOffset(),setTimeout(()=>{m.current=!1},100);const{width:e,height:t}=react_native_1.Dimensions.get("window"),o=e/2-20,x=-o,R=20,A=-(t-140),b=l.current.x,C=l.current.y;if(b<x||b>o||C<A||C>R){const N=Math.min(Math.max(b,x),o),j=Math.min(Math.max(C,A),R);react_native_1.Animated.spring(c,{toValue:{x:N,y:j},friction:7,tension:50,useNativeDriver:!1}).start()}},onPanResponderTerminate:()=>{c.flattenOffset(),m.current=!1}})).current;(0,react_1.useEffect)(()=>{capture_1.ScreenCapture.isRecording().then(e=>{h(e)}).catch(()=>{})},[]),(0,react_1.useEffect)(()=>{let e=null;return f?(_(0),u.current=setInterval(()=>{_(t=>t+1)},1e3),e=react_native_1.Animated.loop(react_native_1.Animated.sequence([react_native_1.Animated.timing(g,{toValue:1.15,duration:500,useNativeDriver:!0}),react_native_1.Animated.timing(g,{toValue:1,duration:500,useNativeDriver:!0})])),e.start()):(u.current&&(clearInterval(u.current),u.current=null),_(0),g.setValue(1)),()=>{u.current&&clearInterval(u.current),e&&e.stop()}},[f,g]);const q=(0,react_1.useCallback)(async()=>{if(!m.current)try{(0,NativeInspector_1.triggerNativeHaptic)("light"),w(!0),await new Promise(t=>setTimeout(t,60));const e=await capture_1.ScreenCapture.takeScreenshot({format:"png",quality:.9,hideInspector:!1});if(w(!1),react_native_1.Animated.sequence([react_native_1.Animated.timing(v,{toValue:.65,duration:70,useNativeDriver:!0}),react_native_1.Animated.timing(v,{toValue:0,duration:200,useNativeDriver:!0})]).start(),e){(0,NativeInspector_1.triggerNativeHaptic)("success");const t=(0,capture_1.generateCaptureId)("screenshot",e.format||"png"),o={id:t,type:"image",format:e.format,uri:e.uri,filename:e.uri.split("/").pop()||t,sizeBytes:e.sizeBytes,timestamp:e.timestamp,width:e.width,height:e.height};p(o),r?.().catch(()=>{}),(0,toast_1.showToast)(d("header.screenshotCaptured","Screenshot captured"))}else(0,toast_1.showToast)(d("header.screenshotFailed","Failed to capture screenshot"))}catch{w(!1),(0,toast_1.showToast)(d("header.screenshotError","Error capturing screenshot"))}},[r,v,d]),I=(0,react_1.useCallback)(async()=>{if(!m.current)try{if(f){(0,NativeInspector_1.triggerNativeHaptic)("medium");const e=await capture_1.ScreenCapture.stopRecording();if(h(!1),e){(0,NativeInspector_1.triggerNativeHaptic)("success");const t=(0,capture_1.generateCaptureId)("video",e.format),o={id:t,type:e.format==="gif"?"gif":"video",format:e.format,uri:e.uri,filename:e.uri.split("/").pop()||t,sizeBytes:e.sizeBytes,timestamp:e.timestamp,durationMs:e.durationMs,width:e.width,height:e.height,hasAudio:e.hasAudio,thumbnailUri:e.thumbnailUri};p(o),r?.().catch(()=>{}),(0,toast_1.showToast)(d("header.recordingSaved",{duration:(e.durationMs/1e3).toFixed(1),defaultValue:`Recording saved (${(e.durationMs/1e3).toFixed(1)}s)`}))}}else(0,NativeInspector_1.triggerNativeHaptic)("medium"),h(!0),await capture_1.ScreenCapture.startRecording({fps:a,scale:s,audioSource:S,bitrate:n>0?n:void 0,maxDurationSeconds:i})?(0,toast_1.showToast)(d("header.recordingStarted","Recording started")):(h(!1),(0,toast_1.showToast)(d("header.recordingStartFailed","Failed to start recording")))}catch{(0,toast_1.showToast)(d("header.recordingError","Error during screen recording")),h(!1)}},[f,a,s,n,i,S,r,d]),B=e=>{const t=Math.floor(e/60),o=e%60;return`${t<10?"0":""}${t}:${o<10?"0":""}${o}`};return!T||M==="media"||V==="media"||P?null:<>
       
       <react_native_1.Animated.View pointerEvents="none"style={[styles.flashOverlay,{opacity:v}]}/>
 
-      {!P&&!y&&<react_native_1.Animated.View{...F.panHandlers}style={[styles.container,{transform:c.getTranslateTransform()}]}>
+      {!D&&!y&&<react_native_1.Animated.View{...O.panHandlers}style={[styles.container,{transform:c.getTranslateTransform()}]}>
           
           {f?<react_native_1.View style={styles.recordingShadowWrapper}>
               <TouchableScale_1.default onPress={I}style={styles.recordingPillWrapper}>
                 <react_native_linear_gradient_1.default colors={[AppColors_1.AppColors.rose600,AppColors_1.AppColors.rose700]}start={{x:0,y:0}}end={{x:1,y:0}}style={styles.recordingPill}>
                   <react_native_1.Animated.View style={[styles.recordingDot,{transform:[{scale:g}]}]}/>
                   <react_native_1.Text style={styles.recordingText}>
-                    REC {q(D)}
+                    REC {B(F)}
                   </react_native_1.Text>
                   <react_native_1.View style={styles.stopIconBadge}>
                     <react_native_1.View style={styles.stopIconSquare}/>
@@ -19,7 +19,7 @@
             </react_native_1.View>:<react_native_1.View style={styles.dockShadowWrapper}>
               <react_native_linear_gradient_1.default colors={[AppColors_1.AppColors.navy900,AppColors_1.AppColors.navy800,AppColors_1.AppColors.navy900]}start={{x:0,y:0}}end={{x:1,y:0}}style={styles.dockBar}>
                 
-                <TouchableScale_1.default onPress={O}style={styles.menuItemBtn}accessible={!0}accessibilityLabel="Take Screenshot">
+                <TouchableScale_1.default onPress={q}style={styles.menuItemBtn}accessible={!0}accessibilityLabel="Take Screenshot">
                   <react_native_1.View style={[styles.menuItemIconCircle,{backgroundColor:`${AppColors_1.AppColors.sky400}38`}]}>
                     <NetworkIcons_1.ScreenshotCaptureIcon size={14}color={AppColors_1.AppColors.sky400}/>
                   </react_native_1.View>