react-native-inapp-inspector 2.5.9 → 2.5.11

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

@@ -0,0 +1,317 @@
+import{useCallback as ne,useEffect as De,useMemo as $,useRef as He,useState as k}from"react";import{Modal as Ze,View as T,Text as C,TextInput as Le,StyleSheet as Pe,Pressable as Qe,Animated as L,Easing as J,ScrollView as Ye,Platform as _e,Share as Ee}from"react-native";import F from"../TouchableScale";import{AppColors as t}from"../../styles/AppColors";import{AppFonts as w}from"../../styles/AppFonts";import{ExportIcon as Ce,ShareIcon as Ct,SaveIcon as Tt,CopyIcon as St,CloseWhite as Bt,CircleCheckIcon as Ft,InfoCircleIcon as Vt,WarningTriangleIcon as It,ErrorCircleIcon as Rt,LayersIcon as We,FilterIcon as At,CheckIcon as Dt,ZapIcon as Ht,PenIcon as Lt}from"../NetworkIcons";import{triggerNativeHaptic as R}from"../../native/NativeInspector";import{copyToClipboard as Pt,showToast as X}from"../../helpers";import{formatConsoleLogsExport as Et,estimateConsoleLogsExportSize as Wt,generateConsoleLogsFilename as Ot}from"../../helpers/shareFormatter";import{useTranslation as Mt}from"../../i18n";export const ConsoleExportModal=({visible:ae,onClose:Z,filteredLogs:Q,allLogs:Y})=>{const{t:S}=Mt(),[O,_]=k("config"),[P,be]=k("filtered"),[j,Te]=k("info"),[V,se]=k("all"),[de,we]=k("50"),[M,Se]=k(""),[A,Be]=k("txt"),[ce,ke]=k(!1),[ge,ve]=k(!1),[ue,Fe]=k(!1),[pe,Ve]=k(!1),[me,Ie]=k(!1),[Oe,fe]=k(0),[Me,ye]=k(0),[D,Re]=k(""),[H,ze]=k(""),[$e,Ae]=k(0),N=He(new L.Value(0)).current,ee=He(new L.Value(1)).current,E=$(()=>{if(!M||M.trim().length===0)return{isValid:!0,error:null,regex:null};try{return{isValid:!0,error:null,regex:new RegExp(M.trim(),"i")}}catch(o){return{isValid:!1,error:o?.message||"Invalid pattern",regex:null}}},[M]),te=$(()=>({includeStackTrace:ce,includeArguments:ge,includeCaller:ue,includeTimestamps:pe,includeAppInfo:me,includeDuplicates:!1,ignorePattern:V==="custom"&&E.isValid?M.trim():void 0}),[ce,ge,ue,pe,me,V,E.isValid,M]);De(()=>{if(O==="progress"){const o=L.loop(L.sequence([L.timing(ee,{toValue:1.05,duration:600,easing:J.inOut(J.ease),useNativeDriver:!0}),L.timing(ee,{toValue:1,duration:600,easing:J.inOut(J.ease),useNativeDriver:!0})]));return o.start(),()=>o.stop()}},[O,ee]),De(()=>{ae&&(_("config"),se("all"),Te("info"),Be("txt"),we("50"),Se(""),ke(!1),ve(!1),Fe(!1),Ve(!1),Ie(!1),fe(0),ye(0),Re(""),ze(""),Ae(0),N.setValue(0))},[ae,N]);const G=$(()=>P==="filtered"?Q:Y,[P,Q,Y]),K=$(()=>j==="all"?G:G.filter(o=>j==="info"?o.type==="info"||o.sourceMethod==="log"||o.sourceMethod==="info":j==="warn"?o.type==="warn":j==="error"?o.type==="error":!0),[G,j]),oe=$(()=>{let o=0,B=0,I=0;return G.forEach(W=>{W.type==="error"?I++:W.type==="warn"?B++:o++}),{all:G.length,info:o,warn:B,error:I}},[G]),{selectedLogs:v,ignoredCount:re}=$(()=>{if(K.length===0)return{selectedLogs:[],ignoredCount:0};let B=K,I=0;if(V==="custom"&&E.regex){const z=E.regex,ie=B.length;B=B.filter(U=>{const qe=U.message||"",Je=U.rawArgs?JSON.stringify(U.rawArgs):"",Xe=U.caller||"";return!z.test(qe)&&!z.test(Je)&&!z.test(Xe)}),I=ie-B.length}let W=B.length;if(V==="all")W=B.length;else if(V==="custom"){const z=parseInt(de,10);W=isNaN(z)||z<=0?B.length:Math.min(z,B.length)}return{selectedLogs:B.slice(-W),ignoredCount:I}},[K,V,de,E.regex]),le=$(()=>Wt(v,A,te),[v,A,te]),q=o=>o<=0?"0 KB":o<1024?`${(o/1024).toFixed(2)} KB`:o<1024*1024?`${(o/1024).toFixed(1)} KB`:`${(o/(1024*1024)).toFixed(2)} MB`,je=ne(()=>{if(v.length===0){X(S("console.noLogsToExport","No logs available to export"));return}R("medium"),_("progress"),fe(0),ye(0),N.setValue(0);const o=v.length,B=Math.max(1,Math.floor(o/10));let I=0;const W=setInterval(()=>{I=Math.min(I+B,o);const z=I/o;fe(Math.round(z*100)),ye(I),L.timing(N,{toValue:z,duration:120,easing:J.linear,useNativeDriver:!1}).start(),I>=o&&(clearInterval(W),setTimeout(()=>{const ie=Et(v,A,te),U=Ot(A);Re(ie),ze(U),Ae(ie.length),_("complete"),R("heavy")},180))},45)},[v,A,te,N,S]),Ne=ne(async()=>{if(D){R("light");try{await Ee.share({title:H,message:D},{dialogTitle:`Share ${H}`,subject:H})}catch(o){o?.message!=="User did not share"&&X(o?.message||"Failed to open share sheet")}}},[D,H]),Ge=ne(async()=>{if(D){R("medium");try{await Ee.share({title:`Save ${H}`,message:D},{dialogTitle:`Save to Disk (${H})`,subject:H}),X(S("console.savePromptOpened","Opened save to disk dialog"))}catch(o){o?.message!=="User did not share"&&X(o?.message||"Save error")}}},[D,H,S]),Ue=ne(()=>{D&&(R("light"),Pt(D,"Console Logs"),X(S("console.copiedLogs","Logs copied to clipboard!")))},[D,S]),Ke=Q.length!==Y.length;return<Ze visible={ae}transparent animationType="slide"onRequestClose={Z}>
+      <T style={e.overlay}>
+        <Qe style={e.backdrop}onPress={Z}/>
+
+        <T style={e.bottomSheetCard}>
+          
+          <T style={e.sheetHandleContainer}>
+            <T style={e.sheetHandle}/>
+          </T>
+
+          
+          <T style={e.headerRow}>
+            <T style={e.headerLeft}>
+              <T style={e.iconBadge}>
+                <Ce size={18}color={t.purple}/>
+              </T>
+              <T style={e.headerTextGroup}>
+                <C style={e.title}>
+                  {S("console.exportTitle","Export Console Logs")}
+                </C>
+                <C style={e.subtitle}>
+                  {O==="config"?`${v.length} logs ready for export`:O==="progress"?"Preparing exported file...":"Export complete"}
+                </C>
+              </T>
+            </T>
+            <F onPress={Z}hitSlop={10}style={e.closeBtn}>
+              <Bt size={12}color={t.grayTextWeak}/>
+            </F>
+          </T>
+
+          
+          {O==="config"&&<>
+              <Ye showsVerticalScrollIndicator={!1}contentContainerStyle={e.configContainer}>
+                
+                {Ke&&<T style={e.section}>
+                    <C style={e.sectionLabel}>
+                      {S("console.exportScope","LOG SOURCE SCOPE")}
+                    </C>
+                    <T style={e.segmentedRow}>
+                      <F onPress={()=>{R("light"),be("filtered")}}style={[e.segmentBtn,P==="filtered"&&e.segmentBtnActive]}>
+                        <At size={13}color={P==="filtered"?t.purple:t.grayTextWeak}/>
+                        <C style={[e.segmentBtnText,P==="filtered"&&e.segmentBtnTextActive]}>
+                          {S("console.filteredView","Active Filter")} (
+                          {Q.length})
+                        </C>
+                      </F>
+
+                      <F onPress={()=>{R("light"),be("all")}}style={[e.segmentBtn,P==="all"&&e.segmentBtnActive]}>
+                        <We size={13}color={P==="all"?t.purple:t.grayTextWeak}/>
+                        <C style={[e.segmentBtnText,P==="all"&&e.segmentBtnTextActive]}>
+                          {S("console.allLogsScope","All Logs")} ({Y.length})
+                        </C>
+                      </F>
+                    </T>
+                  </T>}
+
+                
+                <T style={e.section}>
+                  <C style={e.sectionLabel}>LOG LEVEL FILTER</C>
+                  <T style={e.levelRow}>
+                    {[{id:"all",label:"All",count:oe.all,color:t.purple,Icon:We},{id:"info",label:"Info / Log",count:oe.info,color:t.sky600,Icon:Vt},{id:"warn",label:"Warn",count:oe.warn,color:t.amber600,Icon:It},{id:"error",label:"Error",count:oe.error,color:t.errorColor,Icon:Rt}].map(o=>{const B=j===o.id,I=o.Icon;return<F key={o.id}onPress={()=>{R("light"),Te(o.id)}}style={[e.levelChip,B&&{backgroundColor:`${o.color}15`,borderColor:o.color}]}>
+                          <I size={11}color={B?o.color:t.grayTextWeak}/>
+                          <C style={[e.levelChipText,B&&{color:o.color,fontFamily:w.interBold}]}>
+                            {o.label}
+                          </C>
+                          <T style={[e.levelCountBadge,B&&{backgroundColor:`${o.color}25`}]}>
+                            <C style={[e.levelCountText,B&&{color:o.color}]}>
+                              {o.count}
+                            </C>
+                          </T>
+                        </F>})}
+                  </T>
+                </T>
+
+                
+                <T style={e.section}>
+                  <T style={e.sectionHeaderRow}>
+                    <C style={e.sectionLabel}>LOGS COUNT RANGE</C>
+                    <T style={e.countPill}>
+                      <C style={e.countPillText}>
+                        Matched: {K.length}
+                      </C>
+                    </T>
+                  </T>
+
+                  
+                  <T style={e.segmentedRow}>
+                    <F onPress={()=>{R("light"),se("all")}}style={[e.segmentBtn,V==="all"&&e.segmentBtnActive]}>
+                      <Ht size={13}color={V==="all"?t.purple:t.grayTextStrong}/>
+                      <C style={[e.segmentBtnText,V==="all"&&e.segmentBtnTextActive]}>
+                        All ({K.length})
+                      </C>
+                    </F>
+
+                    <F onPress={()=>{R("light"),se("custom")}}style={[e.segmentBtn,V==="custom"&&e.segmentBtnActive]}>
+                      <Lt size={12}color={V==="custom"?t.purple:t.grayTextStrong}/>
+                      <C style={[e.segmentBtnText,V==="custom"&&e.segmentBtnTextActive]}>
+                        Custom
+                      </C>
+                    </F>
+                  </T>
+
+                  
+                  {V==="custom"&&<T style={e.customOptionsContainer}>
+                      
+                      <T style={e.customFieldRow}>
+                        <C style={e.customFieldLabel}>
+                          {S("console.enterCount","Enter number of logs:")}
+                        </C>
+                        <Le keyboardType="number-pad"value={de}onChangeText={we}style={e.customCountInput}placeholder="e.g. 50"placeholderTextColor={t.slate400}/>
+                      </T>
+
+                      
+                      <T style={e.regexFieldBlock}>
+                        <T style={e.regexLabelRow}>
+                          <C style={e.customFieldLabel}>
+                            {S("console.ignorePatterns","Ignore Patterns (Regex):")}
+                          </C>
+                          {E.isValid&&re>0&&<T style={e.regexExclusionBadge}>
+                              <C style={e.regexExclusionBadgeText}>
+                                -{re} excluded
+                              </C>
+                            </T>}
+                        </T>
+
+                        <Le autoCapitalize="none"autoCorrect={!1}value={M}onChangeText={Se}style={[e.regexInput,!E.isValid&&e.regexInputError]}placeholder="e.g. ^\[DEBUG\]|analytics|token=.*"placeholderTextColor={t.slate400}/>
+
+                        {E.isValid?<C style={e.regexHelpText}>
+                            {S("console.ignorePatternsDesc","Logs matching this regex will be excluded from export.")}
+                          </C>:<C style={e.regexErrorText}>
+                            ⚠️{" "}
+                            {S("console.invalidRegex","Invalid regular expression syntax")}
+                          </C>}
+                      </T>
+                    </T>}
+                </T>
+
+                
+                <T style={e.section}>
+                  <C style={e.sectionLabel}>EXPORT FORMAT</C>
+                  <T style={e.formatRowInline}>
+                    {[{id:"txt",label:"Plain Text (.txt)",desc:"Universal text with structured banners"},{id:"log",label:"Log File (.log)",desc:"Standard log format with frame blocks"}].map(o=>{const B=A===o.id;return<F key={o.id}onPress={()=>{R("light"),Be(o.id)}}style={[e.formatCardInline,B&&e.formatCardInlineActive]}>
+                          <T style={e.formatCardInlineHeader}>
+                            <T style={[e.radioCircle,B&&e.radioCircleActive]}>
+                              {B&&<T style={e.radioDot}/>}
+                            </T>
+                            <C style={[e.formatCardTitle,B&&e.formatCardTitleActive]}>
+                              {o.label}
+                            </C>
+                          </T>
+                          <C style={e.formatCardDesc}>{o.desc}</C>
+                        </F>})}
+                  </T>
+                </T>
+
+                
+                <T style={e.section}>
+                  <C style={e.sectionLabel}>CONTENT OPTIONS</C>
+                  <T style={e.optionsGrid}>
+                    {[{key:"stack",label:"Stack Trace & Frames",value:ce,toggle:()=>ke(o=>!o)},{key:"args",label:"Arguments & Payloads",value:ge,toggle:()=>ve(o=>!o)},{key:"caller",label:"Caller & File Origin",value:ue,toggle:()=>Fe(o=>!o)},{key:"timestamps",label:"Exact Timestamps",value:pe,toggle:()=>Ve(o=>!o)},{key:"appinfo",label:"System Header Banner",value:me,toggle:()=>Ie(o=>!o)}].map(o=><F key={o.key}onPress={()=>{R("light"),o.toggle()}}style={[e.optionRow,o.value&&e.optionRowActive]}>
+                        <T style={[e.checkbox,o.value&&e.checkboxActive]}>
+                          {o.value&&<Dt size={10}color={t.white}/>}
+                        </T>
+                        <C style={[e.optionLabel,o.value&&e.optionLabelActive]}>
+                          {o.label}
+                        </C>
+                      </F>)}
+                  </T>
+                </T>
+              </Ye>
+
+              
+              <T style={e.staticFooter}>
+                <T style={e.footerMinimalSummary}>
+                  <T style={e.footerSummaryLeft}>
+                    <T style={e.footerSummaryDot}/>
+                    <C style={e.footerSummaryCountText}>
+                      {v.length} logs
+                    </C>
+                    <C style={e.footerSummaryDivider}>•</C>
+                    <C style={e.footerSummarySizeText}>
+                      ~{q(le)}
+                    </C>
+                    <C style={e.footerSummaryDivider}>•</C>
+                    <C style={e.footerSummaryFormatText}>
+                      .{A.toUpperCase()}
+                    </C>
+                  </T>
+
+                  {re>0&&<T style={e.footerIgnoredPill}>
+                      <C style={e.footerIgnoredPillText}>
+                        -{re} ignored
+                      </C>
+                    </T>}
+                </T>
+
+                <F onPress={je}disabled={v.length===0}style={[e.exportActionBtn,v.length===0&&e.exportActionBtnDisabled]}>
+                  <Ce size={17}color={t.white}/>
+                  <C style={e.exportActionBtnText}>
+                    {S("console.exportLogsAction",{count:v.length,size:q(le),defaultValue:`Export ${v.length} Logs (${q(le)})`})}
+                  </C>
+                </F>
+              </T>
+            </>}
+
+          
+          {O==="progress"&&<T style={e.progressContainer}>
+              <L.View style={[e.progressIconBadge,{transform:[{scale:ee}]}]}>
+                <Ce size={30}color={t.purple}/>
+              </L.View>
+
+              <C style={e.progressHeading}>
+                {S("console.exportingLogs","Exporting Console Logs...")}
+              </C>
+              <C style={e.progressSub}>
+                {S("console.processingItem","Processing")} {Me} /{" "}
+                {v.length} {S("console.records","records")} (
+                {Oe}%)
+              </C>
+
+              
+              <T style={e.progressTrack}>
+                <L.View style={[e.progressBar,{width:N.interpolate({inputRange:[0,1],outputRange:["0%","100%"]})}]}/>
+              </T>
+
+              <C style={e.progressFootnote}>
+                Formatting .{A.toUpperCase()} payload with separators •{" "}
+                {q(le)}
+              </C>
+            </T>}
+
+          
+          {O==="complete"&&<T style={e.completeContainer}>
+              <T style={e.completeSuccessBadge}>
+                <Ft size={34}color={t.emerald500}/>
+              </T>
+
+              <C style={e.completeTitle}>
+                {S("console.exportSuccessTitle","Logs Export Ready!")}
+              </C>
+              <C style={e.completeSub}>
+                {S("console.exportSuccessDesc","Generated full formatted log bundle ready to share or save.")}
+              </C>
+
+              
+              <T style={e.fileDetailsCard}>
+                <T style={e.fileDetailsRow}>
+                  <C style={e.fileDetailLabel}>📁 File:</C>
+                  <C style={e.fileDetailValue}numberOfLines={1}>
+                    {H}
+                  </C>
+                </T>
+                <T style={e.fileDetailsRow}>
+                  <C style={e.fileDetailLabel}>📊 Log Count:</C>
+                  <C style={e.fileDetailValue}>
+                    {v.length} logs
+                  </C>
+                </T>
+                <T style={e.fileDetailsRow}>
+                  <C style={e.fileDetailLabel}>💾 Final Size:</C>
+                  <C style={[e.fileDetailValue,{color:t.emerald500,fontFamily:w.interBold}]}>
+                    {q($e)}
+                  </C>
+                </T>
+                <T style={e.fileDetailsRow}>
+                  <C style={e.fileDetailLabel}>⚙️ Format:</C>
+                  <C style={e.fileDetailValue}>
+                    .{A.toUpperCase()}
+                  </C>
+                </T>
+              </T>
+
+              
+              <T style={e.actionButtonGroup}>
+                
+                <F onPress={Ne}style={[e.primaryActionBtn,e.shareBtn]}>
+                  <Ct size={15}color={t.white}/>
+                  <C style={e.primaryActionBtnText}>
+                    {S("console.shareReport","Share Logs")}
+                  </C>
+                </F>
+
+                
+                <F onPress={Ge}style={[e.primaryActionBtn,e.saveDiskBtn]}>
+                  <Tt size={15}color={t.white}/>
+                  <C style={e.primaryActionBtnText}>
+                    {S("console.saveToDisk","Save to Disk")}
+                  </C>
+                </F>
+
+                
+                <F onPress={Ue}style={e.secondaryActionBtn}>
+                  <St size={14}color={t.purple}/>
+                  <C style={e.secondaryActionBtnText}>
+                    {S("console.copyToClipboard","Copy Content")}
+                  </C>
+                </F>
+              </T>
+
+              
+              <T style={e.bottomFooterRow}>
+                <F onPress={()=>_("config")}style={e.textBtn}>
+                  <C style={e.textBtnText}>
+                    {S("console.exportAnother","\u2190 Export Another")}
+                  </C>
+                </F>
+
+                <F onPress={Z}style={e.doneBtn}>
+                  <C style={e.doneBtnText}>
+                    {S("common.done","Done")}
+                  </C>
+                </F>
+              </T>
+            </T>}
+        </T>
+      </T>
+    </Ze>};const e=Pe.create({overlay:{flex:1,backgroundColor:"rgba(0,0,0,0.55)",justifyContent:"flex-end"},backdrop:{...Pe.absoluteFillObject},bottomSheetCard:{width:"100%",maxHeight:"86%",backgroundColor:t.white,borderTopLeftRadius:24,borderTopRightRadius:24,overflow:"hidden",shadowColor:"#000",shadowOffset:{width:0,height:-6},shadowOpacity:.18,shadowRadius:16,elevation:24},sheetHandleContainer:{width:"100%",alignItems:"center",paddingTop:8,paddingBottom:4,backgroundColor:"#FAF9FE"},sheetHandle:{width:38,height:4,borderRadius:2,backgroundColor:`${t.grayTextWeak}40`},headerRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:18,paddingVertical:12,borderBottomWidth:1,borderBottomColor:t.dividerColor,backgroundColor:"#FAF9FE",shadowColor:"#000",shadowOffset:{width:0,height:2},shadowOpacity:.04,shadowRadius:4,elevation:3},headerLeft:{flexDirection:"row",alignItems:"center",gap:12,flex:1},headerTextGroup:{gap:2},iconBadge:{width:36,height:36,borderRadius:10,backgroundColor:`${t.purple}14`,borderWidth:1,borderColor:`${t.purple}28`,justifyContent:"center",alignItems:"center"},title:{fontFamily:w.interBold,fontSize:15.5,lineHeight:20,color:t.primaryBlack,letterSpacing:-.2},subtitle:{fontFamily:w.interMedium,fontSize:11.5,lineHeight:15,color:t.grayTextWeak},closeBtn:{width:28,height:28,borderRadius:14,backgroundColor:t.dividerColor,justifyContent:"center",alignItems:"center"},configContainer:{padding:16,gap:14},section:{gap:7},sectionHeaderRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between"},sectionLabel:{fontFamily:w.interBold,fontSize:10.5,lineHeight:14,color:t.grayTextWeak,letterSpacing:.6},levelRow:{flexDirection:"row",flexWrap:"wrap",gap:6},levelChip:{flexDirection:"row",alignItems:"center",paddingHorizontal:9,paddingVertical:5.5,borderRadius:8,backgroundColor:t.grayBackground,borderWidth:1,borderColor:t.dividerColor,gap:5},levelChipText:{fontFamily:w.interMedium,fontSize:11,lineHeight:15,color:t.primaryBlack},levelCountBadge:{backgroundColor:"rgba(0,0,0,0.06)",paddingHorizontal:4.5,paddingVertical:1,borderRadius:5},levelCountText:{fontFamily:w.interBold,fontSize:9.5,color:t.grayTextStrong},countPill:{backgroundColor:`${t.purple}12`,paddingHorizontal:8,paddingVertical:2,borderRadius:6},countPillText:{fontFamily:w.interSemiBold,fontSize:10.5,color:t.purple},segmentedRow:{flexDirection:"row",gap:7},segmentBtn:{flex:1,flexDirection:"row",alignItems:"center",justifyContent:"center",gap:6,paddingVertical:8.5,borderRadius:9,backgroundColor:t.grayBackground,borderWidth:1,borderColor:t.dividerColor},segmentBtnActive:{backgroundColor:`${t.purple}14`,borderColor:t.purple},segmentBtnText:{fontFamily:w.interMedium,fontSize:11.5,lineHeight:15,color:t.grayTextStrong},segmentBtnTextActive:{color:t.purple,fontFamily:w.interBold},customOptionsContainer:{marginTop:6,padding:11,borderRadius:10,backgroundColor:"#F8FAFC",borderWidth:1,borderColor:t.dividerColor,gap:10},customFieldRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",gap:10},customFieldLabel:{fontFamily:w.interSemiBold,fontSize:11.5,lineHeight:15,color:t.grayTextStrong},customCountInput:{width:90,backgroundColor:t.white,borderWidth:1,borderColor:t.dividerColor,borderRadius:7,paddingHorizontal:10,paddingVertical:5.5,fontSize:12.5,fontFamily:w.interSemiBold,color:t.primaryBlack,textAlign:"center"},regexFieldBlock:{gap:5,paddingTop:4,borderTopWidth:1,borderTopColor:t.dividerColor},regexLabelRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between"},regexExclusionBadge:{backgroundColor:`${t.purple}14`,paddingHorizontal:7,paddingVertical:2,borderRadius:5},regexExclusionBadgeText:{fontFamily:w.interBold,fontSize:10,color:t.purple},regexInput:{backgroundColor:t.white,borderWidth:1,borderColor:t.dividerColor,borderRadius:7,paddingHorizontal:10,paddingVertical:6,fontSize:12,fontFamily:w.interRegular,color:t.primaryBlack},regexInputError:{borderColor:t.errorColor,backgroundColor:`${t.errorColor}08`},regexErrorText:{fontFamily:w.interMedium,fontSize:10.5,lineHeight:14,color:t.errorColor},regexHelpText:{fontFamily:w.interRegular,fontSize:10.5,lineHeight:14,color:t.grayTextWeak},formatRowInline:{flexDirection:"row",gap:8},formatCardInline:{flex:1,padding:10,borderRadius:10,backgroundColor:t.grayBackground,borderWidth:1,borderColor:t.dividerColor,gap:4},formatCardInlineActive:{backgroundColor:`${t.purple}0C`,borderColor:t.purple},formatCardInlineHeader:{flexDirection:"row",alignItems:"center",gap:6},radioCircle:{width:14,height:14,borderRadius:7,borderWidth:1.5,borderColor:t.grayTextWeak,justifyContent:"center",alignItems:"center"},radioCircleActive:{borderColor:t.purple},radioDot:{width:7,height:7,borderRadius:3.5,backgroundColor:t.purple},formatCardTitle:{fontFamily:w.interSemiBold,fontSize:11.5,lineHeight:15,color:t.grayTextStrong},formatCardTitleActive:{fontFamily:w.interBold,color:t.purple},formatCardDesc:{fontFamily:w.interRegular,fontSize:10,lineHeight:13,color:t.grayTextWeak,paddingLeft:20},optionsGrid:{flexDirection:"column",gap:5},optionRow:{flexDirection:"row",alignItems:"center",paddingHorizontal:10,paddingVertical:7,borderRadius:8,backgroundColor:t.grayBackground,borderWidth:1,borderColor:t.dividerColor,gap:8},optionRowActive:{backgroundColor:`${t.purple}0A`,borderColor:`${t.purple}30`},checkbox:{width:15,height:15,borderRadius:3.5,borderWidth:1.5,borderColor:t.grayTextWeak,justifyContent:"center",alignItems:"center"},checkboxActive:{backgroundColor:t.purple,borderColor:t.purple},optionLabel:{fontFamily:w.interMedium,fontSize:11.5,lineHeight:15,color:t.grayTextStrong},optionLabelActive:{fontFamily:w.interSemiBold,color:t.primaryBlack},staticFooter:{paddingHorizontal:16,paddingTop:10,paddingBottom:_e.OS==="ios"?26:14,backgroundColor:t.white,borderTopWidth:1,borderTopColor:t.dividerColor,shadowColor:t.purple,shadowOffset:{width:0,height:-4},shadowOpacity:.12,shadowRadius:8,elevation:8,gap:8},footerMinimalSummary:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:2},footerSummaryLeft:{flexDirection:"row",alignItems:"center",gap:6},footerSummaryDot:{width:6,height:6,borderRadius:3,backgroundColor:t.emerald500||"#10B981"},footerSummaryCountText:{fontFamily:w.interSemiBold,fontSize:11.5,lineHeight:15,color:t.grayTextStrong},footerSummaryDivider:{fontSize:10,color:t.grayTextWeak},footerSummarySizeText:{fontFamily:w.interBold,fontSize:11.5,lineHeight:15,color:t.purple},footerSummaryFormatText:{fontFamily:w.interMedium,fontSize:11,lineHeight:14,color:t.grayTextWeak},footerIgnoredPill:{backgroundColor:`${t.errorColor}12`,paddingHorizontal:7,paddingVertical:1.5,borderRadius:5},footerIgnoredPillText:{fontFamily:w.interSemiBold,fontSize:10,color:t.errorColor},exportActionBtn:{flexDirection:"row",alignItems:"center",justifyContent:"center",backgroundColor:t.purple,paddingVertical:12,borderRadius:12,gap:7,shadowColor:t.purple,shadowOffset:{width:0,height:4},shadowOpacity:.25,shadowRadius:8,elevation:4},exportActionBtnDisabled:{opacity:.5},exportActionBtnText:{fontFamily:w.interBold,fontSize:13.5,lineHeight:17,color:t.white,letterSpacing:.1},progressContainer:{padding:28,alignItems:"center",justifyContent:"center"},progressIconBadge:{width:60,height:60,borderRadius:30,backgroundColor:`${t.purple}18`,justifyContent:"center",alignItems:"center",marginBottom:14},progressHeading:{fontFamily:w.interBold,fontSize:15.5,lineHeight:21,color:t.primaryBlack,marginBottom:3},progressSub:{fontFamily:w.interMedium,fontSize:12,lineHeight:16,color:t.grayTextWeak,marginBottom:18},progressTrack:{width:"100%",height:9,backgroundColor:t.grayBackground,borderRadius:4.5,overflow:"hidden",borderWidth:1,borderColor:t.dividerColor,marginBottom:10},progressBar:{height:"100%",backgroundColor:t.purple,borderRadius:4.5},progressFootnote:{fontFamily:w.interMedium,fontSize:11,lineHeight:14,color:t.grayTextWeak},completeContainer:{padding:20,alignItems:"center"},completeSuccessBadge:{width:58,height:58,borderRadius:29,backgroundColor:`${t.emerald500}18`,justifyContent:"center",alignItems:"center",marginBottom:12},completeTitle:{fontFamily:w.interBold,fontSize:16.5,lineHeight:22,color:t.primaryBlack},completeSub:{fontFamily:w.interMedium,fontSize:12,lineHeight:16,color:t.grayTextWeak,textAlign:"center",marginTop:3,marginBottom:16},fileDetailsCard:{width:"100%",backgroundColor:"#F8FAFC",borderRadius:12,padding:12,borderWidth:1,borderColor:t.dividerColor,gap:7,marginBottom:16},fileDetailsRow:{flexDirection:"row",justifyContent:"space-between",alignItems:"center"},fileDetailLabel:{fontFamily:w.interMedium,fontSize:11.5,lineHeight:15,color:t.grayTextStrong},fileDetailValue:{fontFamily:w.interSemiBold,fontSize:11.5,lineHeight:15,color:t.primaryBlack},actionButtonGroup:{width:"100%",gap:8,marginBottom:14},primaryActionBtn:{flexDirection:"row",alignItems:"center",justifyContent:"center",paddingVertical:12,borderRadius:10,gap:7},shareBtn:{backgroundColor:t.purple,shadowColor:t.purple,shadowOffset:{width:0,height:3},shadowOpacity:.2,shadowRadius:6,elevation:3},saveDiskBtn:{backgroundColor:t.teal600,shadowColor:t.teal600,shadowOffset:{width:0,height:3},shadowOpacity:.2,shadowRadius:6,elevation:3},primaryActionBtnText:{fontFamily:w.interBold,fontSize:13,lineHeight:17,color:t.white},secondaryActionBtn:{flexDirection:"row",alignItems:"center",justifyContent:"center",paddingVertical:10,borderRadius:10,borderWidth:1,borderColor:`${t.purple}40`,backgroundColor:`${t.purple}0C`,gap:6},secondaryActionBtnText:{fontFamily:w.interSemiBold,fontSize:12,lineHeight:15,color:t.purple},bottomFooterRow:{flexDirection:"row",justifyContent:"space-between",alignItems:"center",width:"100%",paddingTop:8,borderTopWidth:1,borderTopColor:t.dividerColor},textBtn:{paddingVertical:5,paddingHorizontal:8},textBtnText:{fontFamily:w.interMedium,fontSize:11.5,lineHeight:15,color:t.grayTextStrong},doneBtn:{paddingVertical:5,paddingHorizontal:14,borderRadius:6,backgroundColor:t.dividerColor},doneBtnText:{fontFamily:w.interBold,fontSize:11.5,lineHeight:15,color:t.primaryBlack}});export default ConsoleExportModal;

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

@@ -1,71 +1,76 @@
-import F,{useCallback as k,useMemo as P,useRef as ne}from"react";import{FlatList as Se,Pressable as Ce,ScrollView as Q,Text as A,TextInput as Ie,View as S}from"react-native";import{useInspector as Te}from"./InspectorContext";import{useTranslation as xe}from"../../i18n";import H from"../TouchableScale";import Le from"../AnimatedEntrance";import{ConsoleLogCard as Ae}from"../ConsoleLogCard";import Ve from"../EmptyState";import Ee from"../EndOfListFooter";import T from"../../styles";import{AppColors as o}from"../../styles/AppColors";import{AppFonts as z}from"../../styles/AppFonts";import{LogFilter as V}from"../../types";import{SearchIcon as Be,ClearIcon as Fe,SortArrowIcon as Pe,TrashIcon as He,LayersIcon as Re,UserIcon as $e,InfoCircleIcon as We,WarningTriangleIcon as De,ErrorCircleIcon as Oe,AnalyticsIcon as Ne}from"../NetworkIcons";const Y=10,Ue=F.memo(()=>{const{t:C}=xe(),{logSearch:y,setLogSearch:E,logSortOrder:K,setLogSortOrder:X,handleDelete:j,logFilters:h,setLogFilters:R,logCounts:x,filteredConsoleLogs:w,visibleConsoleLogs:O,maxConsoleLogs:$,setSelectedLog:N}=Te(),q=$||100,U=ne(null),[G,M]=F.useState(q);F.useEffect(()=>{M($||100),U.current?.scrollToOffset({offset:0,animated:!1})},[y,h,$]);const W=P(()=>w.slice(0,G),[w,G]),v=k(e=>{N(e)},[N]),J=k(({item:e,index:t})=><Le index={t}distance={8}>
-        <Ae testID={`inspector.console.item.${t}`}item={e}searchStr={y}onPress={v}/>
-      </Le>,[y,v]),Z=k((e,t)=>({length:148,offset:148*t,index:t}),[]),ee=k((e,t)=>e?.id?.toString()??t.toString(),[]),oe=P(()=>{const e=O.length,t=w.length;if(h.has("all")||!Array.from(h).some(B=>B!=="all"))return<S style={{paddingHorizontal:8,paddingTop:8,paddingBottom:3}}>
+import F,{useCallback as H,useMemo as R,useRef as se}from"react";import{FlatList as Se,Pressable as Ce,ScrollView as K,Text as A,TextInput as Ie,View as S}from"react-native";import{useInspector as we}from"./InspectorContext";import{useTranslation as Te}from"../../i18n";import P from"../TouchableScale";import Le from"../AnimatedEntrance";import{ConsoleLogCard as Ae}from"../ConsoleLogCard";import Ee from"../EmptyState";import Ve from"../EndOfListFooter";import Be from"./ConsoleExportModal";import b from"../../styles";import{AppColors as o}from"../../styles/AppColors";import{AppFonts as z}from"../../styles/AppFonts";import{LogFilter as E}from"../../types";import{SearchIcon as Fe,ClearIcon as Pe,SortArrowIcon as He,TrashIcon as Re,LayersIcon as $e,UserIcon as De,InfoCircleIcon as We,WarningTriangleIcon as Oe,ErrorCircleIcon as Me,AnalyticsIcon as Ne,ExportIcon as Ue}from"../NetworkIcons";const X=10,ve=F.memo(()=>{const{t:I}=Te(),{logSearch:y,setLogSearch:V,logSortOrder:j,setLogSortOrder:q,handleDelete:J,logFilters:h,setLogFilters:$,logCounts:x,filteredConsoleLogs:C,visibleConsoleLogs:D,maxConsoleLogs:W,setSelectedLog:N}=we(),Z=W||100,U=se(null),[v,G]=F.useState(Z),[ee,_]=F.useState(!1);F.useEffect(()=>{G(W||100),U.current?.scrollToOffset({offset:0,animated:!1})},[y,h,W]);const O=R(()=>C.slice(0,v),[C,v]),Q=H(e=>{N(e)},[N]),oe=H(({item:e,index:t})=><Le index={t}distance={8}>
+        <Ae testID={`inspector.console.item.${t}`}item={e}searchStr={y}onPress={Q}/>
+      </Le>,[y,Q]),te=H((e,t)=>({length:148,offset:148*t,index:t}),[]),le=H((e,t)=>e?.id?.toString()??t.toString(),[]),re=R(()=>{const e=D.length,t=C.length;if(h.has("all")||!Array.from(h).some(B=>B!=="all"))return<S style={{paddingHorizontal:8,paddingTop:8,paddingBottom:3}}>
           <A style={{fontFamily:z.interMedium,fontSize:11,color:o.grayTextWeak,letterSpacing:.2}}>
             {t===e?`Showing ${e} logs`:`Showing ${t} of ${e} logs`}
           </A>
-        </S>;{const B=Array.from(h).filter(I=>I!=="all").map(I=>I==="user-log"?"Log":I==="analytics"?"Analytics":I.charAt(0).toUpperCase()+I.slice(1));return<S style={{paddingHorizontal:12,paddingTop:8,paddingBottom:3}}>
+        </S>;{const B=Array.from(h).filter(T=>T!=="all").map(T=>T==="user-log"?"Log":T==="analytics"?"Analytics":T.charAt(0).toUpperCase()+T.slice(1));return<S style={{paddingHorizontal:12,paddingTop:8,paddingBottom:3}}>
           <A style={{fontFamily:z.interMedium,fontSize:11,color:o.grayTextWeak,letterSpacing:.2}}>
             Filtered by {B.join(", ")} ({t} of {e} logs)
           </A>
-        </S>}},[O.length,w.length,h]),[D,_]=F.useState(!1),te=P(()=>["[AXIOS]","[API]","[GRAPHQL]","[REDUX]","[ANALYTICS]","[AUTH]","[NAV]","[STORAGE]","[PERF]","[WS]","[PUSH]","[PAYMENT]","[SYNC]","[BLE]","[LOCATION]","[TEST]","[DEBUG]"],[]),re=P(()=>[{id:V.All,label:C("common.all","All"),count:x.all?.split("/")?.[0]??"0",color:o.purple,Icon:Re},{id:V.UserLog,label:C("console.log","Log"),count:x["user-log"]?.split("/")?.[0]??"0",color:o.teal600,Icon:$e},{id:V.Info,label:C("console.info","Info"),count:x.info?.split("/")?.[0]??"0",color:o.sky600,Icon:We},{id:V.Warn,label:C("console.warning","Warn"),count:x.warn?.split("/")?.[0]??"0",color:o.amber600,Icon:De},{id:V.Error,label:C("console.error","Error"),count:x.error?.split("/")?.[0]??"0",color:o.errorColor,Icon:Oe},{id:V.Analytics,label:C("console.analytics","Analytics"),count:x.analytics?.split("/")?.[0]??"0",color:o.violet600,Icon:Ne}],[x,C]);return<S style={{flex:1}}>
+        </S>}},[D.length,C.length,h]),[M,Y]=F.useState(!1),ne=R(()=>["[AXIOS]","[API]","[GRAPHQL]","[REDUX]","[ANALYTICS]","[AUTH]","[NAV]","[STORAGE]","[PERF]","[WS]","[PUSH]","[PAYMENT]","[SYNC]","[BLE]","[LOCATION]","[TEST]","[DEBUG]"],[]),ie=R(()=>[{id:E.All,label:I("common.all","All"),count:x.all?.split("/")?.[0]??"0",color:o.purple,Icon:$e},{id:E.UserLog,label:I("console.log","Log"),count:x["user-log"]?.split("/")?.[0]??"0",color:o.teal600,Icon:De},{id:E.Info,label:I("console.info","Info"),count:x.info?.split("/")?.[0]??"0",color:o.sky600,Icon:We},{id:E.Warn,label:I("console.warning","Warn"),count:x.warn?.split("/")?.[0]??"0",color:o.amber600,Icon:Oe},{id:E.Error,label:I("console.error","Error"),count:x.error?.split("/")?.[0]??"0",color:o.errorColor,Icon:Me},{id:E.Analytics,label:I("console.analytics","Analytics"),count:x.analytics?.split("/")?.[0]??"0",color:o.violet600,Icon:Ne}],[x,I]);return<S style={{flex:1}}>
       <S style={{backgroundColor:o.white,borderBottomWidth:1,borderBottomColor:o.dividerColor,paddingBottom:6}}>
-        <S style={[T.toolbarRow,{marginTop:12,marginBottom:8}]}>
-          <S style={[T.searchContainer,D&&{borderColor:o.purple,borderWidth:1.5}]}>
-            <Be color={D?o.purple:o.grayTextWeak}size={16}/>
-            <Ie placeholder={C("console.searchPlaceholder")}placeholderTextColor={o.grayTextWeak}value={y}onChangeText={E}onFocus={()=>_(!0)}onBlur={()=>_(!1)}style={T.searchInput}autoCorrect={!1}autoCapitalize="none"/>
+        <S style={[b.toolbarRow,{marginTop:12,marginBottom:8}]}>
+          <S style={[b.searchContainer,M&&{borderColor:o.purple,borderWidth:1.5}]}>
+            <Fe color={M?o.purple:o.grayTextWeak}size={16}/>
+            <Ie placeholder={I("console.searchPlaceholder")}placeholderTextColor={o.grayTextWeak}value={y}onChangeText={V}onFocus={()=>Y(!0)}onBlur={()=>Y(!1)}style={b.searchInput}autoCorrect={!1}autoCapitalize="none"/>
             {y.length>0&&<S style={{flexDirection:"row",alignItems:"center",gap:4}}>
                 <S style={{backgroundColor:`${o.purple}20`,borderRadius:10,paddingHorizontal:6,paddingVertical:2}}>
                   <A style={{color:o.purple,fontSize:10,fontFamily:z.interBold}}>
-                    {w.length}
+                    {C.length}
                   </A>
                 </S>
-                <Ce onPress={()=>E("")}hitSlop={10}style={T.clearBtn}>
-                  <Fe color={o.grayTextWeak}size={14}/>
+                <Ce onPress={()=>V("")}hitSlop={10}style={b.clearBtn}>
+                  <Pe color={o.grayTextWeak}size={14}/>
                 </Ce>
               </S>}
           </S>
 
-          <S style={T.toolbarRight}>
-            <H style={T.toolbarBtn}onPress={()=>X(e=>e==="newest"?"oldest":"newest")}hitSlop={10}>
-              <Pe color={o.grayTextStrong}size={18}direction={K==="newest"?"down":"up"}/>
-            </H>
-            <H style={[T.toolbarBtn,{borderColor:`${o.errorColor}38`,backgroundColor:`${o.errorColor}0F`}]}onPress={j}hitSlop={6}>
-              <He color={o.errorColor}size={15}/>
-            </H>
+          <S style={b.toolbarRight}>
+            <P style={[b.toolbarBtn,{borderColor:`${o.purple}38`,backgroundColor:`${o.purple}0F`}]}onPress={()=>_(!0)}hitSlop={6}testID="inspector.console.exportBtn">
+              <Ue color={o.purple}size={15}/>
+            </P>
+            <P style={b.toolbarBtn}onPress={()=>q(e=>e==="newest"?"oldest":"newest")}hitSlop={10}>
+              <He color={o.grayTextStrong}size={18}direction={j==="newest"?"down":"up"}/>
+            </P>
+            <P style={[b.toolbarBtn,{borderColor:`${o.errorColor}38`,backgroundColor:`${o.errorColor}0F`}]}onPress={J}hitSlop={6}>
+              <Re color={o.errorColor}size={15}/>
+            </P>
           </S>
         </S>
 
         
-        {(D||y.length>0)&&<Q horizontal showsHorizontalScrollIndicator={!1}style={{marginBottom:6,maxHeight:30}}contentContainerStyle={{paddingHorizontal:8,flexDirection:"row",alignItems:"center",gap:6}}>
-            {te.map(e=>{const t=y.includes(e);return<H key={e}onPress={()=>{E(t?r=>r.replace(e,"").trim():r=>r?`${r} ${e}`.trim():e)}}>
+        {(M||y.length>0)&&<K horizontal showsHorizontalScrollIndicator={!1}style={{marginBottom:6,maxHeight:30}}contentContainerStyle={{paddingHorizontal:8,flexDirection:"row",alignItems:"center",gap:6}}>
+            {ne.map(e=>{const t=y.includes(e);return<P key={e}onPress={()=>{V(t?l=>l.replace(e,"").trim():l=>l?`${l} ${e}`.trim():e)}}>
                   <S style={{paddingHorizontal:8,paddingVertical:3,borderRadius:6,backgroundColor:t?o.purple:`${o.purple}14`,borderWidth:1,borderColor:t?o.purple:`${o.purple}30`}}>
                     <A style={{fontFamily:z.interBold,fontSize:10,color:t?o.white:o.purple}}>
                       {e}
                     </A>
                   </S>
-                </H>})}
-          </Q>}
+                </P>})}
+          </K>}
 
         
         <S style={{flexDirection:"row",alignItems:"center",marginBottom:8,paddingHorizontal:8,gap:6}}>
-          <Q horizontal showsHorizontalScrollIndicator={!1}style={{flex:1}}contentContainerStyle={{flexDirection:"row",alignItems:"center",gap:6,paddingRight:6}}>
-            {re.map(e=>{const t=e.id==="all"?h.has("all"):h.has(e.id)&&!h.has("all"),r=e.color||o.purple,B=t?o.white:r,I=e.Icon;return<H testID={`inspector.console.filter.${e.id}`}key={e.id}onPress={()=>{e.id==="all"?R(new Set(["all"])):R(le=>{const L=new Set(le);return L.delete("all"),L.has(e.id)?L.delete(e.id):L.add(e.id),L.size===0&&L.add("all"),L})}}>
-                  <S style={{flexDirection:"row",alignItems:"center",paddingHorizontal:9,paddingVertical:4.5,borderRadius:8,backgroundColor:t?r:`${r}12`,borderWidth:1,borderColor:t?r:`${r}30`,gap:5}}>
-                    <I size={11}color={B}/>
+          <K horizontal showsHorizontalScrollIndicator={!1}style={{flex:1}}contentContainerStyle={{flexDirection:"row",alignItems:"center",gap:6,paddingRight:6}}>
+            {ie.map(e=>{const t=e.id==="all"?h.has("all"):h.has(e.id)&&!h.has("all"),l=e.color||o.purple,B=t?o.white:l,T=e.Icon;return<P testID={`inspector.console.filter.${e.id}`}key={e.id}onPress={()=>{e.id==="all"?$(new Set(["all"])):$(ae=>{const L=new Set(ae);return L.delete("all"),L.has(e.id)?L.delete(e.id):L.add(e.id),L.size===0&&L.add("all"),L})}}>
+                  <S style={{flexDirection:"row",alignItems:"center",paddingHorizontal:9,paddingVertical:4.5,borderRadius:8,backgroundColor:t?l:`${l}12`,borderWidth:1,borderColor:t?l:`${l}30`,gap:5}}>
+                    <T size={11}color={B}/>
                     <A style={{fontFamily:z.interBold,fontSize:10.5,color:t?o.white:o.primaryBlack}}>
                       {e.label}
                     </A>
-                    <S style={{backgroundColor:t?"rgba(255,255,255,0.25)":`${r}20`,paddingHorizontal:5,paddingVertical:1,borderRadius:8}}>
-                      <A style={{fontFamily:z.interBold,fontSize:9,color:t?o.white:r}}>
+                    <S style={{backgroundColor:t?"rgba(255,255,255,0.25)":`${l}20`,paddingHorizontal:5,paddingVertical:1,borderRadius:8}}>
+                      <A style={{fontFamily:z.interBold,fontSize:9,color:t?o.white:l}}>
                         {e.count}
                       </A>
                     </S>
                   </S>
-                </H>})}
-          </Q>
+                </P>})}
+          </K>
         </S>
       </S>
 
-      <Se ref={U}data={W}keyExtractor={ee}ListHeaderComponent={oe}renderItem={J}getItemLayout={Z}initialNumToRender={10}maxToRenderPerBatch={8}windowSize={5}updateCellsBatchingPeriod={40}removeClippedSubviews={!0}renderToHardwareTextureAndroid={!0}showsVerticalScrollIndicator={!1}nestedScrollEnabled={!0}ListEmptyComponent={<Ve isSearch={y.length>0||!h.has("all")}searchQuery={y}customTitle={y.length>0?"No matching console logs":"No console logs"}onClearSearch={()=>{E(""),R(new Set(["all"]))}}/>}ListFooterComponent={w.length>0?<Ee count={W.length}totalCount={w.length}label="logs"loadMoreStep={Y}hasMore={W.length<w.length}onLoadMore={()=>M(e=>e+Y)}/>:null}style={{flex:1}}contentContainerStyle={[T.listContent,{flexGrow:1}]}keyboardShouldPersistTaps="handled"/>
-    </S>});export default Ue;
+      <Se ref={U}data={O}keyExtractor={le}ListHeaderComponent={re}renderItem={oe}getItemLayout={te}initialNumToRender={10}maxToRenderPerBatch={8}windowSize={5}updateCellsBatchingPeriod={40}removeClippedSubviews={!0}renderToHardwareTextureAndroid={!0}showsVerticalScrollIndicator={!1}nestedScrollEnabled={!0}ListEmptyComponent={<Ee isSearch={y.length>0||!h.has("all")}searchQuery={y}customTitle={y.length>0?"No matching console logs":"No console logs"}onClearSearch={()=>{V(""),$(new Set(["all"]))}}/>}ListFooterComponent={C.length>0?<Ve count={O.length}totalCount={C.length}label="logs"loadMoreStep={X}hasMore={O.length<C.length}onLoadMore={()=>G(e=>e+X)}/>:null}style={{flex:1}}contentContainerStyle={[b.listContent,{flexGrow:1}]}keyboardShouldPersistTaps="handled"/>
+
+      <Be visible={ee}onClose={()=>_(!1)}filteredLogs={C}allLogs={D}/>
+    </S>});export default ve;

package/dist/esm/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/esm/components/Inspector/DeveloperSponsorCard.js

@@ -0,0 +1,52 @@
+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;