react-native-inapp-inspector 2.5.11 → 2.5.12

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

@@ -1,268 +0,0 @@
-import{useCallback as O,useEffect as ce,useMemo as G,useState as v}from"react";import{Platform as de,ScrollView as _,StyleSheet as N,Text as T,TextInput as F,TouchableOpacity as R,View as C}from"react-native";import{announceA11y as ge,calculateContrastRatio as ue,evaluateTouchTarget as ye,getA11yState as be,getA11ySuiteInstance as me,subscribeA11yState as Te,syncA11yTelemetry as J,WCAG_RULES as pe}from"../../customHooks/a11yAdapter";import{copyToClipboard as Ce}from"../../helpers";import{showToast as L}from"../../helpers/toast";import{useTranslation as xe}from"../../i18n";import{AppColors as t}from"../../styles/AppColors";import{AppFonts as f}from"../../styles/AppFonts";import{AccessibilityIcon as P,ChevronIcon as Se,CopyIcon as Be,SearchIcon as Ae,SignalIcon as U,TerminalIcon as Fe}from"../NetworkIcons";import K from"../TouchableScale";export const A11yTab=()=>{const{t:Re}=xe(),[h,D]=v("status"),[S,j]=v(be()),[k,Q]=v("Accessibility announcement test"),[V,X]=v("#FFFFFF"),[H,Y]=v("#4F46E5"),[E,Z]=v("44"),[M,ee]=v("44"),[I,te]=v(""),[w,re]=v("ALL"),[$,ke]=v("ALL"),[oe,ae]=v({});ce(()=>(J(),Te(x=>{j(x)})),[]);const le=O(async()=>{const x=await J();j(x),L(`A11y Telemetry Updated (VoiceOver/TalkBack: ${x.isScreenReaderEnabled?"Active":"Inactive"})`)},[]),ie=O(()=>{if(!k.trim()){L("Please enter text to announce");return}ge(k)?L(`Announced: "${k}"`):L("Dispatched via AccessibilityInfo fallback")},[k]),B=G(()=>ue(V,H),[V,H]),W=G(()=>{const x=parseFloat(E)||0,A=parseFloat(M)||0;return ye(x,A)},[E,M]),ne=G(()=>pe.filter(x=>{if(w!=="ALL"&&x.level!==w||$!=="ALL"&&x.principle!==$)return!1;if(I.trim()){const A=I.toLowerCase();return x.id.toLowerCase().includes(A)||x.title.toLowerCase().includes(A)||x.description.toLowerCase().includes(A)||x.mobileRecommendation.toLowerCase().includes(A)}return!0}),[I,w,$]),se=O(x=>{ae(A=>({...A,[x]:!A[x]}))},[]),z=!!me();return<C style={e.container}>
-      
-      <C style={e.subTabBar}>
-        <R style={[e.subTabItem,h==="status"&&e.subTabItemActive]}onPress={()=>D("status")}activeOpacity={.7}>
-          <U size={14}color={h==="status"?t.brandPurple:t.grayTextWeak}/>
-          <T style={[e.subTabText,h==="status"&&e.subTabTextActive]}>
-            Status & Telemetry
-          </T>
-        </R>
-
-        <R style={[e.subTabItem,h==="tools"&&e.subTabItemActive]}onPress={()=>D("tools")}activeOpacity={.7}>
-          <Fe size={14}color={h==="tools"?t.brandPurple:t.grayTextWeak}/>
-          <T style={[e.subTabText,h==="tools"&&e.subTabTextActive]}>
-            A11y Tools
-          </T>
-        </R>
-
-        <R style={[e.subTabItem,h==="wcag"&&e.subTabItemActive]}onPress={()=>D("wcag")}activeOpacity={.7}>
-          <P size={14}color={h==="wcag"?t.brandPurple:t.grayTextWeak}/>
-          <T style={[e.subTabText,h==="wcag"&&e.subTabTextActive]}>
-            WCAG 2.2 Standards
-          </T>
-        </R>
-      </C>
-
-      <_ style={e.scrollContent}contentContainerStyle={e.scrollContainer}showsVerticalScrollIndicator={!1}>
-        
-        {h==="status"&&<C>
-            
-            <C style={[e.bannerCard,{backgroundColor:z?`${t.greenColor}14`:`${t.brandPurple}14`,borderColor:z?`${t.greenColor}33`:`${t.brandPurple}33`}]}>
-              <C style={{flexDirection:"row",alignItems:"center",gap:8}}>
-                <P size={20}color={z?t.greenColor:t.brandPurple}/>
-                <C style={{flex:1}}>
-                  <T style={e.bannerTitle}>
-                    {z?"react-native-a11y-suite Active":"react-native-inapp-inspector A11y Engine"}
-                  </T>
-                  <T style={e.bannerSubtitle}>
-                    {z?"Connected to native TurboModules for enhanced assistive telemetry.":"Running in zero-config mode with native AccessibilityInfo bridge."}
-                  </T>
-                </C>
-              </C>
-            </C>
-
-            
-            <C style={e.metricsGrid}>
-              <C style={e.metricCard}>
-                <T style={e.metricLabel}>Screen Reader</T>
-                <C style={e.badgeRow}>
-                  <C style={[e.statusDot,{backgroundColor:S.isScreenReaderEnabled?t.greenColor:t.grayTextWeak}]}/>
-                  <T style={[e.metricValue,{color:S.isScreenReaderEnabled?t.greenColor:t.grayTextStrong}]}>
-                    {S.isScreenReaderEnabled?de.OS==="ios"?"VoiceOver ON":"TalkBack ON":"Inactive"}
-                  </T>
-                </C>
-              </C>
-
-              <C style={e.metricCard}>
-                <T style={e.metricLabel}>Font Scale Multiplier</T>
-                <T style={[e.metricValue,{color:t.brandPurple}]}>
-                  {S.fontScale}x
-                </T>
-                <T style={e.metricSub}>
-                  {S.fontScale>=1.5?"Accessibility Size":S.fontScale>1?"Large Scale":"Default (1.0x)"}
-                </T>
-              </C>
-
-              <C style={e.metricCard}>
-                <T style={e.metricLabel}>Reduced Motion</T>
-                <T style={[e.metricValue,{color:S.isReduceMotionEnabled?t.lightOrange:t.grayTextStrong}]}>
-                  {S.isReduceMotionEnabled?"Enabled (No Anim)":"Disabled"}
-                </T>
-              </C>
-
-              <C style={e.metricCard}>
-                <T style={e.metricLabel}>Bold Text</T>
-                <T style={[e.metricValue,{color:S.isBoldTextEnabled?t.skyBlue:t.grayTextStrong}]}>
-                  {S.isBoldTextEnabled?"Enabled":"Default"}
-                </T>
-              </C>
-
-              <C style={e.metricCard}>
-                <T style={e.metricLabel}>High Contrast</T>
-                <T style={[e.metricValue,{color:S.isHighContrastEnabled?t.brandPurple:t.grayTextStrong}]}>
-                  {S.isHighContrastEnabled?"Enabled":"Default"}
-                </T>
-              </C>
-
-              <C style={e.metricCard}>
-                <T style={e.metricLabel}>Invert Colors</T>
-                <T style={[e.metricValue,{color:S.isInvertColorsEnabled?t.lightOrange:t.grayTextStrong}]}>
-                  {S.isInvertColorsEnabled?"Enabled":"Default"}
-                </T>
-              </C>
-            </C>
-
-            
-            <K style={e.actionButton}onPress={le}>
-              <U size={16}color={t.white}/>
-              <T style={e.actionButtonText}>Sync Accessibility Telemetry</T>
-            </K>
-          </C>}
-
-        
-        {h==="tools"&&<C>
-            
-            <C style={e.toolCard}>
-              <C style={e.toolHeader}>
-                <P size={18}color={t.brandPurple}/>
-                <T style={e.toolTitle}>Live Speech & Announcement Tester</T>
-              </C>
-              <T style={e.toolDesc}>
-                Dispatches announcements directly to active assistive technologies
-                (VoiceOver on iOS, TalkBack on Android).
-              </T>
-
-              <F style={e.input}value={k}onChangeText={Q}placeholder="Enter message to announce..."placeholderTextColor={t.grayTextWeak}/>
-
-              <K style={[e.actionButton,{marginTop:10}]}onPress={ie}>
-                <T style={e.actionButtonText}>📢 Dispatch Announcement</T>
-              </K>
-            </C>
-
-            
-            <C style={e.toolCard}>
-              <C style={e.toolHeader}>
-                <P size={18}color={t.skyBlue}/>
-                <T style={e.toolTitle}>WCAG 2.2 Color Contrast Checker</T>
-              </C>
-              <T style={e.toolDesc}>
-                Calculates relative luminance and contrast ratio between foreground text
-                and background surfaces.
-              </T>
-
-              <C style={{flexDirection:"row",gap:10,marginTop:10}}>
-                <C style={{flex:1}}>
-                  <T style={e.inputLabel}>Text Hex</T>
-                  <F style={e.input}value={V}onChangeText={X}placeholder="#FFFFFF"placeholderTextColor={t.grayTextWeak}autoCapitalize="characters"/>
-                </C>
-                <C style={{flex:1}}>
-                  <T style={e.inputLabel}>Background Hex</T>
-                  <F style={e.input}value={H}onChangeText={Y}placeholder="#4F46E5"placeholderTextColor={t.grayTextWeak}autoCapitalize="characters"/>
-                </C>
-              </C>
-
-              
-              <C style={[e.contrastPreviewBox,{backgroundColor:B.bgHex||"#4F46E5"}]}>
-                <T style={[e.contrastPreviewText,{color:B.fgHex||"#FFFFFF"}]}>
-                  Sample Text Preview
-                </T>
-              </C>
-
-              
-              <C style={e.ratioRow}>
-                <T style={e.ratioValue}>{B.ratio}:1</T>
-                <C style={e.badgeContainer}>
-                  <C style={[e.complianceBadge,B.aaNormal?e.badgePass:e.badgeFail]}>
-                    <T style={[e.badgeText,B.aaNormal?e.textPass:e.textFail]}>
-                      AA (4.5:1) {B.aaNormal?"\u2713":"\u2717"}
-                    </T>
-                  </C>
-                  <C style={[e.complianceBadge,B.aaLarge?e.badgePass:e.badgeFail]}>
-                    <T style={[e.badgeText,B.aaLarge?e.textPass:e.textFail]}>
-                      AA Large (3:1) {B.aaLarge?"\u2713":"\u2717"}
-                    </T>
-                  </C>
-                  <C style={[e.complianceBadge,B.aaaNormal?e.badgePass:e.badgeFail]}>
-                    <T style={[e.badgeText,B.aaaNormal?e.textPass:e.textFail]}>
-                      AAA (7:1) {B.aaaNormal?"\u2713":"\u2717"}
-                    </T>
-                  </C>
-                </C>
-              </C>
-            </C>
-
-            
-            <C style={e.toolCard}>
-              <C style={e.toolHeader}>
-                <P size={18}color={t.greenColor}/>
-                <T style={e.toolTitle}>Touch Target Evaluator (WCAG 2.5.5/2.5.8)</T>
-              </C>
-              <T style={e.toolDesc}>
-                Validates interactive component dimensions against Apple HIG (44pt) and
-                Android Material (48dp) minimums.
-              </T>
-
-              <C style={{flexDirection:"row",gap:10,marginTop:10}}>
-                <C style={{flex:1}}>
-                  <T style={e.inputLabel}>Width (dp/pt)</T>
-                  <F style={e.input}value={E}onChangeText={Z}keyboardType="numeric"/>
-                </C>
-                <C style={{flex:1}}>
-                  <T style={e.inputLabel}>Height (dp/pt)</T>
-                  <F style={e.input}value={M}onChangeText={ee}keyboardType="numeric"/>
-                </C>
-              </C>
-
-              <C style={e.targetResultsRow}>
-                <C style={e.targetStatusBox}>
-                  <T style={e.targetPlatformLabel}>iOS HIG (44x44pt)</T>
-                  <T style={[e.targetStatusValue,{color:W.iosMinMet?t.greenColor:t.errorColor}]}>
-                    {W.iosMinMet?"\u2713 Compliant":"\u2717 Too Small"}
-                  </T>
-                </C>
-                <C style={e.targetStatusBox}>
-                  <T style={e.targetPlatformLabel}>Android Material (48x48dp)</T>
-                  <T style={[e.targetStatusValue,{color:W.androidMinMet?t.greenColor:t.errorColor}]}>
-                    {W.androidMinMet?"\u2713 Compliant":"\u2717 Too Small"}
-                  </T>
-                </C>
-              </C>
-            </C>
-          </C>}
-
-        
-        {h==="wcag"&&<C>
-            
-            <C style={e.searchBar}>
-              <Ae size={16}color={t.grayTextWeak}/>
-              <F style={e.searchInput}value={I}onChangeText={te}placeholder="Search WCAG 2.2 rules..."placeholderTextColor={t.grayTextWeak}/>
-            </C>
-
-            
-            <_ horizontal showsHorizontalScrollIndicator={!1}style={{marginBottom:12}}>
-              {["ALL","A","AA","AAA"].map(x=><R key={x}style={[e.filterChip,w===x&&e.filterChipActive]}onPress={()=>re(x)}>
-                  <T style={[e.filterChipText,w===x&&e.filterChipTextActive]}>
-                    Level {x}
-                  </T>
-                </R>)}
-            </_>
-
-            
-            {ne.map(x=>{const A=!!oe[x.id];return<C key={x.id}style={e.ruleCard}>
-                  <R style={e.ruleCardHeader}onPress={()=>se(x.id)}activeOpacity={.7}>
-                    <C style={{flex:1}}>
-                      <C style={{flexDirection:"row",alignItems:"center",gap:6}}>
-                        <T style={e.ruleId}>{x.id}</T>
-                        <C style={[e.levelBadge,{backgroundColor:x.level==="AAA"?`${t.brandPurple}22`:x.level==="AA"?`${t.skyBlue}22`:`${t.greenColor}22`}]}>
-                          <T style={[e.levelBadgeText,{color:x.level==="AAA"?t.brandPurple:x.level==="AA"?t.skyBlue:t.greenColor}]}>
-                            Level {x.level}
-                          </T>
-                        </C>
-                        <T style={e.principleTag}>{x.principle}</T>
-                      </C>
-                      <T style={e.ruleTitle}>{x.title}</T>
-                    </C>
-                    <Se direction={A?"up":"down"}size={16}color={t.grayTextWeak}/>
-                  </R>
-
-                  {A&&<C style={e.ruleBody}>
-                      <T style={e.ruleDescLabel}>Criterion Definition:</T>
-                      <T style={e.ruleDesc}>{x.description}</T>
-
-                      <T style={[e.ruleDescLabel,{marginTop:8}]}>
-                        Mobile / React Native Recommendation:
-                      </T>
-                      <T style={e.ruleRec}>{x.mobileRecommendation}</T>
-
-                      <R style={e.copyRuleBtn}onPress={()=>{Ce(`WCAG ${x.id} ${x.title} (Level ${x.level}):
-${x.description}
-
-Mobile: ${x.mobileRecommendation}`),L(`Copied WCAG ${x.id} rule guidance`)}}>
-                        <Be size={14}color={t.brandPurple}/>
-                        <T style={e.copyRuleBtnText}>Copy Rule Guidance</T>
-                      </R>
-                    </C>}
-                </C>})}
-          </C>}
-      </_>
-    </C>};const e=N.create({container:{flex:1,backgroundColor:t.grayBackground},subTabBar:{flexDirection:"row",backgroundColor:t.graySurface,borderBottomWidth:N.hairlineWidth,borderBottomColor:t.grayBorderSecondary,paddingHorizontal:8,paddingVertical:4,gap:4},subTabItem:{flex:1,flexDirection:"row",alignItems:"center",justifyContent:"center",paddingVertical:8,borderRadius:8,gap:6},subTabItemActive:{backgroundColor:`${t.brandPurple}1F`},subTabText:{fontFamily:f.interMedium,fontSize:12,color:t.grayTextWeak},subTabTextActive:{color:t.brandPurple,fontFamily:f.interBold},scrollContent:{flex:1},scrollContainer:{padding:14,paddingBottom:40},bannerCard:{borderRadius:10,borderWidth:1,padding:12,marginBottom:14},bannerTitle:{fontFamily:f.interBold,fontSize:13,color:t.grayTextStrong},bannerSubtitle:{fontFamily:f.interRegular,fontSize:11,color:t.grayTextWeak,marginTop:2},metricsGrid:{flexDirection:"row",flexWrap:"wrap",gap:10,marginBottom:14},metricCard:{flexBasis:"48%",flexGrow:1,backgroundColor:t.primaryLight,borderRadius:10,borderWidth:1,borderColor:t.grayBorderSecondary,padding:12},metricLabel:{fontFamily:f.interMedium,fontSize:11,color:t.grayTextWeak,marginBottom:4},metricValue:{fontFamily:f.interBold,fontSize:14,color:t.grayTextStrong},metricSub:{fontFamily:f.interRegular,fontSize:10,color:t.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:t.brandPurple,paddingVertical:12,borderRadius:8,gap:8},actionButtonText:{fontFamily:f.interBold,fontSize:13,color:t.white},toolCard:{backgroundColor:t.primaryLight,borderRadius:10,borderWidth:1,borderColor:t.grayBorderSecondary,padding:14,marginBottom:14},toolHeader:{flexDirection:"row",alignItems:"center",gap:8,marginBottom:4},toolTitle:{fontFamily:f.interBold,fontSize:13,color:t.grayTextStrong},toolDesc:{fontFamily:f.interRegular,fontSize:11,color:t.grayTextWeak,marginBottom:8},inputLabel:{fontFamily:f.interMedium,fontSize:11,color:t.grayTextWeak,marginBottom:4},input:{backgroundColor:t.graySurface,borderWidth:1,borderColor:t.grayBorderSecondary,borderRadius:8,paddingHorizontal:12,paddingVertical:8,fontFamily:f.interRegular,fontSize:13,color:t.grayTextStrong},contrastPreviewBox:{marginTop:12,borderRadius:8,padding:16,alignItems:"center",justifyContent:"center"},contrastPreviewText:{fontFamily:f.interBold,fontSize:15},ratioRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginTop:12},ratioValue:{fontFamily:f.interBold,fontSize:18,color:t.grayTextStrong},badgeContainer:{flexDirection:"row",gap:6},complianceBadge:{paddingHorizontal:8,paddingVertical:4,borderRadius:6,borderWidth:1},badgePass:{backgroundColor:`${t.greenColor}1A`,borderColor:`${t.greenColor}33`},badgeFail:{backgroundColor:`${t.errorColor}1A`,borderColor:`${t.errorColor}33`},badgeText:{fontFamily:f.interBold,fontSize:10},textPass:{color:t.greenColor},textFail:{color:t.errorColor},targetResultsRow:{flexDirection:"row",gap:10,marginTop:12},targetStatusBox:{flex:1,backgroundColor:t.graySurface,padding:10,borderRadius:8,borderWidth:1,borderColor:t.grayBorderSecondary,alignItems:"center"},targetPlatformLabel:{fontFamily:f.interMedium,fontSize:10,color:t.grayTextWeak},targetStatusValue:{fontFamily:f.interBold,fontSize:12,marginTop:4},searchBar:{flexDirection:"row",alignItems:"center",backgroundColor:t.primaryLight,borderRadius:8,borderWidth:1,borderColor:t.grayBorderSecondary,paddingHorizontal:10,paddingVertical:6,gap:6,marginBottom:10},searchInput:{flex:1,fontFamily:f.interRegular,fontSize:12,color:t.grayTextStrong,padding:0},filterChip:{paddingHorizontal:10,paddingVertical:5,borderRadius:6,backgroundColor:t.graySurface,borderWidth:1,borderColor:t.grayBorderSecondary,marginRight:6},filterChipActive:{backgroundColor:t.brandPurple,borderColor:t.brandPurple},filterChipText:{fontFamily:f.interMedium,fontSize:11,color:t.grayTextWeak},filterChipTextActive:{color:t.white,fontFamily:f.interBold},ruleCard:{backgroundColor:t.primaryLight,borderRadius:10,borderWidth:1,borderColor:t.grayBorderSecondary,padding:12,marginBottom:10},ruleCardHeader:{flexDirection:"row",alignItems:"center",justifyContent:"space-between"},ruleId:{fontFamily:f.interBold,fontSize:11,color:t.brandPurple},levelBadge:{paddingHorizontal:6,paddingVertical:2,borderRadius:4},levelBadgeText:{fontFamily:f.interBold,fontSize:9},principleTag:{fontFamily:f.interRegular,fontSize:10,color:t.grayTextWeak},ruleTitle:{fontFamily:f.interBold,fontSize:13,color:t.grayTextStrong,marginTop:4},ruleBody:{marginTop:10,paddingTop:10,borderTopWidth:N.hairlineWidth,borderTopColor:t.grayBorderSecondary},ruleDescLabel:{fontFamily:f.interBold,fontSize:10,color:t.grayTextWeak,textTransform:"uppercase"},ruleDesc:{fontFamily:f.interRegular,fontSize:12,color:t.grayTextStrong,marginTop:2,lineHeight:16},ruleRec:{fontFamily:f.interMedium,fontSize:12,color:t.brandPurple,marginTop:2,lineHeight:16},copyRuleBtn:{flexDirection:"row",alignItems:"center",gap:6,marginTop:10,alignSelf:"flex-start",paddingVertical:4,paddingHorizontal:8,borderRadius:6,backgroundColor:`${t.brandPurple}14`},copyRuleBtnText:{fontFamily:f.interBold,fontSize:11,color:t.brandPurple}});

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

@@ -1,9 +0,0 @@
-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/esm/components/Inspector/DeveloperSponsorCard.js

@@ -1,52 +0,0 @@
-import{useEffect as O,useState as H}from"react";import{Image as L,Linking as P,Pressable as W,StyleSheet as N,Text as S,View as T}from"react-native";import $ from"../TouchableScale";import{AppColors as t}from"../../styles/AppColors";import{AppFonts as C}from"../../styles/AppFonts";import{fetchDeveloperSponsor as j,trackSponsorImpression as A,handleSponsorClick as M}from"../../helpers/sponsorService";import{SparklesIcon as E,ExternalLinkIcon as I,GlobeIcon as U,ShieldCheckIcon as G}from"../NetworkIcons";export const DeveloperSponsorCard=({publisherId:B,customEndpoint:v,containerStyle:D,compact:R=!1})=>{const[o,F]=H(null);if(O(()=>{let V=!0;return j(B,v).then(k=>{V&&k&&(F(k),A(k))}),()=>{V=!1}},[B,v]),!o)return null;const r=o.accentColor||t.indigo600;return<$ onPress={()=>M(o)}style={[e.cardContainer,{borderColor:`${r}40`},D]}>
-      
-      <T style={[e.glowBackground,{backgroundColor:`${r}0A`}]}/>
-
-      
-      <T style={e.headerRow}>
-        <T style={e.badgeRow}>
-          <T style={[e.sponsorBadge,{backgroundColor:`${r}1F`,borderColor:`${r}44`}]}>
-            <E size={10}color={r}/>
-            <S style={[e.sponsorBadgeText,{color:r}]}>
-              {o.badgeText||"SPONSORED"}
-            </S>
-          </T>
-          {o.sponsorName?<S style={e.sponsorNameText}>· {o.sponsorName}</S>:null}
-        </T>
-
-        <T style={e.verifiedRow}>
-          {o.type==="ethicalads"?<W hitSlop={8}onPress={()=>P.openURL("https://www.ethicalads.io/?ref=react-native-inapp-inspector").catch(()=>{})}style={{flexDirection:"row",alignItems:"center",gap:3.5}}>
-              <S style={e.verifiedText}>Ad by EthicalAds</S>
-              <I size={10}color={t.grayTextWeak}/>
-            </W>:<>
-              <G size={11}color={t.emerald500}/>
-              <S style={e.verifiedText}>Verified Dev Tool</S>
-              <I size={11}color={t.grayTextWeak}/>
-            </>}
-        </T>
-      </T>
-
-      
-      <T style={e.contentRow}>
-        {o.logoUrl?<L source={{uri:o.logoUrl}}style={e.logoImage}resizeMode="contain"/>:<T style={[e.iconPlaceholder,{backgroundColor:`${r}18`}]}>
-            <U size={18}color={r}/>
-          </T>}
-
-        <T style={e.textColumn}>
-          <S style={[e.headlineText,R&&{fontSize:12.5,lineHeight:16}]}numberOfLines={R?1:2}>
-            {o.title}
-          </S>
-          {o.description&&!R?<S style={e.descText}numberOfLines={2}>
-              {o.description}
-            </S>:null}
-        </T>
-      </T>
-
-      
-      <T style={e.footerRow}>
-        <T style={[e.ctaButton,{backgroundColor:r,shadowColor:r}]}>
-          <S style={e.ctaButtonText}>{o.ctaText||"Learn More"}</S>
-          <I size={11}color={t.white}/>
-        </T>
-      </T>
-    </$>};const e=N.create({cardContainer:{backgroundColor:t.primaryLight,borderRadius:14,padding:13,borderWidth:1.2,position:"relative",overflow:"hidden",shadowColor:t.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:C.interBold,fontSize:9,lineHeight:12,letterSpacing:.6},sponsorNameText:{fontFamily:C.interSemiBold,fontSize:11,color:t.grayTextWeak},verifiedRow:{flexDirection:"row",alignItems:"center",gap:3.5},verifiedText:{fontFamily:C.interMedium,fontSize:9.5,color:t.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:C.interBold,fontSize:13.5,lineHeight:18,color:t.primaryBlack,letterSpacing:-.2},descText:{fontFamily:C.interRegular,fontSize:11,lineHeight:15,color:t.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:C.interBold,fontSize:11.5,lineHeight:15,color:t.white}});export default DeveloperSponsorCard;

package/dist/esm/customHooks/a11yAdapter.d.ts

@@ -1,11 +0,0 @@
-import { A11yTelemetryState, ColorContrastResult, TouchTargetEvaluation, WcagRule } from '../types';
-export declare const connectA11ySuite: (suiteInstance: any) => void;
-export declare const getA11ySuiteInstance: () => any;
-export declare const getA11yState: () => A11yTelemetryState;
-export declare const subscribeA11yState: (listener: (state: A11yTelemetryState) => void) => (() => void);
-export declare const syncA11yTelemetry: () => Promise<A11yTelemetryState>;
-export declare const initA11yListeners: () => void;
-export declare const announceA11y: (message: string) => boolean;
-export declare const calculateContrastRatio: (fgHex: string, bgHex: string) => ColorContrastResult;
-export declare const evaluateTouchTarget: (width: number, height: number) => TouchTargetEvaluation;
-export declare const WCAG_RULES: WcagRule[];

package/dist/esm/customHooks/a11yAdapter.js

@@ -1 +0,0 @@
-import{AccessibilityInfo as a,PixelRatio as u}from"react-native";let h=null,s;export const connectA11ySuite=e=>{e&&(h=e,s=e,c())},getA11ySuiteInstance=()=>{if(h)return h;if(s!==void 0)return s;if(globalThis.A11ySuite)return s=globalThis.A11ySuite,s;if(globalThis.__A11Y_SUITE__)return s=globalThis.__A11Y_SUITE__,s;try{const e="react-native-a11y-suite",t=typeof require=="function"?require:null;if(t){const i=t(e);return s=i?.default||i||null,s}}catch{s=null}return s=null,null};let n={isScreenReaderEnabled:!1,isReduceMotionEnabled:!1,isBoldTextEnabled:!1,isGrayscaleEnabled:!1,isInvertColorsEnabled:!1,isHighContrastEnabled:!1,fontScale:u.getFontScale?u.getFontScale():1,nativeModuleAvailable:!1,lastUpdated:Date.now()};const b=new Set,c=()=>{b.forEach(e=>{try{e(n)}catch{}})};export const getA11yState=()=>({...n}),subscribeA11yState=e=>(b.add(e),e(n),()=>{b.delete(e)}),syncA11yTelemetry=async()=>{const e=getA11ySuiteInstance(),t=u.getFontScale?u.getFontScale():1;let i=!1,r=!1,o=!1,l=!1,g=!1,p=!1;try{i=await a.isScreenReaderEnabled()}catch{}try{r=await a.isReduceMotionEnabled()}catch{}try{a.isBoldTextEnabled&&(o=await a.isBoldTextEnabled())}catch{}try{a.isGrayscaleEnabled&&(l=await a.isGrayscaleEnabled())}catch{}try{a.isInvertColorsEnabled&&(g=await a.isInvertColorsEnabled())}catch{}try{a.isHighTextContrastEnabled&&(p=await a.isHighTextContrastEnabled())}catch{}return n={isScreenReaderEnabled:i,isReduceMotionEnabled:r,isBoldTextEnabled:o,isGrayscaleEnabled:l,isInvertColorsEnabled:g,isHighContrastEnabled:p,fontScale:Math.round(t*100)/100,nativeModuleAvailable:!!e,lastUpdated:Date.now()},c(),n};let m=!1;export const initA11yListeners=()=>{if(!m){m=!0,syncA11yTelemetry();try{a.addEventListener("screenReaderChanged",e=>{n={...n,isScreenReaderEnabled:!!e,lastUpdated:Date.now()},c()})}catch{}try{a.addEventListener("reduceMotionChanged",e=>{n={...n,isReduceMotionEnabled:!!e,lastUpdated:Date.now()},c()})}catch{}try{a.addEventListener("boldTextChanged",e=>{n={...n,isBoldTextEnabled:!!e,lastUpdated:Date.now()},c()})}catch{}try{a.addEventListener("grayscaleChanged",e=>{n={...n,isGrayscaleEnabled:!!e,lastUpdated:Date.now()},c()})}catch{}try{a.addEventListener("invertColorsChanged",e=>{n={...n,isInvertColorsEnabled:!!e,lastUpdated:Date.now()},c()})}catch{}try{a.addEventListener("highTextContrastChanged",e=>{n={...n,isHighContrastEnabled:!!e,lastUpdated:Date.now()},c()})}catch{}}},announceA11y=e=>{if(!e||!e.trim())return!1;try{const t=getA11ySuiteInstance();if(t&&typeof t.announce=="function")return t.announce(e),!0}catch{}try{return a.announceForAccessibility(e),!0}catch{return!1}};const w=e=>{let t=e.replace("#","").trim();if(t.length===3&&(t=t.split("").map(l=>l+l).join("")),t.length!==6)return null;const i=parseInt(t.substring(0,2),16),r=parseInt(t.substring(2,4),16),o=parseInt(t.substring(4,6),16);return isNaN(i)||isNaN(r)||isNaN(o)?null:[i,r,o]},A=(e,t,i)=>{const r=[e/255,t/255,i/255].map(o=>o<=.03928?o/12.92:Math.pow((o+.055)/1.055,2.4));return .2126*r[0]+.7152*r[1]+.0722*r[2]};export const calculateContrastRatio=(e,t)=>{const i=w(e),r=w(t);if(!i||!r)return{fgHex:e,bgHex:t,ratio:1,aaNormal:!1,aaLarge:!1,aaaNormal:!1,aaaLarge:!1};const o=A(i[0],i[1],i[2]),l=A(r[0],r[1],r[2]),g=Math.max(o,l),p=Math.min(o,l),y=(g+.05)/(p+.05),d=Math.round(y*100)/100;return{fgHex:e,bgHex:t,ratio:d,aaNormal:d>=4.5,aaLarge:d>=3,aaaNormal:d>=7,aaaLarge:d>=4.5}},evaluateTouchTarget=(e,t)=>({width:e,height:t,iosMinMet:e>=44&&t>=44,androidMinMet:e>=48&&t>=48}),WCAG_RULES=[{id:"1.1.1",title:"Non-text Content",level:"A",principle:"Perceivable",description:"All non-text content (icons, images, diagrams) must have a text alternative.",mobileRecommendation:"Provide accessibilityLabel or accessible={false} for purely decorative icons.",wcagUrl:"https://www.w3.org/WAI/WCAG22/Understanding/non-text-content"},{id:"1.3.1",title:"Info and Relationships",level:"A",principle:"Perceivable",description:"Information, structure, and relationships conveyed through presentation can be programmatically determined.",mobileRecommendation:'Use accessibilityRole="header", accessibilityRole="button", or AccessibleHeading.',wcagUrl:"https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships"},{id:"1.4.3",title:"Contrast (Minimum)",level:"AA",principle:"Perceivable",description:"Visual presentation of text must have a contrast ratio of at least 4.5:1 (3:1 for large text).",mobileRecommendation:"Ensure high contrast between text and background on both light and dark themes.",wcagUrl:"https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum"},{id:"1.4.4",title:"Resize Text",level:"AA",principle:"Perceivable",description:"Text can be resized without assistive technology up to 200 percent without loss of content or functionality.",mobileRecommendation:"Avoid fixed height containers with overflow: hidden on Text elements. Test with max font scale.",wcagUrl:"https://www.w3.org/WAI/WCAG22/Understanding/resize-text"},{id:"1.4.11",title:"Non-text Contrast",level:"AA",principle:"Perceivable",description:"The visual presentation of UI components and graphical objects has a contrast ratio of at least 3:1.",mobileRecommendation:"Ensure active borders, focus rings, and action icons meet 3:1 contrast against adjacent colors.",wcagUrl:"https://www.w3.org/WAI/WCAG22/Understanding/non-text-contrast"},{id:"2.1.1",title:"Keyboard / Hardware Navigation",level:"A",principle:"Operable",description:"All functionality is operable through a keyboard or switch access interface.",mobileRecommendation:"Support external Bluetooth keyboards and accessibilityActions for gestures.",wcagUrl:"https://www.w3.org/WAI/WCAG22/Understanding/keyboard"},{id:"2.4.3",title:"Focus Order",level:"A",principle:"Operable",description:"Components receive focus in an order that preserves meaning and operability.",mobileRecommendation:"Ensure modal dialogs trap focus and restore focus on dismissal.",wcagUrl:"https://www.w3.org/WAI/WCAG22/Understanding/focus-order"},{id:"2.4.7",title:"Focus Visible",level:"AA",principle:"Operable",description:"Any keyboard operable user interface has an indicator of focus.",mobileRecommendation:"Highlight active focused items when keyboard/TalkBack navigation is used.",wcagUrl:"https://www.w3.org/WAI/WCAG22/Understanding/focus-visible"},{id:"2.5.5",title:"Target Size (Enhanced)",level:"AAA",principle:"Operable",description:"The size of the target for pointer inputs is at least 44 by 44 CSS pixels.",mobileRecommendation:"Use AccessibleTouchTarget or hitSlop to ensure touch targets meet 44x44pt.",wcagUrl:"https://www.w3.org/WAI/WCAG22/Understanding/target-size-enhanced"},{id:"2.5.8",title:"Target Size (Minimum) - WCAG 2.2",level:"AA",principle:"Operable",description:"Targets have an area of at least 24 by 24 CSS pixels with sufficient spacing.",mobileRecommendation:"Ensure buttons are separated and have at least 24x24 minimum target size.",wcagUrl:"https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum"},{id:"3.3.1",title:"Error Identification",level:"A",principle:"Understandable",description:"If an input error is automatically detected, the item is identified and described in text.",mobileRecommendation:'Set accessibilityRole="alert" or accessibilityInvalid on form fields with error messages.',wcagUrl:"https://www.w3.org/WAI/WCAG22/Understanding/error-identification"},{id:"4.1.2",title:"Name, Role, Value",level:"A",principle:"Robust",description:"For all UI components, the name and role can be programmatically determined and state changes reported.",mobileRecommendation:"Use accessibilityRole, accessibilityState={{checked, disabled, selected}} on interactive elements.",wcagUrl:"https://www.w3.org/WAI/WCAG22/Understanding/name-role-value"},{id:"4.1.3",title:"Status Messages",level:"AA",principle:"Robust",description:"Status messages can be programmatically determined through role or properties without receiving focus.",mobileRecommendation:'Use LiveRegion, accessibilityLiveRegion="polite" or announceA11y for asynchronous alerts.',wcagUrl:"https://www.w3.org/WAI/WCAG22/Understanding/status-messages"}];

package/dist/esm/helpers/sponsorService.d.ts

@@ -1,20 +0,0 @@
-export interface DeveloperSponsorAd {
-    id: string;
-    title: string;
-    description: string;
-    ctaText: string;
-    ctaUrl: string;
-    badgeText?: string;
-    sponsorName?: string;
-    logoUrl?: string;
-    accentColor?: string;
-    impressionUrl?: string;
-    clickUrl?: string;
-    type?: 'ethicalads' | 'affiliate' | 'custom';
-}
-export declare const DEFAULT_ETHICALADS_PUBLISHER_ID = "";
-export declare function setSponsorPublisherId(publisherId: string): void;
-export declare function setCustomSponsorEndpoint(endpointUrl: string): void;
-export declare function fetchDeveloperSponsor(publisherId?: string, customEndpoint?: string): Promise<DeveloperSponsorAd>;
-export declare function trackSponsorImpression(ad: DeveloperSponsorAd): void;
-export declare function handleSponsorClick(ad: DeveloperSponsorAd): void;

package/dist/esm/helpers/sponsorService.js

@@ -1 +0,0 @@
-import{Linking as h}from"react-native";export const DEFAULT_ETHICALADS_PUBLISHER_ID="";let l=null,p=null;export function setSponsorPublisherId(o){l=o}export function setCustomSponsorEndpoint(o){p=o}const d=[{id:"sentry-dev-partner",sponsorName:"Sentry",badgeText:"FEATURED PARTNER",title:"Code breaks. Fix it faster with Sentry.",description:"Real-time crash tracking, performance monitoring, and session replay for React Native.",ctaText:"Try Sentry Free",ctaUrl:"https://sentry.io/welcome/?utm_source=react-native-inapp-inspector&utm_medium=partner&utm_campaign=dev-tools",accentColor:"#6C5FC7",type:"affiliate"},{id:"requestly-api-mock",sponsorName:"Requestly",badgeText:"DEV SPOTLIGHT",title:"Intercept & Mock APIs directly in Mobile Apps",description:"Modify HTTP headers, redirect API endpoints, and simulate 500 errors on iOS & Android.",ctaText:"Explore Requestly",ctaUrl:"https://requestly.com/?utm_source=react-native-inapp-inspector&utm_medium=devtools&utm_campaign=mobile-inspect",accentColor:"#2563EB",type:"affiliate"},{id:"supabase-cloud-db",sponsorName:"Supabase",badgeText:"DEVELOPER CLOUD",title:"The Open Source Firebase Alternative",description:"Postgres database, Authentication, Instant APIs, Realtime subscriptions, and Edge Functions.",ctaText:"Start Free Project",ctaUrl:"https://supabase.com/?utm_source=react-native-inapp-inspector&utm_medium=partner&utm_campaign=rn-inspect",accentColor:"#3ECF8E",type:"affiliate"},{id:"digitalocean-cloud",sponsorName:"DigitalOcean",badgeText:"$200 FREE CREDIT",title:"Deploy React Native Backend & Nodes in Seconds",description:"Simple, scalable cloud hosting with managed databases, App Platform, and 99.99% uptime.",ctaText:"Claim $200 Credit",ctaUrl:"https://m.do.co/c/react-native-inapp-inspector",accentColor:"#0080FF",type:"affiliate"}];let a=null,i=!1;export async function fetchDeveloperSponsor(o,m){const n=o||l||DEFAULT_ETHICALADS_PUBLISHER_ID,c=m||p;if(c)try{const r=await fetch(c,{headers:{Accept:"application/json"}});if(r.ok){const e=await r.json();if(e&&e.title&&e.ctaUrl)return a={id:e.id||"custom-sponsor",title:e.title,description:e.description||"",ctaText:e.ctaText||"Learn More",ctaUrl:e.ctaUrl,badgeText:e.badgeText||"SPONSORED",sponsorName:e.sponsorName||"Featured Partner",logoUrl:e.logoUrl,accentColor:e.accentColor||"#6366F1",impressionUrl:e.impressionUrl,clickUrl:e.clickUrl,type:"custom"},i=!1,a}}catch{}if(n)try{const r=encodeURIComponent("react-native|mobile|javascript|typescript|ios|android|developer-tools|cloud"),e=`https://server.ethicalads.io/api/v1/decision/?publisher=${encodeURIComponent(n)}&ad_types=image-and-text&format=json&keywords=${r}&placements=app-inspector`,s=await fetch(e,{headers:{Accept:"application/json"}});if(s.ok){const t=await s.json();if(t&&(t.text||t.heading)&&(t.link||t.click_url))return a={id:`ethicalads-${t.id||Date.now()}`,title:t.heading||t.company||"Developer Spotlight",description:t.text||"",ctaText:"Learn More",ctaUrl:t.link||t.click_url,badgeText:"ETHICAL ADS",sponsorName:t.company||"Sponsored Tool",logoUrl:t.image,accentColor:"#10B981",impressionUrl:t.view_url,clickUrl:t.click_url,type:"ethicalads"},i=!1,a}}catch{}const u=Math.floor(Math.random()*d.length);return a=d[u],i=!1,a}export function trackSponsorImpression(o){i||(i=!0,o.impressionUrl&&fetch(o.impressionUrl,{method:"GET"}).catch(()=>{}))}export function handleSponsorClick(o){o.clickUrl&&fetch(o.clickUrl,{method:"GET"}).catch(()=>{}),o.ctaUrl&&h.openURL(o.ctaUrl).catch(()=>{})}